@sanity/ui 3.3.6 → 3.4.0

package/dist/_chunks/tabList.mjs

@@ -1,15 +1,17 @@
 import { X as getTheme_v2, Z as createColorTheme$1, a as parseColor$1, c as rgbToHex$1, d as screen$1, f as multiply$1, l as rgbToHsl$1, n as buildTheme, o as hexToRgb$1, r as rgba$1, s as hslToRgb$1, t as getScopedTheme } from "./theme.mjs";
 import { c } from "react-compiler-runtime";
-import { ChevronRightIcon, CloseIcon, SpinnerIcon } from "@sanity/icons";
 import { Children, cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useDebugValue, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { isValidElementType } from "react-is";
 import { ThemeProvider, css, keyframes, styled, useTheme } from "styled-components";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { SpinnerIcon } from "@sanity/icons/Spinner";
 import { useEffectEvent } from "use-effect-event";
 import { ResizeObserver } from "@juggle/resize-observer";
 import { arrow, autoPlacement, autoUpdate, detectOverflow, flip, hide, offset, shift, useFloating } from "@floating-ui/react-dom";
 import { AnimatePresence, motion } from "motion/react";
 import { createPortal } from "react-dom";
+import { CloseIcon } from "@sanity/icons/Close";
+import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
 /**
 * @public
 * @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
@@ -808,7 +810,7 @@ FlexComponent.displayName = "ForwardRef(Flex)";
 */
 const Flex = FlexComponent, rotate = keyframes`from{transform:rotate(0deg);}to{transform:rotate(360deg);}`, StyledSpinner = styled(Text).withConfig({
 	displayName: "StyledSpinner",
-	componentId: "sc-jtkakc-0"
+	componentId: "sc-6ky9bg-0"
 })`& > span > svg{animation:${rotate} 500ms linear infinite;}`, Spinner = forwardRef(function(props, ref) {
 	let $ = c(4), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(SpinnerIcon, {}), $[0] = t0) : t0 = $[0];
@@ -2203,34 +2205,34 @@ StackComponent.displayName = "ForwardRef(Stack)";
 */
 const Stack = StackComponent, CLEAR_BUTTON_BOX_STYLE = { zIndex: 2 }, StyledTextInput = /* @__PURE__ */ styled(Card).attrs({ forwardedAs: "span" }).withConfig({
 	displayName: "StyledTextInput",
-	componentId: "sc-p5vqj0-0"
+	componentId: "sc-ab08rw-0"
 })(textInputRootStyle), InputRoot = styled.span.withConfig({
 	displayName: "InputRoot",
-	componentId: "sc-p5vqj0-1"
+	componentId: "sc-ab08rw-1"
 })`flex:1;min-width:0;display:block;position:relative;`, Prefix = 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 = 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.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-p5vqj0-4"
+	componentId: "sc-ab08rw-4"
 })(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle), Presentation = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "Presentation",
-	componentId: "sc-p5vqj0-5"
+	componentId: "sc-ab08rw-5"
 })(responsiveRadiusStyle, textInputRepresentationStyle), LeftBox = styled(Box).withConfig({
 	displayName: "LeftBox",
-	componentId: "sc-p5vqj0-6"
+	componentId: "sc-ab08rw-6"
 })`position:absolute;top:0;left:0;`, RightBox = styled(Box).withConfig({
 	displayName: "RightBox",
-	componentId: "sc-p5vqj0-7"
+	componentId: "sc-ab08rw-7"
 })`position:absolute;top:0;right:0;`, RightCard = styled(Card).withConfig({
 	displayName: "RightCard",
-	componentId: "sc-p5vqj0-8"
+	componentId: "sc-ab08rw-8"
 })`background-color:transparent;position:absolute;top:0;right:0;`, TextInputClearButton = /* @__PURE__ */ styled(Button).withConfig({
 	displayName: "TextInputClearButton",
-	componentId: "sc-p5vqj0-9"
+	componentId: "sc-ab08rw-9"
 })({ "&:not([hidden])": { display: "block" } }), TextInput = forwardRef(function(props, forwardedRef) {
 	let $ = 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);