@sanity/ui 0.37.21 → 0.37.22

package/lib/dts/src/primitives/spinner/spinner.d.ts

@@ -9,5 +9,5 @@ export interface SpinnerProps {
 /**
  * @public
  */
-export declare const Spinner: React.ForwardRefExoticComponent<Pick<SpinnerProps & Omit<React.HTMLProps<HTMLDivElement>, "as" | "size">, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | keyof SpinnerProps> & React.RefAttributes<HTMLDivElement>>;
+export declare const Spinner: React.ForwardRefExoticComponent<Pick<SpinnerProps & Omit<React.HTMLProps<HTMLDivElement>, "as" | "size">, "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "default" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "value" | "width" | "wmode" | "wrap" | keyof SpinnerProps> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=spinner.d.ts.map

package/lib/dts/src/primitives/spinner/spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/spinner/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAIvC;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACzB;AAkBD;;GAEG;AACH,eAAO,MAAM,OAAO,22LASlB,CAAA"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/spinner/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CACzB;AAID;;GAEG;AACH,eAAO,MAAM,OAAO,22LAYlB,CAAA"}

package/lib/dts/src/primitives/spinner/styles.d.ts

@@ -0,0 +1,9 @@
+import { CSSObject, FlattenSimpleInterpolation } from 'styled-components';
+import { ThemeProps } from '../../styles';
+export declare function spinnerStyle(props: {
+    $muted?: boolean;
+} & ThemeProps): FlattenSimpleInterpolation;
+export declare function spinnerSizeStyle(props: {
+    $size: number[];
+} & ThemeProps): CSSObject[];
+//# sourceMappingURL=styles.d.ts.map

package/lib/dts/src/primitives/spinner/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/primitives/spinner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,SAAS,EAAE,0BAA0B,EAAY,MAAM,mBAAmB,CAAA;AACvF,OAAO,EAAkB,UAAU,EAAC,MAAM,cAAc,CAAA;AAYxD,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,UAAU,GAAG,0BAA0B,CAO/F;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAC,GAAG,UAAU,GAAG,SAAS,EAAE,CAoBnF"}

package/lib/sanity-ui.js

@@ -2639,7 +2639,7 @@ globalScope[key$7] = globalScope[key$7] || /*#__PURE__*/React.createContext(null
 
 var ThemeContext = globalScope[key$7];
 
-var _excluded$H = ["color", "layer"];
+var _excluded$I = ["color", "layer"];
 /**
  * @public
  */
@@ -2658,7 +2658,7 @@ function ThemeProvider(props) {
 
     var rootColor = themeProp.color,
         rootLayer = themeProp.layer,
-        restTheme = _objectWithoutPropertiesLoose(themeProp, _excluded$H);
+        restTheme = _objectWithoutPropertiesLoose(themeProp, _excluded$I);
 
     var colorScheme = rootColor[scheme] || rootColor.light;
     var color = colorScheme[tone] || colorScheme["default"];
@@ -3714,7 +3714,7 @@ function textBaseStyle(props) {
   return styled.css(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n    color: var(--card-fg-color);\n\n    ", "\n\n    ", "\n\n    & code {\n      font-family: ", ";\n      border-radius: 1px;\n      background-color: var(--card-code-bg-color);\n      color: var(--card-code-fg-color);\n    }\n\n    & a {\n      text-decoration: none;\n      border-radius: 1px;\n      color: var(--card-link-color);\n      outline: none;\n\n      @media (hover: hover) {\n        &:hover {\n          text-decoration: underline;\n        }\n      }\n\n      &:focus {\n        box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);\n      }\n\n      &:focus:not(:focus-visible) {\n        box-shadow: none;\n      }\n    }\n\n    & strong {\n      font-weight: ", ";\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n    }\n  "])), $accent && styled.css(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n      color: var(--card-accent-fg-color);\n    "]))), $muted && styled.css(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n      color: var(--card-muted-fg-color);\n    "]))), theme.sanity.fonts.code.family, weights.bold);
 }
 
-var _excluded$G = ["accent", "align", "children", "muted", "size", "textOverflow", "weight"];
+var _excluded$H = ["accent", "align", "children", "muted", "size", "textOverflow", "weight"];
 
 var _templateObject$B;
 var Root$E = styled__default["default"].div(responsiveTextFont, responsiveTextAlignStyle, textBaseStyle);
@@ -3734,7 +3734,7 @@ var Text = /*#__PURE__*/React.forwardRef(function Text(props, ref) {
       size = _props$size === void 0 ? 2 : _props$size,
       textOverflow = props.textOverflow,
       weight = props.weight,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded$G);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$H);
 
   var children = childrenProp;
 
