@sanity/ui 3.4.2 → 3.4.3

package/dist/index.mjs

@@ -109,8 +109,8 @@ function labelBaseStyle(props) {
 }
 const StyledLabel = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledLabel",
-	componentId: "sc-cvgwlt-0"
-})(responsiveLabelFont, responsiveTextAlignStyle, labelBaseStyle), LabelComponent = forwardRef(function(props, ref) {
+	componentId: "sc-rdxcu9-0"
+})(responsiveLabelFont, responsiveTextAlignStyle, labelBaseStyle), Label = forwardRef(function Label(props, ref) {
 	let $ = 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;
@@ -137,14 +137,7 @@ const StyledLabel = /* @__PURE__ */ styled.div.withConfig({
 		ref,
 		children
 	}), $[17] = accent, $[18] = children, $[19] = muted, $[20] = ref, $[21] = restProps, $[22] = t2, $[23] = t3, $[24] = weight, $[25] = t4) : t4 = $[25], t4;
-});
-LabelComponent.displayName = "ForwardRef(Label)";
-/**
-* Typographic labels.
-*
-* @public
-*/
-const Label = LabelComponent, avatarStyle = {
+}), avatarStyle = {
 	root: avatarRootStyle,
 	arrow: avatarArrowStyle,
 	bgStroke: avatarBgStrokeStyle,
@@ -263,26 +256,26 @@ function avatarStrokeStyle() {
 }
 const StyledAvatar = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledAvatar",
-	componentId: "sc-jxq2u8-0"
+	componentId: "sc-skil6v-0"
 })(responsiveAvatarSizeStyle, avatarStyle.root), Arrow$1 = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "Arrow",
-	componentId: "sc-jxq2u8-1"
+	componentId: "sc-skil6v-1"
 })(avatarStyle.arrow), BgStroke = /* @__PURE__ */ styled.ellipse.withConfig({
 	displayName: "BgStroke",
-	componentId: "sc-jxq2u8-2"
+	componentId: "sc-skil6v-2"
 })(avatarStyle.bgStroke), Stroke = /* @__PURE__ */ styled.ellipse.withConfig({
 	displayName: "Stroke",
-	componentId: "sc-jxq2u8-3"
+	componentId: "sc-skil6v-3"
 })(avatarStyle.stroke), Initials = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "Initials",
-	componentId: "sc-jxq2u8-4"
+	componentId: "sc-skil6v-4"
 })(avatarStyle.initials), InitialsLabel = /* @__PURE__ */ styled(Label).withConfig({
 	displayName: "InitialsLabel",
-	componentId: "sc-jxq2u8-5"
+	componentId: "sc-skil6v-5"
 })({ color: "inherit" }), AvatarImage = /* @__PURE__ */ styled.svg.withConfig({
 	displayName: "AvatarImage",
-	componentId: "sc-jxq2u8-6"
-})(avatarStyle.image), AvatarComponent = forwardRef(function(props, ref) {
+	componentId: "sc-skil6v-6"
+})(avatarStyle.image), Avatar = forwardRef(function Avatar(props, ref) {
 	let $ = 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 } = useTheme_v2(), as = ReactIs.isValidElementType(asProp) ? asProp : "div", size = _getArrayProp(sizeProp), _sizeRem = (avatar.sizes[size[0]] || avatar.sizes[0]).size, _radius = _sizeRem / 2, elementId = useId(), [arrowPosition, setArrowPosition] = useState(animateArrowFrom || arrowPositionProp || "inside"), [imageFailed, setImageFailed] = useState(!1), imageId = `avatar-image-${elementId}`, t3, t4;
@@ -374,13 +367,6 @@ const StyledAvatar = /* @__PURE__ */ styled.div.withConfig({
 		]
 	}), $[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;
 });
-AvatarComponent.displayName = "ForwardRef(Avatar)";
-/**
-* Avatars are used to represent people and other agents (e.g. bots).
-*
-* @public
-*/
-const Avatar = AvatarComponent;
 function _temp$4(s) {
 	return s === 1 ? 1 : s === 2 ? 3 : s === 3 ? 5 : 0;
 }
@@ -401,8 +387,8 @@ function _avatarCounterBaseStyle(props) {
 }
 const StyledAvatarCounter = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledAvatarCounter",
-	componentId: "sc-s1txqz-0"
-})(_responsiveAvatarCounterSizeStyle, _avatarCounterBaseStyle), AvatarCounter = forwardRef(function(props, ref) {
+	componentId: "sc-6uv8jj-0"
+})(_responsiveAvatarCounterSizeStyle, _avatarCounterBaseStyle), AvatarCounter = forwardRef(function AvatarCounter(props, ref) {
 	let $ = 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 = _getArrayProp(sizeProp);
@@ -423,7 +409,6 @@ const StyledAvatarCounter = /* @__PURE__ */ styled.div.withConfig({
 		children: t6
 	}), $[14] = T1, $[15] = t3, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = t7) : t7 = $[19], t7;
 });
