@sanity/ui 3.4.1 → 3.4.3

package/dist/index.js

@@ -100,8 +100,8 @@ function labelBaseStyle(props) {
 }
 const StyledLabel = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "StyledLabel",
-	componentId: "sc-cvgwlt-0"
-})(responsiveLabelFont, require_tabList.lt, labelBaseStyle), LabelComponent = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-rdxcu9-0"
+})(responsiveLabelFont, require_tabList.lt, 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;
@@ -128,14 +128,7 @@ const StyledLabel = /* @__PURE__ */ styled_components.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,
@@ -254,26 +247,26 @@ function avatarStrokeStyle() {
 }
 const StyledAvatar = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "StyledAvatar",
-	componentId: "sc-jxq2u8-0"
+	componentId: "sc-skil6v-0"
 })(responsiveAvatarSizeStyle, avatarStyle.root), Arrow$1 = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "Arrow",
-	componentId: "sc-jxq2u8-1"
+	componentId: "sc-skil6v-1"
 })(avatarStyle.arrow), BgStroke = /* @__PURE__ */ styled_components.styled.ellipse.withConfig({
 	displayName: "BgStroke",
-	componentId: "sc-jxq2u8-2"
+	componentId: "sc-skil6v-2"
 })(avatarStyle.bgStroke), Stroke = /* @__PURE__ */ styled_components.styled.ellipse.withConfig({
 	displayName: "Stroke",
-	componentId: "sc-jxq2u8-3"
+	componentId: "sc-skil6v-3"
 })(avatarStyle.stroke), Initials = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "Initials",
-	componentId: "sc-jxq2u8-4"
+	componentId: "sc-skil6v-4"
 })(avatarStyle.initials), InitialsLabel = /* @__PURE__ */ (0, styled_components.styled)(Label).withConfig({
 	displayName: "InitialsLabel",
-	componentId: "sc-jxq2u8-5"
+	componentId: "sc-skil6v-5"
 })({ color: "inherit" }), AvatarImage = /* @__PURE__ */ styled_components.styled.svg.withConfig({
 	displayName: "AvatarImage",
-	componentId: "sc-jxq2u8-6"
-})(avatarStyle.image), AvatarComponent = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-skil6v-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_tabList.rt(), as = react_is.default.isValidElementType(asProp) ? asProp : "div", size = require_tabList.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;
@@ -365,13 +358,6 @@ const StyledAvatar = /* @__PURE__ */ styled_components.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;
 }
@@ -392,8 +378,8 @@ function _avatarCounterBaseStyle(props) {
 }
 const StyledAvatarCounter = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "StyledAvatarCounter",
-	componentId: "sc-s1txqz-0"
-})(_responsiveAvatarCounterSizeStyle, _avatarCounterBaseStyle), AvatarCounter = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-6uv8jj-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_tabList.ft(sizeProp);
@@ -414,7 +400,6 @@ const StyledAvatarCounter = /* @__PURE__ */ styled_components.styled.div.withCon
 		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;
 }
@@ -431,8 +416,8 @@ function responsiveAvatarStackSizeStyle(props) {
 }
 const StyledAvatarStack = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "StyledAvatarStack",
-	componentId: "sc-ks59o1-0"
-})(responsiveAvatarStackSizeStyle, avatarStackStyle), AvatarStack = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-ttibh-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;
@@ -463,7 +448,6 @@ const StyledAvatarStack = /* @__PURE__ */ styled_components.styled.div.withConfi
 		]
 	}), $[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 {
@@ -479,8 +463,8 @@ function badgeStyle(props) {
 }
 const StyledBadge = /* @__PURE__ */ (0, styled_components.styled)(require_tabList.W).withConfig({
 	displayName: "StyledBadge",
-	componentId: "sc-p8fi74-0"
-})(require_tabList.K, badgeStyle), BadgeComponent = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-nx309b-0"
+})(require_tabList.K, 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;
@@ -506,13 +490,6 @@ const StyledBadge = /* @__PURE__ */ (0, styled_components.styled)(require_tabLis
 		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
@@ -633,11 +610,11 @@ function inputElementStyles(props) {
 }
 const StyledCheckbox = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "StyledCheckbox",
-	componentId: "sc-eqpl40-0"
+	componentId: "sc-964wbx-0"
 })(checkboxBaseStyles), Input$4 = /* @__PURE__ */ styled_components.styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-eqpl40-1"