@@ -3894,7 +3894,7 @@ function avatarStrokeStyle() {
   };
 }
 
-var _excluded$F = ["as", "color", "src", "title", "initials", "onImageLoadError", "arrowPosition", "animateArrowFrom", "status", "size"];
+var _excluded$G = ["as", "color", "src", "title", "initials", "onImageLoadError", "arrowPosition", "animateArrowFrom", "status", "size"];
 var Root$D = styled__default["default"].div(responsiveAvatarSizeStyle, avatarStyle.root);
 var Arrow = styled__default["default"].div(avatarStyle.arrow);
 var BgStroke = styled__default["default"].ellipse(avatarStyle.bgStroke);
@@ -3917,7 +3917,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(props, ref) {
       _props$status = props.status,
       status = _props$status === void 0 ? 'online' : _props$status,
       sizeProp = props.size,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded$F);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$G);
 
   var as = ReactIs__default["default"].isValidElementType(asProp) ? asProp : 'div';
   var size = useResponsiveProp(sizeProp, [0]);
@@ -4070,7 +4070,7 @@ function childrenToElementArray(children) {
   });
 }
 
-var _excluded$E = ["children", "maxLength", "size", "tone"];
+var _excluded$F = ["children", "maxLength", "size", "tone"];
 
 var _templateObject$z;
 var BASE_STYLES = styled.css(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n\n  & > div {\n    vertical-align: top;\n\n    &:not([hidden]) {\n      display: inline-block;\n    }\n  }\n"])));
@@ -4106,7 +4106,7 @@ var AvatarStack = /*#__PURE__*/React.forwardRef(function AvatarStack(props, ref)
       maxLengthProp = _props$maxLength === void 0 ? 4 : _props$maxLength,
       _props$size = props.size,
       size = _props$size === void 0 ? 0 : _props$size,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded$E);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$F);
 
   var maxLength = Math.max(maxLengthProp, 0);
   var children = childrenToElementArray(childrenProp).filter(function (child) {
@@ -4135,7 +4135,7 @@ var AvatarStack = /*#__PURE__*/React.forwardRef(function AvatarStack(props, ref)
   }));
 });
 
-var _excluded$D = ["as", "column", "columnStart", "columnEnd", "display", "flex", "height", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "overflow", "padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "row", "rowStart", "rowEnd", "sizing"];
+var _excluded$E = ["as", "column", "columnStart", "columnEnd", "display", "flex", "height", "margin", "marginX", "marginY", "marginTop", "marginRight", "marginBottom", "marginLeft", "overflow", "padding", "paddingX", "paddingY", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "row", "rowStart", "rowEnd", "sizing"];
 var Root$A = styled__default["default"].div(boxStyle, flexItemStyle, responsiveBoxStyle, responsiveGridItemStyle, responsiveMarginStyle, responsivePaddingStyle);
 /**
  * @public
@@ -4172,7 +4172,7 @@ var Box = /*#__PURE__*/React.forwardRef(function Box(props, ref) {
       rowStart = props.rowStart,
       rowEnd = props.rowEnd,
       sizing = props.sizing,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded$D);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$E);
 
   return /*#__PURE__*/React__default["default"].createElement(Root$A, _extends({
     "data-as": typeof asProp === 'string' ? asProp : undefined,
@@ -4217,7 +4217,7 @@ function labelBaseStyle(props) {
   return styled.css(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n    text-transform: uppercase;\n\n    ", "\n\n    ", "\n\n    & code {\n      font-family: ", ";\n      border-radius: 1px;\n    }\n\n    & a {\n      text-decoration: none;\n      border-radius: 1px;\n    }\n\n    & [data-sanity-icon] {\n      vertical-align: baseline;\n    }\n  "])), $accent && styled.css(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n      color: var(--card-accent-fg-color);\n    "]))), $muted && styled.css(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n      color: var(--card-muted-fg-color);\n    "]))), fonts.code.family);
 }
 
-var _excluded$C = ["accent", "align", "children", "muted", "size", "textOverflow", "weight"];
+var _excluded$D = ["accent", "align", "children", "muted", "size", "textOverflow", "weight"];
 
 var _templateObject$x;
 var Root$z = styled__default["default"].div(responsiveLabelFont, responsiveTextAlignStyle, labelBaseStyle);
@@ -4236,7 +4236,7 @@ var Label = /*#__PURE__*/React.forwardRef(function Label(props, ref) {
       size = _props$size === void 0 ? 2 : _props$size,
       textOverflow = props.textOverflow,
       weight = props.weight,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded$C);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$D);
 
   var children = childrenProp;
 
@@ -4275,7 +4275,7 @@ function badgeStyle(props) {
   };
 }
 
-var _excluded$B = ["children", "fontSize", "mode", "padding", "radius", "tone"];
+var _excluded$C = ["children", "fontSize", "mode", "padding", "radius", "tone"];
 var Root$y = styled__default["default"](Box)(responsiveRadiusStyle, badgeStyle);
 /**
  * @public
@@ -4292,7 +4292,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function Badge(props, ref) {
       radius = _props$radius === void 0 ? 2 : _props$radius,
       _props$tone = props.tone,
       tone = _props$tone === void 0 ? 'default' : _props$tone,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded$B);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$C);
 
   return /*#__PURE__*/React__default["default"].createElement(Root$y, _extends({
     "data-ui": "Badge"
@@ -4307,7 +4307,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function Badge(props, ref) {
   }, children));
 });
 
