@sanity/ui 4.4.5 → 4.5.0-panda.1

package/dist/index.js

@@ -1,19 +1,19 @@
 "use client";
 import { a as _ruleSet, c as EMPTY_RECORD, i as _responsive, n as _getArrayProp, o as rem, r as _getResponsiveSpace, t as _fillCSSObject } from "./helpers-XThPpWje.js";
-import { _ as isFocusable, a as textInputColorStyle, c as textInputRepresentationColorStyle, d as responsiveInputPaddingStyle, f as useCustomValidity, g as focusLastDescendant, h as focusFirstDescendant, i as textInputBaseStyle, l as textInputRepresentationStyle, m as attemptFocus, n as inputRoot, o as textInputFontSizeStyle, p as _hasFocus, r as textAreaRoot, s as textInputFontStyle, t as TextInput, u as responsiveInputPaddingIconRightStyle, v as _raf, y as _raf2 } from "./textInput-BMXkOQzX.js";
+import { _ as isFocusable, a as textInputColorStyle, c as textInputRepresentationColorStyle, d as responsiveInputPaddingStyle, f as useCustomValidity, g as focusLastDescendant, h as focusFirstDescendant, i as textInputBaseStyle, l as textInputRepresentationStyle, m as attemptFocus, n as inputRoot, o as textInputFontSizeStyle, p as _hasFocus, r as textAreaRoot, s as textInputFontStyle, t as TextInput, u as responsiveInputPaddingIconRightStyle, v as _raf, y as _raf2 } from "./textInput-ByCyqiAh.js";
 import { a as isHTMLElement, c as isHTMLTextAreaElement, i as isHTMLButtonElement, n as containsOrEqualsElement, o as isHTMLInputElement, r as isHTMLAnchorElement, s as isHTMLSelectElement, t as _isEnterToClickElement } from "./element-BYgCE_iK.js";
 import { t as getTheme_v2 } from "./getTheme_v2-y09KqtEb.js";
 import { _ as useTheme_v2, a as useMatchMedia, b as responsivePaddingStyle, c as ThemeColorProvider, d as createGlobalScopedContext, g as useTheme, h as _cardColorStyle, i as usePrefersReducedMotion, l as useRootTheme, m as focusRingStyle, n as LayerProvider, o as useMediaIndex, p as focusRingBorderStyle, s as Card, t as useLayer, u as ThemeProvider, v as responsiveRadiusStyle, y as Box } from "./useLayer-D_TnC6On.js";
 import { t as Flex } from "./flex-ohP2jG9d.js";
-import { a as fontColorStyle, i as responsiveTextAlignStyle, n as Text, r as SpanWithTextOverflow, t as Stack } from "./stack-DpKdobwf.js";
+import { a as fontColorStyle, i as responsiveTextAlignStyle, n as Text, r as SpanWithTextOverflow, t as Stack } from "./stack-TOlBMvbq.js";
 import { i as responsiveFont, n as _fontWeight, r as _responsiveFontSize, t as _fontBase } from "./responsiveFont-Cyvxxz-G.js";
-import { n as Spinner, t as Button } from "./button-D34_7IeR.js";
+import { n as Spinner, t as Button } from "./button-DLiQy0Qz.js";
 import { t as _elementSizeObserver } from "./elementSizeObserver-pevZfdGa.js";
-import { a as resolvePortalElement, i as PortalContext, n as Portal, o as useBoundaryElement, r as usePortal, s as BoundaryElementContext, t as Arrow } from "./arrow-72xi7WAV.js";
+import { a as resolvePortalElement, i as PortalContext, n as Portal, o as useBoundaryElement, r as usePortal, s as BoundaryElementContext, t as Arrow } from "./arrow-BVbVEhyN.js";
 import { t as useClickOutsideEvent } from "./useClickOutsideEvent-CC1zgOmv.js";
 import { a as rgba$1, c as hslToRgb$1, i as multiply$1, l as rgbToHex$1, n as buildTheme, o as parseColor$1, r as screen$1, s as hexToRgb$1, t as createColorTheme$1, u as rgbToHsl$1 } from "./factory-BzXTX8_Q.js";