-})(inputElementStyles), Checkbox = (0, react.forwardRef)(function(props, forwardedRef) {
+	componentId: "sc-964wbx-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;
@@ -667,7 +644,6 @@ const StyledCheckbox = /* @__PURE__ */ styled_components.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 } } = require_theme.X(theme);
 	return {
@@ -714,8 +690,8 @@ function codeBaseStyle() {
 }
 const LazyRefractor = (0, react.lazy)(() => Promise.resolve().then(() => require("./_chunks/refractor.js"))), StyledCode = /* @__PURE__ */ styled_components.styled.pre.withConfig({
 	displayName: "StyledCode",
-	componentId: "sc-botxhl-0"
-})(codeBaseStyle, responsiveCodeFontStyle), CodeComponent = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-yq3svj-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;
@@ -741,12 +717,7 @@ const LazyRefractor = (0, react.lazy)(() => Promise.resolve().then(() => require
 		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"
 };
@@ -759,8 +730,8 @@ function responsiveContainerWidthStyle(props) {
 }
 const StyledContainer = /* @__PURE__ */ (0, styled_components.styled)(require_tabList.W).withConfig({
 	displayName: "StyledContainer",
-	componentId: "sc-un6r8j-0"
-})(containerBaseStyle, responsiveContainerWidthStyle), ContainerComponent = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-kuh7wj-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;
@@ -774,21 +745,14 @@ const StyledContainer = /* @__PURE__ */ (0, styled_components.styled)(require_ta
 		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 } = require_theme.X(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-7dzjaf-0"
-})(headingBaseStyle, require_tabList.lt, responsiveHeadingFont), HeadingComponent = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-48fn8j-0"
+})(headingBaseStyle, require_tabList.lt, 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;
@@ -815,13 +779,6 @@ const StyledHeading = /* @__PURE__ */ styled_components.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
 */
@@ -837,7 +794,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
@@ -845,7 +801,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);
@@ -860,7 +815,7 @@ function findMinBreakpoints(media, width) {
 * DO NOT USE IN PRODUCTION.
 * @beta
 */
-const ElementQuery = (0, react.forwardRef)(function(props, forwardedRef) {
+const ElementQuery = (0, react.forwardRef)(function ElementQuery(props, forwardedRef) {
 	let $ = (0, react_compiler_runtime.c)(18), theme = require_tabList.rt(), _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_tabList.N(element)?.border.width ?? window.innerWidth, t0;
@@ -885,7 +840,6 @@ const ElementQuery = (0, react.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
@@ -908,8 +862,8 @@ var ErrorBoundary = class extends react.Component {
 };
 const StyledSrOnly = styled_components.styled.div.withConfig({
 	displayName: "StyledSrOnly",
-	componentId: "sc-wsuz6k-0"
-})`display:block;width:0;height:0;position:absolute;overflow:hidden;overflow:clip;`, SrOnly = (0, react.forwardRef)(function(props, ref) {
+	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,
@@ -918,15 +872,13 @@ const StyledSrOnly = styled_components.styled.div.withConfig({
 		ref,
 		children
 	}), $[0] = as, $[1] = children, $[2] = ref, $[3] = t0) : t0 = $[3], t0;
-});
-SrOnly.displayName = "ForwardRef(SrOnly)";
-const StyledVirtualList = styled_components.styled.div.withConfig({
+}), StyledVirtualList = styled_components.styled.div.withConfig({
 	displayName: "StyledVirtualList",
-	componentId: "sc-2o92jb-0"
+	componentId: "sc-ok1q5x-0"
 })`position:relative;`, ItemWrapper = styled_components.styled.div.withConfig({
 	displayName: "ItemWrapper",
-	componentId: "sc-2o92jb-1"
-})`position:absolute;left:0;right:0;`, VirtualList = (0, react.forwardRef)(function(props, forwardedRef) {
+	componentId: "sc-ok1q5x-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;
@@ -1015,7 +967,6 @@ const StyledVirtualList = styled_components.styled.div.withConfig({
 		children: t13
 	}), $[40] = as, $[41] = restProps, $[42] = t13, $[43] = t14) : t14 = $[43], t14;
 });
-VirtualList.displayName = "ForwardRef(VirtualList)";
 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;
@@ -1067,11 +1018,11 @@ function inputElementStyle(props) {
 }
 const StyledRadio = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "StyledRadio",
-	componentId: "sc-6sng01-0"
+	componentId: "sc-zbat2j-0"
 })(radioBaseStyle), Input$3 = /* @__PURE__ */ styled_components.styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-6sng01-1"
-})(inputElementStyle), Radio = (0, react.forwardRef)(function(props, forwardedRef) {
+	componentId: "sc-zbat2j-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;
@@ -1096,7 +1047,6 @@ const StyledRadio = /* @__PURE__ */ styled_components.styled.div.withConfig({
 		children: [t4, t5]
 	}), $[15] = className, $[16] = style, $[17] = t4, $[18] = t6) : t6 = $[18], t6;
 });