-AvatarCounter.displayName = "ForwardRef(AvatarCounter)";
 function _temp$3(s) {
 	return s === 1 ? 1 : s === 2 ? 3 : s === 3 ? 5 : 0;
 }
@@ -440,8 +425,8 @@ function responsiveAvatarStackSizeStyle(props) {
 }
 const StyledAvatarStack = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledAvatarStack",
-	componentId: "sc-ks59o1-0"
-})(responsiveAvatarStackSizeStyle, avatarStackStyle), AvatarStack = forwardRef(function(props, ref) {
+	componentId: "sc-ttibh-0"
+})(responsiveAvatarStackSizeStyle, avatarStackStyle), AvatarStack = forwardRef(function AvatarStack(props, ref) {
 	let $ = 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;
@@ -472,7 +457,6 @@ const StyledAvatarStack = /* @__PURE__ */ styled.div.withConfig({
 		]
 	}), $[29] = T0, $[30] = t2, $[31] = t3, $[32] = t4, $[33] = t5, $[34] = t6, $[35] = t7, $[36] = t8, $[37] = t9) : t9 = $[37], t9;
 });
-AvatarStack.displayName = "ForwardRef(AvatarStack)";
 function badgeStyle(props) {
 	let { $tone } = props;
 	return {
@@ -488,8 +472,8 @@ function badgeStyle(props) {
 }
 const StyledBadge = /* @__PURE__ */ styled(Box).withConfig({
 	displayName: "StyledBadge",
-	componentId: "sc-p8fi74-0"
-})(responsiveRadiusStyle, badgeStyle), BadgeComponent = forwardRef(function(props, ref) {
+	componentId: "sc-nx309b-0"
+})(responsiveRadiusStyle, badgeStyle), Badge = forwardRef(function Badge(props, ref) {
 	let $ = 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;
@@ -515,13 +499,6 @@ const StyledBadge = /* @__PURE__ */ styled(Box).withConfig({
 		children: t6
 	}), $[14] = ref, $[15] = restProps, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = tone, $[20] = t7) : t7 = $[20], t7;
 });
-BadgeComponent.displayName = "ForwardRef(Badge)";
-/**
-* Badges are used to tag resources.
-*
-* @public
-*/
-const Badge = BadgeComponent;
 /**
 * @deprecated instead of `useArrayProp(width)` use `Array.isArray(width) ? width : [width]` instead
 * @beta
@@ -642,11 +619,11 @@ function inputElementStyles(props) {
 }
 const StyledCheckbox = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledCheckbox",
-	componentId: "sc-eqpl40-0"
+	componentId: "sc-964wbx-0"
 })(checkboxBaseStyles), Input$4 = /* @__PURE__ */ styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-eqpl40-1"
-})(inputElementStyles), Checkbox = forwardRef(function(props, forwardedRef) {
+	componentId: "sc-964wbx-1"
+})(inputElementStyles), Checkbox = forwardRef(function Checkbox(props, forwardedRef) {
 	let $ = 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 = useRef(null), t0;
@@ -676,7 +653,6 @@ const StyledCheckbox = /* @__PURE__ */ styled.div.withConfig({
 		children: [t6, t7]
 	}), $[21] = className, $[22] = style, $[23] = t6, $[24] = t8) : t8 = $[24], t8;
 });
-Checkbox.displayName = "ForwardRef(Checkbox)";
 function codeSyntaxHighlightingStyle({ theme }) {
 	let { color: { syntax: color } } = getTheme_v2(theme);
 	return {
@@ -723,8 +699,8 @@ function codeBaseStyle() {
 }
 const LazyRefractor = lazy(() => import("./_chunks/refractor.mjs")), StyledCode = /* @__PURE__ */ styled.pre.withConfig({
 	displayName: "StyledCode",
-	componentId: "sc-botxhl-0"
-})(codeBaseStyle, responsiveCodeFontStyle), CodeComponent = forwardRef(function(props, ref) {
+	componentId: "sc-yq3svj-0"
+})(codeBaseStyle, responsiveCodeFontStyle), Code = forwardRef(function Code(props, ref) {
 	let $ = 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;
@@ -750,12 +726,7 @@ const LazyRefractor = lazy(() => import("./_chunks/refractor.mjs")), StyledCode
 		ref,
 		children: t5
 	}), $[16] = ref, $[17] = restProps, $[18] = t1, $[19] = t2, $[20] = t5, $[21] = t6) : t6 = $[21], t6;
-});
-CodeComponent.displayName = "ForwardRef(Code)";
-/**
-* @public
-*/
-const Code = CodeComponent, BASE_STYLE = {
+}), BASE_STYLE = {
 	width: "100%",
 	margin: "0 auto"
 };
