UNPKG

@radix-ui/themes

Version:

[![Radix Themes Logo](https://radix-ui.com/social/themes.png)](https://radix-ui.com/themes)

3 lines (2 loc) 1.88 kB
"use strict";var c=Object.create;var o=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var L=(n,r)=>{for(var s in r)o(n,s,{get:r[s],enumerable:!0})},f=(n,r,s,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of h(r))!g.call(n,p)&&p!==s&&o(n,p,{get:()=>r[p],enumerable:!(i=N(r,p))||i.enumerable});return n};var l=(n,r,s)=>(s=n!=null?c(x(n)):{},f(r||!n||!n.__esModule?o(s,"default",{value:n,enumerable:!0}):s,n)),D=n=>f(o({},"__esModule",{value:!0}),n);var b={};L(b,{Spinner:()=>t});module.exports=D(b);var e=l(require("react")),d=l(require("classnames")),a=require("./flex.js"),P=require("./spinner.props.js"),S=require("../helpers/index.js"),u=require("../props/index.js");const t=e.forwardRef((n,r)=>{const{className:s,children:i,loading:p,...y}=(0,S.extractProps)(n,P.spinnerPropDefs,u.marginPropDefs);if(!p)return i;const m=e.createElement("span",{...y,ref:r,className:(0,d.default)("rt-Spinner",s)},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:""},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