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

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

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