@@ -768,8 +739,8 @@ function responsiveContainerWidthStyle(props) {
 }
 const StyledContainer = /* @__PURE__ */ styled(Box).withConfig({
 	displayName: "StyledContainer",
-	componentId: "sc-un6r8j-0"
-})(containerBaseStyle, responsiveContainerWidthStyle), ContainerComponent = forwardRef(function(props, ref) {
+	componentId: "sc-kuh7wj-0"
+})(containerBaseStyle, responsiveContainerWidthStyle), Container = forwardRef(function Container(props, ref) {
 	let $ = 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;
@@ -783,21 +754,14 @@ const StyledContainer = /* @__PURE__ */ styled(Box).withConfig({
 		ref
 	}), $[6] = as, $[7] = ref, $[8] = restProps, $[9] = t1, $[10] = t2) : t2 = $[10], t2;
 });
-ContainerComponent.displayName = "ForwardRef(Container)";
-/**
-* The `Container` component wraps content layout in a defined set of widths.
-*
-* @public
-*/
-const Container = ContainerComponent;
 function headingBaseStyle(props) {
 	let { $accent, $muted } = props, { font } = getTheme_v2(props.theme);
 	return css`${$accent && css`color:var(--card-accent-fg-color);`} ${$muted && 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.div.withConfig({
 	displayName: "StyledHeading",
-	componentId: "sc-7dzjaf-0"
-})(headingBaseStyle, responsiveTextAlignStyle, responsiveHeadingFont), HeadingComponent = forwardRef(function(props, ref) {
+	componentId: "sc-48fn8j-0"
+})(headingBaseStyle, responsiveTextAlignStyle, responsiveHeadingFont), Heading = forwardRef(function Heading(props, ref) {
 	let $ = 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;
@@ -824,13 +788,6 @@ const StyledHeading = /* @__PURE__ */ styled.div.withConfig({
 		children: t5
 	}), $[17] = accent, $[18] = muted, $[19] = ref, $[20] = restProps, $[21] = t3, $[22] = t4, $[23] = t5, $[24] = weight, $[25] = t6) : t6 = $[25], t6;
 });
-HeadingComponent.displayName = "ForwardRef(Heading)";
-/**
-* Typographic headings.
-*
-* @public
-*/
-const Heading = HeadingComponent;
 /**
 * @public
 */
@@ -846,7 +803,6 @@ function BoundaryElementProvider(props) {
 		children
 	}), $[2] = children, $[3] = value, $[4] = t1) : t1 = $[4], t1;
 }
-BoundaryElementProvider.displayName = "BoundaryElementProvider";
 /**
 * @internal
 * @deprecated this component will be removed in the next major release
@@ -854,7 +810,6 @@ BoundaryElementProvider.displayName = "BoundaryElementProvider";
 function ConditionalWrapper({ children, condition, wrapper }) {
 	return condition ? wrapper(children) : children;
 }
-ConditionalWrapper.displayName = "ConditionalWrapper";
 function findMaxBreakpoints(media, width) {
 	let ret = [];
 	for (let i = 0; i < media.length; i += 1) media[i] > width && ret.push(i);
@@ -869,7 +824,7 @@ function findMinBreakpoints(media, width) {
 * DO NOT USE IN PRODUCTION.
 * @beta
 */
-const ElementQuery = forwardRef(function(props, forwardedRef) {
+const ElementQuery = forwardRef(function ElementQuery(props, forwardedRef) {
 	let $ = c(18), theme = useTheme_v2(), _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] = useState(null), width = useElementSize(element)?.border.width ?? window.innerWidth, t0;
@@ -894,7 +849,6 @@ const ElementQuery = forwardRef(function(props, forwardedRef) {
 		children
 	}), $[13] = children, $[14] = max, $[15] = min, $[16] = restProps, $[17] = t4) : t4 = $[17], t4;
 });
-ElementQuery.displayName = "ForwardRef(ElementQuery)";
 /**
 * DO NOT USE IN PRODUCTION
 * @beta
@@ -917,8 +871,8 @@ var ErrorBoundary = class extends Component {
 };
 const StyledSrOnly = styled.div.withConfig({
 	displayName: "StyledSrOnly",
-	componentId: "sc-wsuz6k-0"
-})`display:block;width:0;height:0;position:absolute;overflow:hidden;overflow:clip;`, SrOnly = forwardRef(function(props, ref) {
+	componentId: "sc-ow9exq-0"
+})`display:block;width:0;height:0;position:absolute;overflow:hidden;overflow:clip;`, SrOnly = forwardRef(function SrOnly(props, ref) {
 	let $ = c(4), { as, children } = props, t0;
 	return $[0] !== as || $[1] !== children || $[2] !== ref ? (t0 = /* @__PURE__ */ jsx(StyledSrOnly, {
 		"aria-hidden": !0,
@@ -927,15 +881,13 @@ const StyledSrOnly = styled.div.withConfig({
 		ref,
 		children
 	}), $[0] = as, $[1] = children, $[2] = ref, $[3] = t0) : t0 = $[3], t0;
-});
-SrOnly.displayName = "ForwardRef(SrOnly)";
-const StyledVirtualList = styled.div.withConfig({
+}), StyledVirtualList = styled.div.withConfig({
 	displayName: "StyledVirtualList",
-	componentId: "sc-2o92jb-0"
+	componentId: "sc-ok1q5x-0"
 })`position:relative;`, ItemWrapper = styled.div.withConfig({
 	displayName: "ItemWrapper",
-	componentId: "sc-2o92jb-1"
-})`position:absolute;left:0;right:0;`, VirtualList = forwardRef(function(props, forwardedRef) {
+	componentId: "sc-ok1q5x-1"
+})`position:absolute;left:0;right:0;`, VirtualList = forwardRef(function VirtualList(props, forwardedRef) {
 	let $ = 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;
@@ -1024,7 +976,6 @@ const StyledVirtualList = styled.div.withConfig({
 		children: t13
 	}), $[40] = as, $[41] = restProps, $[42] = t13, $[43] = t14) : t14 = $[43], t14;
 });
-VirtualList.displayName = "ForwardRef(VirtualList)";
 function useChildren(t0) {
 	let $ = c(21), { fromIndex, gap, getItemKey, itemHeight, items, renderItem, space, toIndex } = t0;
 	if (!renderItem || items.length === 0) return null;
@@ -1076,11 +1027,11 @@ function inputElementStyle(props) {
 }
 const StyledRadio = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledRadio",
-	componentId: "sc-6sng01-0"
+	componentId: "sc-zbat2j-0"
 })(radioBaseStyle), Input$3 = /* @__PURE__ */ styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-6sng01-1"
-})(inputElementStyle), Radio = forwardRef(function(props, forwardedRef) {
+	componentId: "sc-zbat2j-1"
+})(inputElementStyle), Radio = forwardRef(function Radio(props, forwardedRef) {
 	let $ = 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 = useRef(null), t0;
@@ -1105,7 +1056,6 @@ const StyledRadio = /* @__PURE__ */ styled.div.withConfig({
 		children: [t4, t5]
 	}), $[15] = className, $[16] = style, $[17] = t4, $[18] = t6) : t6 = $[18], t6;
 });
-Radio.displayName = "ForwardRef(Radio)";
 function rootStyle() {
 	return css`position:relative;width:-moz-available;width:-webkit-fill-available;width:stretch;&:not([hidden]){display:inline-block;}`;
 }
@@ -1164,14 +1114,14 @@ const selectStyle = {
 	iconBox: iconBoxStyle
 }, StyledSelect = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "StyledSelect",
-	componentId: "sc-gi1uze-0"
+	componentId: "sc-ecog6m-0"
 })(selectStyle.root), Input$2 = /* @__PURE__ */ styled.select.withConfig({
 	displayName: "Input",
-	componentId: "sc-gi1uze-1"
+	componentId: "sc-ecog6m-1"
 })(selectStyle.input), IconBox = /* @__PURE__ */ styled(Box).withConfig({
 	displayName: "IconBox",
-	componentId: "sc-gi1uze-2"
-})(selectStyle.iconBox), Select = forwardRef(function(props, forwardedRef) {
+	componentId: "sc-ecog6m-2"
+})(selectStyle.iconBox), Select = forwardRef(function Select(props, forwardedRef) {
 	let $ = 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 = useRef(null), t4;
@@ -1215,7 +1165,6 @@ const selectStyle = {
 		children: [t11, t14]
 	}), $[35] = t11, $[36] = t14, $[37] = t15) : t15 = $[37], t15;
 });
-Select.displayName = "ForwardRef(Select)";
 function switchBaseStyles() {
 	return css`position:relative;&:not([hidden]){display:inline-block;}`;
 }
@@ -1236,20 +1185,20 @@ function switchThumbStyles(props) {
 }
 const StyledSwitch = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "StyledSwitch",
-	componentId: "sc-2t29u1-0"
+	componentId: "sc-aod7y9-0"
 })(switchBaseStyles), Input$1 = /* @__PURE__ */ styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-2t29u1-1"
+	componentId: "sc-aod7y9-1"
 })(switchInputStyles), Representation = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "Representation",
-	componentId: "sc-2t29u1-2"
+	componentId: "sc-aod7y9-2"
 })(switchRepresentationStyles), Track = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "Track",
-	componentId: "sc-2t29u1-3"
+	componentId: "sc-aod7y9-3"
 })(switchTrackStyles), Thumb = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "Thumb",
-	componentId: "sc-2t29u1-4"
-})(switchThumbStyles), Switch = forwardRef(function(props, forwardedRef) {
+	componentId: "sc-aod7y9-4"
+})(switchThumbStyles), Switch = forwardRef(function Switch(props, forwardedRef) {
 	let $ = 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 = useRef(null), t0;
@@ -1285,21 +1234,19 @@ const StyledSwitch = /* @__PURE__ */ styled.span.withConfig({
 		style,
 		children: [t6, t8]
 	}), $[21] = className, $[22] = style, $[23] = t6, $[24] = t8, $[25] = t9) : t9 = $[25], t9;
-});
-Switch.displayName = "ForwardRef(Switch)";
-const StyledTextArea = /* @__PURE__ */ styled.span.withConfig({
+}), StyledTextArea = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "StyledTextArea",
-	componentId: "sc-5c9kno-0"
+	componentId: "sc-vgfdnn-0"
 })(textInputRootStyle), InputRoot = styled.span.withConfig({
 	displayName: "InputRoot",
-	componentId: "sc-5c9kno-1"
+	componentId: "sc-vgfdnn-1"
 })`flex:1;min-width:0;display:block;position:relative;`, Input = /* @__PURE__ */ styled.textarea.withConfig({
 	displayName: "Input",
-	componentId: "sc-5c9kno-2"
+	componentId: "sc-vgfdnn-2"
 })(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle), Presentation = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "Presentation",
-	componentId: "sc-5c9kno-3"
-})(responsiveRadiusStyle, textInputRepresentationStyle), TextArea = forwardRef(function(props, forwardedRef) {
+	componentId: "sc-vgfdnn-3"
+})(responsiveRadiusStyle, textInputRepresentationStyle), TextArea = forwardRef(function TextArea(props, forwardedRef) {
 	let $ = 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 = useRef(null), rootTheme = useRootTheme(), t5;
@@ -1343,7 +1290,6 @@ const StyledTextArea = /* @__PURE__ */ styled.span.withConfig({
 		children: /* @__PURE__ */ jsxs(InputRoot, { children: [t12, t15] })
 	}), $[32] = t12, $[33] = t15, $[34] = t16) : t16 = $[34], t16;
 });
-TextArea.displayName = "ForwardRef(TextArea)";
 /**
 * @public
 * Provides context for a group of tooltip elements that should share a delay
@@ -1364,7 +1310,6 @@ function TooltipDelayGroupProvider(props) {
 		children
 	}), $[6] = children, $[7] = value, $[8] = t2) : t2 = $[8], t2;
 }
-TooltipDelayGroupProvider.displayName = "TooltipDelayGroupProvider";
 /**
 * @internal
 */
@@ -1457,7 +1402,7 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
 	"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 = forwardRef(function(props, forwardedRef) {
+], 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 = forwardRef(function Autocomplete(props, forwardedRef) {
 	let $ = 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 ? EMPTY_RECORD : t2, paddingProp = t3 === void 0 ? 3 : t3, popover = t4 === void 0 ? EMPTY_RECORD : t4, radius = t5 === void 0 ? 2 : t5, renderValue = t6 === void 0 ? DEFAULT_RENDER_VALUE : t6, t7 = valueProp || null, t8 = valueProp || null, t9;
@@ -1810,7 +1755,6 @@ function RenderPopover({ renderPopover, content, hidden, inputElement, onMouseEn
 		onMouseLeave
 	}, resultsPopoverElementRef);
 }
-InnerAutocomplete.displayName = "ForwardRef(Autocomplete)";
 /**
 * The Autocomplete component is typically used for search components.
 * It consists of a text input for writing a query, and properties for rendering suggestions.
@@ -1830,7 +1774,7 @@ const StyledBreadcrumbs = styled.ol.withConfig({
 })`margin:0;padding:0;display:flex;list-style:none;align-items:center;white-space:nowrap;line-height:0;`, ExpandButton = styled(Button).withConfig({
 	displayName: "ExpandButton",
 	componentId: "sc-b0flr4-1"
-})`appearance:none;margin:-4px;`, Breadcrumbs = forwardRef(function(props, ref) {
+})`appearance:none;margin:-4px;`, Breadcrumbs = forwardRef(function Breadcrumbs(props, ref) {
 	let $ = 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;
@@ -1878,7 +1822,6 @@ const StyledBreadcrumbs = styled.ol.withConfig({
 		children: t8
 	}), $[26] = ref, $[27] = restProps, $[28] = t8, $[29] = t9) : t9 = $[29], t9;
 });
-Breadcrumbs.displayName = "ForwardRef(Breadcrumbs)";
 function useItems(t0) {
 	let $ = c(28), { collapse, expand, expandElementRef, maxLength, open, popoverElementRef, rawItems, space } = t0, len = rawItems.length;
 	if (maxLength && len > maxLength) {
@@ -1960,26 +1903,26 @@ function isTargetWithinScope(boundaryElement, portalElement, target) {
 }
 const StyledDialog = /* @__PURE__ */ styled(Layer).withConfig({
 	displayName: "StyledDialog",
-	componentId: "sc-r9i1m3-0"
+	componentId: "sc-2s0up-0"
 })(responsivePaddingStyle, dialogStyle, responsiveDialogPositionStyle, animationDialogStyle), DialogContainer = styled(Container).withConfig({
 	displayName: "DialogContainer",
-	componentId: "sc-r9i1m3-1"
+	componentId: "sc-2s0up-1"
 })`&:not([hidden]){display:flex;}width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;`, DialogCardRoot = styled(Card).withConfig({
 	displayName: "DialogCardRoot",
-	componentId: "sc-r9i1m3-2"
+	componentId: "sc-2s0up-2"
 })`&:not([hidden]){display:flex;}width:100%;min-height:0;max-height:100%;overflow:hidden;overflow:clip;`, DialogLayout = styled(Flex).withConfig({
 	displayName: "DialogLayout",
-	componentId: "sc-r9i1m3-3"
+	componentId: "sc-2s0up-3"
 })`flex:1;min-height:0;width:100%;`, DialogHeader = styled(Box).withConfig({
 	displayName: "DialogHeader",
-	componentId: "sc-r9i1m3-4"
+	componentId: "sc-2s0up-4"
 })`position:relative;z-index:2;`, DialogContent = styled(Box).withConfig({
 	displayName: "DialogContent",
-	componentId: "sc-r9i1m3-5"
+	componentId: "sc-2s0up-5"
 })`position:relative;z-index:1;overflow:auto;outline:none;`, DialogFooter = styled(Box).withConfig({
 	displayName: "DialogFooter",
-	componentId: "sc-r9i1m3-6"
-})`position:relative;z-index:3;`, DialogCard = forwardRef(function(props, forwardedRef) {
+	componentId: "sc-2s0up-6"
+})`position:relative;z-index:3;`, DialogCard = forwardRef(function DialogCard(props, forwardedRef) {
 	let $ = 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 = usePortal(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = useBoundaryElement().element, t0;
 	$[0] === radiusProp ? t0 = $[1] : (t0 = _getArrayProp(radiusProp), $[0] = radiusProp, $[1] = t0);
 	let radius = t0, t1;
@@ -2064,14 +2007,7 @@ const StyledDialog = /* @__PURE__ */ styled(Layer).withConfig({
 		width,
 		children: t14
 	}), $[41] = t14, $[42] = width, $[43] = t15) : t15 = $[43], t15;
-});
-DialogCard.displayName = "ForwardRef(DialogCard)";
-/**
-* The Dialog component.
-*
-* @public
-*/
-const Dialog = forwardRef(function(props, ref) {
+}), Dialog = forwardRef(function Dialog(props, ref) {
 	let $ = c(70), dialog = useDialog(), { layer } = useTheme_v2(), _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 = !usePrefersReducedMotion() && _animate, portal = usePortal(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = useBoundaryElement().element, t7;
@@ -2169,7 +2105,6 @@ const Dialog = forwardRef(function(props, ref) {
 		children: t17
 	}), $[67] = portalProp, $[68] = t17, $[69] = t18) : t18 = $[69], t18;
 });
-Dialog.displayName = "ForwardRef(Dialog)";
 /**
 * This API might change. DO NOT USE IN PRODUCTION.
 * @beta
@@ -2187,13 +2122,12 @@ function DialogProvider(props) {
 		children
 	}), $[3] = children, $[4] = contextValue, $[5] = t1) : t1 = $[5], t1;
 }
-DialogProvider.displayName = "DialogProvider";
 /**
 * The `MenuButton` component follows the WAI-ARIA specification for menu buttons.
 *
 * @public
 */
-const MenuButton = forwardRef(function(props, forwardedRef) {
+const MenuButton = forwardRef(function MenuButton(props, forwardedRef) {
 	let $ = 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] = useState(!1), [shouldFocus, setShouldFocus] = useState(null), [buttonElement, setButtonElement] = useState(null), t2;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[0] = t2) : t2 = $[0];
 	let [menuElements, setChildMenuElements] = useState(t2), openRef = useRef(open), t3, t4;
@@ -2302,14 +2236,13 @@ const MenuButton = forwardRef(function(props, forwardedRef) {
 		children: t23
 	}), $[57] = menu, $[58] = open, $[59] = popoverProps, $[60] = t23, $[61] = t24) : t24 = $[61], t24;
 });
-MenuButton.displayName = "ForwardRef(MenuButton)";
 function _temp$1(v) {
 	return !v;
 }
 const animation = 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:${keyframes`0%{background-position:100%;}100%{background-position:-100%;}`};animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:2000ms;`, skeletonStyle = css`opacity:${({ $visible }) => +!!$visible};transition:opacity 200ms ease-in;@media screen and (prefers-reduced-motion:no-preference){${({ $animated }) => $animated ? animation : 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__ */ styled(Box).withConfig({
 	displayName: "StyledSkeleton",
-	componentId: "sc-zuj2vq-0"
-})(responsiveRadiusStyle, skeletonStyle), Skeleton = forwardRef(function(props, ref) {
+	componentId: "sc-xewr8x-0"
+})(responsiveRadiusStyle, skeletonStyle), Skeleton = forwardRef(function Skeleton(props, ref) {
 	let $ = 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] = useState(!delay), t1, t2;
@@ -2332,18 +2265,16 @@ const animation = css`background-image:linear-gradient( to right,var(--card-skel
 		$visible: t4,
 		ref
 	}), $[10] = animated, $[11] = ref, $[12] = restProps, $[13] = t3, $[14] = t4, $[15] = t5) : t5 = $[15], t5;
