@radix-ui/themes/dist/cjs/components/base-button.js

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

"use strict";var z=Object.create;var a=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var N=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},l=(e,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of S(t))!w.call(e,s)&&s!==o&&a(e,s,{get:()=>t[s],enumerable:!(i=D(t,s))||i.enumerable});return e};var u=(e,t,o)=>(o=e!=null?z(v(e)):{},l(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),T=e=>l(a({},"__esModule",{value:!0}),e);var j={};N(j,{BaseButton:()=>d});module.exports=T(j);var n=u(require("react")),f=u(require("classnames")),B=require("@radix-ui/react-slot"),p=require("./base-button.props.js"),r=require("../helpers/index.js"),P=require("../props/index.js"),y=require("./flex.js"),b=require("./spinner.js"),c=require("./visually-hidden.js");const d=n.forwardRef((e,t)=>{const{size:o=p.baseButtonPropDefs.size.default}=e,{className:i,children:s,asChild:h,color:x,radius:C,disabled:m=e.loading,...g}=(0,r.extractProps)(e,p.baseButtonPropDefs,P.marginPropDefs);return n.createElement(h?B.Slot:"button",{"data-disabled":m||void 0,"data-accent-color":x,"data-radius":C,...g,ref:t,className:(0,f.default)("rt-reset","rt-BaseButton",i),disabled:m},e.loading?n.createElement(n.Fragment,null,n.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},s),n.createElement(c.VisuallyHidden,null,s),n.createElement(y.Flex,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},n.createElement("span",null,n.createElement(b.Spinner,{size:(0,r.mapResponsiveProp)(o,r.mapButtonSizeToSpinnerSize)})))):s)});d.displayName="BaseButton";
//# sourceMappingURL=base-button.js.map