sanity 5.6.1-next.6 → 5.7.0-next.7

package/lib/_chunks-es/package.js

@@ -1,4 +1,4 @@
-var version = "5.6.1-next.6+bed417e356", peerDependencies = {
+var version = "5.7.0-next.7+c59672612e", peerDependencies = {
   "styled-components": "^6.1.15"
 };
 export {

package/lib/_chunks-es/version.js

@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.6.1-next.6+bed417e356";
+  "5.7.0-next.7+c59672612e";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.d.ts

@@ -14234,6 +14234,8 @@ declare const studioLocaleStrings: {
   'inputs.reference.strength-mismatch.title': string
   /** Label for button that triggers the action that weakens a reference on strength mismatch */
   'inputs.reference.strength-mismatch.weaken-button-label': string
+  /** Label for action to clear the current value of the select field */
+  'inputs.select.action.clear': string
   /** Action message for generating the slug */
   'inputs.slug.action.generate': string
   /** Loading message for when the input is actively generating a slug */

package/lib/index.js

@@ -1766,6 +1766,8 @@ const studioLocaleNamespace = "studio", validationLocaleNamespace = "validation"
   "inputs.reference.strength-mismatch.title": "Reference strength mismatch",
   /** Label for button that triggers the action that weakens a reference on strength mismatch */
   "inputs.reference.strength-mismatch.weaken-button-label": "Convert to weak reference",
+  /** Label for action to clear the current value of the select field */
+  "inputs.select.action.clear": "Clear",
   /** Action message for generating the slug */
   "inputs.slug.action.generate": "Generate",
   /** Loading message for when the input is actively generating a slug */
@@ -40931,7 +40933,7 @@ function _temp$2o(item_1, i) {
   return /* @__PURE__ */ jsx("option", { value: i - 1, children: item_1.title }, `${i - 1}`);
 }
 const RadioSelect = forwardRef(function(props2, ref) {
-  const $ = c(12), {
+  const $ = c(22), {
     items,
     value,
     onChange,
@@ -40940,13 +40942,29 @@ const RadioSelect = forwardRef(function(props2, ref) {
     customValidity,
     direction,
     inputId
-  } = props2, Layout2 = direction === "horizontal" ? Inline : Stack;
+  } = props2, {
+    t
+  } = useTranslation();
   let t0;
-  $[0] !== customValidity || $[1] !== inputId || $[2] !== items || $[3] !== onChange || $[4] !== onFocus || $[5] !== readOnly || $[6] !== ref || $[7] !== value ? (t0 = items.map((item, index) => /* @__PURE__ */ jsx(RadioSelectItem, { customValidity, inputId, item, onChange, onFocus, readOnly, ref: index === 0 ? ref : null, value }, index)), $[0] = customValidity, $[1] = inputId, $[2] = items, $[3] = onChange, $[4] = onFocus, $[5] = readOnly, $[6] = ref, $[7] = value, $[8] = t0) : t0 = $[8];
-  let t1;
-  return $[9] !== Layout2 || $[10] !== t0 ? (t1 = /* @__PURE__ */ jsx(Card, { border: !0, padding: 3, radius: 2, children: /* @__PURE__ */ jsx(Layout2, { space: 3, role: "group", children: t0 }) }), $[9] = Layout2, $[10] = t0, $[11] = t1) : t1 = $[11], t1;
+  $[0] !== onChange ? (t0 = () => {
+    onChange(null);
+  }, $[0] = onChange, $[1] = t0) : t0 = $[1];
+  const handleClear = t0, isHorizontal = direction === "horizontal", Layout2 = isHorizontal ? Inline : Stack, showClearButton = !readOnly && value, t1 = isHorizontal ? "center" : "flex-end";
+  let t2;
+  $[2] !== customValidity || $[3] !== inputId || $[4] !== items || $[5] !== onChange || $[6] !== onFocus || $[7] !== readOnly || $[8] !== ref || $[9] !== value ? (t2 = items.map((item, index) => /* @__PURE__ */ jsx(RadioSelectItem, { customValidity, inputId, item, onChange, onFocus, readOnly, ref: index === 0 ? ref : null, value }, index)), $[2] = customValidity, $[3] = inputId, $[4] = items, $[5] = onChange, $[6] = onFocus, $[7] = readOnly, $[8] = ref, $[9] = value, $[10] = t2) : t2 = $[10];
+  let t3;
+  $[11] !== Layout2 || $[12] !== t2 ? (t3 = /* @__PURE__ */ jsx(Layout2, { space: 3, role: "group", paddingY: 1, children: t2 }), $[11] = Layout2, $[12] = t2, $[13] = t3) : t3 = $[13];
+  let t4;
+  $[14] !== handleClear || $[15] !== showClearButton || $[16] !== t ? (t4 = showClearButton && /* @__PURE__ */ jsx(Button, { icon: ResetIcon, onClick: handleClear, tooltipProps: {
+    content: t("inputs.select.action.clear")
+  }, mode: "bleed" }), $[14] = handleClear, $[15] = showClearButton, $[16] = t, $[17] = t4) : t4 = $[17];
+  let t5;
+  return $[18] !== t1 || $[19] !== t3 || $[20] !== t4 ? (t5 = /* @__PURE__ */ jsx(Card, { border: !0, paddingY: 2, paddingX: 3, radius: 2, children: /* @__PURE__ */ jsxs(Flex, { align: t1, gap: 3, justify: "space-between", children: [
+    t3,
+    t4
+  ] }) }), $[18] = t1, $[19] = t3, $[20] = t4, $[21] = t5) : t5 = $[21], t5;
 }), RadioSelectItem = forwardRef(function(props2, ref) {
-  const $ = c(16), {
+  const $ = c(17), {
     customValidity,
     inputId,
     item,
@@ -40959,16 +40977,17 @@ const RadioSelect = forwardRef(function(props2, ref) {
   $[0] !== item || $[1] !== onChange ? (t0 = () => {
     onChange(item);
   }, $[0] = item, $[1] = onChange, $[2] = t0) : t0 = $[2];
-  const handleChange = t0, t1 = value === item;
-  let t2;
-  $[3] !== customValidity || $[4] !== handleChange || $[5] !== inputId || $[6] !== onFocus || $[7] !== readOnly || $[8] !== ref || $[9] !== t1 ? (t2 = /* @__PURE__ */ jsx(Radio, { ref, checked: t1, onChange: handleChange, onFocus, readOnly, customValidity, name: inputId }), $[3] = customValidity, $[4] = handleChange, $[5] = inputId, $[6] = onFocus, $[7] = readOnly, $[8] = ref, $[9] = t1, $[10] = t2) : t2 = $[10];
+  const handleChange = t0, checked = value === item;
+  let t1;
+  $[3] !== checked || $[4] !== customValidity || $[5] !== handleChange || $[6] !== inputId || $[7] !== onFocus || $[8] !== readOnly || $[9] !== ref ? (t1 = /* @__PURE__ */ jsx(Radio, { ref, checked, onChange: handleChange, onFocus, readOnly, customValidity, name: inputId }), $[3] = checked, $[4] = customValidity, $[5] = handleChange, $[6] = inputId, $[7] = onFocus, $[8] = readOnly, $[9] = ref, $[10] = t1) : t1 = $[10];
+  const t2 = checked ? "medium" : "regular";
   let t3;
-  $[11] !== item.title ? (t3 = /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text$1, { size: 1, weight: "medium", children: item.title }) }), $[11] = item.title, $[12] = t3) : t3 = $[12];
+  $[11] !== item.title || $[12] !== t2 ? (t3 = /* @__PURE__ */ jsx(Box, { marginLeft: 2, children: /* @__PURE__ */ jsx(Text$1, { size: 1, weight: t2, children: item.title }) }), $[11] = item.title, $[12] = t2, $[13] = t3) : t3 = $[13];
   let t4;
-  return $[13] !== t2 || $[14] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Flex, { as: "label", align: "center", children: [
-    t2,
+  return $[14] !== t1 || $[15] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Flex, { as: "label", align: "center", children: [
+    t1,
     t3
-  ] }), $[13] = t2, $[14] = t3, $[15] = t4) : t4 = $[15], t4;
+  ] }), $[14] = t1, $[15] = t3, $[16] = t4) : t4 = $[16], t4;
 });
 function resolveNumberInput(type) {
   return getOption(type, "list") ? SelectInput : NumberInput;