@sanity/ui 3.0.0-static.3 → 3.0.0-static.4

package/dist/_chunks-cjs/_visual-editing.js

@@ -650,7 +650,7 @@ const Text = react.forwardRef(function(props, ref) {
     weight,
     ...restProps
   } = props, $[0] = props, $[1] = align, $[2] = children, $[3] = className, $[4] = flex, $[5] = restProps, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = textOverflowProp, $[11] = weight) : (align = $[1], children = $[2], className = $[3], flex = $[4], restProps = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9], textOverflowProp = $[10], weight = $[11]);
-  const accent = t0 === void 0 ? !1 : t0, As = t1 === void 0 ? "div" : t1, muted = t2 === void 0 ? !1 : t2, size2 = t3 === void 0 ? 1 : t3;
+  const accent = t0 === void 0 ? !1 : t0, As = t1 === void 0 ? "div" : t1, muted = t2 === void 0 ? !1 : t2, size2 = t3 === void 0 ? 2 : t3;
   let t4;
   $[12] !== accent || $[13] !== align || $[14] !== className || $[15] !== flex || $[16] !== muted || $[17] !== size2 || $[18] !== weight ? (t4 = css.composeClassNames(className, css.text({
     accent,
@@ -750,7 +750,7 @@ const Button = react.forwardRef(function(props, ref) {
     paddingBottom,
     paddingLeft,
     paddingRight,
-    radius = 3,
+    radius = 2,
     selected,
     space = props.gap ?? props.space ?? props.padding ?? 3,
     // eslint-disable-line @typescript-eslint/no-unused-vars
@@ -773,31 +773,19 @@ const Button = react.forwardRef(function(props, ref) {
     tone,
     width
   })), "data-disabled": loading || disabled ? "" : void 0, "data-selected": selected ? "" : void 0, disabled: !!(loading || disabled), href: disabled ? void 0 : href, ref, type, children: [
-    !!loading && /* @__PURE__ */ jsxRuntime.jsx(Box, { align, as: "span", className: css.buttonLoadingBox(), display: "flex", flex: 1, justify, width: "fill", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: fontSize }) }),
-    (IconComponent || text || IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsxs(Box, { as: "span", direction, display: "flex", flex: 1, gap, gapX, gapY, justify, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, width: "fill", wrap, children: [
+    !!loading && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", className: css.buttonLoadingBox(), display: "flex", flex: 1, justify, width: "fill", children: /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: fontSize }) }),
+    (IconComponent || text || IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsxs(Box, { as: "span", align, direction, display: "flex", flex: 1, gap, gapX, gapY, justify, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, width: "fill", wrap, children: [
       IconComponent && /* @__PURE__ */ jsxRuntime.jsxs(Text, { as: "span", flex: "none", muted: !0, size: fontSize, children: [
         react.isValidElement(IconComponent) && IconComponent,
         ReactIs.isValidElementType(IconComponent) && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, {})
       ] }),
-      text && /* @__PURE__ */ jsxRuntime.jsx(
-        Text,
-        {
-          align: textAlign,
-          as: "span",
-          flex: "none",
-          muted,
-          size: fontSize,
-          textOverflow,
-          weight: textWeight,
-          children: text
-        }
-      ),
+      text && /* @__PURE__ */ jsxRuntime.jsx(Text, { align: textAlign, as: "span", flex: "none", muted, size: fontSize, textOverflow, weight: textWeight, children: text }),
       IconRightComponent && /* @__PURE__ */ jsxRuntime.jsxs(Text, { as: "span", flex: "none", muted: !0, size: fontSize, children: [
         react.isValidElement(IconRightComponent) && IconRightComponent,
         ReactIs.isValidElementType(IconRightComponent) && /* @__PURE__ */ jsxRuntime.jsx(IconRightComponent, {})
       ] })
     ] }),
-    children && /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "span", direction, display: "flex", flex: 1, gap, gapX, gapY, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, width: "fill", wrap, children })
+    children && /* @__PURE__ */ jsxRuntime.jsx(Box, { align, as: "span", direction, display: "flex", flex: 1, gap, gapX, gapY, justify, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingLeft, paddingRight, width: "fill", wrap, children })
   ] });
 });
 Button.displayName = "ForwardRef(Button)";
@@ -805,7 +793,7 @@ function useCard() {
   return react.useContext(CardContext);
 }
 const Card = react.forwardRef(function(props, ref) {
-  const $ = reactCompilerRuntime.c(48);
+  const $ = reactCompilerRuntime.c(51);
   let asProp, className, pressed, restProps, schemeProp, selectable, selected, shadow, style, t0, t1, t2, t3;
   $[0] !== props ? ({
     __unstable_checkered: t0,
@@ -822,41 +810,41 @@ const Card = react.forwardRef(function(props, ref) {
     tone: t3,
     ...restProps
   } = props, $[0] = props, $[1] = asProp, $[2] = className, $[3] = pressed, $[4] = restProps, $[5] = schemeProp, $[6] = selectable, $[7] = selected, $[8] = shadow, $[9] = style, $[10] = t0, $[11] = t1, $[12] = t2, $[13] = t3) : (asProp = $[1], className = $[2], pressed = $[3], restProps = $[4], schemeProp = $[5], selectable = $[6], selected = $[7], shadow = $[8], style = $[9], t0 = $[10], t1 = $[11], t2 = $[12], t3 = $[13]);
-  const checkered = t0 === void 0 ? !1 : t0, focusRing = t1 === void 0 ? !1 : t1, radius = t2 === void 0 ? 0 : t2, toneProp = t3 === void 0 ? "inherit" : t3, as = ReactIs.isValidElementType(asProp) ? asProp : "div", parent = useCard(), t4 = parent?.tone ?? "default", t5 = parent?.scheme ?? "light";
+  const checkered = t0 === void 0 ? !1 : t0, focusRing = t1 === void 0 ? !1 : t1, radius = t2 === void 0 ? 0 : t2, toneProp = t3 === void 0 ? "default" : t3, as = ReactIs.isValidElementType(asProp) ? asProp : "div", parent = useCard(), t4 = parent?.tone ?? "default", t5 = parent?.scheme ?? "light";
   let t6;
   $[14] !== t4 || $[15] !== t5 ? (t6 = {
     tone: t4,
     scheme: t5
   }, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16];
-  const context = t6, tone = toneProp === "inherit" ? context.tone : toneProp, scheme = schemeProp === void 0 ? context.scheme : schemeProp, t7 = scheme === context.scheme ? void 0 : scheme, t8 = tone === context.tone ? void 0 : tone;
-  let t9;
-  if ($[17] !== className || $[18] !== radius || $[19] !== selectable || $[20] !== shadow || $[21] !== t7 || $[22] !== t8) {
-    let t102;
-    $[24] !== radius || $[25] !== selectable ? (t102 = selectable && css._selectable({
+  const context = t6, tone = toneProp === "inherit" ? context.tone : toneProp, scheme = schemeProp === void 0 ? context.scheme : schemeProp, t7 = scheme === context.scheme ? void 0 : scheme;
+  let t8;
+  if ($[17] !== className || $[18] !== radius || $[19] !== selectable || $[20] !== shadow || $[21] !== t7 || $[22] !== tone) {
+    let t92;
+    $[24] !== radius || $[25] !== selectable ? (t92 = selectable && css._selectable({
       radius
-    }), $[24] = radius, $[25] = selectable, $[26] = t102) : t102 = $[26], t9 = css.composeClassNames(className, css.card({
+    }), $[24] = radius, $[25] = selectable, $[26] = t92) : t92 = $[26], t8 = css.composeClassNames(className, css.card({
       scheme: t7,
       shadow,
-      tone: t8
-    }), t102), $[17] = className, $[18] = radius, $[19] = selectable, $[20] = shadow, $[21] = t7, $[22] = t8, $[23] = t9;
+      tone
+    }), t92), $[17] = className, $[18] = radius, $[19] = selectable, $[20] = shadow, $[21] = t7, $[22] = tone, $[23] = t8;
   } else
-    t9 = $[23];
-  const t10 = checkered ? "" : void 0, t11 = focusRing ? "" : void 0, t12 = pressed ? "" : void 0, t13 = selected ? "" : void 0;
-  let t14;
-  $[27] !== as || $[28] !== radius || $[29] !== ref || $[30] !== restProps || $[31] !== style || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t13 || $[36] !== t9 ? (t14 = /* @__PURE__ */ jsxRuntime.jsx(Box, { "data-ui": "Card", ...restProps, as, className: t9, "data-checkered": t10, "data-focus-ring": t11, "data-pressed": t12, "data-selected": t13, radius, ref, style }), $[27] = as, $[28] = radius, $[29] = ref, $[30] = restProps, $[31] = style, $[32] = t10, $[33] = t11, $[34] = t12, $[35] = t13, $[36] = t9, $[37] = t14) : t14 = $[37];
-  let node = t14;
+    t8 = $[23];
+  const t9 = checkered ? "" : void 0, t10 = focusRing ? "" : void 0, t11 = pressed ? "" : void 0, t12 = selected ? "" : void 0;
+  let t13;
+  $[27] !== as || $[28] !== context.scheme || $[29] !== context.tone || $[30] !== radius || $[31] !== ref || $[32] !== restProps || $[33] !== style || $[34] !== t10 || $[35] !== t11 || $[36] !== t12 || $[37] !== t8 || $[38] !== t9 || $[39] !== tone ? (t13 = /* @__PURE__ */ jsxRuntime.jsx(Box, { "data-ui": "Card", ...restProps, as, className: t8, "data-context-tone": context.tone, "data-context-scheme": context.scheme, "data-checkered": t9, "data-focus-ring": t10, "data-pressed": t11, "data-selected": t12, "data-tone": tone, radius, ref, style }), $[27] = as, $[28] = context.scheme, $[29] = context.tone, $[30] = radius, $[31] = ref, $[32] = restProps, $[33] = style, $[34] = t10, $[35] = t11, $[36] = t12, $[37] = t8, $[38] = t9, $[39] = tone, $[40] = t13) : t13 = $[40];
+  let node = t13;
   if (scheme === context.scheme && tone === context.tone)
     return node;
-  const t15 = parent?.compat_provider, t16 = tone ?? context.tone;
-  let t17;
-  if ($[38] !== node || $[39] !== scheme || $[40] !== t15 || $[41] !== t16 ? (t17 = /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { compat_provider: t15, rendered: !0, scheme, tone: t16, children: node }), $[38] = node, $[39] = scheme, $[40] = t15, $[41] = t16, $[42] = t17) : t17 = $[42], node = t17, parent?.compat_provider) {
-    const t18 = tone ?? context.tone;
-    let t19;
-    return $[43] !== node || $[44] !== parent.compat_provider || $[45] !== scheme || $[46] !== t18 ? (t19 = react.createElement(parent.compat_provider, {
+  const t14 = parent?.compat_provider, t15 = tone ?? context.tone;
+  let t16;
+  if ($[41] !== node || $[42] !== scheme || $[43] !== t14 || $[44] !== t15 ? (t16 = /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { compat_provider: t14, rendered: !0, scheme, tone: t15, children: node }), $[41] = node, $[42] = scheme, $[43] = t14, $[44] = t15, $[45] = t16) : t16 = $[45], node = t16, parent?.compat_provider) {
+    const t17 = tone ?? context.tone;
+    let t18;
+    return $[46] !== node || $[47] !== parent.compat_provider || $[48] !== scheme || $[49] !== t17 ? (t18 = react.createElement(parent.compat_provider, {
       children: node,
       scheme,
-      tone: t18
-    }), $[43] = node, $[44] = parent.compat_provider, $[45] = scheme, $[46] = t18, $[47] = t19) : t19 = $[47], t19;
+      tone: t17
+    }), $[46] = node, $[47] = parent.compat_provider, $[48] = scheme, $[49] = t17, $[50] = t18) : t18 = $[50], t18;
   }
   return node;
 });
@@ -990,7 +978,7 @@ const Heading = react.forwardRef(function(props, ref) {
     weight,
     ...restProps
   } = props, $[0] = props, $[1] = align, $[2] = children, $[3] = className, $[4] = flex, $[5] = restProps, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3, $[10] = textOverflowProp, $[11] = weight) : (align = $[1], children = $[2], className = $[3], flex = $[4], restProps = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9], textOverflowProp = $[10], weight = $[11]);
-  const accent = t0 === void 0 ? !1 : t0, As = t1 === void 0 ? "div" : t1, muted = t2 === void 0 ? !1 : t2, size2 = t3 === void 0 ? 1 : t3;
+  const accent = t0 === void 0 ? !1 : t0, As = t1 === void 0 ? "div" : t1, muted = t2 === void 0 ? !1 : t2, size2 = t3 === void 0 ? 2 : t3;
   let t4;
   $[12] !== accent || $[13] !== align || $[14] !== className || $[15] !== flex || $[16] !== muted || $[17] !== size2 || $[18] !== weight ? (t4 = css.composeClassNames(className, css.heading({
     accent,
@@ -1928,7 +1916,7 @@ const Select = react.forwardRef(function(props, forwardedRef) {
     space: t4,
     ...restProps
   } = props, $[0] = props, $[1] = children, $[2] = customValidity, $[3] = disabled, $[4] = gap, $[5] = readOnly, $[6] = restProps, $[7] = t0, $[8] = t1, $[9] = t2, $[10] = t3, $[11] = t4) : (children = $[1], customValidity = $[2], disabled = $[3], gap = $[4], readOnly = $[5], restProps = $[6], t0 = $[7], t1 = $[8], t2 = $[9], t3 = $[10], t4 = $[11]);
-  const border = t0 === void 0 ? !0 : t0, fontSize = t1 === void 0 ? 1 : t1, padding = t2 === void 0 ? 2 : t2, radius = t3 === void 0 ? 2 : t3, space = t4 === void 0 ? 2 : t4, ref = react.useRef(null);
+  const border = t0 === void 0 ? !0 : t0, fontSize = t1 === void 0 ? 2 : t1, padding = t2 === void 0 ? 3 : t2, radius = t3 === void 0 ? 1 : t3, space = t4 === void 0 ? 2 : t4, ref = react.useRef(null);
   let t5;
   $[12] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => ref.current, $[12] = t5) : t5 = $[12], react.useImperativeHandle(forwardedRef, t5), useCustomValidity(ref, customValidity);
   const t6 = gap ?? space;