-var _excluded$A = ["align", "as", "direction", "gap", "justify", "wrap"];
+var _excluded$B = ["align", "as", "direction", "gap", "justify", "wrap"];
 var Root$x = styled__default["default"](Box)(flexItemStyle, responsiveFlexStyle);
 /**
  * @public
@@ -4321,7 +4321,7 @@ var Flex = /*#__PURE__*/React.forwardRef(function Flex(props, ref) {
       gap = props.gap,
       justify = props.justify,
       wrap = props.wrap,
-      restProps = _objectWithoutPropertiesLoose(props, _excluded$A);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$B);
 
   return /*#__PURE__*/React__default["default"].createElement(Root$x, _extends({
     "data-ui": "Flex"
@@ -4337,16 +4337,56 @@ var Flex = /*#__PURE__*/React.forwardRef(function Flex(props, ref) {
 });
 
 var _templateObject$w, _templateObject2$k;
-var rotate$1 = styled.keyframes(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n"])));
-var Root$w = styled__default["default"](Text)(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n  & > span > svg {\n    animation: ", " 500ms linear infinite;\n  }\n"])), rotate$1);
+var rotate$1 = styled.keyframes(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\nfrom {\n  transform: rotate(0deg);\n}\n\nto {\n  transform: rotate(360deg);\n}\n"])));
+function spinnerStyle(props) {
+  var $muted = props.$muted;
+  return styled.css(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n    animation: ", " 500ms linear infinite;\n    color: ", ";\n  "])), rotate$1, $muted ? 'var(--card-muted-fg-color)' : 'var(--card-fg-color)');
+}
+function spinnerSizeStyle(props) {
+  var $size = props.$size;
+  var _props$theme$sanity = props.theme.sanity,
+      fonts = _props$theme$sanity.fonts,
+      media = _props$theme$sanity.media;
+  return responsive(media, $size, function (size) {
+    var _fonts$text$sizes$siz = fonts.text.sizes[size],
+        ascenderHeight = _fonts$text$sizes$siz.ascenderHeight,
+        descenderHeight = _fonts$text$sizes$siz.descenderHeight,
+        lineHeight = _fonts$text$sizes$siz.lineHeight,
+        iconSize = _fonts$text$sizes$siz.iconSize;
+    var capHeight = lineHeight - ascenderHeight - descenderHeight;
+    return {
+      width: rem(capHeight),
+      height: rem(capHeight),
+      '& > svg': {
+        display: 'block',
+        width: rem(iconSize),
+        height: rem(iconSize),
+        margin: (capHeight - iconSize) / 2
+      }
+    };
+  });
+}
+
+var _excluded$A = ["muted", "size"];
+var Root$w = styled__default["default"].div(spinnerStyle, spinnerSizeStyle);
 /**
  * @public
  */
 
 var Spinner = /*#__PURE__*/React.forwardRef(function Spinner(props, ref) {
+  var muted = props.muted,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 2 : _props$size,
+      restProps = _objectWithoutPropertiesLoose(props, _excluded$A);
+
+  var $size = React.useMemo(function () {
+    return Array.isArray(size) ? size : [size];
+  }, [size]);
   return /*#__PURE__*/React__default["default"].createElement(Root$w, _extends({
     "data-ui": "Spinner"
-  }, props, {
+  }, restProps, {
+    "$muted": muted,
+    "$size": $size,
     ref: ref
   }), /*#__PURE__*/React__default["default"].createElement(icons.SpinnerIcon, null));
 });