@sanity/ui 0.37.6 → 0.37.9

package/lib/sanity-ui.modern.js

@@ -2279,7 +2279,7 @@ const fonts = {
     }]
   },
   heading: {
-    family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
+    family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
     horizontalOffset: 0.075,
     weights: {
       regular: 700,
@@ -2332,7 +2332,7 @@ const fonts = {
     }]
   },
   label: {
-    family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif',
+    family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", system-ui, sans-serif',
     horizontalOffset: 0.075,
     weights: {
       regular: 600,
@@ -2378,7 +2378,7 @@ const fonts = {
     }]
   },
   text: {
-    family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif',
+    family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Liberation Sans", Helvetica, Arial, system-ui, sans-serif',
     horizontalOffset: 0.075,
     weights: {
       regular: 400,
@@ -3572,11 +3572,11 @@ function responsiveInputPaddingIconRightStyle(props) {
   }));
 }
 
-let _$C = t => t,
+let _$B = t => t,
     _t$D,
     _t2$n,
     _t3$e;
-const ROOT_STYLE = css(_t$D || (_t$D = _$C`
+const ROOT_STYLE = css(_t$D || (_t$D = _$B`
   &:not([hidden]) {
     display: flex;
   }
@@ -3593,7 +3593,7 @@ function textInputBaseStyle(props) {
   } = props;
   const font = theme.sanity.fonts.text;
   const color = theme.sanity.color.input;
-  return css(_t2$n || (_t2$n = _$C`
+  return css(_t2$n || (_t2$n = _$B`
     --input-fg-color: ${0};
     --input-placeholder-color: ${0};
 
@@ -3684,7 +3684,7 @@ function textInputRepresentationStyle(props) {
     input
   } = theme.sanity;
   const color = theme.sanity.color.input;
-  return css(_t3$e || (_t3$e = _$C`
+  return css(_t3$e || (_t3$e = _$B`
     --card-bg-color: ${0};
     --card-fg-color: ${0};
     --input-box-shadow: none;
@@ -3820,7 +3820,7 @@ function responsiveShadowStyle(props) {
   return responsive(media, getResponsiveProp(props.$shadow), shadow => shadowStyle(shadows[shadow]));
 }
 
-let _$B = t => t,
+let _$A = t => t,
     _t$C,
     _t2$m,
     _t3$d;
@@ -3833,7 +3833,7 @@ function textBaseStyle(props) {
   const {
     weights
   } = theme.sanity.fonts.text;
-  return css(_t$C || (_t$C = _$B`
+  return css(_t$C || (_t$C = _$A`
     color: var(--card-fg-color);
 
     ${0}
@@ -3875,19 +3875,19 @@ function textBaseStyle(props) {
     & [data-sanity-icon] {
       vertical-align: baseline;
     }
-  `), $accent && css(_t2$m || (_t2$m = _$B`
+  `), $accent && css(_t2$m || (_t2$m = _$A`
       color: var(--card-accent-fg-color);
-    `)), $muted && css(_t3$d || (_t3$d = _$B`
+    `)), $muted && css(_t3$d || (_t3$d = _$A`
       color: var(--card-muted-fg-color);
     `)), theme.sanity.fonts.code.family, weights.bold);
 }
 
 const _excluded$G = ["accent", "align", "children", "muted", "size", "textOverflow", "weight"];
 
-let _$A = t => t,
+let _$z = t => t,
     _t$B;
 const Root$E = styled.div(responsiveTextFont, responsiveTextAlignStyle, textBaseStyle);
-const SpanWithTextOverflow$2 = styled.span(_t$B || (_t$B = _$A`
+const SpanWithTextOverflow$2 = styled.span(_t$B || (_t$B = _$z`
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -4190,7 +4190,7 @@ const Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {
   }, /*#__PURE__*/React.createElement("strong", null, initials)))));
 });
 
-let _$z = t => t,
+let _$y = t => t,
     _t$A;
 
 function responsiveAvatarCounterSizeStyle(props) {
@@ -4216,7 +4216,7 @@ function avatarCounterBaseStyle(props) {
   const {
     theme
   } = props;
-  return css(_t$A || (_t$A = _$z`
+  return css(_t$A || (_t$A = _$y`
     align-items: center;
     justify-content: center;
     box-sizing: border-box;
@@ -4262,9 +4262,9 @@ function childrenToElementArray(children) {
 
 const _excluded$E = ["children", "maxLength", "size", "tone"];
 
-let _$y = t => t,
+let _$x = t => t,
     _t$z;
-const BASE_STYLES = css(_t$z || (_t$z = _$y`
+const BASE_STYLES = css(_t$z || (_t$z = _$x`
   white-space: nowrap;
 
   & > div {
@@ -4410,7 +4410,7 @@ const Box = /*#__PURE__*/forwardRef(function Box(props, ref) {
   }), props.children);
 });
 
-let _$x = t => t,
+let _$w = t => t,
     _t$y,
     _t2$l,
     _t3$c;
@@ -4423,7 +4423,7 @@ function labelBaseStyle(props) {
   const {
     fonts
   } = theme.sanity;
-  return css(_t$y || (_t$y = _$x`
+  return css(_t$y || (_t$y = _$w`
     text-transform: uppercase;
 
     ${0}
@@ -4443,19 +4443,19 @@ function labelBaseStyle(props) {
     & [data-sanity-icon] {
       vertical-align: baseline;
     }
-  `), $accent && css(_t2$l || (_t2$l = _$x`
+  `), $accent && css(_t2$l || (_t2$l = _$w`
       color: var(--card-accent-fg-color);
-    `)), $muted && css(_t3$c || (_t3$c = _$x`
+    `)), $muted && css(_t3$c || (_t3$c = _$w`
       color: var(--card-muted-fg-color);
     `)), fonts.code.family);
 }
 
 const _excluded$C = ["accent", "align", "children", "muted", "size", "textOverflow", "weight"];
 
-let _$w = t => t,
+let _$v = t => t,
     _t$x;
 const Root$z = styled.div(responsiveLabelFont, responsiveTextAlignStyle, labelBaseStyle);
-const SpanWithTextOverflow$1 = styled.span(_t$x || (_t$x = _$w`
+const SpanWithTextOverflow$1 = styled.span(_t$x || (_t$x = _$v`
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -4576,10 +4576,10 @@ const Flex = /*#__PURE__*/forwardRef(function Flex(props, ref) {
   }));
 });
 
-let _$v = t => t,
+let _$u = t => t,
     _t$w,
     _t2$k;
-const rotate$1 = keyframes(_t$w || (_t$w = _$v`
+const rotate$1 = keyframes(_t$w || (_t$w = _$u`
   from {
     transform: rotate(0deg);
   }
@@ -4588,7 +4588,7 @@ const rotate$1 = keyframes(_t$w || (_t$w = _$v`
     transform: rotate(360deg);
   }
 `));
-const Root$w = styled(Text)(_t2$k || (_t2$k = _$v`
+const Root$w = styled(Text)(_t2$k || (_t2$k = _$u`
   & > span > svg {
     animation: ${0} 500ms linear infinite;
   }
@@ -4638,14 +4638,14 @@ function _colorVarsStyle(base, color, checkered = false) {
   };
 }
 
-let _$u = t => t,
+let _$t = t => t,
     _t$v;
 /**
  * @internal
  */
 
 function buttonBaseStyles() {
-  return css(_t$v || (_t$v = _$u`
+  return css(_t$v || (_t$v = _$t`
     -webkit-font-smoothing: inherit;
     appearance: none;
     display: inline-flex;
@@ -4729,10 +4729,10 @@ function buttonColorStyles(props) {
 
 const _excluded$z = ["children", "disabled", "fontSize", "icon", "iconRight", "justify", "loading", "mode", "padding", "paddingX", "paddingY", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "radius", "selected", "space", "text", "textAlign", "tone", "type"];
 
-let _$t = t => t,
+let _$s = t => t,
     _t$u;
 const Root$v = styled.button(responsiveRadiusStyle, buttonBaseStyles, buttonColorStyles);
-const LoadingBox = styled.div(_t$u || (_t$u = _$t`
+const LoadingBox = styled.div(_t$u || (_t$u = _$s`
   position: absolute;
   top: 0;
   left: 0;
@@ -4822,7 +4822,7 @@ const Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
   }, boxProps), children));
 });
 
-let _$s = t => t,
+let _$r = t => t,
     _t$t,
     _t2$j,
     _t3$b;
@@ -4835,7 +4835,7 @@ function cardBaseStyle(props) {
     theme
   } = props;
   const space = theme.sanity.space;
-  return css(_t$t || (_t$t = _$s`
+  return css(_t$t || (_t$t = _$r`
     ${0}
 
     &[data-as='button'] {
@@ -4858,7 +4858,7 @@ function cardBaseStyle(props) {
     &[data-as='pre'] {
       font: inherit;
     }
-  `), $checkered && css(_t2$j || (_t2$j = _$s`
+  `), $checkered && css(_t2$j || (_t2$j = _$r`
       background-size: ${0}px ${0}px;
       background-position: 50% 50%;
       background-image: var(--card-bg-image);
@@ -4883,7 +4883,7 @@ function cardColorStyle(props) {
     width: 0,
     color: 'var(--card-border-color)'
   };
-  return css(_t3$b || (_t3$b = _$s`
+  return css(_t3$b || (_t3$b = _$r`
     ${0}
 
     background-color: var(--card-bg-color);
@@ -5039,11 +5039,11 @@ const Card = /*#__PURE__*/forwardRef(function Card(props, ref) {
   })));
 });
 
-let _$r = t => t,
+let _$q = t => t,
     _t$s,
     _t2$i;
 function checkboxBaseStyles() {
-  return css(_t$s || (_t$s = _$r`
+  return css(_t$s || (_t$s = _$q`
     position: relative;
     display: inline-block;
   `));
@@ -5058,7 +5058,7 @@ function inputElementStyles(props) {
     input,
     radius
   } = theme.sanity;
-  return css(_t2$i || (_t2$i = _$r`
+  return css(_t2$i || (_t2$i = _$q`
     position: absolute;
     top: 0;
     left: 0;
@@ -5185,7 +5185,7 @@ const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, forwardedRef)
   })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(CheckmarkIcon, null), /*#__PURE__*/React.createElement(RemoveIcon, null)));
 });
 
-let _$q = t => t,
+let _$p = t => t,
     _t$r;
 
 function codeSyntaxHighlightingStyle({
@@ -5305,7 +5305,7 @@ function codeSyntaxHighlightingStyle({
 }
 
 function codeBaseStyle() {
-  return css(_t$r || (_t$r = _$q`
+  return css(_t$r || (_t$r = _$p`
     color: var(--card-code-fg-color);
 
     & code {
@@ -5438,7 +5438,7 @@ const Grid = /*#__PURE__*/forwardRef(function Grid(props, ref) {
   }), children);
 });
 
-let _$p = t => t,
+let _$o = t => t,
     _t$q,
     _t2$h,
     _t3$a;
@@ -5448,7 +5448,7 @@ function headingBaseStyle(props) {
     $muted,
     theme
   } = props;
-  return css(_t$q || (_t$q = _$p`
+  return css(_t$q || (_t$q = _$o`
     ${0}
 
     ${0}
@@ -5482,19 +5482,19 @@ function headingBaseStyle(props) {
     & [data-sanity-icon] {
       vertical-align: baseline;
     }
-  `), $accent && css(_t2$h || (_t2$h = _$p`
+  `), $accent && css(_t2$h || (_t2$h = _$o`
       color: var(--card-accent-fg-color);
-    `)), $muted && css(_t3$a || (_t3$a = _$p`
+    `)), $muted && css(_t3$a || (_t3$a = _$o`
       color: var(--card-muted-fg-color);
     `)), theme.sanity.fonts.code.family);
 }
 
 const _excluded$t = ["accent", "align", "children", "muted", "size", "textOverflow", "weight"];
 
-let _$o = t => t,
+let _$n = t => t,
     _t$p;
 const Root$p = styled.div(headingBaseStyle, responsiveTextAlignStyle, responsiveHeadingFont);
-const SpanWithTextOverflow = styled.span(_t$p || (_t$p = _$o`
+const SpanWithTextOverflow = styled.span(_t$p || (_t$p = _$n`
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -5589,11 +5589,11 @@ const Inline = /*#__PURE__*/forwardRef(function Inline(props, ref) {
 
 const _excluded$r = ["children", "fontSize", "padding", "radius"];
 
-let _$n = t => t,
+let _$m = t => t,
     _t$o;
 
 function kbdStyle() {
-  return css(_t$o || (_t$o = _$n`
+  return css(_t$o || (_t$o = _$m`
     background: var(--card-bg-color);
     font: inherit;
     box-shadow: inset 0 0 0 1px var(--card-hairline-hard-color);
@@ -5858,9 +5858,9 @@ function LayerProvider(props) {
 const _excluded$p = ["children", "style"],
       _excluded2$1 = ["children", "zOffset"];
 
-let _$m = t => t,
+let _$l = t => t,
     _t$n;
-const Root$m = styled.div(_t$n || (_t$n = _$m`
+const Root$m = styled.div(_t$n || (_t$n = _$l`
   position: relative;
 `));
 const LayerChildren = /*#__PURE__*/forwardRef(function LayerChildren(props, ref) {
@@ -6018,9 +6018,9 @@ function PortalProvider(props) {
   }, children);
 }
 
-let _$l = t => t,
+let _$k = t => t,
     _t$m;
-const Root$l = styled.div(_t$m || (_t$m = _$l`
+const Root$l = styled.div(_t$m || (_t$m = _$k`
   display: block;
   width: 0;
   height: 0;
@@ -6212,13 +6212,13 @@ function _isScrollable(el) {
 
 const _excluded$o = ["as", "gap", "getItemKey", "items", "onChange", "renderItem"];
 
-let _$k = t => t,
+let _$j = t => t,
     _t$l,
     _t2$g;
-const Root$k = styled.div(_t$l || (_t$l = _$k`
+const Root$k = styled.div(_t$l || (_t$l = _$j`
   position: relative;
 `));
-const ItemWrapper = styled.div(_t2$g || (_t2$g = _$k`
+const ItemWrapper = styled.div(_t2$g || (_t2$g = _$j`
   position: absolute;
   left: 0;
   right: 0;
@@ -6356,11 +6356,11 @@ const VirtualList = /*#__PURE__*/forwardRef(function VirtualList(props, ref) {
   }, children));
 });
 
-let _$j = t => t,
+let _$i = t => t,
     _t$k,
     _t2$f,
     _t3$9;
-const Root$j = styled.div(_t$k || (_t$k = _$j`
+const Root$j = styled.div(_t$k || (_t$k = _$i`
   position: absolute;
   pointer-events: none;
   width: 27px;
@@ -6404,10 +6404,10 @@ const Root$j = styled.div(_t$k || (_t$k = _$j`
     }
   }
 `));
-const BorderPath = styled.path(_t2$f || (_t2$f = _$j`
+const BorderPath = styled.path(_t2$f || (_t2$f = _$i`
   fill: var(--card-shadow-outline-color);
 `));
-const ShapePath = styled.path(_t3$9 || (_t3$9 = _$j`
+const ShapePath = styled.path(_t3$9 || (_t3$9 = _$i`
   fill: var(--card-bg-color);
 `));
 const PopoverArrow = /*#__PURE__*/forwardRef(function PopoverArrow(props, ref) {
@@ -6603,13 +6603,13 @@ function usePopoverModifiers(props) {
 
 const _excluded$n = ["__unstable_margins", "allowedAutoPlacements", "arrow", "boundaryElement", "children", "content", "constrainSize", "disabled", "fallbackPlacements", "open", "padding", "placement", "portal", "preventOverflow", "radius", "referenceElement", "matchReferenceWidth", "shadow", "scheme", "style", "tether", "tetherOffset", "tone", "width", "zOffset"];
 
-let _2 = t => t,
+let _2$1 = t => t,
     _t$j,
     _t2$e,
     _t3$8;
 const Root$i = styled(Layer)(({
   $preventOverflow
-}) => css(_t$j || (_t$j = _2`
+}) => css(_t$j || (_t$j = _2$1`
     pointer-events: none;
     display: flex;
     flex-direction: column;
@@ -6621,14 +6621,14 @@ const Root$i = styled(Layer)(({
 
     /* Hide the popover when the reference element is out of bounds */
     ${0}
-  `), $preventOverflow && css(_t2$e || (_t2$e = _2`
+  `), $preventOverflow && css(_t2$e || (_t2$e = _2$1`
       &[data-popper-reference-hidden='true'] {
         display: none;
       }
     `))));
 const PopoverCard = styled(Card)(({
   $constrainSize
-}) => css(_t3$8 || (_t3$8 = _2`
+}) => css(_t3$8 || (_t3$8 = _2$1`
     flex: 1;
     max-height: ${0};
     pointer-events: all;
@@ -6770,11 +6770,11 @@ const Popover = /*#__PURE__*/forwardRef(function Popover(props, ref) {
   }, node), !portalProp && node));
 });
 
-let _$i = t => t,
+let _$h = t => t,
     _t$i,
     _t2$d;
 function radioBaseStyle() {
-  return css(_t$i || (_t$i = _$i`
+  return css(_t$i || (_t$i = _$h`
     position: relative;
 
     &:not([hidden]) {
@@ -6796,7 +6796,7 @@ function inputElementStyle(props) {
   } = theme.sanity;
   const color = theme.sanity.color.input;
   const dist = (input.radio.size - input.radio.markSize) / 2;
-  return css(_t2$d || (_t2$d = _$i`
+  return css(_t2$d || (_t2$d = _$h`
     appearance: none;
     position: absolute;
     top: 0;
@@ -6914,14 +6914,14 @@ const Radio = /*#__PURE__*/forwardRef(function Radio(props, forwardedRef) {
   })), /*#__PURE__*/React.createElement("span", null));
 });
 
-let _$h = t => t,
+let _$g = t => t,
     _t$h,
     _t2$c,
     _t3$7,
     _t4$5;
 
 function rootStyle() {
-  return css(_t$h || (_t$h = _$h`
+  return css(_t$h || (_t$h = _$g`
     position: relative;
     width: stretch;
 
@@ -6936,7 +6936,7 @@ function inputBaseStyle(props) {
     theme
   } = props;
   const font = theme.sanity.fonts.text;
-  return css(_t2$c || (_t2$c = _$h`
+  return css(_t2$c || (_t2$c = _$g`
     -webkit-font-smoothing: antialiased;
     appearance: none;
     border: 0;
@@ -6961,7 +6961,7 @@ function inputColorStyle(props) {
     input
   } = theme.sanity;
   const color = theme.sanity.color.input;
-  return css(_t3$7 || (_t3$7 = _$h`
+  return css(_t3$7 || (_t3$7 = _$g`
     /* enabled */
     background-color: ${0};
     color: ${0};
@@ -7042,7 +7042,7 @@ function iconBoxStyle(props) {
     theme
   } = props;
   const color = theme.sanity.color.input;
-  return css(_t4$5 || (_t4$5 = _$h`
+  return css(_t4$5 || (_t4$5 = _$g`
     pointer-events: none;
     position: absolute;
     top: 0;
@@ -7167,7 +7167,7 @@ const Stack = /*#__PURE__*/forwardRef(function Stack(props, ref) {
   }));
 });
 
-let _$g = t => t,
+let _$f = t => t,
     _t$g,
     _t2$b,
     _t3$6,
@@ -7178,7 +7178,7 @@ let _$g = t => t,
 /* Root */
 
 function switchBaseStyles() {
-  return css(_t$g || (_t$g = _$g`
+  return css(_t$g || (_t$g = _$f`
     position: relative;
     &:not([hidden]) {
       display: inline-block;
@@ -7189,7 +7189,7 @@ function switchBaseStyles() {
 
 function switchInputStyles() {
   // Visually hide the input element while keeping it interactive
-  return css(_t2$b || (_t2$b = _$g`
+  return css(_t2$b || (_t2$b = _$f`
     position: absolute;
     top: 0;
     right: 0;
@@ -7217,7 +7217,7 @@ function switchRepresentationStyles(props) {
     input
   } = theme.sanity;
   const color = theme.sanity.color.button.default;
-  return css(_t3$6 || (_t3$6 = _$g`
+  return css(_t3$6 || (_t3$6 = _$f`
     --switch-bg-color: ${0};
     --switch-fg-color: ${0};
     --switch-box-shadow: none;
@@ -7289,7 +7289,7 @@ function switchTrackStyles(props) {
   const {
     input
   } = theme.sanity;
-  return css(_t4$4 || (_t4$4 = _$g`
+  return css(_t4$4 || (_t4$4 = _$f`
     &:not([hidden]) {
       display: block;
     }
@@ -7319,7 +7319,7 @@ function switchThumbStyles(props) {
   const checkedOffset = trackWidth - trackPadding * 2 - size;
   const indeterminateOffset = trackWidth / 2 - size / 2 - trackPadding;
   const checked = $indeterminate !== true && props.$checked === true;
-  return css(_t5$3 || (_t5$3 = _$g`
+  return css(_t5$3 || (_t5$3 = _$f`
     &:not([hidden]) {
       display: block;
     }
@@ -7338,9 +7338,9 @@ function switchThumbStyles(props) {
     ${0}
 
     ${0}
-  `), rem(trackPadding), rem(trackPadding), rem(size), rem(size), rem(size / 2), input.switch.transitionDurationMs, input.switch.transitionTimingFunction, checked && css(_t6$1 || (_t6$1 = _$g`
+  `), rem(trackPadding), rem(trackPadding), rem(size), rem(size), rem(size / 2), input.switch.transitionDurationMs, input.switch.transitionTimingFunction, checked && css(_t6$1 || (_t6$1 = _$f`
       transform: translate3d(${0}px, 0, 0);
-    `), checkedOffset), $indeterminate && css(_t7 || (_t7 = _$g`
+    `), checkedOffset), $indeterminate && css(_t7 || (_t7 = _$f`
       transform: translate3d(${0}px, 0, 0);
     `), indeterminateOffset));
 }
@@ -7395,10 +7395,10 @@ const Switch = /*#__PURE__*/forwardRef(function Switch(props, forwardedRef) {
 
 const _excluded$i = ["border", "customValidity", "disabled", "fontSize", "padding", "radius"];
 
-let _$f = t => t,
+let _$e = t => t,
     _t$f;
 const Root$d = styled.span(textInputRootStyle);
-const InputRoot$1 = styled.span(_t$f || (_t$f = _$f`
+const InputRoot$1 = styled.span(_t$f || (_t$f = _$e`
   flex: 1;
   min-width: 0;
   display: block;
@@ -7440,7 +7440,7 @@ const TextArea = /*#__PURE__*/forwardRef(function TextArea(props, forwardedRef)
 
 const _excluded$h = ["border", "clearButton", "disabled", "fontSize", "icon", "iconRight", "onClear", "padding", "prefix", "radius", "readOnly", "space", "suffix", "customValidity", "type"];
 
-let _$e = t => t,
+let _$d = t => t,
     _t$e,
     _t2$a,
     _t3$5,
@@ -7450,7 +7450,7 @@ const CLEAR_BUTTON_BOX_STYLE = {
   zIndex: 2
 };
 const Root$c = styled.span(textInputRootStyle);
-const InputRoot = styled.span(_t$e || (_t$e = _$e`
+const InputRoot = styled.span(_t$e || (_t$e = _$d`
   flex: 1;
   min-width: 0;
   display: block;
@@ -7458,7 +7458,7 @@ const InputRoot = styled.span(_t$e || (_t$e = _$e`
 `));
 const Prefix = styled(Card).attrs({
   forwardedAs: 'span'
-})(_t2$a || (_t2$a = _$e`
+})(_t2$a || (_t2$a = _$d`
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 
@@ -7469,7 +7469,7 @@ const Prefix = styled(Card).attrs({
 `));
 const Suffix = styled(Card).attrs({
   forwardedAs: 'span'
-})(_t3$5 || (_t3$5 = _$e`
+})(_t3$5 || (_t3$5 = _$d`
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 
@@ -7480,12 +7480,12 @@ const Suffix = styled(Card).attrs({
 `));
 const Input = styled.input(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle);
 const Presentation = styled.span(responsiveRadiusStyle, textInputRepresentationStyle);
-const LeftBox = styled(Box)(_t4$3 || (_t4$3 = _$e`
+const LeftBox = styled(Box)(_t4$3 || (_t4$3 = _$d`
   position: absolute;
   top: 0;
   left: 0;
 `));
-const RightCard = styled(Card)(_t5$2 || (_t5$2 = _$e`
+const RightCard = styled(Card)(_t5$2 || (_t5$2 = _$d`
   background-color: transparent;
   position: absolute;
   top: 0;
@@ -7619,11 +7619,11 @@ const TextInput = /*#__PURE__*/forwardRef(function TextInput(props, forwardedRef
   })), presentationNode, clearButtonNode), suffixNode);
 });
 
-let _$d = t => t,
+let _$c = t => t,
     _t$d,
     _t2$9,
     _t3$4;
-const Root$b = styled.div(_t$d || (_t$d = _$d`
+const Root$b = styled.div(_t$d || (_t$d = _$c`
   position: absolute;
   width: 15px;
   height: 15px;
@@ -7668,10 +7668,10 @@ const Root$b = styled.div(_t$d || (_t$d = _$d`
     }
   }
 `));
-const Border = styled.path(_t2$9 || (_t2$9 = _$d`
+const Border = styled.path(_t2$9 || (_t2$9 = _$c`
   fill: var(--card-shadow-outline-color);
 `));
-const Shape = styled.path(_t3$4 || (_t3$4 = _$d`
+const Shape = styled.path(_t3$4 || (_t3$4 = _$c`
   fill: var(--card-bg-color);
 `));
 const TooltipArrow = /*#__PURE__*/forwardRef(function TooltipArrow(props, ref) {
@@ -7692,9 +7692,9 @@ const TooltipArrow = /*#__PURE__*/forwardRef(function TooltipArrow(props, ref) {
 
 const _excluded$g = ["allowedAutoPlacements", "boundaryElement", "children", "content", "disabled", "fallbackPlacements", "placement", "portal", "scheme", "zOffset"];
 
-let _$c = t => t,
+let _2 = t => t,
     _t$c;
-const Root$a = styled(Layer)(_t$c || (_t$c = _$c`
+const Root$a = styled(Layer)(_t$c || (_t$c = _2`
   pointer-events: none;
 `));
 /**
@@ -7783,7 +7783,12 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
     };
   }, [isOpen, referenceElement]);
   useEffect(() => {
-    if (forceUpdate) forceUpdate();
+    if (forceUpdate) {
+      try {
+        forceUpdate();
+      } catch (_) {// ignore caught error
+      }
+    }
   }, [forceUpdate, content]); // Close when `disabled` changes to `true`
 
   useEffect(() => {