-});
-Skeleton.displayName = "ForwardRef(Skeleton)";
-const StyledSkeleton = /* @__PURE__ */ styled(Skeleton).withConfig({
+}), StyledSkeleton = /* @__PURE__ */ styled(Skeleton).withConfig({
 	displayName: "StyledSkeleton",
-	componentId: "sc-9op362-0"
+	componentId: "sc-d8ims-0"
 })((props) => {
 	let { $size, $style } = props, { font, media } = getTheme_v2(props.theme), fontStyle = font[$style];
 	return _responsive(media, $size, (sizeIndex) => {
 		let fontSize = fontStyle.sizes[sizeIndex];
 		return { height: fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight };
 	});
-}), TextSkeleton = forwardRef(function(props, ref) {
+}), TextSkeleton = forwardRef(function TextSkeleton(props, ref) {
 	let $ = 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;
@@ -2355,13 +2286,7 @@ const StyledSkeleton = /* @__PURE__ */ styled(Skeleton).withConfig({
 		ref,
 		$style: "text"
 	}), $[5] = $size, $[6] = ref, $[7] = restProps, $[8] = t2) : t2 = $[8], t2;
-});
-TextSkeleton.displayName = "ForwardRef(TextSkeleton)";
-/**
-* This API might change. DO NOT USE IN PRODUCTION.
-* @beta
-*/
-const LabelSkeleton = forwardRef(function(props, ref) {
+}), LabelSkeleton = forwardRef(function LabelSkeleton(props, ref) {
 	let $ = 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;
@@ -2373,13 +2298,7 @@ const LabelSkeleton = forwardRef(function(props, ref) {
 		ref,
 		$style: "label"
 	}), $[5] = $size, $[6] = ref, $[7] = restProps, $[8] = t2) : t2 = $[8], t2;
-});
-LabelSkeleton.displayName = "ForwardRef(LabelSkeleton)";
-/**
-* This API might change. DO NOT USE IN PRODUCTION.
-* @beta
-*/
-const HeadingSkeleton = forwardRef(function(props, ref) {
+}), HeadingSkeleton = forwardRef(function HeadingSkeleton(props, ref) {
 	let $ = 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;
@@ -2391,13 +2310,7 @@ const HeadingSkeleton = forwardRef(function(props, ref) {
 		ref,
 		$style: "heading"
 	}), $[5] = $size, $[6] = ref, $[7] = restProps, $[8] = t2) : t2 = $[8], t2;
-});
-HeadingSkeleton.displayName = "ForwardRef(HeadingSkeleton)";
-/**
-* This API might change. DO NOT USE IN PRODUCTION.
-* @beta
-*/
-const CodeSkeleton = forwardRef(function(props, ref) {
+}), CodeSkeleton = forwardRef(function CodeSkeleton(props, ref) {
 	let $ = 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;
@@ -2409,12 +2322,7 @@ const CodeSkeleton = forwardRef(function(props, ref) {
 		ref,
 		$style: "code"
 	}), $[5] = $size, $[6] = ref, $[7] = restProps, $[8] = t2) : t2 = $[8], t2;
-});
-CodeSkeleton.displayName = "ForwardRef(CodeSkeleton)";
-/**
-* @public
-*/
-const TabPanel = forwardRef(function(props, ref) {
+}), TabPanel = forwardRef(function TabPanel(props, ref) {
 	let $ = 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;
@@ -2427,9 +2335,7 @@ const TabPanel = forwardRef(function(props, ref) {
 		tabIndex: t0,
 		children: props.children
 	}), $[3] = flex, $[4] = props.children, $[5] = ref, $[6] = restProps, $[7] = t0, $[8] = t1) : t1 = $[8], t1;
-});
-TabPanel.displayName = "ForwardRef(TabPanel)";
-const STATUS_CARD_TONE = {
+}), STATUS_CARD_TONE = {
 	error: "critical",
 	warning: "caution",
 	success: "positive",
@@ -2567,7 +2473,6 @@ function Toast(props) {
 		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;
 }
-Toast.displayName = "Toast";
 const container = {
 	initial: {
 		y: 32,
@@ -2623,10 +2528,9 @@ function ToastLayer(props) {
 		children
 	}), $[2] = children, $[3] = gap, $[4] = padding, $[5] = paddingX, $[6] = paddingY, $[7] = t2, $[8] = t3) : t3 = $[8], t3;
 }
