@sanity/ui 4.0.0-beta.7 → 4.0.0-next.0

package/dist/index.cjs

@@ -0,0 +1,3007 @@
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_portalProvider = require("./_chunks/portalProvider.cjs"), require_getScopedTheme = require("./_chunks/getScopedTheme.cjs");
+let react_compiler_runtime = require("react-compiler-runtime"), _sanity_icons_ChevronDown = require("@sanity/icons/ChevronDown"), react = require("react"), styled_components = require("styled-components"), react_jsx_runtime = require("react/jsx-runtime"), react_is = require("react-is");
+react_is = require_portalProvider.It(react_is, 1);
+let _sanity_icons_Spinner = require("@sanity/icons/Spinner"), motion_react = require("motion/react"), _sanity_icons_Close = require("@sanity/icons/Close"), _sanity_icons_ToggleArrowRight = require("@sanity/icons/ToggleArrowRight"), _sanity_icons_Checkmark = require("@sanity/icons/Checkmark"), _sanity_icons_Remove = require("@sanity/icons/Remove");
+/**
+* @internal
+*/
+function _raf(fn) {
+	let frameId = requestAnimationFrame(fn);
+	return () => {
+		cancelAnimationFrame(frameId);
+	};
+}
+/**
+* @internal
+*/
+function _raf2(fn) {
+	let innerDispose = null, outerDispose = _raf(() => {
+		innerDispose = _raf(fn);
+	});
+	return () => {
+		innerDispose && innerDispose(), outerDispose();
+	};
+}
+/**
+* @internal
+*/
+function _hasFocus(element) {
+	return !!document.activeElement && element.contains(document.activeElement);
+}
+/**
+* @internal
+*/
+function isFocusable(element) {
+	return element.tabIndex > 0 || element.tabIndex === 0 && element.getAttribute("tabIndex") !== null ? !0 : require_portalProvider.vt(element) ? !!element.href && element.rel !== "ignore" : require_portalProvider.xt(element) ? element.type !== "hidden" && element.type !== "file" && !element.disabled : require_portalProvider.yt(element) || require_portalProvider.St(element) || require_portalProvider.Ct(element) ? !element.disabled : !1;
+}
+/**
+* @internal
+*/
+function attemptFocus(element) {
+	if (!isFocusable(element)) return !1;
+	try {
+		element.focus();
+	} catch {}
+	return document.activeElement === element;
+}
+/**
+* @internal
+*/
+function focusFirstDescendant(element) {
+	for (let i = 0; i < element.childNodes.length; i++) {
+		let child = element.childNodes[i];
+		if (require_portalProvider.bt(child) && (attemptFocus(child) || focusFirstDescendant(child))) return !0;
+	}
+	return !1;
+}
+/**
+* @internal
+*/
+function focusLastDescendant(element) {
+	for (let i = element.childNodes.length - 1; i >= 0; i--) {
+		let child = element.childNodes[i];
+		if (require_portalProvider.bt(child) && (attemptFocus(child) || focusLastDescendant(child))) return !0;
+	}
+	return !1;
+}
+/**
+* @internal
+*/
+const StyledAutocomplete = styled_components.styled.div.withConfig({
+	displayName: "StyledAutocomplete",
+	componentId: "sc-ilitn5-0"
+})`line-height:0;`, ListBox = (0, styled_components.styled)(require_portalProvider.lt).withConfig({
+	displayName: "ListBox",
+	componentId: "sc-ilitn5-1"
+})`& > ul{list-style:none;padding:0;margin:0;}`, rotate = styled_components.keyframes`from{transform:rotate(0deg);}to{transform:rotate(360deg);}`, AnimatedSpinnerIcon = (0, styled_components.styled)(_sanity_icons_Spinner.SpinnerIcon).withConfig({
+	displayName: "AnimatedSpinnerIcon",
+	componentId: "sc-ilitn5-2"
+})`animation:${rotate} 500ms linear infinite;`;
+function AutocompleteOption(props) {
+	let $ = (0, react_compiler_runtime.c)(11), { children, id, onSelect, selected, value } = props, t0;
+	$[0] !== onSelect || $[1] !== value ? (t0 = () => {
+		setTimeout(() => {
+			onSelect(value);
+		}, 0);
+	}, $[0] = onSelect, $[1] = value, $[2] = t0) : t0 = $[2];
+	let handleClick = t0, t1;
+	$[3] === handleClick ? t1 = $[4] : (t1 = (event) => {
+		event.key === "Enter" && !require_portalProvider.gt(event.currentTarget) && handleClick();
+	}, $[3] = handleClick, $[4] = t1);
+	let handleKeyDown = t1, t2;
+	return $[5] !== children || $[6] !== handleClick || $[7] !== handleKeyDown || $[8] !== id || $[9] !== selected ? (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		"aria-selected": selected,
+		"data-ui": "AutocompleteOption",
+		id,
+		role: "option",
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		children
+	}), $[5] = children, $[6] = handleClick, $[7] = handleKeyDown, $[8] = id, $[9] = selected, $[10] = t2) : t2 = $[10], t2;
+}
+/**
+* @internal
+*/
+function autocompleteReducer(state, msg) {
+	return msg.type === "input/change" ? {
+		...state,
+		activeValue: null,
+		focused: !0,
+		query: msg.query
+	} : msg.type === "input/focus" ? {
+		...state,
+		focused: !0
+	} : msg.type === "root/blur" ? {
+		...state,
+		focused: !1,
+		query: null
+	} : msg.type === "root/clear" ? {
+		...state,
+		activeValue: null,
+		query: null,
+		value: null
+	} : msg.type === "root/escape" ? {
+		...state,
+		focused: !1,
+		query: null
+	} : msg.type === "root/open" ? {
+		...state,
+		query: state.query || msg.query
+	} : msg.type === "root/setActiveValue" ? {
+		...state,
+		activeValue: msg.value,
+		listFocused: msg.listFocused || state.listFocused
+	} : msg.type === "root/setListFocused" ? {
+		...state,
+		listFocused: msg.listFocused
+	} : msg.type === "value/change" ? {
+		...state,
+		activeValue: msg.value,
+		query: null,
+		value: msg.value
+	} : state;
+}
+/**
+* @internal
+*/
+const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
+	"Control",
+	"Shift",
+	"Alt",
+	"Enter",
+	"Home",
+	"End",
+	"PageUp",
+	"PageDown",
+	"Meta",
+	"Tab",
+	"CapsLock"
+], AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS = ["bottom-start", "top-start"], DEFAULT_RENDER_VALUE = (value, option) => option ? option.value : value, DEFAULT_FILTER_OPTION = (query, option) => option.value.toLowerCase().indexOf(query.toLowerCase()) > -1, InnerAutocomplete = (0, react.forwardRef)(function Autocomplete(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(181), customValidity, disabled, filterOptionProp, icon, id, loading, onBlur, onChange, onFocus, onQueryChange, onSelect, openButton, openOnFocus, optionsProp, prefix, readOnly, relatedElements, renderOptionProp, renderPopover, restProps, suffix, t0, t1, t2, t3, t4, t5, t6, valueProp;
+	$[0] === props ? (customValidity = $[1], disabled = $[2], filterOptionProp = $[3], icon = $[4], id = $[5], loading = $[6], onBlur = $[7], onChange = $[8], onFocus = $[9], onQueryChange = $[10], onSelect = $[11], openButton = $[12], openOnFocus = $[13], optionsProp = $[14], prefix = $[15], readOnly = $[16], relatedElements = $[17], renderOptionProp = $[18], renderPopover = $[19], restProps = $[20], suffix = $[21], t0 = $[22], t1 = $[23], t2 = $[24], t3 = $[25], t4 = $[26], t5 = $[27], t6 = $[28], valueProp = $[29]) : ({border: t0, customValidity, disabled, filterOption: filterOptionProp, fontSize: t1, icon, id, listBox: t2, loading, onBlur, onChange, onFocus, onQueryChange, onSelect, openButton, openOnFocus, options: optionsProp, padding: t3, popover: t4, prefix, radius: t5, readOnly, relatedElements, renderOption: renderOptionProp, renderPopover, renderValue: t6, suffix, value: valueProp, ...restProps} = props, $[0] = props, $[1] = customValidity, $[2] = disabled, $[3] = filterOptionProp, $[4] = icon, $[5] = id, $[6] = loading, $[7] = onBlur, $[8] = onChange, $[9] = onFocus, $[10] = onQueryChange, $[11] = onSelect, $[12] = openButton, $[13] = openOnFocus, $[14] = optionsProp, $[15] = prefix, $[16] = readOnly, $[17] = relatedElements, $[18] = renderOptionProp, $[19] = renderPopover, $[20] = restProps, $[21] = suffix, $[22] = t0, $[23] = t1, $[24] = t2, $[25] = t3, $[26] = t4, $[27] = t5, $[28] = t6, $[29] = valueProp);
+	let border = t0 === void 0 || t0, fontSize = t1 === void 0 ? 2 : t1, listBox = t2 === void 0 ? require_portalProvider.Tt : t2, paddingProp = t3 === void 0 ? 3 : t3, popover = t4 === void 0 ? require_portalProvider.Tt : t4, radius = t5 === void 0 ? 2 : t5, renderValue = t6 === void 0 ? DEFAULT_RENDER_VALUE : t6, t7 = valueProp || null, t8 = valueProp || null, t9;
+	$[30] !== t7 || $[31] !== t8 ? (t9 = {
+		activeValue: t7,
+		focused: !1,
+		listFocused: !1,
+		query: null,
+		value: t8
+	}, $[30] = t7, $[31] = t8, $[32] = t9) : t9 = $[32];
+	let [state, dispatch] = (0, react.useReducer)(autocompleteReducer, t9), { activeValue, focused, listFocused, query, value } = state, t10;
+	$[33] !== fontSize || $[34] !== paddingProp ? (t10 = (t11) => {
+		let { value: value_0 } = t11;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.W, {
+			"data-as": "button",
+			padding: paddingProp,
+			radius: 2,
+			tone: "inherit",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.et, {
+				size: fontSize,
+				textOverflow: "ellipsis",
+				children: value_0
+			})
+		});
+	}, $[33] = fontSize, $[34] = paddingProp, $[35] = t10) : t10 = $[35];
+	let renderOption = typeof renderOptionProp == "function" ? renderOptionProp : t10, filterOption = typeof filterOptionProp == "function" ? filterOptionProp : DEFAULT_FILTER_OPTION, rootElementRef = (0, react.useRef)(null), resultsPopoverElementRef = (0, react.useRef)(null), inputElementRef = (0, react.useRef)(null), listBoxElementRef = (0, react.useRef)(null), [inputElement, _setInputElement] = (0, react.useState)(null), t11;
+	$[36] === Symbol.for("react.memo_cache_sentinel") ? (t11 = (node) => {
+		(0, react.startTransition)(() => _setInputElement(node));
+	}, $[36] = t11) : t11 = $[36];
+	let setInputElement = t11, listFocusedRef = (0, react.useRef)(!1), valueRef = (0, react.useRef)(value), valuePropRef = (0, react.useRef)(valueProp), popoverMouseWithinRef = (0, react.useRef)(!1), t12, t13;
+	$[37] === inputElement ? (t12 = $[38], t13 = $[39]) : (t12 = () => inputElement, t13 = [inputElement], $[37] = inputElement, $[38] = t12, $[39] = t13), (0, react.useImperativeHandle)(inputElementRef, t12, t13);
+	let t14, t15;
+	$[40] === inputElement ? (t14 = $[41], t15 = $[42]) : (t14 = () => inputElement, t15 = [inputElement], $[40] = inputElement, $[41] = t14, $[42] = t15), (0, react.useImperativeHandle)(forwardedRef, t14, t15);
+	let listBoxId = `${id}-listbox`, options = Array.isArray(optionsProp) ? optionsProp : require_portalProvider.wt, padding = require_portalProvider.ft(paddingProp), t16;
+	$[43] !== options || $[44] !== value ? (t16 = value === null ? void 0 : options.find((o) => o.value === value), $[43] = options, $[44] = value, $[45] = t16) : t16 = $[45];
+	let currentOption = t16, t17;
+	if ($[46] !== filterOption || $[47] !== options || $[48] !== query) {
+		let t18;
+		$[50] !== filterOption || $[51] !== query ? (t18 = (option) => !query || filterOption(query, option), $[50] = filterOption, $[51] = query, $[52] = t18) : t18 = $[52], t17 = options.filter(t18), $[46] = filterOption, $[47] = options, $[48] = query, $[49] = t17;
+	} else t17 = $[49];
+	let filteredOptions = t17, filteredOptionsLen = filteredOptions.length, activeItemId = activeValue ? `${id}-option-${activeValue}` : void 0, expanded = query !== null && loading || focused && query !== null, t18;
+	$[53] !== onBlur || $[54] !== onQueryChange || $[55] !== relatedElements ? (t18 = (event) => {
+		setTimeout(() => {
+			if (popoverMouseWithinRef.current) return;
+			let elements = (relatedElements || []).concat(rootElementRef.current ? [rootElementRef.current] : [], resultsPopoverElementRef.current ? [resultsPopoverElementRef.current] : []), focusInside = !1;
+			if (document.activeElement) {
+				for (let e of elements) if (e === document.activeElement || e.contains(document.activeElement)) {
+					focusInside = !0;
+					break;
+				}
+			}
+			focusInside === !1 && (dispatch({ type: "root/blur" }), popoverMouseWithinRef.current = !1, onQueryChange && onQueryChange(null), onBlur && onBlur(event));
+		}, 0);
+	}, $[53] = onBlur, $[54] = onQueryChange, $[55] = relatedElements, $[56] = t18) : t18 = $[56];
+	let handleRootBlur = t18, t19;
+	$[57] === Symbol.for("react.memo_cache_sentinel") ? (t19 = (event_0) => {
+		let listBoxElement = listBoxElementRef.current, focusedElement = event_0.target instanceof HTMLElement ? event_0.target : null, listFocused_0 = listBoxElement?.contains(focusedElement) || !1;
+		listFocused_0 !== listFocusedRef.current && (listFocusedRef.current = listFocused_0, dispatch({
+			type: "root/setListFocused",
+			listFocused: listFocused_0
+		}));
+	}, $[57] = t19) : t19 = $[57];
+	let handleRootFocus = t19, t20;
+	$[58] !== onChange || $[59] !== onQueryChange || $[60] !== onSelect ? (t20 = (v) => {
+		dispatch({
+			type: "value/change",
+			value: v
+		}), popoverMouseWithinRef.current = !1, onSelect && onSelect(v), valueRef.current = v, onChange && onChange(v), onQueryChange && onQueryChange(null), inputElementRef.current?.focus();
+	}, $[58] = onChange, $[59] = onQueryChange, $[60] = onSelect, $[61] = t20) : t20 = $[61];
+	let handleOptionSelect = t20, t21;
+	$[62] !== activeValue || $[63] !== filteredOptions || $[64] !== filteredOptionsLen || $[65] !== onQueryChange ? (t21 = (event_1) => {
+		if (event_1.key === "ArrowDown") {
+			if (event_1.preventDefault(), !filteredOptionsLen) return;
+			let activeOption = filteredOptions.find((o_0) => o_0.value === activeValue), activeIndex = activeOption ? filteredOptions.indexOf(activeOption) : -1, nextActiveOption = filteredOptions[(activeIndex + 1) % filteredOptionsLen];
+			nextActiveOption && dispatch({
+				type: "root/setActiveValue",
+				value: nextActiveOption.value,
+				listFocused: !0
+			});
+			return;
+		}
+		if (event_1.key === "ArrowUp") {
+			if (event_1.preventDefault(), !filteredOptionsLen) return;
+			let activeOption_0 = filteredOptions.find((o_1) => o_1.value === activeValue), activeIndex_0 = activeOption_0 ? filteredOptions.indexOf(activeOption_0) : -1, nextActiveOption_0 = filteredOptions[activeIndex_0 === -1 ? filteredOptionsLen - 1 : (filteredOptionsLen + activeIndex_0 - 1) % filteredOptionsLen];
+			nextActiveOption_0 && dispatch({
+				type: "root/setActiveValue",
+				value: nextActiveOption_0.value,
+				listFocused: !0
+			});
+			return;
+		}
+		if (event_1.key === "Escape") {
+			dispatch({ type: "root/escape" }), popoverMouseWithinRef.current = !1, onQueryChange && onQueryChange(null), inputElementRef.current?.focus();
+			return;
+		}
+		let target = event_1.target, listEl = listBoxElementRef.current;
+		if ((listEl === target || listEl?.contains(target)) && !AUTOCOMPLETE_LISTBOX_IGNORE_KEYS.includes(event_1.key)) {
+			inputElementRef.current?.focus();
+			return;
+		}
+	}, $[62] = activeValue, $[63] = filteredOptions, $[64] = filteredOptionsLen, $[65] = onQueryChange, $[66] = t21) : t21 = $[66];
+	let handleRootKeyDown = t21, t22;
+	$[67] === onQueryChange ? t22 = $[68] : (t22 = (event_2) => {
+		let nextQuery = event_2.currentTarget.value;
+		dispatch({
+			type: "input/change",
+			query: nextQuery
+		}), onQueryChange && onQueryChange(nextQuery);
+	}, $[67] = onQueryChange, $[68] = t22);
+	let handleInputChange = t22, t23;
+	$[69] !== currentOption || $[70] !== renderValue || $[71] !== value ? (t23 = () => {
+		dispatch({
+			type: "root/open",
+			query: value ? renderValue(value, currentOption) : ""
+		});
+	}, $[69] = currentOption, $[70] = renderValue, $[71] = value, $[72] = t23) : t23 = $[72];
+	let dispatchOpen = t23, t24;
+	$[73] !== dispatchOpen || $[74] !== focused || $[75] !== onFocus || $[76] !== openOnFocus ? (t24 = (event_3) => {
+		focused || (dispatch({ type: "input/focus" }), onFocus && onFocus(event_3), openOnFocus && dispatchOpen());
+	}, $[73] = dispatchOpen, $[74] = focused, $[75] = onFocus, $[76] = openOnFocus, $[77] = t24) : t24 = $[77];
+	let handleInputFocus = t24, t25;
+	$[78] === Symbol.for("react.memo_cache_sentinel") ? (t25 = () => {
+		popoverMouseWithinRef.current = !0;
+	}, $[78] = t25) : t25 = $[78];
+	let handlePopoverMouseEnter = t25, t26;
+	$[79] === Symbol.for("react.memo_cache_sentinel") ? (t26 = () => {
+		popoverMouseWithinRef.current = !1;
+	}, $[79] = t26) : t26 = $[79];
+	let handlePopoverMouseLeave = t26, t27;
+	$[80] !== onChange || $[81] !== onQueryChange ? (t27 = () => {
+		dispatch({ type: "root/clear" }), valueRef.current = "", onChange && onChange(""), onQueryChange && onQueryChange(null), inputElementRef.current?.focus();
+	}, $[80] = onChange, $[81] = onQueryChange, $[82] = t27) : t27 = $[82];
+	let handleClearButtonClick = t27, t28;
+	$[83] === Symbol.for("react.memo_cache_sentinel") ? (t28 = () => {
+		dispatch({ type: "input/focus" });
+	}, $[83] = t28) : t28 = $[83];
+	let handleClearButtonFocus = t28, t29, t30;
+	$[84] === valueProp ? (t29 = $[85], t30 = $[86]) : (t29 = () => {
+		if (valueProp !== valuePropRef.current) {
+			valuePropRef.current = valueProp, valueProp !== void 0 && (dispatch({
+				type: "value/change",
+				value: valueProp
+			}), valueRef.current = valueProp);
+			return;
+		}
+		valueProp !== valueRef.current && (valueRef.current = valueProp || null, dispatch({
+			type: "value/change",
+			value: valueProp || null
+		}));
+	}, t30 = [valueProp], $[84] = valueProp, $[85] = t29, $[86] = t30), (0, react.useEffect)(t29, t30);
+	let t31, t32;
+	$[87] === focused ? (t31 = $[88], t32 = $[89]) : (t31 = () => {
+		!focused && valueRef.current && dispatch({
+			type: "root/setActiveValue",
+			value: valueRef.current
+		});
+	}, t32 = [focused], $[87] = focused, $[88] = t31, $[89] = t32), (0, react.useEffect)(t31, t32);
+	let t33, t34;
+	$[90] !== activeValue || $[91] !== filteredOptions ? (t33 = () => {
+		let listElement = listBoxElementRef.current;
+		if (!listElement) return;
+		let activeOption_1 = filteredOptions.find((o_2) => o_2.value === activeValue);
+		if (activeOption_1) {
+			let activeIndex_1 = filteredOptions.indexOf(activeOption_1), activeItemElement = listElement.childNodes[activeIndex_1];
+			if (activeItemElement) {
+				if (_hasFocus(activeItemElement)) return;
+				focusFirstDescendant(activeItemElement);
+			}
+		}
+	}, t34 = [activeValue, filteredOptions], $[90] = activeValue, $[91] = filteredOptions, $[92] = t33, $[93] = t34) : (t33 = $[92], t34 = $[93]), (0, react.useEffect)(t33, t34);
+	let t35;
+	bb0: {
+		if (!loading && !disabled && value) {
+			let t36;
+			$[94] === Symbol.for("react.memo_cache_sentinel") ? (t36 = {
+				"aria-label": "Clear",
+				onFocus: handleClearButtonFocus
+			}, $[94] = t36) : t36 = $[94], t35 = t36;
+			break bb0;
+		}
+		t35 = void 0;
+	}
+	let clearButton = t35, openButtonBoxPadding = padding.map(_temp$5), openButtonPadding = padding.map(_temp2$1), openButtonProps = typeof openButton == "object" ? openButton : require_portalProvider.Tt, t36;
+	$[95] !== dispatchOpen || $[96] !== openButtonProps ? (t36 = (event_4) => {
+		dispatchOpen(), openButtonProps.onClick && openButtonProps.onClick(event_4), _raf(() => inputElementRef.current?.focus());
+	}, $[95] = dispatchOpen, $[96] = openButtonProps, $[97] = t36) : t36 = $[97];
+	let handleOpenClick = t36, t37;
+	$[98] !== disabled || $[99] !== expanded || $[100] !== fontSize || $[101] !== handleOpenClick || $[102] !== openButton || $[103] !== openButtonBoxPadding || $[104] !== openButtonPadding || $[105] !== openButtonProps || $[106] !== readOnly ? (t37 = !disabled && !readOnly && openButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.lt, {
+		"aria-hidden": expanded,
+		padding: openButtonBoxPadding,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.Y, {
+			"aria-label": "Open",
+			disabled: expanded,
+			fontSize,
+			icon: _sanity_icons_ChevronDown.ChevronDownIcon,
+			mode: "bleed",
+			padding: openButtonPadding,
+			...openButtonProps,
+			onClick: handleOpenClick
+		})
+	}) : void 0, $[98] = disabled, $[99] = expanded, $[100] = fontSize, $[101] = handleOpenClick, $[102] = openButton, $[103] = openButtonBoxPadding, $[104] = openButtonPadding, $[105] = openButtonProps, $[106] = readOnly, $[107] = t37) : t37 = $[107];
+	let openButtonNode = t37, t38;
+	bb1: {
+		if (query === null) {
+			if (value !== null) {
+				let t39;
+				$[108] !== currentOption || $[109] !== renderValue || $[110] !== value ? (t39 = renderValue(value, currentOption), $[108] = currentOption, $[109] = renderValue, $[110] = value, $[111] = t39) : t39 = $[111], t38 = t39;
+				break bb1;
+			}
+			t38 = "";
+			break bb1;
+		}
+		t38 = query;
+	}
+	let inputValue = t38, t39;
+	$[112] === listFocused ? t39 = $[113] : (t39 = (event_5) => {
+		event_5.key === "Tab" && listFocused && inputElementRef.current?.focus();
+	}, $[112] = listFocused, $[113] = t39);
+	let handleListBoxKeyDown = t39, t40;
+	bb2: {
+		if (filteredOptions.length === 0) {
+			t40 = null;
+			break bb2;
+		}
+		let t41;
+		if ($[114] !== activeValue || $[115] !== currentOption || $[116] !== filteredOptions || $[117] !== handleOptionSelect || $[118] !== id || $[119] !== listFocused || $[120] !== loading || $[121] !== renderOption) {
+			let t42;
+			$[123] !== activeValue || $[124] !== currentOption || $[125] !== handleOptionSelect || $[126] !== id || $[127] !== listFocused || $[128] !== loading || $[129] !== renderOption ? (t42 = (option_0) => {
+				let active = activeValue === null ? currentOption === option_0 : option_0.value === activeValue;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutocompleteOption, {
+					id: `${id}-option-${option_0.value}`,
+					onSelect: handleOptionSelect,
+					selected: active,
+					value: option_0.value,
+					children: (0, react.cloneElement)(renderOption(option_0), {
+						disabled: loading,
+						selected: active,
+						tabIndex: listFocused && active ? 0 : -1
+					})
+				}, option_0.value);
+			}, $[123] = activeValue, $[124] = currentOption, $[125] = handleOptionSelect, $[126] = id, $[127] = listFocused, $[128] = loading, $[129] = renderOption, $[130] = t42) : t42 = $[130], t41 = filteredOptions.map(t42), $[114] = activeValue, $[115] = currentOption, $[116] = filteredOptions, $[117] = handleOptionSelect, $[118] = id, $[119] = listFocused, $[120] = loading, $[121] = renderOption, $[122] = t41;
+		} else t41 = $[122];
+		let t42;
+		$[131] !== listBoxId || $[132] !== t41 ? (t42 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.O, {
+			as: "ul",
+			"aria-multiselectable": !1,
+			"data-ui": "AutoComplete__resultsList",
+			id: listBoxId,
+			ref: listBoxElementRef,
+			role: "listbox",
+			gap: 1,
+			children: t41
+		}), $[131] = listBoxId, $[132] = t41, $[133] = t42) : t42 = $[133];
+		let t43;
+		$[134] !== handleListBoxKeyDown || $[135] !== listBox || $[136] !== t42 ? (t43 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListBox, {
+			"data-ui": "AutoComplete__results",
+			onKeyDown: handleListBoxKeyDown,
+			padding: 1,
+			...listBox,
+			tabIndex: -1,
+			children: t42
+		}), $[134] = handleListBoxKeyDown, $[135] = listBox, $[136] = t42, $[137] = t43) : t43 = $[137], t40 = t43;
+	}
+	let content = t40, t41;
+	bb3: {
+		if (renderPopover) {
+			let t42 = !expanded, t43;
+			$[138] !== content || $[139] !== handlePopoverMouseEnter || $[140] !== handlePopoverMouseLeave || $[141] !== inputElement || $[142] !== renderPopover || $[143] !== t42 ? (t43 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RenderPopover, {
+				content,
+				hidden: t42,
+				inputElement,
+				onMouseEnter: handlePopoverMouseEnter,
+				onMouseLeave: handlePopoverMouseLeave,
+				resultsPopoverElementRef,
+				renderPopover
+			}), $[138] = content, $[139] = handlePopoverMouseEnter, $[140] = handlePopoverMouseLeave, $[141] = inputElement, $[142] = renderPopover, $[143] = t42, $[144] = t43) : t43 = $[144], t41 = t43;
+			break bb3;
+		}
+		if (filteredOptionsLen === 0) {
+			t41 = null;
+			break bb3;
+		}
+		let t42;
+		$[145] !== content || $[146] !== expanded || $[147] !== handlePopoverMouseEnter || $[148] !== handlePopoverMouseLeave || $[149] !== inputElement || $[150] !== popover || $[151] !== radius ? (t42 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.k, {
+			arrow: !1,
+			constrainSize: !0,
+			content,
+			fallbackPlacements: AUTOCOMPLETE_POPOVER_FALLBACK_PLACEMENTS,
+			matchReferenceWidth: !0,
+			onMouseEnter: handlePopoverMouseEnter,
+			onMouseLeave: handlePopoverMouseLeave,
+			open: expanded,
+			overflow: "auto",
+			placement: "bottom-start",
+			portal: !0,
+			radius,
+			ref: resultsPopoverElementRef,
+			referenceElement: inputElement,
+			...popover
+		}), $[145] = content, $[146] = expanded, $[147] = handlePopoverMouseEnter, $[148] = handlePopoverMouseLeave, $[149] = inputElement, $[150] = popover, $[151] = radius, $[152] = t42) : t42 = $[152], t41 = t42;
+	}
+	let results = t41, t42 = loading && AnimatedSpinnerIcon, t43 = suffix || openButtonNode, t44;
+	$[153] !== activeItemId || $[154] !== border || $[155] !== clearButton || $[156] !== customValidity || $[157] !== disabled || $[158] !== expanded || $[159] !== fontSize || $[160] !== handleClearButtonClick || $[161] !== handleInputChange || $[162] !== handleInputFocus || $[163] !== icon || $[164] !== id || $[165] !== inputValue || $[166] !== listBoxId || $[167] !== padding || $[168] !== prefix || $[169] !== radius || $[170] !== readOnly || $[171] !== restProps || $[172] !== t42 || $[173] !== t43 ? (t44 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.b, {
+		...restProps,
+		"aria-activedescendant": activeItemId,
+		"aria-autocomplete": "list",
+		"aria-expanded": expanded,
+		"aria-owns": listBoxId,
+		autoCapitalize: "off",
+		autoComplete: "off",
+		autoCorrect: "off",
+		border,
+		clearButton,
+		customValidity,
+		disabled,
+		fontSize,
+		icon,
+		iconRight: t42,
+		id,
+		inputMode: "search",
+		onChange: handleInputChange,
+		onClear: handleClearButtonClick,
+		onFocus: handleInputFocus,
+		padding,
+		prefix,
+		radius,
+		readOnly,
+		ref: setInputElement,
+		role: "combobox",
+		spellCheck: !1,
+		suffix: t43,
+		value: inputValue
+	}), $[153] = activeItemId, $[154] = border, $[155] = clearButton, $[156] = customValidity, $[157] = disabled, $[158] = expanded, $[159] = fontSize, $[160] = handleClearButtonClick, $[161] = handleInputChange, $[162] = handleInputFocus, $[163] = icon, $[164] = id, $[165] = inputValue, $[166] = listBoxId, $[167] = padding, $[168] = prefix, $[169] = radius, $[170] = readOnly, $[171] = restProps, $[172] = t42, $[173] = t43, $[174] = t44) : t44 = $[174];
+	let t45;
+	return $[175] !== handleRootBlur || $[176] !== handleRootFocus || $[177] !== handleRootKeyDown || $[178] !== results || $[179] !== t44 ? (t45 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledAutocomplete, {
+		"data-ui": "Autocomplete",
+		onBlur: handleRootBlur,
+		onFocus: handleRootFocus,
+		onKeyDown: handleRootKeyDown,
+		ref: rootElementRef,
+		children: [t44, results]
+	}), $[175] = handleRootBlur, $[176] = handleRootFocus, $[177] = handleRootKeyDown, $[178] = results, $[179] = t44, $[180] = t45) : t45 = $[180], t45;
+});
+function RenderPopover({ renderPopover, content, hidden, inputElement, onMouseEnter, onMouseLeave, resultsPopoverElementRef }) {
+	return renderPopover({
+		content,
+		hidden,
+		inputElement,
+		onMouseEnter,
+		onMouseLeave
+	}, resultsPopoverElementRef);
+}
+/**
+* The Autocomplete component is typically used for search components.
+* It consists of a text input for writing a query, and properties for rendering suggestions.
+*
+* @public
+*/
+const Autocomplete = InnerAutocomplete;
+function _temp$5(v_0) {
+	return v_0 === 0 ? 0 : v_0 === 1 || v_0 === 2 ? 1 : v_0 - 2;
+}
+function _temp2$1(v_1) {
+	return Math.max(v_1 - 1, 0);
+}
+const StyledBreadcrumbs = styled_components.styled.ol.withConfig({
+	displayName: "StyledBreadcrumbs",
+	componentId: "sc-s3y9xo-0"
+})`margin:0;padding:0;display:flex;list-style:none;align-items:center;white-space:nowrap;line-height:0;`, ExpandButton = (0, styled_components.styled)(require_portalProvider.Y).withConfig({
+	displayName: "ExpandButton",
+	componentId: "sc-s3y9xo-1"
+})`appearance:none;margin:-4px;`, Breadcrumbs = (0, react.forwardRef)(function Breadcrumbs(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(30), children, gap, maxLength, restProps, separator, t0;
+	$[0] === props ? (children = $[1], gap = $[2], maxLength = $[3], restProps = $[4], separator = $[5], t0 = $[6]) : ({children, gap, maxLength, separator, space: t0, ...restProps} = props, $[0] = props, $[1] = children, $[2] = gap, $[3] = maxLength, $[4] = restProps, $[5] = separator, $[6] = t0);
+	let t1 = gap === void 0 ? t0 === void 0 ? 2 : t0 : gap, t2;
+	$[7] === t1 ? t2 = $[8] : (t2 = require_portalProvider.ft(t1), $[7] = t1, $[8] = t2);
+	let space = t2, [open, setOpen] = (0, react.useState)(!1), expandElementRef = (0, react.useRef)(null), popoverElementRef = (0, react.useRef)(null), t3;
+	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t3 = () => setOpen(!1), $[9] = t3) : t3 = $[9];
+	let collapse = t3, t4;
+	$[10] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => setOpen(!0), $[10] = t4) : t4 = $[10];
+	let expand = t4, t5;
+	$[11] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => [expandElementRef.current, popoverElementRef.current], $[11] = t5) : t5 = $[11], require_portalProvider.y(collapse, t5);
+	let t6;
+	$[12] === children ? t6 = $[13] : (t6 = react.Children.toArray(children).filter(react.isValidElement), $[12] = children, $[13] = t6);
+	let rawItems = t6, t7;
+	$[14] !== maxLength || $[15] !== open || $[16] !== rawItems || $[17] !== space ? (t7 = {
+		collapse,
+		expand,
+		expandElementRef,
+		maxLength,
+		open,
+		popoverElementRef,
+		rawItems,
+		space
+	}, $[14] = maxLength, $[15] = open, $[16] = rawItems, $[17] = space, $[18] = t7) : t7 = $[18];
+	let items = useItems(t7), t8;
+	if ($[19] !== items || $[20] !== separator || $[21] !== space) {
+		let t9;
+		$[23] !== separator || $[24] !== space ? (t9 = (item, itemIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [itemIndex > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.lt, {
+			"aria-hidden": !0,
+			as: "li",
+			paddingX: space,
+			children: separator || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.et, {
+				muted: !0,
+				children: "/"
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.lt, {
+			as: "li",
+			children: item
+		})] }, itemIndex), $[23] = separator, $[24] = space, $[25] = t9) : t9 = $[25], t8 = items.map(t9), $[19] = items, $[20] = separator, $[21] = space, $[22] = t8;
+	} else t8 = $[22];
+	let t9;
+	return $[26] !== ref || $[27] !== restProps || $[28] !== t8 ? (t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledBreadcrumbs, {
+		"data-ui": "Breadcrumbs",
+		...restProps,
+		ref,
+		children: t8
+	}), $[26] = ref, $[27] = restProps, $[28] = t8, $[29] = t9) : t9 = $[29], t9;
+});
+function useItems(t0) {
+	let $ = (0, react_compiler_runtime.c)(28), { collapse, expand, expandElementRef, maxLength, open, popoverElementRef, rawItems, space } = t0, len = rawItems.length;
+	if (maxLength && len > maxLength) {
+		let beforeLength = Math.ceil(maxLength / 2), afterLength = Math.floor(maxLength / 2), t1;
+		if ($[0] !== afterLength || $[1] !== beforeLength || $[2] !== collapse || $[3] !== expand || $[4] !== expandElementRef || $[5] !== len || $[6] !== open || $[7] !== popoverElementRef || $[8] !== rawItems || $[9] !== space) {
+			let t2 = rawItems.slice(0, beforeLength - 1), t3;
+			$[11] !== afterLength || $[12] !== beforeLength || $[13] !== len || $[14] !== rawItems ? (t3 = rawItems.slice(beforeLength - 1, len - afterLength), $[11] = afterLength, $[12] = beforeLength, $[13] = len, $[14] = rawItems, $[15] = t3) : t3 = $[15];
+			let t4;
+			$[16] !== space || $[17] !== t3 ? (t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.O, {
+				as: "ol",
+				overflow: "auto",
+				padding: space,
+				gap: space,
+				children: t3
+			}), $[16] = space, $[17] = t3, $[18] = t4) : t4 = $[18];
+			let t5 = open ? collapse : expand, t6;
+			$[19] !== expandElementRef || $[20] !== open || $[21] !== t5 ? (t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExpandButton, {
+				fontSize: 1,
+				mode: "bleed",
+				onClick: t5,
+				padding: 1,
+				ref: expandElementRef,
+				selected: open,
+				text: "…"
+			}), $[19] = expandElementRef, $[20] = open, $[21] = t5, $[22] = t6) : t6 = $[22];
+			let t7;
+			$[23] !== open || $[24] !== popoverElementRef || $[25] !== t4 || $[26] !== t6 ? (t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.k, {
+				constrainSize: !0,
+				content: t4,
+				open,
+				placement: "top",
+				portal: !0,
+				ref: popoverElementRef,
+				children: t6
+			}, "button"), $[23] = open, $[24] = popoverElementRef, $[25] = t4, $[26] = t6, $[27] = t7) : t7 = $[27], t1 = [
+				...t2,
+				t7,
+				...rawItems.slice(len - afterLength)
+			], $[0] = afterLength, $[1] = beforeLength, $[2] = collapse, $[3] = expand, $[4] = expandElementRef, $[5] = len, $[6] = open, $[7] = popoverElementRef, $[8] = rawItems, $[9] = space, $[10] = t1;
+		} else t1 = $[10];
+		return t1;
+	}
+	return rawItems;
+}
+const BASE_STYLE = {
+	width: "100%",
+	margin: "0 auto"
+};
+function containerBaseStyle() {
+	return BASE_STYLE;
+}
+function responsiveContainerWidthStyle(props) {
+	let { container, media } = require_getScopedTheme.i(props.theme);
+	return require_portalProvider.mt(media, props.$width, (val) => ({ maxWidth: val === "auto" ? "none" : require_portalProvider.ht(container[val]) }));
+}
+const StyledContainer = /* @__PURE__ */ (0, styled_components.styled)(require_portalProvider.lt).withConfig({
+	displayName: "StyledContainer",
+	componentId: "sc-nbeafu-0"
+})(containerBaseStyle, responsiveContainerWidthStyle), Container = (0, react.forwardRef)(function Container(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(11), as, restProps, t0;
+	$[0] === props ? (as = $[1], restProps = $[2], t0 = $[3]) : ({as, width: t0, ...restProps} = props, $[0] = props, $[1] = as, $[2] = restProps, $[3] = t0);
+	let width = t0 === void 0 ? 2 : t0, t1;
+	$[4] === width ? t1 = $[5] : (t1 = require_portalProvider.ft(width), $[4] = width, $[5] = t1);
+	let t2;
+	return $[6] !== as || $[7] !== ref || $[8] !== restProps || $[9] !== t1 ? (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledContainer, {
+		"data-ui": "Container",
+		...restProps,
+		$width: t1,
+		forwardedAs: as,
+		ref
+	}), $[6] = as, $[7] = ref, $[8] = restProps, $[9] = t1, $[10] = t2) : t2 = $[10], t2;
+});
+function dialogStyle({ theme }) {
+	let { color } = require_getScopedTheme.i(theme);
+	return {
+		"&:not([hidden])": { display: "flex" },
+		top: 0,
+		left: 0,
+		right: 0,
+		bottom: 0,
+		alignItems: "center",
+		justifyContent: "center",
+		outline: "none",
+		background: color.backdrop
+	};
+}
+function responsiveDialogPositionStyle(props) {
+	let { media } = require_getScopedTheme.i(props.theme);
+	return require_portalProvider.mt(media, props.$position, (position) => ({ "&&": { position } }));
+}
+function animationDialogStyle(props) {
+	return props.$animate ? styled_components.css`@keyframes zoomIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}animation:fadeIn 200ms ease-out;& > [data-ui='DialogCard']{animation:zoomIn 200ms ease-out;}` : styled_components.css``;
+}
+/**
+* @internal
+*/
+const DialogContext = require_portalProvider.J("@sanity/ui/context/dialog", { version: 0 });
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+function useDialog() {
+	return (0, react.useContext)(DialogContext);
+}
+function isTargetWithinScope(boundaryElement, portalElement, target) {
+	return !boundaryElement || !portalElement || require_portalProvider._t(boundaryElement, target) || require_portalProvider._t(portalElement, target);
+}
+const StyledDialog = /* @__PURE__ */ (0, styled_components.styled)(require_portalProvider._).withConfig({
+	displayName: "StyledDialog",
+	componentId: "sc-x279l-0"
+})(require_portalProvider.ut, dialogStyle, responsiveDialogPositionStyle, animationDialogStyle), DialogContainer = (0, styled_components.styled)(Container).withConfig({
+	displayName: "DialogContainer",
+	componentId: "sc-x279l-1"
+})`&:not([hidden]){display:flex;}width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;`, DialogCardRoot = (0, styled_components.styled)(require_portalProvider.W).withConfig({
+	displayName: "DialogCardRoot",
+	componentId: "sc-x279l-2"
+})`&:not([hidden]){display:flex;}width:100%;min-height:0;max-height:100%;overflow:hidden;overflow:clip;`, DialogLayout = (0, styled_components.styled)(require_portalProvider.at).withConfig({
+	displayName: "DialogLayout",
+	componentId: "sc-x279l-3"
+})`flex:1;min-height:0;width:100%;`, DialogHeader = (0, styled_components.styled)(require_portalProvider.lt).withConfig({
+	displayName: "DialogHeader",
+	componentId: "sc-x279l-4"
+})`position:relative;z-index:2;`, DialogContent = (0, styled_components.styled)(require_portalProvider.lt).withConfig({
+	displayName: "DialogContent",
+	componentId: "sc-x279l-5"
+})`position:relative;z-index:1;overflow:auto;outline:none;`, DialogFooter = (0, styled_components.styled)(require_portalProvider.lt).withConfig({
+	displayName: "DialogFooter",
+	componentId: "sc-x279l-6"
+})`position:relative;z-index:3;`, DialogCard = (0, react.forwardRef)(function DialogCard(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(44), { __unstable_autoFocus: autoFocus, __unstable_hideCloseButton: hideCloseButton, children, contentRef: forwardedContentRef, footer, header, id, onClickOutside, onClose, portal: portalProp, radius: radiusProp, scheme, shadow: shadowProp, width: widthProp } = props, portal = require_portalProvider.M(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = require_portalProvider.F().element, t0;
+	$[0] === radiusProp ? t0 = $[1] : (t0 = require_portalProvider.ft(radiusProp), $[0] = radiusProp, $[1] = t0);
+	let radius = t0, t1;
+	$[2] === shadowProp ? t1 = $[3] : (t1 = require_portalProvider.ft(shadowProp), $[2] = shadowProp, $[3] = t1);
+	let shadow = t1, t2;
+	$[4] === widthProp ? t2 = $[5] : (t2 = require_portalProvider.ft(widthProp), $[4] = widthProp, $[5] = t2);
+	let width = t2, ref = (0, react.useRef)(null), contentRef = (0, react.useRef)(null), { isTopLayer } = require_portalProvider.N(), labelId = `${id}_label`, showCloseButton = !!onClose && hideCloseButton === !1, showHeader = !!header || showCloseButton, t3;
+	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t3 = () => ref.current, $[6] = t3) : t3 = $[6], (0, react.useImperativeHandle)(forwardedRef, t3);
+	let t4;
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => contentRef.current, $[7] = t4) : t4 = $[7], (0, react.useImperativeHandle)(forwardedContentRef, t4);
+	let t5, t6;
+	$[8] === autoFocus ? (t5 = $[9], t6 = $[10]) : (t5 = () => {
+		autoFocus && ref.current && focusFirstDescendant(ref.current);
+	}, t6 = [autoFocus, ref], $[8] = autoFocus, $[9] = t5, $[10] = t6), (0, react.useEffect)(t5, t6);
+	let t7;
+	$[11] !== boundaryElement || $[12] !== isTopLayer || $[13] !== onClose || $[14] !== portalElement ? (t7 = (event) => {
+		if (!isTopLayer || !onClose) return;
+		let target = document.activeElement;
+		target && !isTargetWithinScope(boundaryElement, portalElement, target) || event.key === "Escape" && (event.preventDefault(), event.stopPropagation(), onClose());
+	}, $[11] = boundaryElement, $[12] = isTopLayer, $[13] = onClose, $[14] = portalElement, $[15] = t7) : t7 = $[15], require_portalProvider.v(t7);
+	let t8;
+	$[16] !== boundaryElement || $[17] !== isTopLayer || $[18] !== onClickOutside || $[19] !== portalElement ? (t8 = isTopLayer && onClickOutside && ((event_0) => {
+		let target_0 = event_0.target;
+		target_0 && !isTargetWithinScope(boundaryElement, portalElement, target_0) || onClickOutside();
+	}), $[16] = boundaryElement, $[17] = isTopLayer, $[18] = onClickOutside, $[19] = portalElement, $[20] = t8) : t8 = $[20];
+	let t9;
+	$[21] === Symbol.for("react.memo_cache_sentinel") ? (t9 = () => [ref.current], $[21] = t9) : t9 = $[21], require_portalProvider.y(t8, t9);
+	let t10;
+	$[22] !== header || $[23] !== labelId || $[24] !== onClose || $[25] !== showCloseButton || $[26] !== showHeader ? (t10 = showHeader && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_portalProvider.at, {
+		align: "flex-start",
+		padding: 3,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.lt, {
+			flex: 1,
+			padding: 2,
+			children: header && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.et, {
+				id: labelId,
+				size: 1,
+				weight: "semibold",
+				children: header
+			})
+		}), showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.lt, {
+			flex: "none",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.Y, {
+				"aria-label": "Close dialog",
+				disabled: !onClose,
+				icon: _sanity_icons_Close.CloseIcon,
+				mode: "bleed",
+				onClick: onClose,
+				padding: 2
+			})
+		})]
+	}) }), $[22] = header, $[23] = labelId, $[24] = onClose, $[25] = showCloseButton, $[26] = showHeader, $[27] = t10) : t10 = $[27];
+	let t11;
+	$[28] === children ? t11 = $[29] : (t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContent, {
+		flex: 1,
+		ref: contentRef,
+		tabIndex: -1,
+		children
+	}), $[28] = children, $[29] = t11);
+	let t12;
+	$[30] === footer ? t12 = $[31] : (t12 = footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogFooter, { children: footer }), $[30] = footer, $[31] = t12);
+	let t13;
+	$[32] !== t10 || $[33] !== t11 || $[34] !== t12 ? (t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DialogLayout, {
+		direction: "column",
+		children: [
+			t10,
+			t11,
+			t12
+		]
+	}), $[32] = t10, $[33] = t11, $[34] = t12, $[35] = t13) : t13 = $[35];
+	let t14;
+	$[36] !== radius || $[37] !== scheme || $[38] !== shadow || $[39] !== t13 ? (t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogCardRoot, {
+		radius,
+		ref,
+		scheme,
+		shadow,
+		children: t13
+	}), $[36] = radius, $[37] = scheme, $[38] = shadow, $[39] = t13, $[40] = t14) : t14 = $[40];
+	let t15;
+	return $[41] !== t14 || $[42] !== width ? (t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContainer, {
+		"data-ui": "DialogCard",
+		width,
+		children: t14
+	}), $[41] = t14, $[42] = width, $[43] = t15) : t15 = $[43], t15;
+}), Dialog = (0, react.forwardRef)(function Dialog(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(70), dialog = useDialog(), { layer } = require_portalProvider.st(), _positionProp, _zOffsetProp, children, contentRef, footer, header, id, onActivate, onClickOutside, onClose, onFocus, portalProp, restProps, scheme, t0, t1, t2, t3, t4, t5, t6;
+	$[0] === props ? (_positionProp = $[1], _zOffsetProp = $[2], children = $[3], contentRef = $[4], footer = $[5], header = $[6], id = $[7], onActivate = $[8], onClickOutside = $[9], onClose = $[10], onFocus = $[11], portalProp = $[12], restProps = $[13], scheme = $[14], t0 = $[15], t1 = $[16], t2 = $[17], t3 = $[18], t4 = $[19], t5 = $[20], t6 = $[21]) : ({__unstable_autoFocus: t0, __unstable_hideCloseButton: t1, cardRadius: t2, cardShadow: t3, children, contentRef, footer, header, id, onActivate, onClickOutside, onClose, onFocus, padding: t4, portal: portalProp, position: _positionProp, scheme, width: t5, zOffset: _zOffsetProp, animate: t6, ...restProps} = props, $[0] = props, $[1] = _positionProp, $[2] = _zOffsetProp, $[3] = children, $[4] = contentRef, $[5] = footer, $[6] = header, $[7] = id, $[8] = onActivate, $[9] = onClickOutside, $[10] = onClose, $[11] = onFocus, $[12] = portalProp, $[13] = restProps, $[14] = scheme, $[15] = t0, $[16] = t1, $[17] = t2, $[18] = t3, $[19] = t4, $[20] = t5, $[21] = t6);
+	let autoFocus = t0 === void 0 || t0, hideCloseButton = t1 !== void 0 && t1, cardRadiusProp = t2 === void 0 ? 4 : t2, cardShadow = t3 === void 0 ? 3 : t3, paddingProp = t4 === void 0 ? 3 : t4, widthProp = t5 === void 0 ? 0 : t5, _animate = t6 !== void 0 && t6, positionProp = _positionProp ?? (dialog.position || "fixed"), zOffsetProp = _zOffsetProp ?? (dialog.zOffset || layer.dialog.zOffset), animate = !require_portalProvider.R() && _animate, portal = require_portalProvider.M(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = require_portalProvider.F().element, t7;
+	$[22] === cardRadiusProp ? t7 = $[23] : (t7 = require_portalProvider.ft(cardRadiusProp), $[22] = cardRadiusProp, $[23] = t7);
+	let cardRadius = t7, t8;
+	$[24] === paddingProp ? t8 = $[25] : (t8 = require_portalProvider.ft(paddingProp), $[24] = paddingProp, $[25] = t8);
+	let padding = t8, t9;
+	$[26] === positionProp ? t9 = $[27] : (t9 = require_portalProvider.ft(positionProp), $[26] = positionProp, $[27] = t9);
+	let position = t9, t10;
+	$[28] === widthProp ? t10 = $[29] : (t10 = require_portalProvider.ft(widthProp), $[28] = widthProp, $[29] = t10);
+	let width = t10, t11;
+	$[30] === zOffsetProp ? t11 = $[31] : (t11 = require_portalProvider.ft(zOffsetProp), $[30] = zOffsetProp, $[31] = t11);
+	let zOffset = t11, preDivRef = (0, react.useRef)(null), postDivRef = (0, react.useRef)(null), cardRef = (0, react.useRef)(null), focusedElementRef = (0, react.useRef)(null), t12;
+	$[32] === onFocus ? t12 = $[33] : (t12 = (event) => {
+		onFocus?.(event);
+		let target = event.target, cardElement = cardRef.current;
+		if (cardElement && target === preDivRef.current) {
+			focusLastDescendant(cardElement);
+			return;
+		}
+		if (cardElement && target === postDivRef.current) {
+			focusFirstDescendant(cardElement);
+			return;
+		}
+		require_portalProvider.bt(event.target) && (focusedElementRef.current = event.target);
+	}, $[32] = onFocus, $[33] = t12);
+	let handleFocus = t12, labelId = `${id}_label`, rootClickTimeoutRef = (0, react.useRef)(void 0), t13;
+	$[34] !== boundaryElement || $[35] !== portalElement ? (t13 = () => {
+		rootClickTimeoutRef.current && clearTimeout(rootClickTimeoutRef.current), rootClickTimeoutRef.current = setTimeout(() => {
+			let activeElement = document.activeElement;
+			if (activeElement && !isTargetWithinScope(boundaryElement, portalElement, activeElement)) {
+				let target_0 = focusedElementRef.current;
+				if (!target_0 || !document.body.contains(target_0)) {
+					let cardElement_0 = cardRef.current;
+					cardElement_0 && focusFirstDescendant(cardElement_0);
+					return;
+				}
+				target_0.focus();
+			}
+		}, 0);
+	}, $[34] = boundaryElement, $[35] = portalElement, $[36] = t13) : t13 = $[36];
+	let handleRootClick = t13, t14;
+	$[37] === Symbol.for("react.memo_cache_sentinel") ? (t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: preDivRef,
+		tabIndex: 0
+	}), $[37] = t14) : t14 = $[37];
+	let t15;
+	$[38] !== autoFocus || $[39] !== cardRadius || $[40] !== cardShadow || $[41] !== children || $[42] !== contentRef || $[43] !== footer || $[44] !== header || $[45] !== hideCloseButton || $[46] !== id || $[47] !== onClickOutside || $[48] !== onClose || $[49] !== portalProp || $[50] !== scheme || $[51] !== width ? (t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogCard, {
+		__unstable_autoFocus: autoFocus,
+		__unstable_hideCloseButton: hideCloseButton,
+		contentRef,
+		footer,
+		header,
+		id,
+		onClickOutside,
+		onClose,
+		portal: portalProp,
+		radius: cardRadius,
+		ref: cardRef,
+		scheme,
+		shadow: cardShadow,
+		width,
+		children
+	}), $[38] = autoFocus, $[39] = cardRadius, $[40] = cardShadow, $[41] = children, $[42] = contentRef, $[43] = footer, $[44] = header, $[45] = hideCloseButton, $[46] = id, $[47] = onClickOutside, $[48] = onClose, $[49] = portalProp, $[50] = scheme, $[51] = width, $[52] = t15) : t15 = $[52];
+	let t16;
+	$[53] === Symbol.for("react.memo_cache_sentinel") ? (t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: postDivRef,
+		tabIndex: 0
+	}), $[53] = t16) : t16 = $[53];
+	let t17;
+	$[54] !== animate || $[55] !== handleFocus || $[56] !== handleRootClick || $[57] !== id || $[58] !== labelId || $[59] !== onActivate || $[60] !== padding || $[61] !== position || $[62] !== ref || $[63] !== restProps || $[64] !== t15 || $[65] !== zOffset ? (t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledDialog, {
+		...restProps,
+		$animate: animate,
+		$padding: padding,
+		$position: position,
+		"aria-labelledby": labelId,
+		"aria-modal": !0,
+		"data-ui": "Dialog",
+		id,
+		onActivate,
+		onClick: handleRootClick,
+		onFocus: handleFocus,
+		ref,
+		role: "dialog",
+		zOffset,
+		children: [
+			t14,
+			t15,
+			t16
+		]
+	}), $[54] = animate, $[55] = handleFocus, $[56] = handleRootClick, $[57] = id, $[58] = labelId, $[59] = onActivate, $[60] = padding, $[61] = position, $[62] = ref, $[63] = restProps, $[64] = t15, $[65] = zOffset, $[66] = t17) : t17 = $[66];
+	let t18;
+	return $[67] !== portalProp || $[68] !== t17 ? (t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.j, {
+		__unstable_name: portalProp,
+		children: t17
+	}), $[67] = portalProp, $[68] = t17, $[69] = t18) : t18 = $[69], t18;
+});
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+function DialogProvider(props) {
+	let $ = (0, react_compiler_runtime.c)(6), { children, position, zOffset } = props, t0;
+	$[0] !== position || $[1] !== zOffset ? (t0 = {
+		version: 0,
+		position,
+		zOffset
+	}, $[0] = position, $[1] = zOffset, $[2] = t0) : t0 = $[2];
+	let contextValue = t0, t1;
+	return $[3] !== children || $[4] !== contextValue ? (t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
+		value: contextValue,
+		children
+	}), $[3] = children, $[4] = contextValue, $[5] = t1) : t1 = $[5], t1;
+}
+/**
+* The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
+*
+* @public
+*/
+const MenuButton = (0, react.forwardRef)(function MenuButton(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(62), { __unstable_disableRestoreFocusOnClose: t0, boundaryElement: deprecated_boundaryElement, button: buttonProp, id, menu: menuProp, onClose, onOpen, placement: deprecated_placement, popoverScheme: deprecated_popoverScheme, portal: t1, popover, popoverRadius: deprecated_popoverRadius, preventOverflow: deprecated_preventOverflow } = props, disableRestoreFocusOnClose = t0 !== void 0 && t0, deprecated_portal = t1 === void 0 || t1, [open, setOpen] = (0, react.useState)(!1), [shouldFocus, setShouldFocus] = (0, react.useState)(null), [buttonElement, setButtonElement] = (0, react.useState)(null), t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[0] = t2) : t2 = $[0];
+	let [menuElements, setChildMenuElements] = (0, react.useState)(t2), openRef = (0, react.useRef)(open), t3, t4;
+	$[1] !== onOpen || $[2] !== open ? (t3 = () => {
+		onOpen && open && !openRef.current && onOpen();
+	}, t4 = [onOpen, open], $[1] = onOpen, $[2] = open, $[3] = t3, $[4] = t4) : (t3 = $[3], t4 = $[4]), (0, react.useEffect)(t3, t4);
+	let t5, t6;
+	$[5] !== onClose || $[6] !== open ? (t5 = () => {
+		onClose && !open && openRef.current && onClose();
+	}, t6 = [onClose, open], $[5] = onClose, $[6] = open, $[7] = t5, $[8] = t6) : (t5 = $[7], t6 = $[8]), (0, react.useEffect)(t5, t6);
+	let t7, t8;
+	$[9] === open ? (t7 = $[10], t8 = $[11]) : (t7 = () => {
+		openRef.current = open;
+	}, t8 = [open], $[9] = open, $[10] = t7, $[11] = t8), (0, react.useEffect)(t7, t8);
+	let t9;
+	$[12] === Symbol.for("react.memo_cache_sentinel") ? (t9 = () => {
+		setOpen(_temp$4), setShouldFocus(null);
+	}, $[12] = t9) : t9 = $[12];
+	let handleButtonClick = t9, t10;
+	$[13] === open ? t10 = $[14] : (t10 = (event) => {
+		open && event.preventDefault();
+	}, $[13] = open, $[14] = t10);
+	let handleMouseDown = t10, t11;
+	$[15] === Symbol.for("react.memo_cache_sentinel") ? (t11 = (event_0) => {
+		if (event_0.key === "ArrowDown" || event_0.key === "Enter" || event_0.key === " ") {
+			event_0.preventDefault(), setOpen(!0), setShouldFocus("first");
+			return;
+		}
+		if (event_0.key === "ArrowUp") {
+			event_0.preventDefault(), setOpen(!0), setShouldFocus("last");
+			return;
+		}
+	}, $[15] = t11) : t11 = $[15];
+	let handleButtonKeyDown = t11, t12;
+	$[16] !== buttonElement || $[17] !== menuElements ? (t12 = (event_1) => {
+		let target = event_1.target;
+		if (target instanceof Node && !(buttonElement && (target === buttonElement || buttonElement.contains(target)))) {
+			for (let el of menuElements) if (target === el || el.contains(target)) return;
+			setOpen(!1);
+		}
+	}, $[16] = buttonElement, $[17] = menuElements, $[18] = t12) : t12 = $[18];
+	let handleMenuClickOutside = t12, t13;
+	$[19] !== buttonElement || $[20] !== disableRestoreFocusOnClose ? (t13 = () => {
+		setOpen(!1), !disableRestoreFocusOnClose && buttonElement && buttonElement.focus();
+	}, $[19] = buttonElement, $[20] = disableRestoreFocusOnClose, $[21] = t13) : t13 = $[21];
+	let handleMenuEscape = t13, t14;
+	$[22] === menuElements ? t14 = $[23] : (t14 = (event_2) => {
+		let target_0 = event_2.relatedTarget;
+		if (target_0 instanceof Node) {
+			for (let el_0 of menuElements) if (el_0 === target_0 || el_0.contains(target_0)) return;
+			setOpen(!1);
+		}
+	}, $[22] = menuElements, $[23] = t14);
+	let handleBlur = t14, t15;
+	$[24] !== buttonElement || $[25] !== disableRestoreFocusOnClose ? (t15 = () => {
+		setOpen(!1), !disableRestoreFocusOnClose && buttonElement && buttonElement.focus();
+	}, $[24] = buttonElement, $[25] = disableRestoreFocusOnClose, $[26] = t15) : t15 = $[26];
+	let handleItemClick = t15, t16;
+	$[27] === Symbol.for("react.memo_cache_sentinel") ? (t16 = (el_1) => (setChildMenuElements((els) => els.concat([el_1])), () => setChildMenuElements((els_0) => els_0.filter((_el) => _el !== el_1))), $[27] = t16) : t16 = $[27];
+	let registerElement = t16, t17;
+	$[28] !== buttonElement || $[29] !== handleBlur || $[30] !== handleItemClick || $[31] !== handleMenuClickOutside || $[32] !== handleMenuEscape || $[33] !== id || $[34] !== menuProp || $[35] !== shouldFocus ? (t17 = menuProp && (0, react.cloneElement)(menuProp, {
+		"aria-labelledby": id,
+		onBlurCapture: handleBlur,
+		onClickOutside: handleMenuClickOutside,
+		onEscape: handleMenuEscape,
+		onItemClick: handleItemClick,
+		originElement: buttonElement,
+		registerElement,
+		shouldFocus
+	}), $[28] = buttonElement, $[29] = handleBlur, $[30] = handleItemClick, $[31] = handleMenuClickOutside, $[32] = handleMenuEscape, $[33] = id, $[34] = menuProp, $[35] = shouldFocus, $[36] = t17) : t17 = $[36];
+	let menu = t17, t18;
+	$[37] !== buttonProp || $[38] !== handleMouseDown || $[39] !== id || $[40] !== open ? (t18 = buttonProp && (0, react.cloneElement)(buttonProp, {
+		"data-ui": "MenuButton",
+		id,
+		onClick: handleButtonClick,
+		onKeyDown: handleButtonKeyDown,
+		onMouseDown: handleMouseDown,
+		"aria-haspopup": !0,
+		"aria-expanded": open,
+		ref: setButtonElement,
+		selected: buttonProp.props.selected ?? open
+	}), $[37] = buttonProp, $[38] = handleMouseDown, $[39] = id, $[40] = open, $[41] = t18) : t18 = $[41];
+	let button = t18, t19, t20;
+	$[42] === buttonElement ? (t19 = $[43], t20 = $[44]) : (t19 = () => buttonElement, t20 = [buttonElement], $[42] = buttonElement, $[43] = t19, $[44] = t20), (0, react.useImperativeHandle)(forwardedRef, t19, t20);
+	let t21;
+	$[45] === popover ? t21 = $[46] : (t21 = popover || {}, $[45] = popover, $[46] = t21);
+	let t22;
+	$[47] !== deprecated_boundaryElement || $[48] !== deprecated_placement || $[49] !== deprecated_popoverRadius || $[50] !== deprecated_popoverScheme || $[51] !== deprecated_portal || $[52] !== deprecated_preventOverflow || $[53] !== t21 ? (t22 = {
+		boundaryElement: deprecated_boundaryElement,
+		overflow: "auto",
+		placement: deprecated_placement,
+		portal: deprecated_portal,
+		preventOverflow: deprecated_preventOverflow,
+		radius: deprecated_popoverRadius,
+		scheme: deprecated_popoverScheme,
+		...t21
+	}, $[47] = deprecated_boundaryElement, $[48] = deprecated_placement, $[49] = deprecated_popoverRadius, $[50] = deprecated_popoverScheme, $[51] = deprecated_portal, $[52] = deprecated_preventOverflow, $[53] = t21, $[54] = t22) : t22 = $[54];
+	let popoverProps = t22, t23;
+	$[55] === button ? t23 = $[56] : (t23 = button || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {}), $[55] = button, $[56] = t23);
+	let t24;
+	return $[57] !== menu || $[58] !== open || $[59] !== popoverProps || $[60] !== t23 ? (t24 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.k, {
+		"data-ui": "MenuButton__popover",
+		...popoverProps,
+		content: menu,
+		open,
+		children: t23
+	}), $[57] = menu, $[58] = open, $[59] = popoverProps, $[60] = t23, $[61] = t24) : t24 = $[61], t24;
+});
+function _temp$4(v) {
+	return !v;
+}
+const animation = styled_components.css`background-image:linear-gradient( to right,var(--card-skeleton-color-from),var(--card-skeleton-color-to),var(--card-skeleton-color-from),var(--card-skeleton-color-from),var(--card-skeleton-color-from) );background-position:100%;background-size:200% 100%;background-attachment:fixed;animation-name:${styled_components.keyframes`0%{background-position:100%;}100%{background-position:-100%;}`};animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:2000ms;`, skeletonStyle = styled_components.css`opacity:${({ $visible }) => +!!$visible};transition:opacity 200ms ease-in;@media screen and (prefers-reduced-motion:no-preference){${({ $animated }) => $animated ? animation : styled_components.css`background-color:var(--card-skeleton-color-from);`}}@media screen and (prefers-reduced-motion:reduce){background-color:var(--card-skeleton-color-from);}`, StyledSkeleton$1 = /* @__PURE__ */ (0, styled_components.styled)(require_portalProvider.lt).withConfig({
+	displayName: "StyledSkeleton",
+	componentId: "sc-6p2gkd-0"
+})(require_portalProvider.ct, skeletonStyle), Skeleton = (0, react.forwardRef)(function Skeleton(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(16), delay, radius, restProps, t0;
+	$[0] === props ? (delay = $[1], radius = $[2], restProps = $[3], t0 = $[4]) : ({animated: t0, delay, radius, ...restProps} = props, $[0] = props, $[1] = delay, $[2] = radius, $[3] = restProps, $[4] = t0);
+	let animated = t0 !== void 0 && t0, [visible, setVisible] = (0, react.useState)(!delay), t1, t2;
+	$[5] === delay ? (t1 = $[6], t2 = $[7]) : (t1 = () => {
+		if (!delay) return;
+		let timeout = setTimeout(() => {
+			setVisible(!0);
+		}, delay);
+		return () => {
+			clearTimeout(timeout);
+		};
+	}, t2 = [delay], $[5] = delay, $[6] = t1, $[7] = t2), (0, react.useEffect)(t1, t2);
+	let t3;
+	$[8] === radius ? t3 = $[9] : (t3 = require_portalProvider.ft(radius), $[8] = radius, $[9] = t3);
+	let t4 = !delay || visible, t5;
+	return $[10] !== animated || $[11] !== ref || $[12] !== restProps || $[13] !== t3 || $[14] !== t4 ? (t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSkeleton$1, {
+		...restProps,
+		$animated: animated,
+		$radius: t3,
+		$visible: t4,
+		ref
+	}), $[10] = animated, $[11] = ref, $[12] = restProps, $[13] = t3, $[14] = t4, $[15] = t5) : t5 = $[15], t5;
+}), StyledSkeleton = /* @__PURE__ */ (0, styled_components.styled)(Skeleton).withConfig({
+	displayName: "StyledSkeleton",
+	componentId: "sc-ilblpm-0"
+})((props) => {
+	let { $size, $style } = props, { font, media } = require_getScopedTheme.i(props.theme), fontStyle = font[$style];
+	return require_portalProvider.mt(media, $size, (sizeIndex) => {
+		let fontSize = fontStyle.sizes[sizeIndex];
+		return { height: fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight };
+	});
+}), TextSkeleton = (0, react.forwardRef)(function TextSkeleton(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(9), restProps, t0;
+	$[0] === props ? (restProps = $[1], t0 = $[2]) : ({size: t0, ...restProps} = props, $[0] = props, $[1] = restProps, $[2] = t0);
+	let size = t0 === void 0 ? 2 : t0, t1;
+	$[3] === size ? t1 = $[4] : (t1 = require_portalProvider.ft(size), $[3] = size, $[4] = t1);
+	let $size = t1, t2;
+	return $[5] !== $size || $[6] !== ref || $[7] !== restProps ? (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSkeleton, {
+		...restProps,
+		$size,
+		ref,
+		$style: "text"
+	}), $[5] = $size, $[6] = ref, $[7] = restProps, $[8] = t2) : t2 = $[8], t2;
+}), LabelSkeleton = (0, react.forwardRef)(function LabelSkeleton(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(9), restProps, t0;
+	$[0] === props ? (restProps = $[1], t0 = $[2]) : ({size: t0, ...restProps} = props, $[0] = props, $[1] = restProps, $[2] = t0);
+	let size = t0 === void 0 ? 2 : t0, t1;
+	$[3] === size ? t1 = $[4] : (t1 = require_portalProvider.ft(size), $[3] = size, $[4] = t1);
+	let $size = t1, t2;
+	return $[5] !== $size || $[6] !== ref || $[7] !== restProps ? (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSkeleton, {
+		...restProps,
+		$size,
+		ref,
+		$style: "label"
+	}), $[5] = $size, $[6] = ref, $[7] = restProps, $[8] = t2) : t2 = $[8], t2;
+}), HeadingSkeleton = (0, react.forwardRef)(function HeadingSkeleton(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(9), restProps, t0;
+	$[0] === props ? (restProps = $[1], t0 = $[2]) : ({size: t0, ...restProps} = props, $[0] = props, $[1] = restProps, $[2] = t0);
+	let size = t0 === void 0 ? 2 : t0, t1;
+	$[3] === size ? t1 = $[4] : (t1 = require_portalProvider.ft(size), $[3] = size, $[4] = t1);
+	let $size = t1, t2;
+	return $[5] !== $size || $[6] !== ref || $[7] !== restProps ? (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSkeleton, {
+		...restProps,
+		$size,
+		ref,
+		$style: "heading"
+	}), $[5] = $size, $[6] = ref, $[7] = restProps, $[8] = t2) : t2 = $[8], t2;
+}), CodeSkeleton = (0, react.forwardRef)(function CodeSkeleton(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(9), restProps, t0;
+	$[0] === props ? (restProps = $[1], t0 = $[2]) : ({size: t0, ...restProps} = props, $[0] = props, $[1] = restProps, $[2] = t0);
+	let size = t0 === void 0 ? 2 : t0, t1;
+	$[3] === size ? t1 = $[4] : (t1 = require_portalProvider.ft(size), $[3] = size, $[4] = t1);
+	let $size = t1, t2;
+	return $[5] !== $size || $[6] !== ref || $[7] !== restProps ? (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSkeleton, {
+		...restProps,
+		$size,
+		ref,
+		$style: "code"
+	}), $[5] = $size, $[6] = ref, $[7] = restProps, $[8] = t2) : t2 = $[8], t2;
+}), TabPanel = (0, react.forwardRef)(function TabPanel(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(9), flex, restProps;
+	$[0] === props ? (flex = $[1], restProps = $[2]) : ({flex, ...restProps} = props, $[0] = props, $[1] = flex, $[2] = restProps);
+	let t0 = props.tabIndex === void 0 ? 0 : props.tabIndex, t1;
+	return $[3] !== flex || $[4] !== props.children || $[5] !== ref || $[6] !== restProps || $[7] !== t0 ? (t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.lt, {
+		"data-ui": "TabPanel",
+		...restProps,
+		flex,
+		ref,
+		role: "tabpanel",
+		tabIndex: t0,
+		children: props.children
+	}), $[3] = flex, $[4] = props.children, $[5] = ref, $[6] = restProps, $[7] = t0, $[8] = t1) : t1 = $[8], t1;
+}), STATUS_CARD_TONE = {
+	error: "critical",
+	warning: "caution",
+	success: "positive",
+	info: "neutral"
+}, BUTTON_TONE = {
+	error: "critical",
+	warning: "caution",
+	success: "positive",
+	info: "neutral"
+}, TextBox = (0, styled_components.styled)(require_portalProvider.at).withConfig({
+	displayName: "TextBox",
+	componentId: "sc-xd2ehd-0"
+})`overflow-x:auto;`, StyledToast = (0, styled_components.styled)(require_portalProvider.W).withConfig({
+	displayName: "StyledToast",
+	componentId: "sc-xd2ehd-1"
+})`pointer-events:all;width:100%;position:relative;overflow:hidden;overflow:clip;&[data-has-duration]{padding-bottom:calc(${2}px / 2);}`, LoadingBar = styled_components.styled.div.withConfig({
+	displayName: "LoadingBar",
+	componentId: "sc-xd2ehd-2"
+})`display:flex;position:absolute;bottom:0px;top:0px;left:0px;right:0px;pointer-events:none;z-index:-1;overflow:hidden;overflow:clip;background:transparent;align-items:flex-end;will-change:opacity;`, LoadingBarMask = (0, styled_components.styled)(require_portalProvider.W).withConfig({
+	displayName: "LoadingBarMask",
+	componentId: "sc-xd2ehd-3"
+})`position:absolute;top:0;left:-${2}px;right:-${2}px;bottom:${2}px;z-index:1;`, LoadingBarProgress = (0, styled_components.styled)(require_portalProvider.W).withConfig({
+	displayName: "LoadingBarProgress",
+	componentId: "sc-xd2ehd-4"
+})`display:block;height:100%;width:100%;transform-origin:0% 50%;background-color:${(props) => {
+	let { color } = require_getScopedTheme.i(props.theme);
+	return color.button.default[props.tone].enabled.bg;
+}};`, ROLES = {
+	error: "alert",
+	warning: "alert",
+	success: "alert",
+	info: "alert"
+};
+/**
+* The `Toast` component gives feedback to users when an action has taken place.
+*
+* Toasts can be closed with a close button, or auto-dismiss after a certain timeout.
+*
+* @public
+*/
+function Toast(props) {
+	let $ = (0, react_compiler_runtime.c)(50), closable, description, duration, onClose, restProps, status, t0, title, updatedAt;
+	$[0] === props ? (closable = $[1], description = $[2], duration = $[3], onClose = $[4], restProps = $[5], status = $[6], t0 = $[7], title = $[8], updatedAt = $[9]) : ({closable, description, duration, onClose, radius: t0, title, status, updatedAt, ...restProps} = props, $[0] = props, $[1] = closable, $[2] = description, $[3] = duration, $[4] = onClose, $[5] = restProps, $[6] = status, $[7] = t0, $[8] = title, $[9] = updatedAt);
+	let radius = t0 === void 0 ? 3 : t0, cardTone = status ? STATUS_CARD_TONE[status] : "default", buttonTone = status ? BUTTON_TONE[status] : "default", role = status ? ROLES[status] : "status", visualDuration = require_portalProvider.R() ? 0 : .26, t1;
+	$[10] === visualDuration ? t1 = $[11] : (t1 = visualDuration ? {
+		type: "spring",
+		visualDuration,
+		bounce: .25
+	} : { duration: 0 }, $[10] = visualDuration, $[11] = t1);
+	let transition = t1, hasDuration = duration && isFinite(duration) && duration < 20736e5, t2;
+	$[12] === Symbol.for("react.memo_cache_sentinel") ? (t2 = ["hidden", "initial"], $[12] = t2) : t2 = $[12];
+	let initial = t2, t3;
+	$[13] === Symbol.for("react.memo_cache_sentinel") ? (t3 = ["visible", "slideIn"], $[13] = t3) : t3 = $[13];
+	let animate = t3, t4;
+	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t4 = ["hidden", "slideOut"], $[14] = t4) : t4 = $[14];
+	let exit = t4, t5 = hasDuration ? "" : void 0, t6;
+	$[15] === title ? t6 = $[16] : (t6 = title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.et, {
+		size: 1,
+		weight: "medium",
+		children: title
+	}), $[15] = title, $[16] = t6);
+	let t7;
+	$[17] !== description || $[18] !== transition ? (t7 = description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MotionText, {
+		muted: !0,
+		size: 1,
+		variants: content,
+		transition,
+		children: description
+	}), $[17] = description, $[18] = transition, $[19] = t7) : t7 = $[19];
+	let t8;
+	$[20] !== t6 || $[21] !== t7 ? (t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextBox, {
+		flex: 1,
+		padding: 3,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_portalProvider.O, {
+			gap: 3,
+			children: [t6, t7]
+		})
+	}), $[20] = t6, $[21] = t7, $[22] = t8) : t8 = $[22];
+	let t9;
+	$[23] !== buttonTone || $[24] !== closable || $[25] !== onClose ? (t9 = closable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.lt, {
+		padding: 1,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.Y, {
+			as: "button",
+			icon: _sanity_icons_Close.CloseIcon,
+			mode: "bleed",
+			padding: 2,
+			tone: buttonTone,
+			onClick: onClose,
+			style: { verticalAlign: "top" }
+		})
+	}), $[23] = buttonTone, $[24] = closable, $[25] = onClose, $[26] = t9) : t9 = $[26];
+	let t10;
+	$[27] !== t8 || $[28] !== t9 || $[29] !== transition ? (t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MotionFlex, {
+		align: "flex-start",
+		variants: content,
+		transition,
+		children: [t8, t9]
+	}), $[27] = t8, $[28] = t9, $[29] = transition, $[30] = t10) : t10 = $[30];
+	let t11;
+	$[31] !== cardTone || $[32] !== duration || $[33] !== hasDuration || $[34] !== onClose || $[35] !== radius || $[36] !== transition || $[37] !== updatedAt || $[38] !== visualDuration ? (t11 = hasDuration && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MotionLoadingBar, {
+		variants: content,
+		transition,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LoadingBarMask, {
+			tone: cardTone,
+			radius
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MotionLoadingBarProgress, {
+			tone: cardTone,
+			initial: { scaleX: 0 },
+			animate: { scaleX: 1 },
+			transition: {
+				delay: visualDuration,
+				duration: duration / 1e3,
+				ease: "linear"
+			},
+			onAnimationComplete: onClose
+		}, `progress-${updatedAt}`)]
+	}), $[31] = cardTone, $[32] = duration, $[33] = hasDuration, $[34] = onClose, $[35] = radius, $[36] = transition, $[37] = updatedAt, $[38] = visualDuration, $[39] = t11) : t11 = $[39];
+	let t12;
+	return $[40] !== cardTone || $[41] !== radius || $[42] !== restProps || $[43] !== role || $[44] !== t10 || $[45] !== t11 || $[46] !== t5 || $[47] !== transition || $[48] !== visualDuration ? (t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(MotionToast, {
+		"data-ui": "Toast",
+		role,
+		...restProps,
+		"data-has-duration": t5,
+		custom: visualDuration,
+		radius,
+		shadow: 2,
+		tone: cardTone,
+		forwardedAs: "li",
+		layout: "position",
+		variants: container,
+		initial,
+		animate,
+		exit,
+		transition,
+		children: [t10, t11]
+	}), $[40] = cardTone, $[41] = radius, $[42] = restProps, $[43] = role, $[44] = t10, $[45] = t11, $[46] = t5, $[47] = transition, $[48] = visualDuration, $[49] = t12) : t12 = $[49], t12;
+}
+const container = {
+	initial: {
+		y: 32,
+		scale: .5,
+		zIndex: 1
+	},
+	hidden: { opacity: 0 },
+	visible: (visualDuration) => visualDuration ? {
+		opacity: 1,
+		transition: {
+			when: "beforeChildren",
+			delayChildren: (0, motion_react.stagger)(visualDuration / 3),
+			duration: visualDuration / 3
+		}
+	} : { opacity: 1 },
+	slideIn: {
+		y: 0,
+		scale: 1
+	},
+	slideOut: {
+		zIndex: 0,
+		scale: .75
+	}
+}, content = {
+	initial: { willChange: "transform" },
+	hidden: { opacity: 0 },
+	visible: { opacity: 1 }
+}, MotionToast = motion_react.motion.create(StyledToast), MotionFlex = motion_react.motion.create(require_portalProvider.at), MotionText = motion_react.motion.create(require_portalProvider.et), MotionLoadingBar = motion_react.motion.create(LoadingBar), MotionLoadingBarProgress = motion_react.motion.create(LoadingBarProgress);
+/**
+* Some components should only render after mounting to the DOM, and not be rendered at all during SSR renderToString or equivalent.
+* @public
+*/
+function useMounted() {
+	return (0, react.useSyncExternalStore)(subscribe, _temp$3, _temp2);
+}
+function _temp2() {
+	return !1;
+}
+function _temp$3() {
+	return !0;
+}
+const subscribe = () => () => {}, ToastContext = require_portalProvider.J("@sanity/ui/context/toast", null);
+/**
+* @internal
+*/
+function ToastLayer(props) {
+	let $ = (0, react_compiler_runtime.c)(9), { children, padding: t0, paddingX, paddingY, gap: t1 } = props, padding = t0 === void 0 ? 4 : t0, gap = t1 === void 0 ? 3 : t1, { zIndex } = require_portalProvider.N(), t2;
+	$[0] === zIndex ? t2 = $[1] : (t2 = { zIndex }, $[0] = zIndex, $[1] = t2);
+	let t3;
+	return $[2] !== children || $[3] !== gap || $[4] !== padding || $[5] !== paddingX || $[6] !== paddingY || $[7] !== t2 ? (t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledLayer, {
+		forwardedAs: "ul",
+		"data-ui": "ToastProvider",
+		padding,
+		paddingX,
+		paddingY,
+		gap,
+		columns: 1,
+		style: t2,
+		children
+	}), $[2] = children, $[3] = gap, $[4] = padding, $[5] = paddingX, $[6] = paddingY, $[7] = t2, $[8] = t3) : t3 = $[8], t3;
+}
+const StyledLayer = (0, styled_components.styled)(require_portalProvider.s).withConfig({
+	displayName: "StyledLayer",
+	componentId: "sc-vx00k8-0"
+})`box-sizing:border-box;position:fixed;right:0;bottom:0;list-style:none;pointer-events:none;max-width:420px;width:100%;`;
+let toastId = 0;
+/** @internal */
+function generateToastId() {
+	return String(toastId++);
+}
+/**
+* @public
+*/
+function ToastProvider(props) {
+	let $ = (0, react_compiler_runtime.c)(13), { children, padding, paddingX, paddingY, gap, zOffset: t0 } = props, zOffset = t0 === void 0 ? 1 : t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[0] = t1) : t1 = $[0];
+	let [state, setState] = (0, react.useState)(t1), mounted = useMounted(), t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		let push = (params) => {
+			let id = params.id || generateToastId(), duration = params.duration || 5e3;
+			return (0, react.startTransition)(() => {
+				setState((prevState) => {
+					if (duration === .01) return prevState.filter((toast) => toast.id !== id);
+					let dismiss = () => (0, react.startTransition)(() => setState((currentState) => currentState.filter((toast_0) => toast_0.id !== id)));
+					return [...prevState.filter((toast_1) => toast_1.id !== id), {
+						dismiss,
+						id,
+						updatedAt: Date.now(),
+						params: {
+							...params,
+							duration
+						}
+					}];
+				});
+			}), id;
+		};
+		t2 = {
+			version: 0,
+			push
+		}, $[1] = t2;
+	} else t2 = $[1];
+	let value = t2, t3;
+	$[2] !== gap || $[3] !== mounted || $[4] !== padding || $[5] !== paddingX || $[6] !== paddingY || $[7] !== state || $[8] !== zOffset ? (t3 = mounted && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.P, {
+		zOffset,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastLayer, {
+			padding,
+			paddingX,
+			paddingY,
+			gap,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(motion_react.AnimatePresence, {
+				initial: !1,
+				mode: "popLayout",
+				children: state.map(_temp$2)
+			})
+		})
+	}), $[2] = gap, $[3] = mounted, $[4] = padding, $[5] = paddingX, $[6] = paddingY, $[7] = state, $[8] = zOffset, $[9] = t3) : t3 = $[9];
+	let t4;
+	return $[10] !== children || $[11] !== t3 ? (t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ToastContext.Provider, {
+		value,
+		children: [children, t3]
+	}), $[10] = children, $[11] = t3, $[12] = t4) : t4 = $[12], t4;
+}
+function _temp$2(t0) {
+	let { dismiss: dismiss_0, id: id_0, params: params_0, updatedAt } = t0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Toast, {
+		closable: params_0.closable,
+		description: params_0.description,
+		onClose: dismiss_0,
+		status: params_0.status,
+		title: params_0.title,
+		duration: params_0.duration,
+		updatedAt
+	}, id_0);
+}
+/**
+* @public
+*/
+function useToast() {
+	let value = (0, react.useContext)(ToastContext);
+	if (!value) throw Error("useToast(): missing context value");
+	if (!require_portalProvider.L(value) || value.version !== 0) throw Error("useToast(): the context value is not compatible");
+	return value;
+}
+function _findPrevItemElement(state, itemElements, focusedElement) {
+	let idx = itemElements.indexOf(focusedElement), els = itemElements.slice(0, idx), len = els.length;
+	for (let i = len - 1; i >= 0; --i) {
+		let itemKey = els[i].getAttribute("data-tree-key");
+		if (!itemKey) continue;
+		let segments = itemKey.split("/");
+		segments.pop();
+		let p = [], expanded = !0;
+		for (let j = 0; j < segments.length; j += 1) if (p.push(segments[j]), !state[p.join("/")]?.expanded) {
+			expanded = !1;
+			break;
+		}
+		if (expanded) return els[i];
+	}
+	return null;
+}
+function _findNextItemElement(state, itemElements, focusedElement) {
+	let idx = itemElements.indexOf(focusedElement), els = itemElements.slice(idx), len = itemElements.length;
+	for (let i = 1; i < len; i += 1) {
+		if (!els[i]) continue;
+		let itemKey = els[i].getAttribute("data-tree-key");
+		if (!itemKey) continue;
+		let segments = itemKey.split("/");
+		segments.pop();
+		let p = [], expanded = !0;
+		for (let j = 0; j < segments.length; j += 1) if (p.push(segments[j]), !state[p.join("/")]?.expanded) {
+			expanded = !1;
+			break;
+		}
+		if (expanded) return els[i];
+	}
+	return null;
+}
+function _focusItemElement(el) {
+	if (el.getAttribute("role") === "treeitem" && el.focus(), el.getAttribute("role") === "none") {
+		let firstChild = el.firstChild;
+		firstChild && firstChild instanceof HTMLElement && firstChild.focus();
+	}
+}
+/**
+* @internal
+*/
+const TreeContext = require_portalProvider.J("@sanity/ui/context/tree", null), Tree = (0, react.forwardRef)(function Tree(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(38), children, gap, onFocus, restProps, t0;
+	$[0] === props ? (children = $[1], gap = $[2], onFocus = $[3], restProps = $[4], t0 = $[5]) : ({children, gap, space: t0, onFocus, ...restProps} = props, $[0] = props, $[1] = children, $[2] = gap, $[3] = onFocus, $[4] = restProps, $[5] = t0);
+	let spacing = gap === void 0 ? t0 === void 0 ? 1 : t0 : gap, ref = (0, react.useRef)(null), [focusedElement, setFocusedElement] = (0, react.useState)(null), focusedElementRef = (0, react.useRef)(focusedElement), t1;
+	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[6] = t1) : t1 = $[6];
+	let path = t1, t2;
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[7] = t2) : t2 = $[7];
+	let [itemElements, setItemElements] = (0, react.useState)(t2), t3;
+	$[8] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {}, $[8] = t3) : t3 = $[8];
+	let [state, setState] = (0, react.useState)(t3), stateRef = (0, react.useRef)(state), t4;
+	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => ref.current, $[9] = t4) : t4 = $[9], (0, react.useImperativeHandle)(forwardedRef, t4);
+	let t5, t6;
+	$[10] === focusedElement ? (t5 = $[11], t6 = $[12]) : (t5 = () => {
+		focusedElementRef.current = focusedElement;
+	}, t6 = [focusedElement], $[10] = focusedElement, $[11] = t5, $[12] = t6), (0, react.useEffect)(t5, t6);
+	let t7, t8;
+	$[13] === state ? (t7 = $[14], t8 = $[15]) : (t7 = () => {
+		stateRef.current = state;
+	}, t8 = [state], $[13] = state, $[14] = t7, $[15] = t8), (0, react.useEffect)(t7, t8);
+	let t9;
+	$[16] === Symbol.for("react.memo_cache_sentinel") ? (t9 = (element, path_0, expanded, selected) => (setState((s) => ({
+		...s,
+		[path_0]: {
+			element,
+			expanded
+		}
+	})), selected && setFocusedElement(element), () => {
+		setState((s_0) => {
+			let newState = { ...s_0 };
+			return delete newState[path_0], newState;
+		});
+	}), $[16] = t9) : t9 = $[16];
+	let registerItem = t9, t10;
+	$[17] === Symbol.for("react.memo_cache_sentinel") ? (t10 = (path_1, expanded_0) => {
+		setState((s_1) => {
+			let itemState = s_1[path_1];
+			return itemState ? {
+				...s_1,
+				[path_1]: {
+					...itemState,
+					expanded: expanded_0
+				}
+			} : s_1;
+		});
+	}, $[17] = t10) : t10 = $[17];
+	let setExpanded = t10, t11 = focusedElement || itemElements[0] || null, t12;
+	$[18] !== spacing || $[19] !== state || $[20] !== t11 ? (t12 = {
+		version: 0,
+		focusedElement: t11,
+		level: 0,
+		path,
+		registerItem,
+		setExpanded,
+		setFocusedElement,
+		gap: spacing,
+		space: spacing,
+		state
+	}, $[18] = spacing, $[19] = state, $[20] = t11, $[21] = t12) : t12 = $[21];
+	let contextValue = t12, t13;
+	$[22] === itemElements ? t13 = $[23] : (t13 = (event) => {
+		if (focusedElementRef.current) {
+			if (event.key === "ArrowDown") {
+				event.preventDefault();
+				let nextEl = _findNextItemElement(stateRef.current, itemElements, focusedElementRef.current);
+				nextEl && (_focusItemElement(nextEl), setFocusedElement(nextEl));
+				return;
+			}
+			if (event.key === "ArrowUp") {
+				event.preventDefault();
+				let prevEl = _findPrevItemElement(stateRef.current, itemElements, focusedElementRef.current);
+				prevEl && (_focusItemElement(prevEl), setFocusedElement(prevEl));
+				return;
+			}
+			if (event.key === "ArrowLeft") {
+				event.preventDefault();
+				let itemKey = focusedElementRef.current.getAttribute("data-tree-key");
+				if (!itemKey) return;
+				let itemState_0 = stateRef.current[itemKey];
+				if (!itemState_0) return;
+				if (itemState_0.expanded) setState((s_2) => {
+					let itemState_1 = s_2[itemKey];
+					return itemState_1 ? {
+						...s_2,
+						[itemKey]: {
+							...itemState_1,
+							expanded: !1
+						}
+					} : s_2;
+				});
+				else {
+					let itemPath = itemKey.split("/");
+					itemPath.pop();
+					let parentKey = itemPath.join("/"), parentState = parentKey && stateRef.current[parentKey];
+					parentState && (parentState.element.focus(), setFocusedElement(parentState.element));
+				}
+				return;
+			}
+			if (event.key === "ArrowRight") {
+				event.preventDefault();
+				let focusedKey = focusedElementRef.current.getAttribute("data-tree-key");
+				if (!focusedKey) return;
+				stateRef.current[focusedKey]?.expanded || setState((s_3) => {
+					let itemState_2 = s_3[focusedKey];
+					return itemState_2 ? {
+						...s_3,
+						[focusedKey]: {
+							...itemState_2,
+							expanded: !0
+						}
+					} : s_3;
+				});
+				return;
+			}
+		}
+	}, $[22] = itemElements, $[23] = t13);
+	let handleKeyDown = t13, t14;
+	$[24] === onFocus ? t14 = $[25] : (t14 = (event_0) => {
+		setFocusedElement(event_0.target), onFocus?.(event_0);
+	}, $[24] = onFocus, $[25] = t14);
+	let handleFocus = t14, t15;
+	$[26] === Symbol.for("react.memo_cache_sentinel") ? (t15 = () => {
+		if (!ref.current) return;
+		let _itemElements = Array.from(ref.current.querySelectorAll("[data-ui=\"TreeItem\"]"));
+		setItemElements(_itemElements);
+	}, $[26] = t15) : t15 = $[26];
+	let t16;
+	$[27] === children ? t16 = $[28] : (t16 = [children], $[27] = children, $[28] = t16), (0, react.useEffect)(t15, t16);
+	let t17;
+	$[29] !== children || $[30] !== handleFocus || $[31] !== handleKeyDown || $[32] !== restProps || $[33] !== spacing ? (t17 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.O, {
+		as: "ul",
+		"data-ui": "Tree",
+		...restProps,
+		onFocus: handleFocus,
+		onKeyDown: handleKeyDown,
+		ref,
+		role: "tree",
+		gap: spacing,
+		children
+	}), $[29] = children, $[30] = handleFocus, $[31] = handleKeyDown, $[32] = restProps, $[33] = spacing, $[34] = t17) : t17 = $[34];
+	let t18;
+	return $[35] !== contextValue || $[36] !== t17 ? (t18 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeContext.Provider, {
+		value: contextValue,
+		children: t17
+	}), $[35] = contextValue, $[36] = t17, $[37] = t18) : t18 = $[37], t18;
+});
+function treeItemRootStyle() {
+	return styled_components.css`&[role='none'] > [role='treeitem']{outline:none;cursor:default;border-radius:3px;background-color:var(--card-bg-color);color:var(--treeitem-fg-color);&:focus{position:relative;}}&[role='treeitem']{outline:none;& > div{cursor:default;border-radius:3px;background-color:var(--card-bg-color);color:var(--treeitem-fg-color);}&:focus > div{position:relative;}}`;
+}
+function treeItemRootColorStyle(props) {
+	let { color } = require_getScopedTheme.i(props.theme), tone = color.selectable.default;
+	return styled_components.css`&[role='none']{& > [role='treeitem']{${require_portalProvider.Q(color, tone.enabled)}}&[data-selected] > [role='treeitem']{${require_portalProvider.Q(color, tone.pressed)}}@media (hover:hover){&:not([data-selected]) > [role='treeitem']:not(:focus):hover{${require_portalProvider.Q(color, tone.hovered)}}& > [role='treeitem']:focus{${require_portalProvider.Q(color, tone.selected)}}}}&[role='treeitem']{& > [data-ui='TreeItem__box']{${require_portalProvider.Q(color, tone.enabled)}}&[data-selected] > [data-ui='TreeItem__box']{${require_portalProvider.Q(color, tone.pressed)}}@media (hover:hover){&:not([data-selected]):not(:focus) > [data-ui='TreeItem__box']:hover{${require_portalProvider.Q(color, tone.hovered)}}&:focus > [data-ui='TreeItem__box']{${require_portalProvider.Q(color, tone.selected)}}}}`;
+}
+function treeItemBoxStyle(props) {
+	let { $level } = props, { space } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`display:block;padding-left:${require_portalProvider.ht(space[2] * $level)};text-decoration:none;`;
+}
+/**
+* @beta
+*/
+function useTree() {
+	let tree = (0, react.useContext)(TreeContext);
+	if (!tree) throw Error("Tree: missing context value");
+	return tree;
+}
+function TreeGroup(props) {
+	let $ = (0, react_compiler_runtime.c)(9), children, restProps, t0;
+	$[0] === props ? (children = $[1], restProps = $[2], t0 = $[3]) : ({children, expanded: t0, ...restProps} = props, $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0);
+	let expanded = t0 !== void 0 && t0, tree = useTree(), t1 = !expanded, t2;
+	return $[4] !== children || $[5] !== restProps || $[6] !== t1 || $[7] !== tree.gap ? (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.O, {
+		as: "ul",
+		"data-ui": "TreeGroup",
+		...restProps,
+		hidden: t1,
+		marginTop: tree.gap,
+		role: "group",
+		gap: tree.gap,
+		children
+	}), $[4] = children, $[5] = restProps, $[6] = t1, $[7] = tree.gap, $[8] = t2) : t2 = $[8], t2;
+}
+const StyledTreeItem = /* @__PURE__ */ styled_components.styled.li.withConfig({
+	displayName: "StyledTreeItem",
+	componentId: "sc-qnd0f7-0"
+})(treeItemRootStyle, treeItemRootColorStyle), TreeItemBox = /* @__PURE__ */ styled_components.styled.a.withConfig({
+	displayName: "TreeItemBox",
+	componentId: "sc-qnd0f7-1"
+})(treeItemBoxStyle), ToggleArrowText = (0, styled_components.styled)(require_portalProvider.et).withConfig({
+	displayName: "ToggleArrowText",
+	componentId: "sc-qnd0f7-2"
+})`& > svg{transition:transform 100ms;}`;
+/**
+* This API might change. DO NOT USE IN PRODUCTION.
+* @beta
+*/
+function TreeItem(props) {
+	let $ = (0, react_compiler_runtime.c)(117), IconComponent, children, gap, href, idProp, linkAs, linkProps, muted, onClick, restProps, t0, t1, t2, t3, t4, text, weight;
+	$[0] === props ? (IconComponent = $[1], children = $[2], gap = $[3], href = $[4], idProp = $[5], linkAs = $[6], linkProps = $[7], muted = $[8], onClick = $[9], restProps = $[10], t0 = $[11], t1 = $[12], t2 = $[13], t3 = $[14], t4 = $[15], text = $[16], weight = $[17]) : ({children, expanded: t0, fontSize: t1, href, icon: IconComponent, id: idProp, linkAs, linkProps, muted, onClick, padding: t2, selected: t3, gap, space: t4, text, weight, ...restProps} = props, $[0] = props, $[1] = IconComponent, $[2] = children, $[3] = gap, $[4] = href, $[5] = idProp, $[6] = linkAs, $[7] = linkProps, $[8] = muted, $[9] = onClick, $[10] = restProps, $[11] = t0, $[12] = t1, $[13] = t2, $[14] = t3, $[15] = t4, $[16] = text, $[17] = weight);
+	let expandedProp = t0 !== void 0 && t0, fontSize = t1 === void 0 ? 1 : t1, padding = t2 === void 0 ? 2 : t2, selected = t3 !== void 0 && t3, spacing = gap === void 0 ? t4 === void 0 ? 2 : t4 : gap, [rootElement, _setRootElement] = (0, react.useState)(null), t5;
+	$[18] === Symbol.for("react.memo_cache_sentinel") ? (t5 = (node) => {
+		(0, react.startTransition)(() => _setRootElement(node));
+	}, $[18] = t5) : t5 = $[18];
+	let setRootElement = t5, treeitemRef = (0, react.useRef)(null), tree = useTree(), { path, registerItem, setExpanded, setFocusedElement } = tree, _id = (0, react.useId)(), id = idProp || _id, t6, t7;
+	if ($[19] !== id || $[20] !== path) {
+		let itemPath = path.concat([id || ""]);
+		t6 = itemPath, t7 = itemPath.join("/"), $[19] = id, $[20] = path, $[21] = t6, $[22] = t7;
+	} else t6 = $[21], t7 = $[22];
+	let t8;
+	$[23] !== t6 || $[24] !== t7 ? (t8 = [t6, t7], $[23] = t6, $[24] = t7, $[25] = t8) : t8 = $[25];
+	let [itemPath_0, itemKey] = t8, itemState = tree.state[itemKey], focused = tree.focusedElement === rootElement, expanded = itemState?.expanded === void 0 ? expandedProp : itemState?.expanded || !1, tabIndex = tree.focusedElement && tree.focusedElement === rootElement ? 0 : -1, t9 = tree.level + 1, t10;
+	$[26] !== itemPath_0 || $[27] !== t9 || $[28] !== tree ? (t10 = {
+		...tree,
+		level: t9,
+		path: itemPath_0
+	}, $[26] = itemPath_0, $[27] = t9, $[28] = tree, $[29] = t10) : t10 = $[29];
+	let contextValue = t10, t11;
+	$[30] !== expanded || $[31] !== itemKey || $[32] !== onClick || $[33] !== rootElement || $[34] !== setExpanded || $[35] !== setFocusedElement ? (t11 = (event) => {
+		onClick && onClick(event);
+		let target = event.target;
+		target instanceof HTMLElement && (target.getAttribute("data-ui") === "TreeItem" || target.closest("[data-ui=\"TreeItem__box\"]")) && (event.stopPropagation(), setExpanded(itemKey, !expanded), setFocusedElement(rootElement));
+	}, $[30] = expanded, $[31] = itemKey, $[32] = onClick, $[33] = rootElement, $[34] = setExpanded, $[35] = setFocusedElement, $[36] = t11) : t11 = $[36];
+	let handleClick = t11, t12;
+	$[37] !== focused || $[38] !== rootElement ? (t12 = (event_0) => {
+		focused && event_0.key === "Enter" && (treeitemRef.current || rootElement)?.click();
+	}, $[37] = focused, $[38] = rootElement, $[39] = t12) : t12 = $[39];
+	let handleKeyDown = t12, t13, t14;
+	$[40] !== expanded || $[41] !== itemKey || $[42] !== registerItem || $[43] !== rootElement || $[44] !== selected ? (t13 = () => {
+		if (rootElement) return registerItem(rootElement, itemKey, expanded, selected);
+	}, t14 = [
+		expanded,
+		itemKey,
+		registerItem,
+		rootElement,
+		selected
+	], $[40] = expanded, $[41] = itemKey, $[42] = registerItem, $[43] = rootElement, $[44] = selected, $[45] = t13, $[46] = t14) : (t13 = $[45], t14 = $[46]), (0, react.useEffect)(t13, t14);
+	let t15 = IconComponent || children ? "visible" : "hidden", t16;
+	$[47] === t15 ? t16 = $[48] : (t16 = {
+		visibility: t15,
+		pointerEvents: "none"
+	}, $[47] = t15, $[48] = t16);
+	let t17;
+	$[49] !== IconComponent || $[50] !== fontSize || $[51] !== muted || $[52] !== weight ? (t17 = IconComponent && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.et, {
+		muted,
+		size: fontSize,
+		weight,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconComponent, {})
+	}), $[49] = IconComponent, $[50] = fontSize, $[51] = muted, $[52] = weight, $[53] = t17) : t17 = $[53];
+	let t18;
+	$[54] !== IconComponent || $[55] !== expanded || $[56] !== fontSize || $[57] !== muted || $[58] !== weight ? (t18 = !IconComponent && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToggleArrowText, {
+		muted,
+		size: fontSize,
+		weight,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_ToggleArrowRight.ToggleArrowRightIcon, { style: { transform: expanded ? "rotate(90deg)" : void 0 } })
+	}), $[54] = IconComponent, $[55] = expanded, $[56] = fontSize, $[57] = muted, $[58] = weight, $[59] = t18) : t18 = $[59];
+	let t19;
+	$[60] !== spacing || $[61] !== t16 || $[62] !== t17 || $[63] !== t18 ? (t19 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_portalProvider.lt, {
+		marginRight: spacing,
+		style: t16,
+		children: [t17, t18]
+	}), $[60] = spacing, $[61] = t16, $[62] = t17, $[63] = t18, $[64] = t19) : t19 = $[64];
+	let t20;
+	$[65] !== fontSize || $[66] !== muted || $[67] !== text || $[68] !== weight ? (t20 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.lt, {
+		flex: 1,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.et, {
+			muted,
+			size: fontSize,
+			textOverflow: "ellipsis",
+			weight,
+			children: text
+		})
+	}), $[65] = fontSize, $[66] = muted, $[67] = text, $[68] = weight, $[69] = t20) : t20 = $[69];
+	let t21;
+	$[70] !== padding || $[71] !== t19 || $[72] !== t20 ? (t21 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_portalProvider.at, {
+		padding,
+		children: [t19, t20]
+	}), $[70] = padding, $[71] = t19, $[72] = t20, $[73] = t21) : t21 = $[73];
+	let content = t21;
+	if (href) {
+		let t22 = selected ? "" : void 0, t23 = typeof linkAs == "string" ? linkAs : "a", t24;
+		$[74] !== content || $[75] !== expanded || $[76] !== href || $[77] !== linkAs || $[78] !== linkProps || $[79] !== t23 || $[80] !== tabIndex || $[81] !== tree.level ? (t24 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeItemBox, {
+			...linkProps,
+			$level: tree.level,
+			"aria-expanded": expanded,
+			as: linkAs,
+			"data-as": t23,
+			"data-ui": "TreeItem__box",
+			href,
+			ref: treeitemRef,
+			role: "treeitem",
+			tabIndex,
+			children: content
+		}), $[74] = content, $[75] = expanded, $[76] = href, $[77] = linkAs, $[78] = linkProps, $[79] = t23, $[80] = tabIndex, $[81] = tree.level, $[82] = t24) : t24 = $[82];
+		let t25;
+		$[83] !== children || $[84] !== expanded ? (t25 = children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeGroup, {
+			hidden: !expanded,
+			children
+		}), $[83] = children, $[84] = expanded, $[85] = t25) : t25 = $[85];
+		let t26;
+		$[86] !== contextValue || $[87] !== t25 ? (t26 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeContext.Provider, {
+			value: contextValue,
+			children: t25
+		}), $[86] = contextValue, $[87] = t25, $[88] = t26) : t26 = $[88];
+		let t27;
+		return $[89] !== handleClick || $[90] !== id || $[91] !== itemKey || $[92] !== restProps || $[93] !== t22 || $[94] !== t24 || $[95] !== t26 ? (t27 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledTreeItem, {
+			"data-selected": t22,
+			"data-tree-id": id,
+			"data-tree-key": itemKey,
+			"data-ui": "TreeItem",
+			...restProps,
+			onClick: handleClick,
+			ref: setRootElement,
+			role: "none",
+			children: [t24, t26]
+		}), $[89] = handleClick, $[90] = id, $[91] = itemKey, $[92] = restProps, $[93] = t22, $[94] = t24, $[95] = t26, $[96] = t27) : t27 = $[96], t27;
+	}
+	let t22 = selected ? "" : void 0, t23;
+	$[97] !== content || $[98] !== tree.level ? (t23 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeItemBox, {
+		$level: tree.level,
+		as: "div",
+		"data-ui": "TreeItem__box",
+		children: content
+	}), $[97] = content, $[98] = tree.level, $[99] = t23) : t23 = $[99];
+	let t24;
+	$[100] !== children || $[101] !== expanded ? (t24 = children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeGroup, {
+		expanded,
+		children
+	}), $[100] = children, $[101] = expanded, $[102] = t24) : t24 = $[102];
+	let t25;
+	$[103] !== contextValue || $[104] !== t24 ? (t25 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TreeContext.Provider, {
+		value: contextValue,
+		children: t24
+	}), $[103] = contextValue, $[104] = t24, $[105] = t25) : t25 = $[105];
+	let t26;
+	return $[106] !== expanded || $[107] !== handleClick || $[108] !== handleKeyDown || $[109] !== id || $[110] !== itemKey || $[111] !== restProps || $[112] !== t22 || $[113] !== t23 || $[114] !== t25 || $[115] !== tabIndex ? (t26 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledTreeItem, {
+		"data-selected": t22,
+		"data-ui": "TreeItem",
+		"data-tree-id": id,
+		"data-tree-key": itemKey,
+		...restProps,
+		"aria-expanded": expanded,
+		onClick: handleClick,
+		onKeyDown: handleKeyDown,
+		ref: setRootElement,
+		role: "treeitem",
+		tabIndex,
+		children: [t23, t25]
+	}), $[106] = expanded, $[107] = handleClick, $[108] = handleKeyDown, $[109] = id, $[110] = itemKey, $[111] = restProps, $[112] = t22, $[113] = t23, $[114] = t25, $[115] = tabIndex, $[116] = t26) : t26 = $[116], t26;
+}
+/**
+* @internal
+*/
+function _isScrollable(el) {
+	if (!(el instanceof Element)) return !1;
+	let style = window.getComputedStyle(el);
+	return style.overflowX.includes("auto") || style.overflowX.includes("scroll") || style.overflowY.includes("auto") || style.overflowY.includes("scroll");
+}
+/**
+* @deprecated instead of `useArrayProp(width)` use `Array.isArray(width) ? width : [width]` instead
+* @beta
+*/
+function useArrayProp(val, defaultVal) {
+	let $ = (0, react_compiler_runtime.c)(3), t0;
+	return $[0] !== defaultVal || $[1] !== val ? (t0 = require_portalProvider.ft(val, defaultVal), $[0] = defaultVal, $[1] = val, $[2] = t0) : t0 = $[2], t0;
+}
+function _getElements(element, elementsArg) {
+	let ret = [element];
+	for (let el of elementsArg) Array.isArray(el) ? ret.push(...el) : ret.push(el);
+	return ret.filter(Boolean);
+}
+/**
+* @public
+* @deprecated replaced by the new `useClickOutsideEvent` hook, instead of:
+* ```tsx
+* const [button, setButtonElement] = useState(null)
+* useClickOutside((event) => {}, [button])
+* return <button ref={setButtonElement} />
+* ```
+* do:
+* ```tsx
+* const buttonRef = useRef()
+* useClickOutsideEvent((event) => {}, () => [buttonRef.current])
+* return <button ref={buttonRef} />
+* ```
+*/
+function useClickOutside(listener, t0, boundaryElement) {
+	let $ = (0, react_compiler_runtime.c)(12), elementsArg = t0 === void 0 ? require_portalProvider.wt : t0, [element, setElement] = (0, react.useState)(null), t1;
+	$[0] !== element || $[1] !== elementsArg ? (t1 = () => _getElements(element, elementsArg), $[0] = element, $[1] = elementsArg, $[2] = t1) : t1 = $[2];
+	let [elements, setElements] = (0, react.useState)(t1), elementsRef = (0, react.useRef)(elements), t2, t3;
+	$[3] !== element || $[4] !== elementsArg ? (t2 = () => {
+		let prevElements = elementsRef.current, nextElements = _getElements(element, elementsArg);
+		if (prevElements.length !== nextElements.length) {
+			setElements(nextElements), elementsRef.current = nextElements;
+			return;
+		}
+		for (let el of prevElements) if (!nextElements.includes(el)) {
+			setElements(nextElements), elementsRef.current = nextElements;
+			return;
+		}
+		for (let el_0 of nextElements) if (!prevElements.includes(el_0)) {
+			setElements(nextElements), elementsRef.current = nextElements;
+			return;
+		}
+	}, t3 = [element, elementsArg], $[3] = element, $[4] = elementsArg, $[5] = t2, $[6] = t3) : (t2 = $[5], t3 = $[6]), (0, react.useEffect)(t2, t3);
+	let t4, t5;
+	return $[7] !== boundaryElement || $[8] !== elements || $[9] !== listener ? (t4 = () => {
+		if (!listener) return;
+		let handleWindowMouseDown = (evt) => {
+			let target = evt.target;
+			if (target instanceof Node && !(boundaryElement && !boundaryElement.contains(target))) {
+				for (let el_1 of elements) if (target === el_1 || el_1.contains(target)) return;
+				listener(evt);
+			}
+		};
+		return window.addEventListener("mousedown", handleWindowMouseDown), () => {
+			window.removeEventListener("mousedown", handleWindowMouseDown);
+		};
+	}, t5 = [
+		boundaryElement,
+		listener,
+		elements
+	], $[7] = boundaryElement, $[8] = elements, $[9] = listener, $[10] = t4, $[11] = t5) : (t4 = $[10], t5 = $[11]), (0, react.useEffect)(t4, t5), setElement;
+}
+/**
+* Subscribe to the rect of a DOM element.
+* @beta
+*
+* @deprecated Use `useElementSize` instead
+*/
+function useElementRect(element) {
+	return require_portalProvider.V(element)?._contentRect || null;
+}
+/**
+* @beta
+* @deprecated use `useImperativeHandle` instead
+* @example
+* ```diff
+* -const ref = useForwardedRef(forwardedRef)
+* +const ref = useRef(null)
+* +useImperativeHandle(forwardedRef, () => ref.current)
+* ```
+*/
+function useForwardedRef(ref) {
+	let $ = (0, react_compiler_runtime.c)(1), innerRef = (0, react.useRef)(null), t0;
+	return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => innerRef.current, $[0] = t0) : t0 = $[0], (0, react.useImperativeHandle)(ref, t0), innerRef;
+}
+/**
+* Get responsive CSS for the `label` font style.
+* @internal
+*/
+function responsiveLabelFont(props) {
+	return require_portalProvider.rt("label", props);
+}
+function labelBaseStyle(props) {
+	let { $accent, $muted } = props, { font } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`text-transform:uppercase;${$accent && styled_components.css`color:var(--card-accent-fg-color);`} ${$muted && styled_components.css`color:var(--card-muted-fg-color);`} & code{font-family:${font.code.family};border-radius:1px;}& a{text-decoration:none;border-radius:1px;}& svg{display:inline;}& [data-sanity-icon]{vertical-align:baseline;}`;
+}
+const StyledLabel = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "StyledLabel",
+	componentId: "sc-6qcmll-0"
+})(responsiveLabelFont, require_portalProvider.it, labelBaseStyle), Label = (0, react.forwardRef)(function Label(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(26), accent, align, childrenProp, restProps, t0, t1, textOverflow, weight;
+	$[0] === props ? (accent = $[1], align = $[2], childrenProp = $[3], restProps = $[4], t0 = $[5], t1 = $[6], textOverflow = $[7], weight = $[8]) : ({accent, align, children: childrenProp, muted: t0, size: t1, textOverflow, weight, ...restProps} = props, $[0] = props, $[1] = accent, $[2] = align, $[3] = childrenProp, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = textOverflow, $[8] = weight);
+	let muted = t0 !== void 0 && t0, size = t1 === void 0 ? 2 : t1, children = childrenProp;
+	if (textOverflow === "ellipsis") {
+		let t2;
+		$[9] === children ? t2 = $[10] : (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.tt, { children }), $[9] = children, $[10] = t2), children = t2;
+	} else {
+		let t2;
+		$[11] === children ? t2 = $[12] : (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children }), $[11] = children, $[12] = t2), children = t2;
+	}
+	let t2;
+	$[13] === align ? t2 = $[14] : (t2 = require_portalProvider.ft(align), $[13] = align, $[14] = t2);
+	let t3;
+	$[15] === size ? t3 = $[16] : (t3 = require_portalProvider.ft(size), $[15] = size, $[16] = t3);
+	let t4;
+	return $[17] !== accent || $[18] !== children || $[19] !== muted || $[20] !== ref || $[21] !== restProps || $[22] !== t2 || $[23] !== t3 || $[24] !== weight ? (t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledLabel, {
+		"data-ui": "Label",
+		...restProps,
+		$accent: accent,
+		$align: t2,
+		$muted: muted,
+		$size: t3,
+		$weight: weight,
+		ref,
+		children
+	}), $[17] = accent, $[18] = children, $[19] = muted, $[20] = ref, $[21] = restProps, $[22] = t2, $[23] = t3, $[24] = weight, $[25] = t4) : t4 = $[25], t4;
+}), avatarStyle = {
+	root: avatarRootStyle,
+	arrow: avatarArrowStyle,
+	bgStroke: avatarBgStrokeStyle,
+	stroke: avatarStrokeStyle,
+	initials: avatarInitialsStyle,
+	image: avatarImageStyle
+};
+function avatarArrowStyle() {
+	return {
+		position: "absolute",
+		boxSizing: "border-box",
+		zIndex: "0",
+		opacity: "0",
+		transition: "all 0.2s linear",
+		transform: "rotate(-90deg) translate3d(0, 6px, 0)",
+		left: 0,
+		right: 0,
+		top: 0,
+		bottom: 0,
+		"& > svg": {
+			width: "11px",
+			height: "7px",
+			position: "absolute",
+			top: "-5px",
+			left: "50%",
+			transform: "translateX(-6px)",
+			"&:not([hidden])": { display: "block" }
+		},
+		"[data-arrow-position='inside'] > &": {
+			transform: "rotate(-90deg) translate3d(0, 6px, 0)",
+			opacity: "0"
+		},
+		"[data-arrow-position='top'] > &": {
+			opacity: "1",
+			transform: "rotate(0deg)"
+		},
+		"[data-arrow-position='bottom'] > &": {
+			opacity: "1",
+			transform: "rotate(-180deg)"
+		}
+	};
+}
+function avatarRootStyle(props) {
+	let { $color } = props, { avatar } = require_getScopedTheme.i(props.theme);
+	return {
+		"--avatar-bg-color": `var(--card-avatar-${$color}-bg-color)`,
+		"--avatar-fg-color": `var(--card-avatar-${$color}-fg-color)`,
+		backgroundColor: "var(--avatar-bg-color)",
+		position: "relative",
+		boxSizing: "border-box",
+		userSelect: "none",
+		boxShadow: "0 0 0 1px var(--card-bg-color)",
+		"&[data-status=\"inactive\"]": { opacity: "0.5" },
+		"&>svg": { "&:not([hidden])": { display: "block" } },
+		"&[data-as=\"button\"]": {
+			WebkitFontSmoothing: "inherit",
+			appearance: "none",
+			margin: 0,
+			padding: 0,
+			border: 0,
+			font: "inherit",
+			color: "inherit",
+			outline: "none",
+			"&:focus": { boxShadow: require_portalProvider.Z({ focusRing: avatar.focusRing }) },
+			"&:focus:not(:focus-visible)": { boxShadow: "none" }
+		}
+	};
+}
+function responsiveAvatarSizeStyle(props) {
+	let { avatar, media } = require_getScopedTheme.i(props.theme);
+	return require_portalProvider.mt(media, props.$size, (size) => {
+		let avatarSize = avatar.sizes[size] || avatar.sizes[0];
+		return {
+			width: require_portalProvider.ht(avatarSize.size),
+			height: require_portalProvider.ht(avatarSize.size),
+			borderRadius: require_portalProvider.ht(avatarSize.size / 2),
+			"&>svg": {
+				width: require_portalProvider.ht(avatarSize.size),
+				height: require_portalProvider.ht(avatarSize.size),
+				borderRadius: require_portalProvider.ht(avatarSize.size / 2)
+			}
+		};
+	});
+}
+function avatarImageStyle() {
+	return { position: "relative" };
+}
+function avatarInitialsStyle() {
+	return {
+		width: "100%",
+		height: "100%",
+		color: "var(--avatar-fg-color)",
+		alignItems: "center",
+		justifyContent: "center",
+		textTransform: "uppercase",
+		textAlign: "center",
+		borderRadius: "50%",
+		"&:not([hidden])": { display: "flex" }
+	};
+}
+function avatarBgStrokeStyle() {
+	return {
+		strokeWidth: "4px",
+		stroke: "var(--card-bg-color)"
+	};
+}
+function avatarStrokeStyle() {
+	return {
+		strokeWidth: "2px",
+		stroke: "var(--avatar-bg-color)",
+		"[data-status=\"editing\"] &": {
+			strokeDasharray: "2 4",
+			strokeLinecap: "round"
+		}
+	};
+}
+const StyledAvatar = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "StyledAvatar",
+	componentId: "sc-hfmugy-0"
+})(responsiveAvatarSizeStyle, avatarStyle.root), Arrow$1 = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "Arrow",
+	componentId: "sc-hfmugy-1"
+})(avatarStyle.arrow), BgStroke = /* @__PURE__ */ styled_components.styled.ellipse.withConfig({
+	displayName: "BgStroke",
+	componentId: "sc-hfmugy-2"
+})(avatarStyle.bgStroke), Stroke = /* @__PURE__ */ styled_components.styled.ellipse.withConfig({
+	displayName: "Stroke",
+	componentId: "sc-hfmugy-3"
+})(avatarStyle.stroke), Initials = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "Initials",
+	componentId: "sc-hfmugy-4"
+})(avatarStyle.initials), InitialsLabel = /* @__PURE__ */ (0, styled_components.styled)(Label).withConfig({
+	displayName: "InitialsLabel",
+	componentId: "sc-hfmugy-5"
+})({ color: "inherit" }), AvatarImage = /* @__PURE__ */ styled_components.styled.svg.withConfig({
+	displayName: "AvatarImage",
+	componentId: "sc-hfmugy-6"
+})(avatarStyle.image), Avatar = (0, react.forwardRef)(function Avatar(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(46), __unstable_hideInnerStroke, animateArrowFrom, arrowPositionProp, asProp, initials, onImageLoadError, restProps, src, t0, t1, t2, title;
+	$[0] === props ? (__unstable_hideInnerStroke = $[1], animateArrowFrom = $[2], arrowPositionProp = $[3], asProp = $[4], initials = $[5], onImageLoadError = $[6], restProps = $[7], src = $[8], t0 = $[9], t1 = $[10], t2 = $[11], title = $[12]) : ({__unstable_hideInnerStroke, as: asProp, color: t0, src, title, initials, onImageLoadError, arrowPosition: arrowPositionProp, animateArrowFrom, status: t1, size: t2, ...restProps} = props, $[0] = props, $[1] = __unstable_hideInnerStroke, $[2] = animateArrowFrom, $[3] = arrowPositionProp, $[4] = asProp, $[5] = initials, $[6] = onImageLoadError, $[7] = restProps, $[8] = src, $[9] = t0, $[10] = t1, $[11] = t2, $[12] = title);
+	let color = t0 === void 0 ? "gray" : t0, status = t1 === void 0 ? "online" : t1, sizeProp = t2 === void 0 ? 1 : t2, { avatar } = require_portalProvider.st(), as = react_is.default.isValidElementType(asProp) ? asProp : "div", size = require_portalProvider.ft(sizeProp), _sizeRem = (avatar.sizes[size[0]] || avatar.sizes[0]).size, _radius = _sizeRem / 2, elementId = (0, react.useId)(), [arrowPosition, setArrowPosition] = (0, react.useState)(animateArrowFrom || arrowPositionProp || "inside"), [imageFailed, setImageFailed] = (0, react.useState)(!1), imageId = `avatar-image-${elementId}`, t3, t4;
+	$[13] !== arrowPosition || $[14] !== arrowPositionProp ? (t3 = () => {
+		if (arrowPosition === arrowPositionProp) return;
+		let raf = requestAnimationFrame(() => setArrowPosition(arrowPositionProp));
+		return () => cancelAnimationFrame(raf);
+	}, t4 = [arrowPosition, arrowPositionProp], $[13] = arrowPosition, $[14] = arrowPositionProp, $[15] = t3, $[16] = t4) : (t3 = $[15], t4 = $[16]), (0, react.useEffect)(t3, t4);
+	let t5, t6;
+	$[17] === src ? (t5 = $[18], t6 = $[19]) : (t5 = () => {
+		src && setImageFailed(!1);
+	}, t6 = [src], $[17] = src, $[18] = t5, $[19] = t6), (0, react.useEffect)(t5, t6);
+	let t7;
+	$[20] === onImageLoadError ? t7 = $[21] : (t7 = () => {
+		setImageFailed(!0), onImageLoadError && onImageLoadError(/* @__PURE__ */ Error("Avatar: the image failed to load"));
+	}, $[20] = onImageLoadError, $[21] = t7);
+	let handleImageError = t7, T0 = StyledAvatar, t8 = typeof as == "string" ? as : void 0, t10;
+	$[22] === color ? t10 = $[23] : (t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Arrow$1, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+		width: "11",
+		height: "7",
+		viewBox: "0 0 11 7",
+		fill: "none",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+			d: "M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z",
+			fill: color
+		})
+	}) }), $[22] = color, $[23] = t10);
+	let t11;
+	$[24] !== __unstable_hideInnerStroke || $[25] !== _radius || $[26] !== _sizeRem || $[27] !== handleImageError || $[28] !== imageFailed || $[29] !== imageId || $[30] !== src ? (t11 = !imageFailed && src && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(AvatarImage, {
+		viewBox: `0 0 ${_sizeRem} ${_sizeRem}`,
+		fill: "none",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pattern", {
+				id: imageId,
+				patternContentUnits: "objectBoundingBox",
+				width: "1",
+				height: "1",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("image", {
+					href: src,
+					width: "1",
+					height: "1",
+					onError: handleImageError
+				})
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+				cx: _radius,
+				cy: _radius,
+				r: _radius,
+				fill: `url(#${imageId})`
+			}),
+			!__unstable_hideInnerStroke && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(BgStroke, {
+				cx: _radius,
+				cy: _radius,
+				rx: _radius,
+				ry: _radius,
+				vectorEffect: "non-scaling-stroke"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stroke, {
+				cx: _radius,
+				cy: _radius,
+				rx: _radius,
+				ry: _radius,
+				vectorEffect: "non-scaling-stroke"
+			})
+		]
+	}), $[24] = __unstable_hideInnerStroke, $[25] = _radius, $[26] = _sizeRem, $[27] = handleImageError, $[28] = imageFailed, $[29] = imageId, $[30] = src, $[31] = t11) : t11 = $[31];
+	let t12 = (imageFailed || !src) && initials && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Initials, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InitialsLabel, {
+		forwardedAs: "span",
+		size: size.map(_temp$1),
+		weight: "medium",
+		children: initials
+	}) }) }), t13;
+	return $[32] !== T0 || $[33] !== arrowPosition || $[34] !== as || $[35] !== color || $[36] !== ref || $[37] !== restProps || $[38] !== size || $[39] !== status || $[40] !== t10 || $[41] !== t11 || $[42] !== t12 || $[43] !== t8 || $[44] !== title ? (t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(T0, {
+		as,
+		"data-as": t8,
+		"data-ui": "Avatar",
+		...restProps,
+		$color: color,
+		$size: size,
+		"aria-label": title,
+		"data-arrow-position": arrowPosition,
+		"data-status": status,
+		ref,
+		title,
+		children: [
+			t10,
+			t11,
+			t12
+		]
+	}), $[32] = T0, $[33] = arrowPosition, $[34] = as, $[35] = color, $[36] = ref, $[37] = restProps, $[38] = size, $[39] = status, $[40] = t10, $[41] = t11, $[42] = t12, $[43] = t8, $[44] = title, $[45] = t13) : t13 = $[45], t13;
+});
+function _temp$1(s) {
+	return s === 1 ? 1 : s === 2 ? 3 : s === 3 ? 5 : 0;
+}
+function _responsiveAvatarCounterSizeStyle(props) {
+	let { avatar, media } = require_getScopedTheme.i(props.theme);
+	return require_portalProvider.mt(media, props.$size, (size) => {
+		let avatarSize = avatar.sizes[size];
+		return avatarSize ? {
+			borderRadius: require_portalProvider.ht(avatarSize.size / 2),
+			minWidth: require_portalProvider.ht(avatarSize.size),
+			height: require_portalProvider.ht(avatarSize.size)
+		} : require_portalProvider.Tt;
+	});
+}
+function _avatarCounterBaseStyle(props) {
+	let { space } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`align-items:center;justify-content:center;box-sizing:border-box;user-select:none;color:inherit;color:var(--card-fg-color);background:var(--card-bg-color);box-shadow:0 0 0 1px var(--card-bg-color),inset 0 0 0 1px var(--card-hairline-hard-color);padding:0 ${require_portalProvider.ht(space[2])};&:not([hidden]){display:flex;}`;
+}
+const StyledAvatarCounter = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "StyledAvatarCounter",
+	componentId: "sc-miwe8s-0"
+})(_responsiveAvatarCounterSizeStyle, _avatarCounterBaseStyle), AvatarCounter = (0, react.forwardRef)(function AvatarCounter(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(20), { count, size: t0 } = props, sizeProp = t0 === void 0 ? 1 : t0, T0, T1, t1, t2, t3, t4, t5;
+	if ($[0] !== ref || $[1] !== sizeProp) {
+		let size = require_portalProvider.ft(sizeProp);
+		T1 = StyledAvatarCounter, t3 = size, t4 = "AvatarCounter", t5 = ref, T0 = Label, t1 = "span", t2 = size.map(_temp), $[0] = ref, $[1] = sizeProp, $[2] = T0, $[3] = T1, $[4] = t1, $[5] = t2, $[6] = t3, $[7] = t4, $[8] = t5;
+	} else T0 = $[2], T1 = $[3], t1 = $[4], t2 = $[5], t3 = $[6], t4 = $[7], t5 = $[8];
+	let t6;
+	$[9] !== T0 || $[10] !== count || $[11] !== t1 || $[12] !== t2 ? (t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(T0, {
+		as: t1,
+		size: t2,
+		weight: "medium",
+		children: count
+	}), $[9] = T0, $[10] = count, $[11] = t1, $[12] = t2, $[13] = t6) : t6 = $[13];
+	let t7;
+	return $[14] !== T1 || $[15] !== t3 || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 ? (t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(T1, {
+		$size: t3,
+		"data-ui": t4,
+		ref: t5,
+		children: t6
+	}), $[14] = T1, $[15] = t3, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = t7) : t7 = $[19], t7;
+});
+function _temp(s) {
+	return s === 1 ? 1 : s === 2 ? 3 : s === 3 ? 5 : 0;
+}
+const BASE_STYLES = styled_components.css`white-space:nowrap;& > div{vertical-align:top;&:not([hidden]){display:inline-block;}}`;
+function avatarStackStyle() {
+	return BASE_STYLES;
+}
+function responsiveAvatarStackSizeStyle(props) {
+	let { avatar, media } = require_getScopedTheme.i(props.theme);
+	return require_portalProvider.mt(media, props.$size, (size) => {
+		let avatarSize = avatar.sizes[size];
+		return avatarSize ? { "& > div + div": { marginLeft: require_portalProvider.ht(avatarSize.distance) } } : require_portalProvider.Tt;
+	});
+}
+const StyledAvatarStack = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "StyledAvatarStack",
+	componentId: "sc-m8rww4-0"
+})(responsiveAvatarStackSizeStyle, avatarStackStyle), AvatarStack = (0, react.forwardRef)(function AvatarStack(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(38), childrenProp, restProps, t0, t1;
+	$[0] === props ? (childrenProp = $[1], restProps = $[2], t0 = $[3], t1 = $[4]) : ({children: childrenProp, maxLength: t0, size: t1, ...restProps} = props, $[0] = props, $[1] = childrenProp, $[2] = restProps, $[3] = t0, $[4] = t1);
+	let maxLengthProp = t0 === void 0 ? 4 : t0, sizeProp = t1 === void 0 ? 1 : t1, T0, t2, t3, t4, t5, t6, t7, t8;
+	if ($[5] !== childrenProp || $[6] !== maxLengthProp || $[7] !== ref || $[8] !== restProps || $[9] !== sizeProp) {
+		let children = react.Children.toArray(childrenProp).filter(react.isValidElement), maxLength = Math.max(maxLengthProp, 0), t9;
+		$[18] === sizeProp ? t9 = $[19] : (t9 = require_portalProvider.ft(sizeProp), $[18] = sizeProp, $[19] = t9);
+		let size = t9, len = children.length, extraCount = len - (maxLength - 1), visibleChildren = extraCount > 1 ? children.slice(extraCount, len) : children;
+		T0 = StyledAvatarStack, t2 = "AvatarStack", t3 = restProps, t4 = ref, t5 = size, $[20] !== len || $[21] !== size ? (t6 = len === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarCounter, {
+			count: len,
+			size
+		}) }), $[20] = len, $[21] = size, $[22] = t6) : t6 = $[22], $[23] !== extraCount || $[24] !== len || $[25] !== size ? (t7 = len !== 0 && extraCount > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarCounter, {
+			count: extraCount,
+			size
+		}) }), $[23] = extraCount, $[24] = len, $[25] = size, $[26] = t7) : t7 = $[26];
+		let t10;
+		$[27] === size ? t10 = $[28] : (t10 = (child, childIndex) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: (0, react.cloneElement)(child, { size }) }, String(childIndex)), $[27] = size, $[28] = t10), t8 = visibleChildren.map(t10), $[5] = childrenProp, $[6] = maxLengthProp, $[7] = ref, $[8] = restProps, $[9] = sizeProp, $[10] = T0, $[11] = t2, $[12] = t3, $[13] = t4, $[14] = t5, $[15] = t6, $[16] = t7, $[17] = t8;
+	} else T0 = $[10], t2 = $[11], t3 = $[12], t4 = $[13], t5 = $[14], t6 = $[15], t7 = $[16], t8 = $[17];
+	let t9;
+	return $[29] !== T0 || $[30] !== t2 || $[31] !== t3 || $[32] !== t4 || $[33] !== t5 || $[34] !== t6 || $[35] !== t7 || $[36] !== t8 ? (t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(T0, {
+		"data-ui": t2,
+		...t3,
+		ref: t4,
+		$size: t5,
+		children: [
+			t6,
+			t7,
+			t8
+		]
+	}), $[29] = T0, $[30] = t2, $[31] = t3, $[32] = t4, $[33] = t5, $[34] = t6, $[35] = t7, $[36] = t8, $[37] = t9) : t9 = $[37], t9;
+});
+function badgeStyle(props) {
+	let { $tone } = props;
+	return {
+		"--card-bg-color": `var(--card-badge-${$tone}-bg-color)`,
+		"--card-fg-color": `var(--card-badge-${$tone}-fg-color)`,
+		backgroundColor: "var(--card-bg-color)",
+		cursor: "default",
+		"&:not([hidden])": {
+			display: "inline-block",
+			verticalAlign: "top"
+		}
+	};
+}
+const StyledBadge = /* @__PURE__ */ (0, styled_components.styled)(require_portalProvider.lt).withConfig({
+	displayName: "StyledBadge",
+	componentId: "sc-4z4hgx-0"
+})(require_portalProvider.ct, badgeStyle), Badge = (0, react.forwardRef)(function Badge(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(21), children, restProps, t0, t1, t2, t3;
+	if ($[0] !== props) {
+		let { children: t4, fontSize: t5, mode: _deprecated_mode, padding: t6, radius: t7, tone: t8, ...t9 } = props;
+		children = t4, t0 = t5, t1 = t6, t2 = t7, t3 = t8, restProps = t9, $[0] = props, $[1] = children, $[2] = restProps, $[3] = t0, $[4] = t1, $[5] = t2, $[6] = t3;
+	} else children = $[1], restProps = $[2], t0 = $[3], t1 = $[4], t2 = $[5], t3 = $[6];
+	let fontSize = t0 === void 0 ? 1 : t0, padding = t1 === void 0 ? 1 : t1, radius = t2 === void 0 ? "full" : t2, tone = t3 === void 0 ? "default" : t3, t4;
+	$[7] === radius ? t4 = $[8] : (t4 = require_portalProvider.ft(radius), $[7] = radius, $[8] = t4);
+	let t5;
+	$[9] === padding ? t5 = $[10] : (t5 = require_portalProvider.ft(padding), $[9] = padding, $[10] = t5);
+	let t6;
+	$[11] !== children || $[12] !== fontSize ? (t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.et, {
+		size: fontSize,
+		children
+	}), $[11] = children, $[12] = fontSize, $[13] = t6) : t6 = $[13];
+	let t7;
+	return $[14] !== ref || $[15] !== restProps || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 || $[19] !== tone ? (t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledBadge, {
+		"data-ui": "Badge",
+		...restProps,
+		$tone: tone,
+		$radius: t4,
+		padding: t5,
+		ref,
+		children: t6
+	}), $[14] = ref, $[15] = restProps, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = tone, $[20] = t7) : t7 = $[20], t7;
+});
+function checkboxBaseStyles() {
+	return styled_components.css`position:relative;display:inline-block;`;
+}
+function inputElementStyles(props) {
+	let { color, input, radius } = require_getScopedTheme.i(props.theme), { focusRing } = input.checkbox;
+	return styled_components.css`position:absolute;top:0;left:0;width:100%;height:100%;outline:none;opacity:0;z-index:1;padding:0;margin:0;& + span{position:relative;display:block;height:${require_portalProvider.ht(input.checkbox.size)};width:${require_portalProvider.ht(input.checkbox.size)};box-sizing:border-box;box-shadow:${require_portalProvider.X({
+		color: color.input.default.enabled.border,
+		width: input.border.width
+	})};border-radius:${require_portalProvider.ht(radius[2])};line-height:1;background-color:${color.input.default.enabled.bg};& > svg{display:block;position:absolute;opacity:0;height:100%;width:100%;& > path{vector-effect:non-scaling-stroke;stroke-width:1.5px !important;}}}&:checked + span{background:${color.input.default.enabled.fg};box-shadow:${require_portalProvider.X({
+		color: color.input.default.enabled.fg,
+		width: input.border.width
+	})};color:${color.input.default.enabled.bg};}&:not(:disabled):focus:focus-visible + span{box-shadow:${require_portalProvider.Z({ focusRing })};}&:not(:disabled):focus:focus-visible&:checked + span{box-shadow:${require_portalProvider.Z({ focusRing: {
+		width: 1,
+		offset: 1
+	} })};}&[data-error] + span{background-color:${color.input.invalid.enabled.border};box-shadow:${require_portalProvider.X({
+		width: input.border.width,
+		color: color.input.invalid.enabled.muted.bg
+	})};color:${color.input.default.disabled.fg};}&[data-error]&:checked + span{background-color:${color.input.invalid.enabled.muted.bg};color:${color.input.default.enabled.bg};}&[data-error]&:checked&:not(:disabled):focus:focus-visible + span{box-shadow:${require_portalProvider.Z({
+		border: {
+			width: input.border.width,
+			color: color.input.invalid.readOnly.muted.bg
+		},
+		focusRing: {
+			width: 1,
+			offset: 1
+		}
+	})};}&:disabled + span{background-color:${color.input.default.disabled.bg};box-shadow:${require_portalProvider.X({
+		width: input.border.width,
+		color: color.input.default.disabled.border
+	})};color:${color.input.default.disabled.fg};}&:disabled&:checked + span{background-color:${color.input.default.disabled.muted.bg};}&[data-read-only] + span{background-color:${color.input.default.readOnly.bg};box-shadow:${require_portalProvider.X({
+		width: input.border.width,
+		color: color.input.default.readOnly.border
+	})};color:${color.input.default.readOnly.fg};}&[data-read-only]&:checked + span{background-color:${color.input.default.readOnly.muted.bg};}&:checked + span > svg:first-child{opacity:1;}&:indeterminate + span > svg:last-child{opacity:1;}`;
+}
+const StyledCheckbox = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "StyledCheckbox",
+	componentId: "sc-33tf77-0"
+})(checkboxBaseStyles), Input$4 = /* @__PURE__ */ styled_components.styled.input.withConfig({
+	displayName: "Input",
+	componentId: "sc-33tf77-1"
+})(inputElementStyles), Checkbox = (0, react.forwardRef)(function Checkbox(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(25), checked, className, customValidity, disabled, indeterminate, readOnly, restProps, style;
+	$[0] === props ? (checked = $[1], className = $[2], customValidity = $[3], disabled = $[4], indeterminate = $[5], readOnly = $[6], restProps = $[7], style = $[8]) : ({checked, className, disabled, indeterminate, customValidity, readOnly, style, ...restProps} = props, $[0] = props, $[1] = checked, $[2] = className, $[3] = customValidity, $[4] = disabled, $[5] = indeterminate, $[6] = readOnly, $[7] = restProps, $[8] = style);
+	let ref = (0, react.useRef)(null), t0;
+	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => ref.current, $[9] = t0) : t0 = $[9], (0, react.useImperativeHandle)(forwardedRef, t0);
+	let t1, t2;
+	$[10] === indeterminate ? (t1 = $[11], t2 = $[12]) : (t1 = () => {
+		ref.current && (ref.current.indeterminate = indeterminate || !1);
+	}, t2 = [indeterminate], $[10] = indeterminate, $[11] = t1, $[12] = t2), (0, react.useEffect)(t1, t2), require_portalProvider.D(ref, customValidity);
+	let t3 = !disabled && readOnly ? "" : void 0, t4 = customValidity ? "" : void 0, t5 = disabled || readOnly, t6;
+	$[13] !== checked || $[14] !== readOnly || $[15] !== restProps || $[16] !== t3 || $[17] !== t4 || $[18] !== t5 ? (t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input$4, {
+		"data-read-only": t3,
+		"data-error": t4,
+		...restProps,
+		checked,
+		disabled: t5,
+		type: "checkbox",
+		readOnly,
+		ref
+	}), $[13] = checked, $[14] = readOnly, $[15] = restProps, $[16] = t3, $[17] = t4, $[18] = t5, $[19] = t6) : t6 = $[19];
+	let t7;
+	$[20] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_Checkmark.CheckmarkIcon, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_Remove.RemoveIcon, {})] }), $[20] = t7) : t7 = $[20];
+	let t8;
+	return $[21] !== className || $[22] !== style || $[23] !== t6 ? (t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledCheckbox, {
+		className,
+		"data-ui": "Checkbox",
+		style,
+		children: [t6, t7]
+	}), $[21] = className, $[22] = style, $[23] = t6, $[24] = t8) : t8 = $[24], t8;
+});
+/**
+* Get responsive CSS for the `code` font style.
+* @internal
+*/
+function responsiveCodeFontStyle(props) {
+	return require_portalProvider.rt("code", props);
+}
+function codeSyntaxHighlightingStyle({ theme }) {
+	let { color: { syntax: color } } = require_getScopedTheme.i(theme);
+	return {
+		"&.atrule": { color: color.atrule },
+		"&.attr-name": { color: color.attrName },
+		"&.attr-value": { color: color.attrValue },
+		"&.attribute": { color: color.attribute },
+		"&.boolean": { color: color.boolean },
+		"&.builtin": { color: color.builtin },
+		"&.cdata": { color: color.cdata },
+		"&.char": { color: color.char },
+		"&.class": { color: color.class },
+		"&.class-name": { color: color.className },
+		"&.comment": { color: color.comment },
+		"&.constant": { color: color.constant },
+		"&.deleted": { color: color.deleted },
+		"&.doctype": { color: color.doctype },
+		"&.entity": { color: color.entity },
+		"&.function": { color: color.function },
+		"&.hexcode": { color: color.hexcode },
+		"&.id": { color: color.id },
+		"&.important": { color: color.important },
+		"&.inserted": { color: color.inserted },
+		"&.keyword": { color: color.keyword },
+		"&.number": { color: color.number },
+		"&.operator": { color: color.operator },
+		"&.prolog": { color: color.prolog },
+		"&.property": { color: color.property },
+		"&.pseudo-class": { color: color.pseudoClass },
+		"&.pseudo-element": { color: color.pseudoElement },
+		"&.punctuation": { color: color.punctuation },
+		"&.regex": { color: color.regex },
+		"&.selector": { color: color.selector },
+		"&.string": { color: color.string },
+		"&.symbol": { color: color.symbol },
+		"&.tag": { color: color.tag },
+		"&.unit": { color: color.unit },
+		"&.url": { color: color.url },
+		"&.variable": { color: color.variable }
+	};
+}
+function codeBaseStyle() {
+	return styled_components.css`color:var(--card-code-fg-color);& code{font-family:inherit;&.refractor .token{${codeSyntaxHighlightingStyle}}}& a{color:inherit;text-decoration:underline;border-radius:1px;}& svg{display:inline;}& [data-sanity-icon]{vertical-align:baseline;}`;
+}
+const LazyRefractor = (0, react.lazy)(() => Promise.resolve().then(() => require("./_chunks/refractor.cjs"))), StyledCode = /* @__PURE__ */ styled_components.styled.pre.withConfig({
+	displayName: "StyledCode",
+	componentId: "sc-4i8yh-0"
+})(codeBaseStyle, responsiveCodeFontStyle), Code = (0, react.forwardRef)(function Code(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(22), children, language, restProps, t0, weight;
+	$[0] === props ? (children = $[1], language = $[2], restProps = $[3], t0 = $[4], weight = $[5]) : ({children, language, size: t0, weight, ...restProps} = props, $[0] = props, $[1] = children, $[2] = language, $[3] = restProps, $[4] = t0, $[5] = weight);
+	let size = t0 === void 0 ? 2 : t0, t1;
+	$[6] === size ? t1 = $[7] : (t1 = require_portalProvider.ft(size), $[6] = size, $[7] = t1);
+	let t2 = weight, t3;
+	$[8] === children ? t3 = $[9] : (t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children }), $[8] = children, $[9] = t3);
+	let t4;
+	$[10] !== children || $[11] !== language ? (t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LazyRefractor, {
+		language,
+		value: children
+	}), $[10] = children, $[11] = language, $[12] = t4) : t4 = $[12];
+	let t5;
+	$[13] !== t3 || $[14] !== t4 ? (t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+		fallback: t3,
+		children: t4
+	}), $[13] = t3, $[14] = t4, $[15] = t5) : t5 = $[15];
+	let t6;
+	return $[16] !== ref || $[17] !== restProps || $[18] !== t1 || $[19] !== t2 || $[20] !== t5 ? (t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledCode, {
+		"data-ui": "Code",
+		...restProps,
+		$size: t1,
+		$weight: t2,
+		ref,
+		children: t5
+	}), $[16] = ref, $[17] = restProps, $[18] = t1, $[19] = t2, $[20] = t5, $[21] = t6) : t6 = $[21], t6;
+});
+/**
+* Get responsive CSS for the `heading` font style.
+* @internal
+*/
+function responsiveHeadingFont(props) {
+	return require_portalProvider.rt("heading", props);
+}
+function headingBaseStyle(props) {
+	let { $accent, $muted } = props, { font } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`${$accent && styled_components.css`color:var(--card-accent-fg-color);`} ${$muted && styled_components.css`color:var(--card-muted-fg-color);`} & code{font-family:${font.code.family};border-radius:1px;}& a{text-decoration:none;border-radius:1px;color:var(--card-link-color);outline:none;@media (hover:hover){&:hover{text-decoration:underline;}}&:focus{box-shadow:0 0 0 1px var(--card-bg-color),0 0 0 3px var(--card-focus-ring-color);}&:focus:not(:focus-visible){box-shadow:none;}}& strong{font-weight:${font.heading.weights.bold};}& svg{display:inline;}& [data-sanity-icon]{vertical-align:baseline;}`;
+}
+const StyledHeading = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "StyledHeading",
+	componentId: "sc-kfxezu-0"
+})(headingBaseStyle, require_portalProvider.it, responsiveHeadingFont), Heading = (0, react.forwardRef)(function Heading(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(26), align, childrenProp, restProps, t0, t1, t2, textOverflow, weight;
+	$[0] === props ? (align = $[1], childrenProp = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6], textOverflow = $[7], weight = $[8]) : ({accent: t0, align, children: childrenProp, muted: t1, size: t2, textOverflow, weight, ...restProps} = props, $[0] = props, $[1] = align, $[2] = childrenProp, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = textOverflow, $[8] = weight);
+	let accent = t0 !== void 0 && t0, muted = t1 !== void 0 && t1, size = t2 === void 0 ? 2 : t2, children = childrenProp;
+	if (textOverflow === "ellipsis") {
+		let t3;
+		$[9] === children ? t3 = $[10] : (t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.tt, { children }), $[9] = children, $[10] = t3), children = t3;
+	}
+	let t3;
+	$[11] === align ? t3 = $[12] : (t3 = require_portalProvider.ft(align), $[11] = align, $[12] = t3);
+	let t4;
+	$[13] === size ? t4 = $[14] : (t4 = require_portalProvider.ft(size), $[13] = size, $[14] = t4);
+	let t5;
+	$[15] === children ? t5 = $[16] : (t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children }), $[15] = children, $[16] = t5);
+	let t6;
+	return $[17] !== accent || $[18] !== muted || $[19] !== ref || $[20] !== restProps || $[21] !== t3 || $[22] !== t4 || $[23] !== t5 || $[24] !== weight ? (t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledHeading, {
+		"data-ui": "Heading",
+		...restProps,
+		$accent: accent,
+		$align: t3,
+		$muted: muted,
+		$size: t4,
+		$weight: weight,
+		ref,
+		children: t5
+	}), $[17] = accent, $[18] = muted, $[19] = ref, $[20] = restProps, $[21] = t3, $[22] = t4, $[23] = t5, $[24] = weight, $[25] = t6) : t6 = $[25], t6;
+});
+function radioBaseStyle() {
+	return styled_components.css`position:relative;&:not([hidden]){display:inline-block;}&[data-read-only]{outline:1px solid red;}`;
+}
+function inputElementStyle(props) {
+	let { color, input } = require_getScopedTheme.i(props.theme), dist = (input.radio.size - input.radio.markSize) / 2;
+	return styled_components.css`appearance:none;position:absolute;top:0;left:0;opacity:0;height:100%;width:100%;outline:none;z-index:1;padding:0;margin:0;border-radius:${require_portalProvider.ht(input.radio.size / 2)};border:none;& + span{display:block;position:relative;height:${require_portalProvider.ht(input.radio.size)};width:${require_portalProvider.ht(input.radio.size)};border-radius:${require_portalProvider.ht(input.radio.size / 2)};background:${color.input.default.enabled.bg};box-shadow:${require_portalProvider.X({
+		color: color.input.default.enabled.border,
+		width: input.border.width
+	})};&::after{content:'';position:absolute;top:${require_portalProvider.ht(dist)};left:${require_portalProvider.ht(dist)};height:${require_portalProvider.ht(input.radio.markSize)};width:${require_portalProvider.ht(input.radio.markSize)};border-radius:${require_portalProvider.ht(input.radio.markSize / 2)};background:${color.input.default.enabled.fg};opacity:0;}}&:not(:disabled):focus + span{box-shadow:${require_portalProvider.Z({
+		border: {
+			width: input.border.width,
+			color: color.input.default.enabled.border
+		},
+		focusRing: input.radio.focusRing
+	})};}&:not(:disabled):focus:not(:focus-visible) + span{box-shadow:${require_portalProvider.X({
+		color: color.input.default.enabled.border,
+		width: input.border.width
+	})};}&:checked + span::after{opacity:1;}&[data-error] + span{background-color:${color.input.invalid.enabled.border};box-shadow:${require_portalProvider.X({
+		width: input.border.width,
+		color: color.input.invalid.enabled.muted.bg
+	})};&::after{background:${color.input.invalid.enabled.muted.bg};}}&[data-read-only] + span{box-shadow:0 0 0 1px ${color.input.default.readOnly.border};background:${color.input.default.readOnly.bg};&::after{background:${color.input.default.readOnly.border};}}&:not([data-read-only]):disabled + span{box-shadow:0 0 0 1px ${color.input.default.disabled.border};background:${color.input.default.disabled.bg};&::after{background:${color.input.default.disabled.border};}}`;
+}
+const StyledRadio = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "StyledRadio",
+	componentId: "sc-f02knx-0"
+})(radioBaseStyle), Input$3 = /* @__PURE__ */ styled_components.styled.input.withConfig({
+	displayName: "Input",
+	componentId: "sc-f02knx-1"
+})(inputElementStyle), Radio = (0, react.forwardRef)(function Radio(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(19), className, customValidity, disabled, readOnly, restProps, style;
+	$[0] === props ? (className = $[1], customValidity = $[2], disabled = $[3], readOnly = $[4], restProps = $[5], style = $[6]) : ({className, disabled, style, customValidity, readOnly, ...restProps} = props, $[0] = props, $[1] = className, $[2] = customValidity, $[3] = disabled, $[4] = readOnly, $[5] = restProps, $[6] = style);
+	let ref = (0, react.useRef)(null), t0;
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => ref.current, $[7] = t0) : t0 = $[7], (0, react.useImperativeHandle)(forwardedRef, t0), require_portalProvider.D(ref, customValidity);
+	let t1 = !disabled && readOnly ? "" : void 0, t2 = customValidity ? "" : void 0, t3 = disabled || readOnly, t4;
+	$[8] !== readOnly || $[9] !== restProps || $[10] !== t1 || $[11] !== t2 || $[12] !== t3 ? (t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input$3, {
+		"data-read-only": t1,
+		"data-error": t2,
+		...restProps,
+		disabled: t3,
+		readOnly,
+		ref,
+		type: "radio"
+	}), $[8] = readOnly, $[9] = restProps, $[10] = t1, $[11] = t2, $[12] = t3, $[13] = t4) : t4 = $[13];
+	let t5;
+	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {}), $[14] = t5) : t5 = $[14];
+	let t6;
+	return $[15] !== className || $[16] !== style || $[17] !== t4 ? (t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledRadio, {
+		className,
+		"data-ui": "Radio",
+		style,
+		children: [t4, t5]
+	}), $[15] = className, $[16] = style, $[17] = t4, $[18] = t6) : t6 = $[18], t6;
+});
+function rootStyle() {
+	return styled_components.css`position:relative;width:-moz-available;width:-webkit-fill-available;width:stretch;&:not([hidden]){display:inline-block;}`;
+}
+function inputBaseStyle(props) {
+	let { font } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`-webkit-font-smoothing:antialiased;appearance:none;border:0;font-family:${font.text.family};color:inherit;width:100%;outline:none;margin:0;&:disabled{opacity:1;}`;
+}
+function inputColorStyle(props) {
+	let { color, input } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`background-color:${color.input.default.enabled.bg};color:${color.input.default.enabled.fg};box-shadow:${require_portalProvider.X({
+		color: color.input.default.enabled.border,
+		width: input.border.width
+	})};@media (hover:hover){&:not(:disabled):hover{background-color:${color.input.default.hovered.bg};color:${color.input.default.hovered.fg};box-shadow:${require_portalProvider.X({
+		color: color.input.default.hovered.border,
+		width: input.border.width
+	})};}}&:not(:disabled):focus{box-shadow:${require_portalProvider.Z({
+		border: {
+			width: input.border.width,
+			color: color.input.default.enabled.border
+		},
+		focusRing: input.select.focusRing
+	})};}&[data-read-only]{background-color:${color.input.default.readOnly.bg};color:${color.input.default.readOnly.fg};box-shadow:${require_portalProvider.X({
+		color: color.input.default.readOnly.border,
+		width: input.border.width
+	})};}&:not([data-read-only]):disabled{background-color:${color.input.default.disabled.bg};color:${color.input.default.disabled.fg};box-shadow:${require_portalProvider.X({
+		color: color.input.default.disabled.border,
+		width: input.border.width
+	})};}`;
+}
+function textSize(size) {
+	return {
+		fontSize: require_portalProvider.ht(size.fontSize),
+		lineHeight: `${require_portalProvider.ht(size.lineHeight)}`
+	};
+}
+function inputTextSizeStyle(props) {
+	let { $fontSize } = props, { font, media } = require_getScopedTheme.i(props.theme);
+	return require_portalProvider.mt(media, $fontSize, (sizeIndex) => textSize(font.text.sizes[sizeIndex] || font.text.sizes[2]));
+}
+function inputStyle() {
+	return [
+		require_portalProvider.ct,
+		inputBaseStyle,
+		inputColorStyle,
+		inputTextSizeStyle,
+		require_portalProvider.T
+	];
+}
+function iconBoxStyle(props) {
+	let { color } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`pointer-events:none;position:absolute;top:0;right:0;--card-fg-color:${color.input.default.enabled.fg};@media (hover:hover){select:not(disabled):not(:read-only):hover + &&{--card-fg-color:${color.input.default.hovered.fg};}}select:disabled + &&{--card-fg-color:${color.input.default.disabled.fg};}select[data-read-only] + &&{--card-fg-color:${color.input.default.readOnly.fg};}`;
+}
+const selectStyle = {
+	root: rootStyle,
+	input: inputStyle,
+	iconBox: iconBoxStyle
+}, StyledSelect = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "StyledSelect",
+	componentId: "sc-fjdmul-0"
+})(selectStyle.root), Input$2 = /* @__PURE__ */ styled_components.styled.select.withConfig({
+	displayName: "Input",
+	componentId: "sc-fjdmul-1"
+})(selectStyle.input), IconBox = /* @__PURE__ */ (0, styled_components.styled)(require_portalProvider.lt).withConfig({
+	displayName: "IconBox",
+	componentId: "sc-fjdmul-2"
+})(selectStyle.iconBox), Select = (0, react.forwardRef)(function Select(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(38), children, customValidity, disabled, gap, readOnly, restProps, t0, t1, t2, t3;
+	$[0] === props ? (children = $[1], customValidity = $[2], disabled = $[3], gap = $[4], readOnly = $[5], restProps = $[6], t0 = $[7], t1 = $[8], t2 = $[9], t3 = $[10]) : ({children, customValidity, disabled, fontSize: t0, gap, padding: t1, radius: t2, readOnly, space: t3, ...restProps} = props, $[0] = props, $[1] = children, $[2] = customValidity, $[3] = disabled, $[4] = gap, $[5] = readOnly, $[6] = restProps, $[7] = t0, $[8] = t1, $[9] = t2, $[10] = t3);
+	let fontSize = t0 === void 0 ? 2 : t0, padding = t1 === void 0 ? 3 : t1, radius = t2 === void 0 ? 2 : t2, spacing = gap === void 0 ? t3 === void 0 ? 3 : t3 : gap, ref = (0, react.useRef)(null), t4;
+	$[11] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => ref.current, $[11] = t4) : t4 = $[11], (0, react.useImperativeHandle)(forwardedRef, t4), require_portalProvider.D(ref, customValidity);
+	let t5 = !disabled && readOnly ? "" : void 0, t6;
+	$[12] === fontSize ? t6 = $[13] : (t6 = require_portalProvider.ft(fontSize), $[12] = fontSize, $[13] = t6);
+	let t7;
+	$[14] === padding ? t7 = $[15] : (t7 = require_portalProvider.ft(padding), $[14] = padding, $[15] = t7);
+	let t8;
+	$[16] === radius ? t8 = $[17] : (t8 = require_portalProvider.ft(radius), $[16] = radius, $[17] = t8);
+	let t9;
+	$[18] === spacing ? t9 = $[19] : (t9 = require_portalProvider.ft(spacing), $[18] = spacing, $[19] = t9);
+	let t10 = disabled || readOnly, t11;
+	$[20] !== children || $[21] !== restProps || $[22] !== t10 || $[23] !== t5 || $[24] !== t6 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9 ? (t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input$2, {
+		"data-read-only": t5,
+		"data-ui": "Select",
+		...restProps,
+		$fontSize: t6,
+		$padding: t7,
+		$radius: t8,
+		$space: t9,
+		disabled: t10,
+		ref,
+		children
+	}), $[20] = children, $[21] = restProps, $[22] = t10, $[23] = t5, $[24] = t6, $[25] = t7, $[26] = t8, $[27] = t9, $[28] = t11) : t11 = $[28];
+	let t12;
+	$[29] === Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_ChevronDown.ChevronDownIcon, {}), $[29] = t12) : t12 = $[29];
+	let t13;
+	$[30] === fontSize ? t13 = $[31] : (t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.et, {
+		size: fontSize,
+		children: t12
+	}), $[30] = fontSize, $[31] = t13);
+	let t14;
+	$[32] !== padding || $[33] !== t13 ? (t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconBox, {
+		padding,
+		children: t13
+	}), $[32] = padding, $[33] = t13, $[34] = t14) : t14 = $[34];
+	let t15;
+	return $[35] !== t11 || $[36] !== t14 ? (t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledSelect, {
+		"data-ui": "Select",
+		children: [t11, t14]
+	}), $[35] = t11, $[36] = t14, $[37] = t15) : t15 = $[37], t15;
+});
+function switchBaseStyles() {
+	return styled_components.css`position:relative;&:not([hidden]){display:inline-block;}`;
+}
+function switchInputStyles() {
+	return styled_components.css`position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;height:100%;width:100%;outline:none;padding:0;margin:0;z-index:1;`;
+}
+function switchRepresentationStyles(props) {
+	let { color, input } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`--switch-bg-color:${color.input.default.enabled.border};--switch-fg-color:${color.input.default.enabled.bg};--switch-box-shadow:none;&:not([hidden]){display:block;}position:relative;width:${require_portalProvider.ht(input.switch.width)};height:${require_portalProvider.ht(input.switch.height)};border-radius:${require_portalProvider.ht(input.switch.height / 2)};pointer-events:none;&:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;box-shadow:var(--switch-box-shadow);border-radius:inherit;}input:focus + &&{--switch-box-shadow:${require_portalProvider.Z({ focusRing: input.switch.focusRing })};}input:focus:not(:focus-visible) + &&{--switch-box-shadow:none;}input:checked + &&{--switch-bg-color:${color.input.default.enabled.fg};--switch-fg-color:${color.input.default.enabled.bg};}@media (hover:hover){input:not(:disabled):hover + &&{--switch-bg-color:${color.input.default.hovered.border};--switch-fg-color:${color.input.default.hovered.bg};}input:not(:disabled):checked:hover + &&{--switch-bg-color:${color.input.default.enabled.fg};--switch-fg-color:${color.input.default.enabled.bg};}}input:not([data-read-only]):disabled + &&{--switch-bg-color:${color.input.default.disabled.border};--switch-fg-color:${color.input.default.disabled.bg};}input[data-read-only]:disabled + &&{--switch-bg-color:${color.input.default.readOnly.border};--switch-fg-color:${color.input.default.readOnly.bg};}input:checked[data-read-only]:disabled + &&{--switch-bg-color:${color.input.default.readOnly.fg};--switch-fg-color:${color.input.default.readOnly.bg};}`;
+}
+function switchTrackStyles(props) {
+	let { input } = require_getScopedTheme.i(props.theme);
+	return styled_components.css`&:not([hidden]){display:block;}background-color:var(--switch-bg-color);position:absolute;left:0;top:0;width:${require_portalProvider.ht(input.switch.width)};height:${require_portalProvider.ht(input.switch.height)};border-radius:${require_portalProvider.ht(input.switch.height / 2)};`;
+}
+function switchThumbStyles(props) {
+	let { $indeterminate } = props, { input } = require_getScopedTheme.i(props.theme), trackWidth = input.switch.width, trackHeight = input.switch.height, trackPadding = input.switch.padding, size = trackHeight - input.switch.padding * 2, checkedOffset = trackWidth - trackPadding * 2 - size, indeterminateOffset = trackWidth / 2 - size / 2 - trackPadding, checked = $indeterminate !== !0 && props.$checked === !0;
+	return styled_components.css`&:not([hidden]){display:block;}position:absolute;left:${require_portalProvider.ht(trackPadding)};top:${require_portalProvider.ht(trackPadding)};height:${require_portalProvider.ht(size)};width:${require_portalProvider.ht(size)};border-radius:${require_portalProvider.ht(size / 2)};transition-property:transform;transition-duration:${input.switch.transitionDurationMs}ms;transition-timing-function:${input.switch.transitionTimingFunction};background:var(--switch-fg-color);transform:translate3d(0,0,0);box-shadow:0px 1px 0px 0px rgba(0,0,0,0.05);${checked && styled_components.css`transform:translate3d(${checkedOffset}px,0,0);`} ${$indeterminate && styled_components.css`transform:translate3d(${indeterminateOffset}px,0,0);`}`;
+}
+const StyledSwitch = /* @__PURE__ */ styled_components.styled.span.withConfig({
+	displayName: "StyledSwitch",
+	componentId: "sc-aod7y9-0"
+})(switchBaseStyles), Input$1 = /* @__PURE__ */ styled_components.styled.input.withConfig({
+	displayName: "Input",
+	componentId: "sc-aod7y9-1"
+})(switchInputStyles), Representation = /* @__PURE__ */ styled_components.styled.span.withConfig({
+	displayName: "Representation",
+	componentId: "sc-aod7y9-2"
+})(switchRepresentationStyles), Track = /* @__PURE__ */ styled_components.styled.span.withConfig({
+	displayName: "Track",
+	componentId: "sc-aod7y9-3"
+})(switchTrackStyles), Thumb = /* @__PURE__ */ styled_components.styled.span.withConfig({
+	displayName: "Thumb",
+	componentId: "sc-aod7y9-4"
+})(switchThumbStyles), Switch = (0, react.forwardRef)(function Switch(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(26), checked, className, disabled, indeterminate, readOnly, restProps, style;
+	$[0] === props ? (checked = $[1], className = $[2], disabled = $[3], indeterminate = $[4], readOnly = $[5], restProps = $[6], style = $[7]) : ({checked, className, disabled, indeterminate, readOnly, style, ...restProps} = props, $[0] = props, $[1] = checked, $[2] = className, $[3] = disabled, $[4] = indeterminate, $[5] = readOnly, $[6] = restProps, $[7] = style);
+	let ref = (0, react.useRef)(null), t0;
+	$[8] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => ref.current, $[8] = t0) : t0 = $[8], (0, react.useImperativeHandle)(forwardedRef, t0);
+	let t1, t2;
+	$[9] === indeterminate ? (t1 = $[10], t2 = $[11]) : (t1 = () => {
+		ref.current && (ref.current.indeterminate = indeterminate || !1);
+	}, t2 = [indeterminate], $[9] = indeterminate, $[10] = t1, $[11] = t2), (0, react.useEffect)(t1, t2);
+	let t3 = !disabled && readOnly ? "" : void 0, t4 = indeterminate !== !0 && checked, t5 = disabled || readOnly, t6;
+	$[12] !== restProps || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 ? (t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input$1, {
+		"data-read-only": t3,
+		...restProps,
+		checked: t4,
+		disabled: t5,
+		type: "checkbox",
+		ref
+	}), $[12] = restProps, $[13] = t3, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16];
+	let t7;
+	$[17] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Track, {}), $[17] = t7) : t7 = $[17];
+	let t8;
+	$[18] !== checked || $[19] !== indeterminate ? (t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Representation, {
+		"aria-hidden": !0,
+		"data-name": "representation",
+		children: [t7, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Thumb, {
+			$checked: checked,
+			$indeterminate: indeterminate
+		})]
+	}), $[18] = checked, $[19] = indeterminate, $[20] = t8) : t8 = $[20];
+	let t9;
+	return $[21] !== className || $[22] !== style || $[23] !== t6 || $[24] !== t8 ? (t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledSwitch, {
+		className,
+		"data-ui": "Switch",
+		style,
+		children: [t6, t8]
+	}), $[21] = className, $[22] = style, $[23] = t6, $[24] = t8, $[25] = t9) : t9 = $[25], t9;
+}), StyledTextArea = /* @__PURE__ */ styled_components.styled.span.withConfig({
+	displayName: "StyledTextArea",
+	componentId: "sc-ndqkyw-0"
+})(require_portalProvider.w), InputRoot = styled_components.styled.span.withConfig({
+	displayName: "InputRoot",
+	componentId: "sc-ndqkyw-1"
+})`flex:1;min-width:0;display:block;position:relative;`, Input = /* @__PURE__ */ styled_components.styled.textarea.withConfig({
+	displayName: "Input",
+	componentId: "sc-ndqkyw-2"
+})(require_portalProvider.E, require_portalProvider.x, require_portalProvider.S), Presentation = /* @__PURE__ */ styled_components.styled.div.withConfig({
+	displayName: "Presentation",
+	componentId: "sc-ndqkyw-3"
+})(require_portalProvider.ct, require_portalProvider.C), TextArea = (0, react.forwardRef)(function TextArea(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(35), __unstable_disableFocusRing, customValidity, restProps, t0, t1, t2, t3, t4, weight;
+	$[0] === props ? (__unstable_disableFocusRing = $[1], customValidity = $[2], restProps = $[3], t0 = $[4], t1 = $[5], t2 = $[6], t3 = $[7], t4 = $[8], weight = $[9]) : ({border: t0, customValidity, disabled: t1, fontSize: t2, padding: t3, radius: t4, weight, __unstable_disableFocusRing, ...restProps} = props, $[0] = props, $[1] = __unstable_disableFocusRing, $[2] = customValidity, $[3] = restProps, $[4] = t0, $[5] = t1, $[6] = t2, $[7] = t3, $[8] = t4, $[9] = weight);
+	let border = t0 === void 0 || t0, disabled = t1 !== void 0 && t1, fontSize = t2 === void 0 ? 2 : t2, padding = t3 === void 0 ? 3 : t3, radius = t4 === void 0 ? 2 : t4, ref = (0, react.useRef)(null), rootTheme = require_portalProvider.K(), t5;
+	$[10] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => ref.current, $[10] = t5) : t5 = $[10], (0, react.useImperativeHandle)(forwardedRef, t5), require_portalProvider.D(ref, customValidity);
+	let t6 = rootTheme.scheme, t7 = rootTheme.tone, t8;
+	$[11] === fontSize ? t8 = $[12] : (t8 = require_portalProvider.ft(fontSize), $[11] = fontSize, $[12] = t8);
+	let t9;
+	$[13] === padding ? t9 = $[14] : (t9 = require_portalProvider.ft(padding), $[13] = padding, $[14] = t9);
+	let t10 = rootTheme.scheme, t11;
+	$[15] === Symbol.for("react.memo_cache_sentinel") ? (t11 = require_portalProvider.ft(0), $[15] = t11) : t11 = $[15];
+	let t12;
+	$[16] !== disabled || $[17] !== restProps || $[18] !== rootTheme.scheme || $[19] !== rootTheme.tone || $[20] !== t8 || $[21] !== t9 || $[22] !== weight ? (t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {
+		"data-as": "textarea",
+		"data-scheme": t6,
+		"data-tone": t7,
+		...restProps,
+		$fontSize: t8,
+		$padding: t9,
+		$scheme: t10,
+		$space: t11,
+		$tone: rootTheme.tone,
+		$weight: weight,
+		disabled,
+		ref
+	}), $[16] = disabled, $[17] = restProps, $[18] = rootTheme.scheme, $[19] = rootTheme.tone, $[20] = t8, $[21] = t9, $[22] = weight, $[23] = t12) : t12 = $[23];
+	let t13;
+	$[24] === radius ? t13 = $[25] : (t13 = require_portalProvider.ft(radius), $[24] = radius, $[25] = t13);
+	let t14 = border ? "" : void 0, t15;
+	$[26] !== __unstable_disableFocusRing || $[27] !== rootTheme.scheme || $[28] !== rootTheme.tone || $[29] !== t13 || $[30] !== t14 ? (t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Presentation, {
+		$radius: t13,
+		$unstableDisableFocusRing: __unstable_disableFocusRing,
+		$scheme: rootTheme.scheme,
+		$tone: rootTheme.tone,
+		"data-border": t14,
+		"data-scheme": rootTheme.scheme,
+		"data-tone": rootTheme.tone
+	}), $[26] = __unstable_disableFocusRing, $[27] = rootTheme.scheme, $[28] = rootTheme.tone, $[29] = t13, $[30] = t14, $[31] = t15) : t15 = $[31];
+	let t16;
+	return $[32] !== t12 || $[33] !== t15 ? (t16 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledTextArea, {
+		"data-ui": "TextArea",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InputRoot, { children: [t12, t15] })
+	}), $[32] = t12, $[33] = t15, $[34] = t16) : t16 = $[34], t16;
+});
+/**
+* @public
+* Provides context for a group of tooltip elements that should share a delay
+* which temporarily becomes 1 ms after the first floating element of the group opens.
+*/
+function TooltipDelayGroupProvider(props) {
+	let $ = (0, react_compiler_runtime.c)(9), { children, delay } = props, [isGroupActive, setIsGroupActive] = require_portalProvider.a(!1), [openTooltipId, setOpenTooltipId] = require_portalProvider.a(null), openDelay = typeof delay == "number" ? delay : delay?.open || 0, closeDelay = typeof delay == "number" ? delay : delay?.close || 0, t0 = isGroupActive ? 1 : openDelay, t1;
+	$[0] !== closeDelay || $[1] !== openTooltipId || $[2] !== setIsGroupActive || $[3] !== setOpenTooltipId || $[4] !== t0 ? (t1 = {
+		setIsGroupActive,
+		openTooltipId,
+		setOpenTooltipId,
+		openDelay: t0,
+		closeDelay
+	}, $[0] = closeDelay, $[1] = openTooltipId, $[2] = setIsGroupActive, $[3] = setOpenTooltipId, $[4] = t0, $[5] = t1) : t1 = $[5];
+	let value = t1, t2;
+	return $[6] !== children || $[7] !== value ? (t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.i.Provider, {
+		value,
+		children
+	}), $[6] = children, $[7] = value, $[8] = t2) : t2 = $[8], t2;
+}
+/**
+* @public
+*/
+function BoundaryElementProvider(props) {
+	let $ = (0, react_compiler_runtime.c)(5), { children, element } = props, t0;
+	$[0] === element ? t0 = $[1] : (t0 = {
+		version: 0,
+		element
+	}, $[0] = element, $[1] = t0);
+	let value = t0, t1;
+	return $[2] !== children || $[3] !== value ? (t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portalProvider.I.Provider, {
+		value,
+		children
+	}), $[2] = children, $[3] = value, $[4] = t1) : t1 = $[4], t1;
+}
+/**
+* @internal
+* @deprecated this component will be removed in the next major release
+*/
+function ConditionalWrapper({ children, condition, wrapper }) {
+	return condition ? wrapper(children) : children;
+}
+function findMaxBreakpoints(media, width) {
+	let ret = [];
+	for (let i = 0; i < media.length; i += 1) media[i] > width && ret.push(i);
+	return ret;
+}
+function findMinBreakpoints(media, width) {
+	let ret = [];
+	for (let i = 0; i < media.length; i += 1) media[i] <= width && ret.push(i);
+	return ret;
+}
+/**
+* DO NOT USE IN PRODUCTION.
+* @beta
+*/
+const ElementQuery = (0, react.forwardRef)(function ElementQuery(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(18), theme = require_portalProvider.st(), _media, children, restProps;
+	$[0] === props ? (_media = $[1], children = $[2], restProps = $[3]) : ({children, media: _media, ...restProps} = props, $[0] = props, $[1] = _media, $[2] = children, $[3] = restProps);
+	let media = _media ?? theme.media, [element, setElement] = (0, react.useState)(null), width = require_portalProvider.V(element)?.border.width ?? window.innerWidth, t0;
+	if ($[4] !== media || $[5] !== width) {
+		let eq = findMaxBreakpoints(media, width);
+		t0 = eq.length ? eq.join(" ") : void 0, $[4] = media, $[5] = width, $[6] = t0;
+	} else t0 = $[6];
+	let max = t0, t1;
+	if ($[7] !== media || $[8] !== width) {
+		let eq_0 = findMinBreakpoints(media, width);
+		t1 = eq_0.length ? eq_0.join(" ") : void 0, $[7] = media, $[8] = width, $[9] = t1;
+	} else t1 = $[9];
+	let min = t1, t2, t3;
+	$[10] === element ? (t2 = $[11], t3 = $[12]) : (t2 = () => element, t3 = [element], $[10] = element, $[11] = t2, $[12] = t3), (0, react.useImperativeHandle)(forwardedRef, t2, t3);
+	let t4;
+	return $[13] !== children || $[14] !== max || $[15] !== min || $[16] !== restProps ? (t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-ui": "ElementQuery",
+		...restProps,
+		"data-eq-max": max,
+		"data-eq-min": min,
+		ref: setElement,
+		children
+	}), $[13] = children, $[14] = max, $[15] = min, $[16] = restProps, $[17] = t4) : t4 = $[17], t4;
+});
+/**
+* DO NOT USE IN PRODUCTION
+* @beta
+*/
+var ErrorBoundary = class extends react.Component {
+	state = { error: null };
+	static getDerivedStateFromError(error) {
+		return { error };
+	}
+	componentDidCatch(error, info) {
+		this.props.onCatch({
+			error,
+			info
+		});
+	}
+	render() {
+		let { error } = this.state;
+		return error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Code, { children: typeof error?.message == "string" ? error.message : "Error" }) : this.props.children;
+	}
+};
+const StyledSrOnly = styled_components.styled.div.withConfig({
+	displayName: "StyledSrOnly",
+	componentId: "sc-ow9exq-0"
+})`display:block;width:0;height:0;position:absolute;overflow:hidden;overflow:clip;`, SrOnly = (0, react.forwardRef)(function SrOnly(props, ref) {
+	let $ = (0, react_compiler_runtime.c)(4), { as, children } = props, t0;
+	return $[0] !== as || $[1] !== children || $[2] !== ref ? (t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSrOnly, {
+		"aria-hidden": !0,
+		as,
+		"data-ui": "SrOnly",
+		ref,
+		children
+	}), $[0] = as, $[1] = children, $[2] = ref, $[3] = t0) : t0 = $[3], t0;
+}), StyledVirtualList = styled_components.styled.div.withConfig({
+	displayName: "StyledVirtualList",
+	componentId: "sc-lfoa81-0"
+})`position:relative;`, ItemWrapper = styled_components.styled.div.withConfig({
+	displayName: "ItemWrapper",
+	componentId: "sc-lfoa81-1"
+})`position:absolute;left:0;right:0;`, VirtualList = (0, react.forwardRef)(function VirtualList(props, forwardedRef) {
+	let $ = (0, react_compiler_runtime.c)(44), getItemKey, onChange, renderItem, restProps, t0, t1, t2;
+	$[0] === props ? (getItemKey = $[1], onChange = $[2], renderItem = $[3], restProps = $[4], t0 = $[5], t1 = $[6], t2 = $[7]) : ({as: t0, gap: t1, getItemKey, items: t2, onChange, renderItem, ...restProps} = props, $[0] = props, $[1] = getItemKey, $[2] = onChange, $[3] = renderItem, $[4] = restProps, $[5] = t0, $[6] = t1, $[7] = t2);
+	let as = t0 === void 0 ? "div" : t0, gap = t1 === void 0 ? 0 : t1, t3;
+	$[8] === t2 ? t3 = $[9] : (t3 = t2 === void 0 ? [] : t2, $[8] = t2, $[9] = t3);
+	let items = t3, { space } = require_portalProvider.st(), ref = (0, react.useRef)(null), wrapperRef = (0, react.useRef)(null), [scrollTop, setScrollTop] = (0, react.useState)(0), [scrollHeight, setScrollHeight] = (0, react.useState)(0), [itemHeight, setItemHeight] = (0, react.useState)(-1), t4;
+	$[10] === Symbol.for("react.memo_cache_sentinel") ? (t4 = () => ref.current, $[10] = t4) : t4 = $[10], (0, react.useImperativeHandle)(forwardedRef, t4);
+	let t5;
+	$[11] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
+		if (!wrapperRef.current) return;
+		let firstElement = wrapperRef.current.firstChild;
+		firstElement instanceof HTMLElement && setItemHeight(firstElement.offsetHeight);
+	}, $[11] = t5) : t5 = $[11];
+	let t6;
+	$[12] === renderItem ? t6 = $[13] : (t6 = [renderItem], $[12] = renderItem, $[13] = t6), (0, react.useEffect)(t5, t6);
+	let t7, t8;
+	$[14] === Symbol.for("react.memo_cache_sentinel") ? (t7 = () => {
+		if (!ref.current) return;
+		let scrollEl = findScrollable(ref.current.parentNode);
+		if (scrollEl) {
+			if (!(scrollEl instanceof HTMLElement)) return;
+			let handleScroll = () => {
+				setScrollTop(scrollEl.scrollTop);
+			};
+			scrollEl.addEventListener("scroll", handleScroll, { passive: !0 });
+			let ro = new require_portalProvider.U((entries) => {
+				setScrollHeight(entries[0].contentRect.height);
+			});
+			return ro.observe(scrollEl), handleScroll(), () => {
+				scrollEl.removeEventListener("scroll", handleScroll), ro.unobserve(scrollEl), ro.disconnect();
+			};
+		}
+		let handleScroll_0 = () => {
+			setScrollTop(window.scrollY);
+		}, handleResize = () => {
+			setScrollHeight(window.innerHeight);
+		};
+		return window.addEventListener("scroll", handleScroll_0, { passive: !0 }), window.addEventListener("resize", handleResize), setScrollHeight(window.innerHeight), handleScroll_0(), () => {
+			window.removeEventListener("scroll", handleScroll_0), window.removeEventListener("resize", handleResize);
+		};
+	}, t8 = [], $[14] = t7, $[15] = t8) : (t7 = $[14], t8 = $[15]), (0, react.useEffect)(t7, t8);
+	let len = items.length, height = itemHeight ? len * (itemHeight + space[gap]) - space[gap] : 0, fromIndex = height ? Math.max(Math.floor(scrollTop / height * len) - 2, 0) : 0, toIndex = height ? Math.ceil((scrollTop + scrollHeight) / height * len) + 1 : 0, t10, t9;
+	$[16] !== fromIndex || $[17] !== gap || $[18] !== itemHeight || $[19] !== onChange || $[20] !== scrollHeight || $[21] !== scrollTop || $[22] !== space || $[23] !== toIndex ? (t9 = () => {
+		onChange && onChange({
+			fromIndex,
+			gap: space[gap],
+			itemHeight,
+			scrollHeight,
+			scrollTop,
+			toIndex
+		});
+	}, t10 = [
+		fromIndex,
+		gap,
+		itemHeight,
+		onChange,
+		scrollHeight,
+		scrollTop,
+		space,
+		toIndex
+	], $[16] = fromIndex, $[17] = gap, $[18] = itemHeight, $[19] = onChange, $[20] = scrollHeight, $[21] = scrollTop, $[22] = space, $[23] = toIndex, $[24] = t10, $[25] = t9) : (t10 = $[24], t9 = $[25]), (0, react.useEffect)(t9, t10);
+	let t11;
+	$[26] !== fromIndex || $[27] !== gap || $[28] !== getItemKey || $[29] !== itemHeight || $[30] !== items || $[31] !== renderItem || $[32] !== space || $[33] !== toIndex ? (t11 = {
+		fromIndex,
+		gap,
+		itemHeight,
+		space,
+		toIndex,
+		getItemKey,
+		items,
+		renderItem
+	}, $[26] = fromIndex, $[27] = gap, $[28] = getItemKey, $[29] = itemHeight, $[30] = items, $[31] = renderItem, $[32] = space, $[33] = toIndex, $[34] = t11) : t11 = $[34];
+	let children = useChildren(t11), t12;
+	$[35] === height ? t12 = $[36] : (t12 = { height }, $[35] = height, $[36] = t12);
+	let t13;
+	$[37] !== children || $[38] !== t12 ? (t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: wrapperRef,
+		style: t12,
+		children
+	}), $[37] = children, $[38] = t12, $[39] = t13) : t13 = $[39];
+	let t14;
+	return $[40] !== as || $[41] !== restProps || $[42] !== t13 ? (t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledVirtualList, {
+		as,
+		"data-ui": "VirtualList",
+		...restProps,
+		ref,
+		children: t13
+	}), $[40] = as, $[41] = restProps, $[42] = t13, $[43] = t14) : t14 = $[43], t14;
+});
+function useChildren(t0) {
+	let $ = (0, react_compiler_runtime.c)(21), { fromIndex, gap, getItemKey, itemHeight, items, renderItem, space, toIndex } = t0;
+	if (!renderItem || items.length === 0) return null;
+	if (itemHeight === -1) {
+		let t1;
+		$[0] !== items[0] || $[1] !== renderItem ? (t1 = renderItem(items[0]), $[0] = items[0], $[1] = renderItem, $[2] = t1) : t1 = $[2];
+		let t2;
+		return $[3] === t1 ? t2 = $[4] : (t2 = [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemWrapper, { children: t1 }, 0)], $[3] = t1, $[4] = t2), t2;
+	}
+	let t1;
+	if ($[5] !== fromIndex || $[6] !== gap || $[7] !== getItemKey || $[8] !== itemHeight || $[9] !== items || $[10] !== renderItem || $[11] !== space || $[12] !== toIndex) {
+		let t2;
+		$[14] !== fromIndex || $[15] !== gap || $[16] !== getItemKey || $[17] !== itemHeight || $[18] !== renderItem || $[19] !== space ? (t2 = (item, _itemIndex) => {
+			let itemIndex = fromIndex + _itemIndex, node = renderItem(item), key = getItemKey ? getItemKey(item, itemIndex) : itemIndex;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemWrapper, {
+				style: { top: itemIndex * (itemHeight + space[gap]) },
+				children: node
+			}, key);
+		}, $[14] = fromIndex, $[15] = gap, $[16] = getItemKey, $[17] = itemHeight, $[18] = renderItem, $[19] = space, $[20] = t2) : t2 = $[20], t1 = items.slice(fromIndex, toIndex).map(t2), $[5] = fromIndex, $[6] = gap, $[7] = getItemKey, $[8] = itemHeight, $[9] = items, $[10] = renderItem, $[11] = space, $[12] = toIndex, $[13] = t1;
+	} else t1 = $[13];
+	return t1;
+}
+function findScrollable(parentNode) {
+	let _scrollEl = parentNode;
+	for (; _scrollEl && !_isScrollable(_scrollEl);) _scrollEl = _scrollEl.parentNode;
+	return _scrollEl;
+}
+exports.Arrow = require_portalProvider.A, exports.Autocomplete = Autocomplete, exports.Avatar = Avatar, exports.AvatarCounter = AvatarCounter, exports.AvatarStack = AvatarStack, exports.Badge = Badge, exports.BoundaryElementProvider = BoundaryElementProvider, exports.Box = require_portalProvider.lt, exports.Breadcrumbs = Breadcrumbs, exports.Button = require_portalProvider.Y, exports.Card = require_portalProvider.W, exports.Checkbox = Checkbox, exports.Code = Code, exports.CodeSkeleton = CodeSkeleton, exports.ConditionalWrapper = ConditionalWrapper, exports.Container = Container, exports.Dialog = Dialog, exports.DialogContext = DialogContext, exports.DialogProvider = DialogProvider, exports.ElementQuery = ElementQuery, exports.ErrorBoundary = ErrorBoundary, exports.Flex = require_portalProvider.at, exports.Grid = require_portalProvider.s, exports.Heading = Heading, exports.HeadingSkeleton = HeadingSkeleton, exports.Hotkeys = require_portalProvider.m, exports.Inline = require_portalProvider.g, exports.KBD = require_portalProvider.h, exports.Label = Label, exports.LabelSkeleton = LabelSkeleton, exports.Layer = require_portalProvider._, exports.LayerProvider = require_portalProvider.P, exports.Menu = require_portalProvider.p, exports.MenuButton = MenuButton, exports.MenuDivider = require_portalProvider.f, exports.MenuGroup = require_portalProvider.d, exports.MenuItem = require_portalProvider.u, exports.Popover = require_portalProvider.k, exports.Portal = require_portalProvider.j, exports.PortalProvider = require_portalProvider.t, exports.Radio = Radio, exports.Select = Select, exports.Skeleton = Skeleton, exports.Spinner = require_portalProvider.$, exports.SrOnly = SrOnly, exports.Stack = require_portalProvider.O, exports.Switch = Switch, exports.Tab = require_portalProvider.l, exports.TabList = require_portalProvider.c, exports.TabPanel = TabPanel, exports.Text = require_portalProvider.et, exports.TextArea = TextArea, exports.TextInput = require_portalProvider.b, exports.TextSkeleton = TextSkeleton, exports.ThemeColorProvider = require_portalProvider.G, exports.ThemeProvider = require_portalProvider.q, exports.Toast = Toast, exports.ToastProvider = ToastProvider, exports.Tooltip = require_portalProvider.n, exports.TooltipDelayGroupContext = require_portalProvider.i, exports.TooltipDelayGroupProvider = TooltipDelayGroupProvider, exports.Tree = Tree, exports.TreeItem = TreeItem, exports.VirtualList = VirtualList, exports._ResizeObserver = require_portalProvider.U, exports._elementSizeObserver = require_portalProvider.H, exports._fillCSSObject = require_portalProvider.dt, exports._getArrayProp = require_portalProvider.ft, exports._getResponsiveSpace = require_portalProvider.pt, exports._hasFocus = _hasFocus, exports._isEnterToClickElement = require_portalProvider.gt, exports._isScrollable = _isScrollable, exports._raf = _raf, exports._raf2 = _raf2, exports._responsive = require_portalProvider.mt, exports.attemptFocus = attemptFocus, exports.containsOrEqualsElement = require_portalProvider._t, exports.createColorTheme = require_portalProvider.Et, exports.focusFirstDescendant = focusFirstDescendant, exports.focusLastDescendant = focusLastDescendant, exports.hexToRgb = require_portalProvider.Dt, exports.hslToRgb = require_portalProvider.Ot, exports.isFocusable = isFocusable, exports.isHTMLAnchorElement = require_portalProvider.vt, exports.isHTMLButtonElement = require_portalProvider.yt, exports.isHTMLElement = require_portalProvider.bt, exports.isHTMLInputElement = require_portalProvider.xt, exports.isHTMLSelectElement = require_portalProvider.St, exports.isHTMLTextAreaElement = require_portalProvider.Ct, exports.multiply = require_portalProvider.kt, exports.parseColor = require_portalProvider.At, exports.rem = require_portalProvider.ht, exports.responsiveCodeFontStyle = responsiveCodeFontStyle, exports.responsiveHeadingFont = responsiveHeadingFont, exports.responsiveLabelFont = responsiveLabelFont, exports.responsiveTextAlignStyle = require_portalProvider.it, exports.responsiveTextFont = require_portalProvider.nt, exports.rgbToHex = require_portalProvider.jt, exports.rgbToHsl = require_portalProvider.Mt, exports.rgba = require_portalProvider.Nt, exports.screen = require_portalProvider.Pt, exports.studioTheme = require_portalProvider.Ft, exports.useArrayProp = useArrayProp, exports.useBoundaryElement = require_portalProvider.F, exports.useClickOutside = useClickOutside, exports.useClickOutsideEvent = require_portalProvider.y, exports.useCustomValidity = require_portalProvider.D, exports.useDialog = useDialog, exports.useElementRect = useElementRect, exports.useElementSize = require_portalProvider.V, exports.useForwardedRef = useForwardedRef, exports.useGlobalKeyDown = require_portalProvider.v, exports.useLayer = require_portalProvider.N, exports.useMatchMedia = require_portalProvider.z, exports.useMediaIndex = require_portalProvider.B, exports.usePortal = require_portalProvider.M, exports.usePrefersDark = require_portalProvider.o, exports.usePrefersReducedMotion = require_portalProvider.R, exports.useRootTheme = require_portalProvider.K, exports.useTheme = require_portalProvider.ot, exports.useTheme_v2 = require_portalProvider.st, exports.useToast = useToast, exports.useTooltipDelayGroup = require_portalProvider.r, exports.useTree = useTree;
+
+//# sourceMappingURL=index.cjs.map