-import { i as useGlobalKeyDown, n as KBD, r as Inline, t as Hotkeys } from "./hotkeys-DInKzmc_.js";
-import { t as Layer } from "./layer-Bg3aVJDJ.js";
+import { i as useGlobalKeyDown, n as KBD, r as Inline, t as Hotkeys } from "./hotkeys-D-yvp5RU.js";
+import { t as Layer } from "./layer-CA793bFP.js";
 import { t as Grid } from "./grid-D-gOpN8z.js";
 import { c } from "react/compiler-runtime";
 import { ChevronDownIcon } from "@sanity/icons/ChevronDown";
@@ -84,7 +84,6 @@ const DialogContext = createGlobalScopedContext("@sanity/ui/context/dialog", { v
 function useDialog() {
 	return useContext(DialogContext);
 }
-var dialogCard = "mrrgwt5", dialogContainer = "mrrgwt4", dialogContent = "mrrgwt8", dialogLayer = "mrrgwt0", dialogLayout = "mrrgwt6";
 function isTargetWithinScope(boundaryElement, portalElement, target) {
 	return !boundaryElement || !portalElement || containsOrEqualsElement(boundaryElement, target) || containsOrEqualsElement(portalElement, target);
 }
@@ -124,7 +123,7 @@ function DialogCard(props) {
 	$[24] === Symbol.for("react.memo_cache_sentinel") ? (t10 = () => [ref.current], $[24] = t10) : t10 = $[24], useClickOutsideEvent(t9, t10);
 	let t11;
 	$[25] !== header || $[26] !== labelId || $[27] !== onClose || $[28] !== showCloseButton || $[29] !== showHeader ? (t11 = showHeader && /* @__PURE__ */ jsx(Box, {
-		className: "mrrgwt7",
+		className: "emPzDJ eYlglL",
 		"data-ui": "DialogHeader",
 		children: /* @__PURE__ */ jsxs(Flex, {
 			align: "flex-start",
@@ -153,7 +152,7 @@ function DialogCard(props) {
 	}), $[25] = header, $[26] = labelId, $[27] = onClose, $[28] = showCloseButton, $[29] = showHeader, $[30] = t11) : t11 = $[30];
 	let t12;
 	$[31] === children ? t12 = $[32] : (t12 = /* @__PURE__ */ jsx(Box, {
-		className: dialogContent,
+		className: "dFXmkO gWzzAr emPzDJ dStxMA",
 		"data-ui": "DialogContent",
 		flex: 1,
 		ref: contentRef,
@@ -162,13 +161,13 @@ function DialogCard(props) {
 	}), $[31] = children, $[32] = t12);
 	let t13;
 	$[33] === footer ? t13 = $[34] : (t13 = footer && /* @__PURE__ */ jsx(Box, {
-		className: "mrrgwt9",
+		className: "emPzDJ cYUUrS",
 		"data-ui": "DialogFooter",
 		children: footer
 	}), $[33] = footer, $[34] = t13);
 	let t14;
 	$[35] !== t11 || $[36] !== t12 || $[37] !== t13 ? (t14 = /* @__PURE__ */ jsxs(Flex, {
-		className: dialogLayout,
+		className: "jLKaQQ diGfnu",
 		direction: "column",
 		flex: 1,
 		children: [
@@ -179,7 +178,7 @@ function DialogCard(props) {
 	}), $[35] = t11, $[36] = t12, $[37] = t13, $[38] = t14) : t14 = $[38];
 	let t15;
 	$[39] !== radius || $[40] !== scheme || $[41] !== shadow || $[42] !== t14 ? (t15 = /* @__PURE__ */ jsx(Card, {
-		className: dialogCard,
+		className: "ftCJS jLKaQQ fqYOpD diGfnu",
 		display: "flex",
 		radius,
 		ref,
@@ -189,7 +188,7 @@ function DialogCard(props) {
 	}), $[39] = radius, $[40] = scheme, $[41] = shadow, $[42] = t14, $[43] = t15) : t15 = $[43];
 	let t16;
 	return $[44] !== t15 || $[45] !== width ? (t16 = /* @__PURE__ */ jsx(Container, {
-		className: dialogContainer,
+		className: "fAtomh bhTTzp ePwsZv bsGhWR diGfnu",
 		"data-ui": "DialogCard",
 		display: "flex",
 		width,
@@ -237,8 +236,8 @@ function Dialog(props) {
 			}
 		}, 0);
 	}, $[39] = boundaryElement, $[40] = portalElement, $[41] = t14) : t14 = $[41];
-	let handleRootClick = t14, t15 = animate && "mrrgwt3", t16;
-	$[42] !== className || $[43] !== t15 ? (t16 = clsx(dialogLayer, t15, className), $[42] = className, $[43] = t15, $[44] = t16) : t16 = $[44];
+	let handleRootClick = t14, t15 = animate && "eKvwpd foMIZB", t16;
+	$[42] !== className || $[43] !== t15 ? (t16 = clsx("fAtomh kyGdCf bsGhWR kiKDyH dFXmkO hWgptE qbeer djbxbl", t15, className), $[42] = className, $[43] = t15, $[44] = t16) : t16 = $[44];
 	let t17;
 	$[45] === Symbol.for("react.memo_cache_sentinel") ? (t17 = /* @__PURE__ */ jsx("div", {
 		ref: preDivRef,
@@ -312,7 +311,6 @@ function DialogProvider(props) {
 		children
 	}), $[3] = children, $[4] = contextValue, $[5] = t1) : t1 = $[5], t1;
 }
-var skeleton = "_1pqyuub1", skeletonAnimated = "_1pqyuub4", skeletonHidden = "_1pqyuub3", skeletonStatic = "_1pqyuub5", skeletonVisible = "_1pqyuub2";
 const StyledSkeleton$1 = /* @__PURE__ */ styled(Box).withConfig({
 	displayName: "StyledSkeleton",
 	componentId: "sc-qq1bsx-0"
@@ -336,8 +334,8 @@ function Skeleton(props) {
 	}, t2 = [delay], $[7] = delay, $[8] = t1, $[9] = t2), useEffect(t1, t2);
 	let t3;
 	$[10] === radius ? t3 = $[11] : (t3 = _getArrayProp(radius), $[10] = radius, $[11] = t3);
-	let t4 = !delay || visible ? skeletonVisible : skeletonHidden, t5 = animated ? skeletonAnimated : skeletonStatic, t6;
-	$[12] !== className || $[13] !== t4 || $[14] !== t5 ? (t6 = clsx(skeleton, t4, t5, className), $[12] = className, $[13] = t4, $[14] = t5, $[15] = t6) : t6 = $[15];
+	let t4 = !delay || visible ? "frJqtw" : "bgTIyZ", t5 = animated ? "bjraDg iWSyZJ dJxRDW eYpbHi krabKr TeBDG cWHiZE gPHhfd anCSM kAaLvT UPzAf kNAlYZ eBCRlA cgyejD" : "iWSyZJ", t6;
+	$[12] !== className || $[13] !== t4 || $[14] !== t5 ? (t6 = clsx("eyEVfe eCMeFC", t4, t5, className), $[12] = className, $[13] = t4, $[14] = t5, $[15] = t6) : t6 = $[15];
 	let t7;
 	return $[16] !== ref || $[17] !== restProps || $[18] !== t3 || $[19] !== t6 ? (t7 = /* @__PURE__ */ jsx(StyledSkeleton$1, {
 		"data-ui": "Skeleton",
@@ -425,7 +423,6 @@ function CodeSkeleton(props) {
 		$style: "code"
 	}), $[5] = $size, $[6] = restProps, $[7] = t2) : t2 = $[7], t2;
 }
-var tab = "_1hcl71a0";
 /**
 * @public
 */
@@ -447,7 +444,7 @@ function Tab(props) {
 		focused && !focusedRef.current && (ref.current && ref.current.focus(), focusedRef.current = !0);
 	}, t6 = [focused], $[17] = focused, $[18] = t5, $[19] = t6), useEffect(t5, t6);
 	let t7;
-	$[20] === className ? t7 = $[21] : (t7 = clsx(tab, className), $[20] = className, $[21] = t7);
+	$[20] === className ? t7 = $[21] : (t7 = clsx("hPjhXT", className), $[20] = className, $[21] = t7);
 	let t8 = selected ? "true" : "false", t9 = selected ? 0 : -1, t10;
 	return $[22] !== fontSize || $[23] !== handleFocus || $[24] !== icon || $[25] !== id || $[26] !== label || $[27] !== onClick || $[28] !== padding || $[29] !== restProps || $[30] !== selected || $[31] !== t7 || $[32] !== t8 || $[33] !== t9 ? (t10 = /* @__PURE__ */ jsx(Button, {
 		className: t7,
@@ -470,7 +467,6 @@ function Tab(props) {
 		type: "button"
 	}), $[22] = fontSize, $[23] = handleFocus, $[24] = icon, $[25] = id, $[26] = label, $[27] = onClick, $[28] = padding, $[29] = restProps, $[30] = selected, $[31] = t7, $[32] = t8, $[33] = t9, $[34] = t10) : t10 = $[34], t10;
 }
-var tabList = "_17rlsyd0";
 /**
 * @public
 */
@@ -491,7 +487,7 @@ function TabList(props) {
 		event.key === "ArrowLeft" && setFocusedIndex((prevIndex) => (prevIndex + numTabs - 1) % numTabs), event.key === "ArrowRight" && setFocusedIndex((prevIndex_0) => (prevIndex_0 + 1) % numTabs);
 	}, $[10] = numTabs, $[11] = t1);
 	let handleKeyDown = t1, t2;
-	$[12] === className ? t2 = $[13] : (t2 = clsx(tabList, className), $[12] = className, $[13] = t2);
+	$[12] === className ? t2 = $[13] : (t2 = clsx("fKaiaP eJIKXE bCEGXA hlTznM", className), $[12] = className, $[13] = t2);
 	let t3;
 	return $[14] !== handleKeyDown || $[15] !== ref || $[16] !== restProps || $[17] !== t2 || $[18] !== tabs ? (t3 = /* @__PURE__ */ jsx(Inline, {
 		className: t2,
@@ -734,8 +730,7 @@ function TreeGroup(props) {
 		children
 	}), $[4] = children, $[5] = restProps, $[6] = t1, $[7] = tree.gap, $[8] = t2) : t2 = $[8], t2;
 }
-var treeItem = "jq4eni0";
-const StyledTreeItem = /* @__PURE__ */ styled.li.withConfig({
+const treeItem = "ZyINL VaYZP hYXSkP kyddSM igTsvP kyTYla duclHY BXTsx ihcTNF dRJpaF oWpmy hdUmmY", StyledTreeItem = /* @__PURE__ */ styled.li.withConfig({
 	displayName: "StyledTreeItem",
 	componentId: "sc-mgt2q1-0"
 })(treeItemRootColorStyle), TreeItemBox = /* @__PURE__ */ styled.a.withConfig({
@@ -798,7 +793,7 @@ function TreeItem(props) {
 		size: fontSize,
 		weight,
 		children: /* @__PURE__ */ jsx(ToggleArrowRightIcon, {
-			className: "jq4eni1",
+			className: "fIJvmj",
 			style: { transform: expanded ? "rotate(90deg)" : void 0 }
 		})
 	}), $[35] = IconComponent, $[36] = expanded, $[37] = fontSize, $[38] = muted, $[39] = weight, $[40] = t17) : t17 = $[40];
@@ -1052,8 +1047,7 @@ function responsiveAvatarSizeStyle(props) {
 		return { "--avatar-size": rem(avatarSize.size) };
 	});
 }
-var avatarArrow = "_1o7kttu1", avatarCounter = "_1o7kttu7", avatarRoot = "_1o7kttu0", avatarStack = "_1o7kttu6";
-const StyledAvatar = /* @__PURE__ */ styled(/* @__PURE__ */ styled.div.attrs({ className: avatarRoot }).withConfig({
+const StyledAvatar = /* @__PURE__ */ styled(/* @__PURE__ */ styled.div.attrs({ className: "jOHnOz gcUkTl fMVBjb ixvSSg kwLhwW emPzDJ eIsAcC hhRcrn iMJsxr hykRjY hdBYnA dRiciA eKhxNy igUxFW jKeppS ddjAuZ dYvYSB" }).withConfig({
 	displayName: "AvatarBase",
 	componentId: "sc-943qen-0"
 })(avatarRootStyle)).withConfig({
@@ -1077,7 +1071,7 @@ function AvatarComponent(props) {
 	}, $[18] = onImageLoadError, $[19] = t5);
 	let handleImageError = t5, T0 = StyledAvatar, t6 = typeof as == "string" ? as : void 0, t8;
 	$[20] === color ? t8 = $[21] : (t8 = /* @__PURE__ */ jsx("div", {
-		className: avatarArrow,
+		className: "kyGdCf ixvSSg kiKDyH bgTIyZ lhPceK hWgptE qbeer iFTChX dpkMvs fRJJGt fXXdBW dGSZft hCrTsA eTFVft bbpCZG entgPE eHFqYL iVKMrE fgylBq ktJvyW jAObRc fNiGDY jKggCm",
 		children: /* @__PURE__ */ jsx("svg", {
 			width: "11",
 			height: "7",
@@ -1092,24 +1086,24 @@ function AvatarComponent(props) {
 	let t9;
 	$[22] !== __unstable_hideInnerStroke || $[23] !== avatarSize || $[24] !== handleImageError || $[25] !== imageFailed || $[26] !== src ? (t9 = !imageFailed && src && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("img", {
 		alt: "",
-		className: "_1o7kttu2",
+		className: "gHYZIR kwLhwW exIGLf emPzDJ hhRcrn gIVJpv",
 		draggable: !1,
 		height: avatarSize.size,
 		onError: handleImageError,
 		src,
 		width: avatarSize.size
 	}), /* @__PURE__ */ jsxs("svg", {
-		className: "_1o7kttu3",
+		className: "gHYZIR kwLhwW kiKDyH cERSkX lhPceK qbeer hhRcrn",
 		viewBox: "0 0 2 2",
 		fill: "none",
 		children: [!__unstable_hideInnerStroke && /* @__PURE__ */ jsx("circle", {
-			className: "_1o7kttu4",
+			className: "iMJkVA ysDJT",
 			cx: "1",
 			cy: "1",
 			r: "1",
 			vectorEffect: "non-scaling-stroke"
 		}), /* @__PURE__ */ jsx("circle", {
-			className: "_1o7kttu5",
+			className: "ggmhkl ksRPkh hxmycU fgUwLY",
 			cx: "1",
 			cy: "1",
 			r: "1",
@@ -1117,7 +1111,7 @@ function AvatarComponent(props) {
 		})]
 	})] }), $[22] = __unstable_hideInnerStroke, $[23] = avatarSize, $[24] = handleImageError, $[25] = imageFailed, $[26] = src, $[27] = t9) : t9 = $[27];
 	let t10 = (imageFailed || !src) && initials && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx("div", {
-		className: "_1o7kttu8",
+		className: "fAtomh gHYZIR fuocjA ePwsZv bsGhWR dBwzdG cPyXJe diGfnu djbxbl",
 		children: /* @__PURE__ */ jsx(Label, {
 			as: "span",
 			size: size.map(_temp$2),
@@ -1168,7 +1162,7 @@ function _avatarCounterPaddingStyle(props) {
 	let { space } = getTheme_v2(props.theme);
 	return css`padding:0 ${rem(space[2])};`;
 }
-const StyledAvatarCounter = /* @__PURE__ */ styled.div.attrs({ className: avatarCounter }).withConfig({
+const StyledAvatarCounter = /* @__PURE__ */ styled.div.attrs({ className: "fAtomh dNSLRW dupTko ixvSSg fIoZKR bsGhWR eIsAcC djbxbl" }).withConfig({
 	displayName: "StyledAvatarCounter",
 	componentId: "sc-nxxvbb-0"
 })(_responsiveAvatarCounterSizeStyle, _avatarCounterPaddingStyle);
@@ -1221,7 +1215,7 @@ function AvatarStack(props) {
 		let children = Children.toArray(childrenProp).filter(isValidElement), maxLength = Math.max(maxLengthProp, 0), t10;
 		$[22] === sizeProp ? t10 = $[23] : (t10 = _getArrayProp(sizeProp), $[22] = sizeProp, $[23] = t10);
 		let size = t10, len = children.length, extraCount = len - (maxLength - 1), visibleChildren = extraCount > 1 ? children.slice(extraCount, len) : children;
-		T0 = StyledAvatarStack, $[24] === className ? t2 = $[25] : (t2 = clsx(avatarStack, className), $[24] = className, $[25] = t2), t3 = "AvatarStack", t4 = restProps, t5 = ref, t6 = size, $[26] !== len || $[27] !== size ? (t7 = len === 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AvatarCounter, {
+		T0 = StyledAvatarStack, $[24] === className ? t2 = $[25] : (t2 = clsx("cbkwRf isxeDy cnjfpu", className), $[24] = className, $[25] = t2), t3 = "AvatarStack", t4 = restProps, t5 = ref, t6 = size, $[26] !== len || $[27] !== size ? (t7 = len === 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AvatarCounter, {
 			count: len,
 			size
 		}) }), $[26] = len, $[27] = size, $[28] = t7) : t7 = $[28], $[29] !== extraCount || $[30] !== len || $[31] !== size ? (t8 = len !== 0 && extraCount > 1 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(AvatarCounter, {
@@ -1317,7 +1311,6 @@ function inputElementColorStyles(props) {
 		color: color.input.default.readOnly.border
 	})};color:${color.input.default.readOnly.fg};}&[data-read-only]&:checked + span{background-color:${color.input.default.readOnly.muted.bg};}`;
 }
-var checkbox = "_3ec2r70";
 const Input$3 = /* @__PURE__ */ styled(/* @__PURE__ */ styled.input.withConfig({
 	displayName: "InputBase",
 	componentId: "sc-13r9vw-0"
@@ -1340,7 +1333,7 @@ function Checkbox(props) {
 		ref.current && (ref.current.indeterminate = indeterminate || !1);
 	}, t2 = [indeterminate], $[11] = indeterminate, $[12] = t1, $[13] = t2), useEffect(t1, t2), useCustomValidity(ref, customValidity);
 	let t3;
-	$[14] === className ? t3 = $[15] : (t3 = clsx(checkbox, className), $[14] = className, $[15] = t3);
+	$[14] === className ? t3 = $[15] : (t3 = clsx("gSxJLz emPzDJ", className), $[14] = className, $[15] = t3);
 	let t4 = !disabled && readOnly ? "" : void 0, t5 = customValidity ? "" : void 0, t6 = disabled || readOnly, t7;
 	$[16] !== checked || $[17] !== readOnly || $[18] !== restProps || $[19] !== t4 || $[20] !== t5 || $[21] !== t6 ? (t7 = /* @__PURE__ */ jsx(Input$3, {
 		"data-read-only": t4,
@@ -1429,7 +1422,6 @@ function inputElementStyle(props) {
 		color: color.input.invalid.enabled.muted.bg
 	})};&::after{background:${color.input.invalid.enabled.muted.bg};}}&[data-read-only] + span{box-shadow:0 0 0 1px ${color.input.default.readOnly.border};background:${color.input.default.readOnly.bg};&::after{background:${color.input.default.readOnly.border};}}&:not([data-read-only]):disabled + span{box-shadow:0 0 0 1px ${color.input.default.disabled.border};background:${color.input.default.disabled.bg};&::after{background:${color.input.default.disabled.border};}}`;
 }
-var radio = "_1ncptbw0";
 const Input$2 = /* @__PURE__ */ styled.input.withConfig({
 	displayName: "Input",
 	componentId: "sc-z843so-0"
@@ -1445,7 +1437,7 @@ function Radio(props) {
 	let ref = useRef(null), t0;
 	$[8] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => ref.current, $[8] = t0) : t0 = $[8], useImperativeHandle(forwardedRef, t0), useCustomValidity(ref, customValidity);
 	let t1;
-	$[9] === className ? t1 = $[10] : (t1 = clsx(radio, className), $[9] = className, $[10] = t1);
+	$[9] === className ? t1 = $[10] : (t1 = clsx("emPzDJ cXmUGv", className), $[9] = className, $[10] = t1);
 	let t2 = !disabled && readOnly ? "" : void 0, t3 = customValidity ? "" : void 0, t4 = disabled || readOnly, t5;
 	$[11] !== readOnly || $[12] !== restProps || $[13] !== t2 || $[14] !== t3 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsx(Input$2, {
 		"data-read-only": t2,
@@ -1513,9 +1505,7 @@ const selectStyle = {
 	inputColor: inputColorStyle,
 	input: inputStyle,
 	iconBox: iconBoxStyle
-};
-var select = "i0dus80";
-const InputBase$1 = styled.select.withConfig({
+}, InputBase$1 = styled.select.withConfig({
 	displayName: "InputBase",
 	componentId: "sc-0h3t7m-0"
 })`${selectStyle.inputBase}`, InputColor = /* @__PURE__ */ styled(InputBase$1).withConfig({
@@ -1573,7 +1563,7 @@ function Select(props) {
 	}), $[32] = padding, $[33] = t13, $[34] = t14) : t14 = $[34];
 	let t15;
 	return $[35] !== t11 || $[36] !== t14 ? (t15 = /* @__PURE__ */ jsxs("div", {
-		className: select,
+		className: "emPzDJ iQYtgN cXmUGv",
 		"data-ui": "Select",
 		children: [t11, t14]
 	}), $[35] = t11, $[36] = t14, $[37] = t15) : t15 = $[37], t15;
@@ -1590,14 +1580,13 @@ function switchThumbStyles(props) {
 	let { $indeterminate } = props, { input } = getTheme_v2(props.theme), trackWidth = input.switch.width, trackHeight = input.switch.height, trackPadding = input.switch.padding, size = trackHeight - input.switch.padding * 2, checkedOffset = trackWidth - trackPadding * 2 - size, indeterminateOffset = trackWidth / 2 - size / 2 - trackPadding, checked = $indeterminate !== !0 && props.$checked === !0;
 	return css`left:${rem(trackPadding)};top:${rem(trackPadding)};height:${rem(size)};width:${rem(size)};border-radius:${rem(size / 2)};transition-duration:${input.switch.transitionDurationMs}ms;transition-timing-function:${input.switch.transitionTimingFunction};transform:translate3d(0,0,0);${checked && css`transform:translate3d(${checkedOffset}px,0,0);`} ${$indeterminate && css`transform:translate3d(${indeterminateOffset}px,0,0);`}`;
 }
-var switchInput = "_1kqqib91", switchRepresentation = "_1kqqib92", switchRoot = "_1kqqib90", switchThumb = "_1kqqib94", switchTrack = "_1kqqib93";
-const Representation = /* @__PURE__ */ styled.span.attrs({ className: switchRepresentation }).withConfig({
+const Representation = /* @__PURE__ */ styled.span.attrs({ className: "dJgWtv cERSkX emPzDJ kmCWMa bpuMrN dbSCHR dMOWAL dRmRBl lhNBpt iqwUak eKJNom dCrjkN yDftq gIVJpv" }).withConfig({
 	displayName: "Representation",
 	componentId: "sc-fbcjg3-0"
-})(switchRepresentationStyles), Track = /* @__PURE__ */ styled.span.attrs({ className: switchTrack }).withConfig({
+})(switchRepresentationStyles), Track = /* @__PURE__ */ styled.span.attrs({ className: "indMik kiKDyH lhPceK qbeer gIVJpv" }).withConfig({
 	displayName: "Track",
 	componentId: "sc-fbcjg3-1"
-})(switchTrackStyles), Thumb = /* @__PURE__ */ styled.span.attrs({ className: switchThumb }).withConfig({
+})(switchTrackStyles), Thumb = /* @__PURE__ */ styled.span.attrs({ className: "eHHXIg kecFSQ lhPceK bNSskR gIVJpv" }).withConfig({
 	displayName: "Thumb",
 	componentId: "sc-fbcjg3-2"
 })(switchThumbStyles);
@@ -1618,10 +1607,10 @@ function Switch(props) {
 		ref.current && (ref.current.indeterminate = indeterminate || !1);
 	}, t2 = [indeterminate], $[10] = indeterminate, $[11] = t1, $[12] = t2), useEffect(t1, t2);
 	let t3;
-	$[13] === className ? t3 = $[14] : (t3 = clsx(switchRoot, className), $[13] = className, $[14] = t3);
+	$[13] === className ? t3 = $[14] : (t3 = clsx("emPzDJ cXmUGv", className), $[13] = className, $[14] = t3);
 	let t4 = !disabled && readOnly ? "" : void 0, t5 = indeterminate !== !0 && checked, t6 = disabled || readOnly, t7;
 	$[15] !== restProps || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 ? (t7 = /* @__PURE__ */ jsx("input", {
-		className: switchInput,
+		className: "kyGdCf ePwsZv kiKDyH jZsjHW bgTIyZ dFXmkO bnBrYd lhPceK hWgptE qbeer diGfnu dStxMA",
 		"data-read-only": t4,
 		...restProps,
 		checked: t5,
@@ -1869,7 +1858,6 @@ function _temp() {
 	return document.body;
 }
 const emptySubscribe = () => () => {};
-var srOnly = "_11g9yuw0";
 /**
 * @public
 */
@@ -1877,13 +1865,13 @@ function SrOnly(props) {
 	let $ = c(4), { as: t0, children, ref } = props, Component = t0 === void 0 ? "div" : t0, t1;
 	return $[0] !== Component || $[1] !== children || $[2] !== ref ? (t1 = /* @__PURE__ */ jsx(Component, {
 		"aria-hidden": !0,
-		className: srOnly,
+		className: "krAvjf bLvdID fqYOpD lhPceK hRLrZa",
 		"data-ui": "SrOnly",
 		ref,
 		children
 	}), $[0] = Component, $[1] = children, $[2] = ref, $[3] = t1) : t1 = $[3], t1;
 }
-var virtualList = "_1poism10", virtualListItem = "_1poism11";
+const virtualListItem = "kiKDyH lhPceK hWgptE";
 /**
 * @beta
 */
@@ -1960,7 +1948,7 @@ function VirtualList(props) {
 		renderItem
 	}, $[28] = fromIndex, $[29] = gap, $[30] = getItemKey, $[31] = itemHeight, $[32] = items, $[33] = renderItem, $[34] = space, $[35] = toIndex, $[36] = t11) : t11 = $[36];
 	let children = useChildren(t11), Component = as, t12;
-	$[37] === className ? t12 = $[38] : (t12 = clsx(virtualList, className), $[37] = className, $[38] = t12);
+	$[37] === className ? t12 = $[38] : (t12 = clsx("emPzDJ", className), $[37] = className, $[38] = t12);
 	let t13;
 	$[39] === height ? t13 = $[40] : (t13 = { height }, $[39] = height, $[40] = t13);
 	let t14;