@sanity/ui 3.3.6 → 3.4.0

package/dist/_chunks/tabList.js

@@ -9,9 +9,9 @@ var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDes
 	enumerable: !0
 }) : target, mod));
 const require_theme = require("./theme.js");
-let react_compiler_runtime = require("react-compiler-runtime"), _sanity_icons = require("@sanity/icons"), react = require("react");
+let react_compiler_runtime = require("react-compiler-runtime"), react = require("react");
 react = __toESM(react);
-let react_is = require("react-is"), styled_components = require("styled-components"), react_jsx_runtime = require("react/jsx-runtime"), use_effect_event = require("use-effect-event"), _juggle_resize_observer = require("@juggle/resize-observer"), _floating_ui_react_dom = require("@floating-ui/react-dom"), motion_react = require("motion/react"), react_dom = require("react-dom");
+let react_is = require("react-is"), styled_components = require("styled-components"), react_jsx_runtime = require("react/jsx-runtime"), _sanity_icons_Spinner = require("@sanity/icons/Spinner"), use_effect_event = require("use-effect-event"), _juggle_resize_observer = require("@juggle/resize-observer"), _floating_ui_react_dom = require("@floating-ui/react-dom"), motion_react = require("motion/react"), react_dom = require("react-dom"), _sanity_icons_Close = require("@sanity/icons/Close"), _sanity_icons_ChevronRight = require("@sanity/icons/ChevronRight");
 /**
 * @public
 * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
@@ -810,10 +810,10 @@ FlexComponent.displayName = "ForwardRef(Flex)";
 */
 const Flex = FlexComponent, rotate = styled_components.keyframes`from{transform:rotate(0deg);}to{transform:rotate(360deg);}`, StyledSpinner = (0, styled_components.styled)(Text).withConfig({
 	displayName: "StyledSpinner",
-	componentId: "sc-jtkakc-0"
+	componentId: "sc-6ky9bg-0"
 })`& > span > svg{animation:${rotate} 500ms linear infinite;}`, Spinner = (0, react.forwardRef)(function(props, ref) {
 	let $ = (0, react_compiler_runtime.c)(4), t0;
-	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons.SpinnerIcon, {}), $[0] = t0) : t0 = $[0];
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_Spinner.SpinnerIcon, {}), $[0] = t0) : t0 = $[0];
 	let t1;
 	return $[1] !== props || $[2] !== ref ? (t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSpinner, {
 		"data-ui": "Spinner",
@@ -2205,34 +2205,34 @@ StackComponent.displayName = "ForwardRef(Stack)";
 */
 const Stack = StackComponent, CLEAR_BUTTON_BOX_STYLE = { zIndex: 2 }, StyledTextInput = /* @__PURE__ */ (0, styled_components.styled)(Card).attrs({ forwardedAs: "span" }).withConfig({
 	displayName: "StyledTextInput",
-	componentId: "sc-p5vqj0-0"
+	componentId: "sc-ab08rw-0"
 })(textInputRootStyle), InputRoot = styled_components.styled.span.withConfig({
 	displayName: "InputRoot",
-	componentId: "sc-p5vqj0-1"
+	componentId: "sc-ab08rw-1"
 })`flex:1;min-width:0;display:block;position:relative;`, Prefix = (0, styled_components.styled)(Card).attrs({ forwardedAs: "span" }).withConfig({
 	displayName: "Prefix",
-	componentId: "sc-p5vqj0-2"
+	componentId: "sc-ab08rw-2"
 })`border-top-right-radius:0;border-bottom-right-radius:0;& > span{display:block;margin:-1px;}`, Suffix = (0, styled_components.styled)(Card).attrs({ forwardedAs: "span" }).withConfig({
 	displayName: "Suffix",
-	componentId: "sc-p5vqj0-3"
+	componentId: "sc-ab08rw-3"
 })`border-top-left-radius:0;border-bottom-left-radius:0;& > span{display:block;margin:-1px;}`, Input = /* @__PURE__ */ styled_components.styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-p5vqj0-4"
+	componentId: "sc-ab08rw-4"
 })(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle), Presentation = /* @__PURE__ */ styled_components.styled.span.withConfig({
 	displayName: "Presentation",
-	componentId: "sc-p5vqj0-5"
+	componentId: "sc-ab08rw-5"
 })(responsiveRadiusStyle, textInputRepresentationStyle), LeftBox = (0, styled_components.styled)(Box).withConfig({
 	displayName: "LeftBox",
-	componentId: "sc-p5vqj0-6"
+	componentId: "sc-ab08rw-6"
 })`position:absolute;top:0;left:0;`, RightBox = (0, styled_components.styled)(Box).withConfig({
 	displayName: "RightBox",
-	componentId: "sc-p5vqj0-7"
+	componentId: "sc-ab08rw-7"
 })`position:absolute;top:0;right:0;`, RightCard = (0, styled_components.styled)(Card).withConfig({
 	displayName: "RightCard",
-	componentId: "sc-p5vqj0-8"
+	componentId: "sc-ab08rw-8"
 })`background-color:transparent;position:absolute;top:0;right:0;`, TextInputClearButton = /* @__PURE__ */ (0, styled_components.styled)(Button).withConfig({
 	displayName: "TextInputClearButton",
-	componentId: "sc-p5vqj0-9"
+	componentId: "sc-ab08rw-9"
 })({ "&:not([hidden])": { display: "block" } }), TextInput = (0, react.forwardRef)(function(props, forwardedRef) {
 	let $ = (0, react_compiler_runtime.c)(93), IconComponent, IconRightComponent, __unstable_disableFocusRing, clearButton, customValidity, gap, onClear, prefix, readOnly, restProps, suffix, t0, t1, t2, t3, t4, t5, t6, weight;
 	$[0] === props ? (IconComponent = $[1], IconRightComponent = $[2], __unstable_disableFocusRing = $[3], clearButton = $[4], customValidity = $[5], gap = $[6], onClear = $[7], prefix = $[8], readOnly = $[9], restProps = $[10], suffix = $[11], t0 = $[12], t1 = $[13], t2 = $[14], t3 = $[15], t4 = $[16], t5 = $[17], t6 = $[18], weight = $[19]) : ({__unstable_disableFocusRing, border: t0, clearButton, disabled: t1, fontSize: t2, gap, icon: IconComponent, iconRight: IconRightComponent, onClear, padding: t3, prefix, radius: t4, readOnly, space: t5, suffix, customValidity, type: t6, weight, ...restProps} = props, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = __unstable_disableFocusRing, $[4] = clearButton, $[5] = customValidity, $[6] = gap, $[7] = onClear, $[8] = prefix, $[9] = readOnly, $[10] = restProps, $[11] = suffix, $[12] = t0, $[13] = t1, $[14] = t2, $[15] = t3, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = weight);
@@ -2303,7 +2303,7 @@ const Stack = StackComponent, CLEAR_BUTTON_BOX_STYLE = { zIndex: 2 }, StyledText
 			"aria-label": "Clear",
 			"data-qa": "clear-button",
 			fontSize,
-			icon: _sanity_icons.CloseIcon,
+			icon: _sanity_icons_Close.CloseIcon,
 			mode: "bleed",
 			padding: clearButtonPadding,
 			radius,
@@ -3122,7 +3122,7 @@ function MenuGroupComponent(props) {
 		})
 	}), $[52] = fontSize, $[53] = text, $[54] = t27) : t27 = $[54];
 	let t28;
-	$[55] === Symbol.for("react.memo_cache_sentinel") ? (t28 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons.ChevronRightIcon, {}), $[55] = t28) : t28 = $[55];
+	$[55] === Symbol.for("react.memo_cache_sentinel") ? (t28 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_ChevronRight.ChevronRightIcon, {}), $[55] = t28) : t28 = $[55];
 	let t29;
 	$[56] === fontSize ? t29 = $[57] : (t29 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
 		size: fontSize,