-ToastLayer.displayName = "ToastLayer";
 const StyledLayer = styled(Grid).withConfig({
 	displayName: "StyledLayer",
-	componentId: "sc-8z432x-0"
+	componentId: "sc-chanfh-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 */
@@ -2640,9 +2544,8 @@ function ToastProvider(props) {
 	let $ = 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] = useState(t1), mounted = useMounted(), t2;
-	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
-		version: 0,
-		push: (params) => {
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		let push = (params) => {
 			let id = params.id || generateToastId(), duration = params.duration || 5e3;
 			return startTransition(() => {
 				setState((prevState) => {
@@ -2659,8 +2562,12 @@ function ToastProvider(props) {
 					}];
 				});
 			}), id;
-		}
-	}, $[1] = t2) : t2 = $[1];
+		};
+		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__ */ jsx(LayerProvider, {
 		zOffset,
@@ -2694,7 +2601,6 @@ function _temp(t0) {
 		updatedAt
 	}, id_0);
 }
-ToastProvider.displayName = "ToastProvider";
 /**
 * @public
 */
@@ -2746,7 +2652,7 @@ function _focusItemElement(el) {
 /**
 * @internal
 */
-const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null), Tree = forwardRef(function(props, forwardedRef) {
+const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null), Tree = forwardRef(function Tree(props, forwardedRef) {
 	let $ = 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 = useRef(null), [focusedElement, setFocusedElement] = useState(null), focusedElementRef = useRef(focusedElement), t1;
@@ -2891,7 +2797,6 @@ const TreeContext = createGlobalScopedContext("@sanity/ui/context/tree", null),
 		children: t17
 	}), $[35] = contextValue, $[36] = t17, $[37] = t18) : t18 = $[37], t18;
 });