-Radio.displayName = "ForwardRef(Radio)";
 function rootStyle() {
 	return styled_components.css`position:relative;width:-moz-available;width:-webkit-fill-available;width:stretch;&:not([hidden]){display:inline-block;}`;
 }
@@ -1155,14 +1105,14 @@ const selectStyle = {
 	iconBox: iconBoxStyle
 }, StyledSelect = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "StyledSelect",
-	componentId: "sc-gi1uze-0"
+	componentId: "sc-ecog6m-0"
 })(selectStyle.root), Input$2 = /* @__PURE__ */ styled_components.styled.select.withConfig({
 	displayName: "Input",
-	componentId: "sc-gi1uze-1"
+	componentId: "sc-ecog6m-1"
 })(selectStyle.input), IconBox = /* @__PURE__ */ (0, styled_components.styled)(require_tabList.W).withConfig({
 	displayName: "IconBox",
-	componentId: "sc-gi1uze-2"
-})(selectStyle.iconBox), Select = (0, react.forwardRef)(function(props, forwardedRef) {
+	componentId: "sc-ecog6m-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;
@@ -1206,7 +1156,6 @@ const selectStyle = {
 		children: [t11, t14]
 	}), $[35] = t11, $[36] = t14, $[37] = t15) : t15 = $[37], t15;
 });
-Select.displayName = "ForwardRef(Select)";
 function switchBaseStyles() {
 	return styled_components.css`position:relative;&:not([hidden]){display:inline-block;}`;
 }
@@ -1227,20 +1176,20 @@ function switchThumbStyles(props) {
 }
 const StyledSwitch = /* @__PURE__ */ styled_components.styled.span.withConfig({
 	displayName: "StyledSwitch",
-	componentId: "sc-2t29u1-0"
+	componentId: "sc-aod7y9-0"
 })(switchBaseStyles), Input$1 = /* @__PURE__ */ styled_components.styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-2t29u1-1"
