@sanity/ui 4.2.2 → 4.2.4

package/dist/autocomplete.js

@@ -1,6 +1,6 @@
 "use client";
 import { n as _getArrayProp, o as EMPTY_ARRAY, s as EMPTY_RECORD } from "./helpers-C8xxXAQC.js";
-import { f as focusFirstDescendant, h as _raf, t as TextInput, u as _hasFocus } from "./textInput-fGZVEKGs.js";
+import { f as focusFirstDescendant, h as _raf, t as TextInput, u as _hasFocus } from "./textInput-Yp5lnvZK.js";
 import { t as _isEnterToClickElement } from "./element-BYgCE_iK.js";
 import { s as Card, y as Box } from "./useLayer-CUKYjJYq.js";
 import { n as Text, t as Stack } from "./stack-SbGBZ0x3.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { a as rem, i as _responsive, n as _getArrayProp, r as _getResponsiveSpace, s as EMPTY_RECORD, t as _fillCSSObject } from "./helpers-C8xxXAQC.js";
-import { a as textInputFontSizeStyle, c as responsiveInputPaddingStyle, d as attemptFocus, f as focusFirstDescendant, g as _raf2, h as _raf, i as textInputBaseStyle, l as useCustomValidity, m as isFocusable, n as inputRoot, o as textInputRepresentationStyle, p as focusLastDescendant, r as textAreaRoot, s as responsiveInputPaddingIconRightStyle, t as TextInput, u as _hasFocus } from "./textInput-fGZVEKGs.js";
+import { a as textInputFontSizeStyle, c as responsiveInputPaddingStyle, d as attemptFocus, f as focusFirstDescendant, g as _raf2, h as _raf, i as textInputBaseStyle, l as useCustomValidity, m as isFocusable, n as inputRoot, o as textInputRepresentationStyle, p as focusLastDescendant, r as textAreaRoot, s as responsiveInputPaddingIconRightStyle, t as TextInput, u as _hasFocus } from "./textInput-Yp5lnvZK.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-CUKYjJYq.js";
@@ -1352,7 +1352,7 @@ function inputElementStyles(props) {
 var checkbox = "ycv36y0";
 const Input$3 = /* @__PURE__ */ styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-ng4gkf-0"
+	componentId: "sc-lvzyx-0"
 })(inputElementStyles);
 /**
 * Checkboxes allow the user to select one or more items from a set.
@@ -1374,6 +1374,7 @@ function Checkbox(props) {
 	$[16] !== checked || $[17] !== readOnly || $[18] !== restProps || $[19] !== t4 || $[20] !== t5 || $[21] !== t6 ? (t7 = /* @__PURE__ */ jsx(Input$3, {
 		"data-read-only": t4,
 		"data-error": t5,
+		"data-ui": "Checkbox__input",
 		...restProps,
 		checked,
 		disabled: t6,
@@ -1461,7 +1462,7 @@ function inputElementStyle(props) {
 var radio = "xgt72i0";
 const Input$2 = /* @__PURE__ */ styled.input.withConfig({
 	displayName: "Input",
-	componentId: "sc-u4kfaz-0"
+	componentId: "sc-z843so-0"
 })(inputElementStyle);
 /**
 * The `Radio` component allows the user to select one option from a set.
@@ -1479,6 +1480,7 @@ function Radio(props) {
 	$[11] !== readOnly || $[12] !== restProps || $[13] !== t2 || $[14] !== t3 || $[15] !== t4 ? (t5 = /* @__PURE__ */ jsx(Input$2, {
 		"data-read-only": t2,
 		"data-error": t3,
+		"data-ui": "Radio__input",
 		...restProps,
 		disabled: t4,
 		readOnly,
@@ -1621,13 +1623,13 @@ function switchThumbStyles(props) {
 var switchInput = "cn60s71", switchRoot = "cn60s70";
 const Representation = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "Representation",
-	componentId: "sc-ymdgpc-0"
+	componentId: "sc-mmkhq5-0"
 })(switchRepresentationStyles), Track = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "Track",
-	componentId: "sc-ymdgpc-1"
+	componentId: "sc-mmkhq5-1"
 })(switchTrackStyles), Thumb = /* @__PURE__ */ styled.span.withConfig({
 	displayName: "Thumb",
-	componentId: "sc-ymdgpc-2"
+	componentId: "sc-mmkhq5-2"
 })(switchThumbStyles);
 /**
 * The `Switch` component allows the user to toggle a setting on and off.
@@ -1658,14 +1660,16 @@ function Switch(props) {
 		ref
 	}), $[15] = restProps, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = t7) : t7 = $[19];
 	let t8;
-	$[20] === Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(Track, {}), $[20] = t8) : t8 = $[20];
+	$[20] === Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(Track, { "data-ui": "Switch__track" }), $[20] = t8) : t8 = $[20];
 	let t9;
 	$[21] !== checked || $[22] !== indeterminate ? (t9 = /* @__PURE__ */ jsxs(Representation, {
 		"aria-hidden": !0,
 		"data-name": "representation",
+		"data-ui": "Switch__representation",
 		children: [t8, /* @__PURE__ */ jsx(Thumb, {
 			$checked: checked,
-			$indeterminate: indeterminate
+			$indeterminate: indeterminate,
+			"data-ui": "Switch__thumb"
 		})]
 	}), $[21] = checked, $[22] = indeterminate, $[23] = t9) : t9 = $[23];
 	let t10;
@@ -1678,10 +1682,10 @@ function Switch(props) {
 }
 const Input = /* @__PURE__ */ styled.textarea.withConfig({
 	displayName: "Input",
-	componentId: "sc-gtnobm-0"
+	componentId: "sc-vu8ycr-0"
 })(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle), Presentation = /* @__PURE__ */ styled.div.withConfig({
 	displayName: "Presentation",
-	componentId: "sc-gtnobm-1"
+	componentId: "sc-vu8ycr-1"
 })(responsiveRadiusStyle, textInputRepresentationStyle);
 /**
 * A multiline text input.
@@ -1705,6 +1709,7 @@ function TextArea(props) {
 		"data-as": "textarea",
 		"data-scheme": t6,
 		"data-tone": t7,
+		"data-ui": "TextArea__input",
 		...restProps,
 		$fontSize: t8,
 		$padding: t9,
@@ -1725,7 +1730,8 @@ function TextArea(props) {
 		$tone: rootTheme.tone,
 		"data-border": t14,
 		"data-scheme": rootTheme.scheme,
-		"data-tone": rootTheme.tone
+		"data-tone": rootTheme.tone,
+		"data-ui": "TextArea__presentation"
 	}), $[27] = __unstable_disableFocusRing, $[28] = rootTheme.scheme, $[29] = rootTheme.tone, $[30] = t13, $[31] = t14, $[32] = t15) : t15 = $[32];
 	let t16;
 	return $[33] !== t12 || $[34] !== t15 ? (t16 = /* @__PURE__ */ jsx("span", {