@radix-ui/themes/dist/cjs/components/spinner.js

[](https://radix-ui.com/themes)

"use strict";var c=Object.create;var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var x=(n,r)=>{for(var p in r)o(n,p,{get:r[p],enumerable:!0})},f=(n,r,p,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of h(r))!g.call(n,s)&&s!==p&&o(n,s,{get:()=>r[s],enumerable:!(i=u(r,s))||i.enumerable});return n};var l=(n,r,p)=>(p=n!=null?c(L(n)):{},f(r||!n||!n.__esModule?o(p,"default",{value:n,enumerable:!0}):p,n)),j=n=>f(o({},"__esModule",{value:!0}),n);var D={};x(D,{Spinner:()=>t});module.exports=j(D);var e=l(require("react")),d=l(require("classnames")),a=require("./flex.js"),P=require("./spinner.props.js"),S=require("../helpers/extract-props.js"),y=require("../props/margin.props.js");const t=e.forwardRef((n,r)=>{const{className:p,children:i,loading:s,...N}=(0,S.extractProps)(n,P.spinnerPropDefs,y.marginPropDefs);if(!s)return i;const m=e.createElement("span",{...N,ref:r,className:(0,d.default)("rt-Spinner",p)},e.createElement("span",{className:"rt-SpinnerLeaf"}),e.createElement("span",{className:"rt-SpinnerLeaf"}),e.createElement("span",{className:"rt-SpinnerLeaf"}),e.createElement("span",{className:"rt-SpinnerLeaf"}),e.createElement("span",{className:"rt-SpinnerLeaf"}),e.createElement("span",{className:"rt-SpinnerLeaf"}),e.createElement("span",{className:"rt-SpinnerLeaf"}),e.createElement("span",{className:"rt-SpinnerLeaf"}));return i===void 0?m:e.createElement(a.Flex,{asChild:!0,position:"relative",align:"center",justify:"center"},e.createElement("span",null,e.createElement("span",{"aria-hidden":!0,style:{display:"contents",visibility:"hidden"},inert:void 0},i),e.createElement(a.Flex,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},e.createElement("span",null,m))))});t.displayName="Spinner";
//# sourceMappingURL=spinner.js.map