+	componentId: "sc-aod7y9-1"
 })(switchInputStyles), Representation = /* @__PURE__ */ styled_components.styled.span.withConfig({
 	displayName: "Representation",
-	componentId: "sc-2t29u1-2"
+	componentId: "sc-aod7y9-2"
 })(switchRepresentationStyles), Track = /* @__PURE__ */ styled_components.styled.span.withConfig({
 	displayName: "Track",
-	componentId: "sc-2t29u1-3"
+	componentId: "sc-aod7y9-3"
 })(switchTrackStyles), Thumb = /* @__PURE__ */ styled_components.styled.span.withConfig({
 	displayName: "Thumb",
-	componentId: "sc-2t29u1-4"
-})(switchThumbStyles), Switch = (0, react.forwardRef)(function(props, forwardedRef) {
+	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;
@@ -1276,21 +1225,19 @@ const StyledSwitch = /* @__PURE__ */ styled_components.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_components.styled.span.withConfig({
+}), StyledTextArea = /* @__PURE__ */ styled_components.styled.span.withConfig({
 	displayName: "StyledTextArea",
-	componentId: "sc-5c9kno-0"
+	componentId: "sc-vgfdnn-0"
 })(require_tabList.Z), InputRoot = styled_components.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_components.styled.textarea.withConfig({
 	displayName: "Input",
-	componentId: "sc-5c9kno-2"
+	componentId: "sc-vgfdnn-2"
 })(require_tabList.$, require_tabList.J, require_tabList.Y), Presentation = /* @__PURE__ */ styled_components.styled.div.withConfig({
 	displayName: "Presentation",
-	componentId: "sc-5c9kno-3"
-})(require_tabList.K, require_tabList.X), TextArea = (0, react.forwardRef)(function(props, forwardedRef) {
+	componentId: "sc-vgfdnn-3"
+})(require_tabList.K, require_tabList.X), 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_tabList.at(), t5;
@@ -1334,7 +1281,6 @@ const StyledTextArea = /* @__PURE__ */ styled_components.styled.span.withConfig(
 		children: /* @__PURE__ */ (0, react_jsx_runtime.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
@@ -1355,7 +1301,6 @@ function TooltipDelayGroupProvider(props) {
 		children
 	}), $[6] = children, $[7] = value, $[8] = t2) : t2 = $[8], t2;
 }
-TooltipDelayGroupProvider.displayName = "TooltipDelayGroupProvider";
 /**
 * @internal
 */
@@ -1448,7 +1393,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 = (0, react.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 = (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_tabList.Tt : t2, paddingProp = t3 === void 0 ? 3 : t3, popover = t4 === void 0 ? require_tabList.Tt : t4, radius = t5 === void 0 ? 2 : t5, renderValue = t6 === void 0 ? DEFAULT_RENDER_VALUE : t6, t7 = valueProp || null, t8 = valueProp || null, t9;
@@ -1801,7 +1746,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.
@@ -1821,7 +1765,7 @@ const StyledBreadcrumbs = styled_components.styled.ol.withConfig({
 })`margin:0;padding:0;display:flex;list-style:none;align-items:center;white-space:nowrap;line-height:0;`, ExpandButton = (0, styled_components.styled)(require_tabList.z).withConfig({
 	displayName: "ExpandButton",
 	componentId: "sc-b0flr4-1"
-})`appearance:none;margin:-4px;`, Breadcrumbs = (0, react.forwardRef)(function(props, ref) {
+})`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;
@@ -1869,7 +1813,6 @@ const StyledBreadcrumbs = styled_components.styled.ol.withConfig({
 		children: t8
 	}), $[26] = ref, $[27] = restProps, $[28] = t8, $[29] = t9) : t9 = $[29], t9;
 });
-Breadcrumbs.displayName = "ForwardRef(Breadcrumbs)";
 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) {
@@ -1951,26 +1894,26 @@ function isTargetWithinScope(boundaryElement, portalElement, target) {
 }
 const StyledDialog = /* @__PURE__ */ (0, styled_components.styled)(require_tabList.v).withConfig({
 	displayName: "StyledDialog",
-	componentId: "sc-r9i1m3-0"
+	componentId: "sc-2s0up-0"
 })(require_tabList.q, dialogStyle, responsiveDialogPositionStyle, animationDialogStyle), DialogContainer = (0, styled_components.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 = (0, styled_components.styled)(require_tabList.R).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 = (0, styled_components.styled)(require_tabList.H).withConfig({
 	displayName: "DialogLayout",
-	componentId: "sc-r9i1m3-3"
+	componentId: "sc-2s0up-3"
 })`flex:1;min-height:0;width:100%;`, DialogHeader = (0, styled_components.styled)(require_tabList.W).withConfig({
 	displayName: "DialogHeader",
-	componentId: "sc-r9i1m3-4"
+	componentId: "sc-2s0up-4"
 })`position:relative;z-index:2;`, DialogContent = (0, styled_components.styled)(require_tabList.W).withConfig({
 	displayName: "DialogContent",
-	componentId: "sc-r9i1m3-5"
+	componentId: "sc-2s0up-5"
 })`position:relative;z-index:1;overflow:auto;outline:none;`, DialogFooter = (0, styled_components.styled)(require_tabList.W).withConfig({
 	displayName: "DialogFooter",
-	componentId: "sc-r9i1m3-6"
-})`position:relative;z-index:3;`, DialogCard = (0, react.forwardRef)(function(props, forwardedRef) {
+	componentId: "sc-2s0up-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_tabList._(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = require_tabList.x().element, t0;
 	$[0] === radiusProp ? t0 = $[1] : (t0 = require_tabList.ft(radiusProp), $[0] = radiusProp, $[1] = t0);
 	let radius = t0, t1;
@@ -2055,14 +1998,7 @@ const StyledDialog = /* @__PURE__ */ (0, styled_components.styled)(require_tabLi
 		width,
 		children: t14
 	}), $[41] = t14, $[42] = width, $[43] = t15) : t15 = $[43], t15;
-});
-DialogCard.displayName = "ForwardRef(DialogCard)";
-/**
-* The Dialog component.
-*
-* @public
-*/
-const Dialog = (0, react.forwardRef)(function(props, ref) {
+}), Dialog = (0, react.forwardRef)(function Dialog(props, ref) {
 	let $ = (0, react_compiler_runtime.c)(70), dialog = useDialog(), { layer } = require_tabList.rt(), _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_tabList.O() && _animate, portal = require_tabList._(), portalElement = portalProp ? portal.elements?.[portalProp] || null : portal.element, boundaryElement = require_tabList.x().element, t7;
@@ -2160,7 +2096,6 @@ const Dialog = (0, react.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
@@ -2178,13 +2113,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 = (0, react.forwardRef)(function(props, forwardedRef) {
+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;
@@ -2293,14 +2227,13 @@ const MenuButton = (0, react.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 = 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_tabList.W).withConfig({
 	displayName: "StyledSkeleton",
-	componentId: "sc-zuj2vq-0"
-})(require_tabList.K, skeletonStyle), Skeleton = (0, react.forwardRef)(function(props, ref) {
+	componentId: "sc-xewr8x-0"
+})(require_tabList.K, 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;
@@ -2323,18 +2256,16 @@ const animation = styled_components.css`background-image:linear-gradient( to rig
 		$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__ */ (0, styled_components.styled)(Skeleton).withConfig({
+}), StyledSkeleton = /* @__PURE__ */ (0, styled_components.styled)(Skeleton).withConfig({
 	displayName: "StyledSkeleton",
-	componentId: "sc-9op362-0"
+	componentId: "sc-d8ims-0"
 })((props) => {
 	let { $size, $style } = props, { font, media } = require_theme.X(props.theme), fontStyle = font[$style];
 	return require_tabList.mt(media, $size, (sizeIndex) => {
 		let fontSize = fontStyle.sizes[sizeIndex];
 		return { height: fontSize.lineHeight - fontSize.ascenderHeight - fontSize.descenderHeight };
 	});
-}), TextSkeleton = (0, react.forwardRef)(function(props, ref) {
+}), 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;
@@ -2346,13 +2277,7 @@ const StyledSkeleton = /* @__PURE__ */ (0, styled_components.styled)(Skeleton).w
 		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 = (0, react.forwardRef)(function(props, ref) {
+}), 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;
@@ -2364,13 +2289,7 @@ const LabelSkeleton = (0, react.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 = (0, react.forwardRef)(function(props, ref) {
+}), 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;
@@ -2382,13 +2301,7 @@ const HeadingSkeleton = (0, react.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 = (0, react.forwardRef)(function(props, ref) {
+}), 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;
@@ -2400,12 +2313,7 @@ const CodeSkeleton = (0, react.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 = (0, react.forwardRef)(function(props, ref) {
+}), 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;
@@ -2418,9 +2326,7 @@ const TabPanel = (0, react.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",
@@ -2558,7 +2464,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,
@@ -2614,10 +2519,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 = (0, styled_components.styled)(require_tabList.D).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 */
@@ -2631,9 +2535,8 @@ 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;
-	$[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 (0, react.startTransition)(() => {
 				setState((prevState) => {
@@ -2650,8 +2553,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__ */ (0, react_jsx_runtime.jsx)(require_tabList.b, {
 		zOffset,
@@ -2685,7 +2592,6 @@ function _temp(t0) {
 		updatedAt
 	}, id_0);
 }
-ToastProvider.displayName = "ToastProvider";
 /**
 * @public
 */
@@ -2737,7 +2643,7 @@ function _focusItemElement(el) {
 /**
 * @internal
 */
-const TreeContext = require_tabList.st("@sanity/ui/context/tree", null), Tree = (0, react.forwardRef)(function(props, forwardedRef) {
+const TreeContext = require_tabList.st("@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;
@@ -2882,7 +2788,6 @@ const TreeContext = require_tabList.st("@sanity/ui/context/tree", null), Tree =
 		children: t17
 	}), $[35] = contextValue, $[36] = t17, $[37] = t18) : t18 = $[37], t18;
 });
-Tree.displayName = "ForwardRef(Tree)";
 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;}}`;
 }
@@ -2919,13 +2824,13 @@ function TreeGroup(props) {
 }
 const StyledTreeItem = /* @__PURE__ */ styled_components.styled.li.withConfig({
 	displayName: "StyledTreeItem",
-	componentId: "sc-arsnlr-0"
+	componentId: "sc-lxy9gh-0"
 })(treeItemRootStyle, treeItemRootColorStyle), TreeItemBox = /* @__PURE__ */ (0, styled_components.styled)(require_tabList.W).attrs({ forwardedAs: "a" }).withConfig({
 	displayName: "TreeItemBox",
-	componentId: "sc-arsnlr-1"
+	componentId: "sc-lxy9gh-1"
 })(treeItemBoxStyle), ToggleArrowText = (0, styled_components.styled)(require_tabList.U).withConfig({
 	displayName: "ToggleArrowText",
-	componentId: "sc-arsnlr-2"
+	componentId: "sc-lxy9gh-2"
 })`& > svg{transition:transform 100ms;}`;
 /**
 * This API might change. DO NOT USE IN PRODUCTION.
@@ -3082,6 +2987,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", exports.Arrow = require_tabList.w, exports.Autocomplete = Autocomplete, exports.Avatar = Avatar, exports.AvatarCounter = AvatarCounter, exports.AvatarStack = AvatarStack, exports.Badge = Badge, exports.BoundaryElementProvider = BoundaryElementProvider, exports.Box = require_tabList.W, exports.Breadcrumbs = Breadcrumbs, exports.Button = require_tabList.z, exports.Card = require_tabList.R, 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_tabList.H, exports.Grid = require_tabList.D, exports.Heading = Heading, exports.HeadingSkeleton = HeadingSkeleton, exports.Hotkeys = require_tabList.s, exports.Inline = require_tabList.E, exports.KBD = require_tabList.T, exports.Label = Label, exports.LabelSkeleton = LabelSkeleton, exports.Layer = require_tabList.v, exports.LayerProvider = require_tabList.b, exports.Menu = require_tabList.o, exports.MenuButton = MenuButton, exports.MenuDivider = require_tabList.a, exports.MenuGroup = require_tabList.i, exports.MenuItem = require_tabList.r, exports.Popover = require_tabList.m, exports.Portal = require_tabList.g, exports.PortalProvider = require_tabList.h, exports.Radio = Radio, exports.Select = Select, exports.Skeleton = Skeleton, exports.Spinner = require_tabList.V, exports.SrOnly = SrOnly, exports.Stack = require_tabList.p, exports.Switch = Switch, exports.Tab = require_tabList.n, exports.TabList = require_tabList.t, exports.TabPanel = TabPanel, exports.Text = require_tabList.U, exports.TextArea = TextArea, exports.TextInput = require_tabList.f, exports.TextSkeleton = TextSkeleton, exports.ThemeColorProvider = require_tabList.it, exports.ThemeProvider = require_tabList.ot, exports.Toast = Toast, exports.ToastProvider = ToastProvider, exports.Tooltip = require_tabList.c, exports.TooltipDelayGroupContext = require_tabList.u, exports.TooltipDelayGroupProvider = TooltipDelayGroupProvider, exports.Tree = Tree, exports.TreeItem = TreeItem, exports.VirtualList = VirtualList, exports._ResizeObserver = require_tabList.F, exports._elementSizeObserver = require_tabList.P, exports._fillCSSObject = require_tabList.dt, exports._getArrayProp = require_tabList.ft, exports._getResponsiveSpace = require_tabList.pt, exports._hasFocus = _hasFocus, exports._isEnterToClickElement = require_tabList.gt, exports._isScrollable = _isScrollable, exports._raf = _raf, exports._raf2 = _raf2, exports._responsive = require_tabList.mt, exports.attemptFocus = attemptFocus, exports.containsOrEqualsElement = require_tabList._t, exports.createColorTheme = require_tabList.Et, exports.focusFirstDescendant = focusFirstDescendant, exports.focusLastDescendant = focusLastDescendant, exports.hexToRgb = require_tabList.Dt, exports.hslToRgb = require_tabList.Ot, exports.isFocusable = isFocusable, exports.isHTMLAnchorElement = require_tabList.vt, exports.isHTMLButtonElement = require_tabList.yt, exports.isHTMLElement = require_tabList.bt, exports.isHTMLInputElement = require_tabList.xt, exports.isHTMLSelectElement = require_tabList.St, exports.isHTMLTextAreaElement = require_tabList.Ct, exports.multiply = require_tabList.kt, exports.parseColor = require_tabList.At, exports.rem = require_tabList.ht, exports.responsiveCodeFontStyle = responsiveCodeFontStyle, exports.responsiveHeadingFont = responsiveHeadingFont, exports.responsiveLabelFont = responsiveLabelFont, exports.responsiveTextAlignStyle = require_tabList.lt, exports.responsiveTextFont = require_tabList.ct, exports.rgbToHex = require_tabList.jt, exports.rgbToHsl = require_tabList.Mt, exports.rgba = require_tabList.Nt, exports.screen = require_tabList.Pt, exports.studioTheme = require_tabList.Ft, exports.useArrayProp = useArrayProp, exports.useBoundaryElement = require_tabList.x, exports.useClickOutside = useClickOutside, exports.useClickOutsideEvent = require_tabList.L, exports.useCustomValidity = require_tabList.I, exports.useDialog = useDialog, exports.useElementRect = useElementRect, exports.useElementSize = require_tabList.N, exports.useForwardedRef = useForwardedRef, exports.useGlobalKeyDown = require_tabList.M, exports.useLayer = require_tabList.y, exports.useMatchMedia = require_tabList.j, exports.useMediaIndex = require_tabList.A, exports.usePortal = require_tabList._, exports.usePrefersDark = require_tabList.k, exports.usePrefersReducedMotion = require_tabList.O, exports.useRootTheme = require_tabList.at, exports.useTheme = require_tabList.nt, exports.useTheme_v2 = require_tabList.rt, exports.useToast = useToast, exports.useTooltipDelayGroup = require_tabList.l, exports.useTree = useTree;
+exports.Arrow = require_tabList.w, exports.Autocomplete = Autocomplete, exports.Avatar = Avatar, exports.AvatarCounter = AvatarCounter, exports.AvatarStack = AvatarStack, exports.Badge = Badge, exports.BoundaryElementProvider = BoundaryElementProvider, exports.Box = require_tabList.W, exports.Breadcrumbs = Breadcrumbs, exports.Button = require_tabList.z, exports.Card = require_tabList.R, 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_tabList.H, exports.Grid = require_tabList.D, exports.Heading = Heading, exports.HeadingSkeleton = HeadingSkeleton, exports.Hotkeys = require_tabList.s, exports.Inline = require_tabList.E, exports.KBD = require_tabList.T, exports.Label = Label, exports.LabelSkeleton = LabelSkeleton, exports.Layer = require_tabList.v, exports.LayerProvider = require_tabList.b, exports.Menu = require_tabList.o, exports.MenuButton = MenuButton, exports.MenuDivider = require_tabList.a, exports.MenuGroup = require_tabList.i, exports.MenuItem = require_tabList.r, exports.Popover = require_tabList.m, exports.Portal = require_tabList.g, exports.PortalProvider = require_tabList.h, exports.Radio = Radio, exports.Select = Select, exports.Skeleton = Skeleton, exports.Spinner = require_tabList.V, exports.SrOnly = SrOnly, exports.Stack = require_tabList.p, exports.Switch = Switch, exports.Tab = require_tabList.n, exports.TabList = require_tabList.t, exports.TabPanel = TabPanel, exports.Text = require_tabList.U, exports.TextArea = TextArea, exports.TextInput = require_tabList.f, exports.TextSkeleton = TextSkeleton, exports.ThemeColorProvider = require_tabList.it, exports.ThemeProvider = require_tabList.ot, exports.Toast = Toast, exports.ToastProvider = ToastProvider, exports.Tooltip = require_tabList.c, exports.TooltipDelayGroupContext = require_tabList.u, exports.TooltipDelayGroupProvider = TooltipDelayGroupProvider, exports.Tree = Tree, exports.TreeItem = TreeItem, exports.VirtualList = VirtualList, exports._ResizeObserver = require_tabList.F, exports._elementSizeObserver = require_tabList.P, exports._fillCSSObject = require_tabList.dt, exports._getArrayProp = require_tabList.ft, exports._getResponsiveSpace = require_tabList.pt, exports._hasFocus = _hasFocus, exports._isEnterToClickElement = require_tabList.gt, exports._isScrollable = _isScrollable, exports._raf = _raf, exports._raf2 = _raf2, exports._responsive = require_tabList.mt, exports.attemptFocus = attemptFocus, exports.containsOrEqualsElement = require_tabList._t, exports.createColorTheme = require_tabList.Et, exports.focusFirstDescendant = focusFirstDescendant, exports.focusLastDescendant = focusLastDescendant, exports.hexToRgb = require_tabList.Dt, exports.hslToRgb = require_tabList.Ot, exports.isFocusable = isFocusable, exports.isHTMLAnchorElement = require_tabList.vt, exports.isHTMLButtonElement = require_tabList.yt, exports.isHTMLElement = require_tabList.bt, exports.isHTMLInputElement = require_tabList.xt, exports.isHTMLSelectElement = require_tabList.St, exports.isHTMLTextAreaElement = require_tabList.Ct, exports.multiply = require_tabList.kt, exports.parseColor = require_tabList.At, exports.rem = require_tabList.ht, exports.responsiveCodeFontStyle = responsiveCodeFontStyle, exports.responsiveHeadingFont = responsiveHeadingFont, exports.responsiveLabelFont = responsiveLabelFont, exports.responsiveTextAlignStyle = require_tabList.lt, exports.responsiveTextFont = require_tabList.ct, exports.rgbToHex = require_tabList.jt, exports.rgbToHsl = require_tabList.Mt, exports.rgba = require_tabList.Nt, exports.screen = require_tabList.Pt, exports.studioTheme = require_tabList.Ft, exports.useArrayProp = useArrayProp, exports.useBoundaryElement = require_tabList.x, exports.useClickOutside = useClickOutside, exports.useClickOutsideEvent = require_tabList.L, exports.useCustomValidity = require_tabList.I, exports.useDialog = useDialog, exports.useElementRect = useElementRect, exports.useElementSize = require_tabList.N, exports.useForwardedRef = useForwardedRef, exports.useGlobalKeyDown = require_tabList.M, exports.useLayer = require_tabList.y, exports.useMatchMedia = require_tabList.j, exports.useMediaIndex = require_tabList.A, exports.usePortal = require_tabList._, exports.usePrefersDark = require_tabList.k, exports.usePrefersReducedMotion = require_tabList.O, exports.useRootTheme = require_tabList.at, exports.useTheme = require_tabList.nt, exports.useTheme_v2 = require_tabList.rt, exports.useToast = useToast, exports.useTooltipDelayGroup = require_tabList.l, exports.useTree = useTree;
 
 //# sourceMappingURL=index.js.map