-Tree.displayName = "ForwardRef(Tree)";
 function treeItemRootStyle() {
 	return 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;}}`;
 }
@@ -2928,13 +2833,13 @@ function TreeGroup(props) {
 }
 const StyledTreeItem = /* @__PURE__ */ styled.li.withConfig({
 	displayName: "StyledTreeItem",
-	componentId: "sc-arsnlr-0"
+	componentId: "sc-lxy9gh-0"
 })(treeItemRootStyle, treeItemRootColorStyle), TreeItemBox = /* @__PURE__ */ styled(Box).attrs({ forwardedAs: "a" }).withConfig({
 	displayName: "TreeItemBox",
-	componentId: "sc-arsnlr-1"
+	componentId: "sc-lxy9gh-1"
 })(treeItemBoxStyle), ToggleArrowText = styled(Text).withConfig({
 	displayName: "ToggleArrowText",
-	componentId: "sc-arsnlr-2"
+	componentId: "sc-lxy9gh-2"
 })`& > svg{transition:transform 100ms;}`;
 /**
 * This API might change. DO NOT USE IN PRODUCTION.
@@ -3091,7 +2996,6 @@ function TreeItem(props) {
 		children: [t23, t25]
 	}), $[103] = expanded, $[104] = handleClick, $[105] = handleKeyDown, $[106] = id, $[107] = itemKey, $[108] = restProps, $[109] = t22, $[110] = t23, $[111] = t25, $[112] = tabIndex, $[113] = t26) : t26 = $[113], t26;
 }
-TreeItem.displayName = "TreeItem";
 export { Arrow, Autocomplete, Avatar, AvatarCounter, AvatarStack, Badge, BoundaryElementProvider, Box, Breadcrumbs, Button, Card, Checkbox, Code, CodeSkeleton, ConditionalWrapper, Container, Dialog, DialogContext, DialogProvider, ElementQuery, ErrorBoundary, Flex, Grid, Heading, HeadingSkeleton, Hotkeys, Inline, KBD, Label, LabelSkeleton, Layer, LayerProvider, Menu, MenuButton, MenuDivider, MenuGroup, MenuItem, Popover, Portal, PortalProvider, Radio, Select, Skeleton, Spinner, SrOnly, Stack, Switch, Tab, TabList, TabPanel, Text, TextArea, TextInput, TextSkeleton, ThemeColorProvider, ThemeProvider, Toast, ToastProvider, Tooltip, TooltipDelayGroupContext, TooltipDelayGroupProvider, Tree, TreeItem, VirtualList, _ResizeObserver, _elementSizeObserver, _fillCSSObject, _getArrayProp, _getResponsiveSpace, _hasFocus, _isEnterToClickElement, _isScrollable, _raf, _raf2, _responsive, attemptFocus, containsOrEqualsElement, createColorTheme, focusFirstDescendant, focusLastDescendant, hexToRgb, hslToRgb, isFocusable, isHTMLAnchorElement, isHTMLButtonElement, isHTMLElement, isHTMLInputElement, isHTMLSelectElement, isHTMLTextAreaElement, multiply, parseColor, rem, responsiveCodeFontStyle, responsiveHeadingFont, responsiveLabelFont, responsiveTextAlignStyle, responsiveTextFont, rgbToHex, rgbToHsl, rgba, screen, studioTheme, useArrayProp, useBoundaryElement, useClickOutside, useClickOutsideEvent, useCustomValidity, useDialog, useElementRect, useElementSize, useForwardedRef, useGlobalKeyDown, useLayer, useMatchMedia, useMediaIndex, usePortal, usePrefersDark, usePrefersReducedMotion, useRootTheme, useTheme, useTheme_v2, useToast, useTooltipDelayGroup, useTree };
 
 //# sourceMappingURL=index.mjs.map