"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[7974],{62859:(e,o,a)=>{a.d(o,{A:()=>v});var r=a(7552),t=a(93878),s=a(70799),i=a(48054),n=a(15622),d=a(1791),l=a(55270),c=a(51148),h=a(60129),p=a(4785),u=a(69500);const b=(0,c.Ay)(i.A,{name:"MuiFab",slot:"Root",shouldForwardProp:e=>(0,l.A)(e)||"classes"===e,overridesResolver:(e,o)=>{const{ownerState:a}=e;return[o.root,o[a.variant],o[`size${(0,n.A)(a.size)}`],"inherit"===a.color&&o.colorInherit,o[(0,n.A)(a.size)],o[a.color]]}})((0,h.A)((({theme:e})=>({...e.typography.button,minHeight:36,transition:e.transitions.create(["background-color","box-shadow","border-color"],{duration:e.transitions.duration.short}),borderRadius:"50%",padding:0,minWidth:0,width:56,height:56,zIndex:(e.vars||e).zIndex.fab,boxShadow:(e.vars||e).shadows[6],"&:active":{boxShadow:(e.vars||e).shadows[12]},color:e.vars?e.vars.palette.text.primary:e.palette.getContrastText?.(e.palette.grey[300]),backgroundColor:(e.vars||e).palette.grey[300],"&:hover":{backgroundColor:(e.vars||e).palette.grey.A100,"@media (hover: none)":{backgroundColor:(e.vars||e).palette.grey[300]},textDecoration:"none"},[`&.${d.A.focusVisible}`]:{boxShadow:(e.vars||e).shadows[6]},variants:[{props:{size:"small"},style:{width:40,height:40}},{props:{size:"medium"},style:{width:48,height:48}},{props:{variant:"extended"},style:{borderRadius:24,padding:"0 16px",width:"auto",minHeight:"auto",minWidth:48,height:48}},{props:{variant:"extended",size:"small"},style:{width:"auto",padding:"0 8px",borderRadius:17,minWidth:34,height:34}},{props:{variant:"extended",size:"medium"},style:{width:"auto",padding:"0 16px",borderRadius:20,minWidth:40,height:40}},{props:{color:"inherit"},style:{color:"inherit"}}]}))),(0,h.A)((({theme:e})=>({variants:[...Object.entries(e.palette).filter((([,e])=>e&&e.main&&e.dark&&e.contrastText)).map((([o])=>({props:{color:o},style:{color:(e.vars||e).palette[o].contrastText,backgroundColor:(e.vars||e).palette[o].main,"&:hover":{backgroundColor:(e.vars||e).palette[o].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[o].main}}}})))]}))),(0,h.A)((({theme:e})=>({[`&.${d.A.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}})))),v=r.forwardRef((function(e,o){const a=(0,p.b)({props:e,name:"MuiFab"}),{children:r,className:i,color:l="default",component:c="button",disabled:h=!1,disableFocusRipple:v=!1,focusVisibleClassName:m,size:g="large",variant:w="circular",...A}=a,x={...a,color:l,component:c,disabled:h,disableFocusRipple:v,size:g,variant:w},y=(e=>{const{color:o,variant:a,classes:r,size:t}=e,i={root:["root",a,`size${(0,n.A)(t)}`,"inherit"===o?"colorInherit":o]},l=(0,s.A)(i,d.C,r);return{...r,...l}})(x);return(0,u.jsx)(b,{className:(0,t.A)(y.root,i),component:c,disabled:h,focusRipple:!v,focusVisibleClassName:(0,t.A)(y.focusVisible,m),ownerState:x,ref:o,...A,classes:y,children:r})}))},1791:(e,o,a)=>{a.d(o,{A:()=>i,C:()=>s});var r=a(33761),t=a(85693);function s(e){return(0,t.Ay)("MuiFab",e)}const i=(0,r.A)("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"])},97974:(e,o,a)=>{a.r(o),a.d(o,{default:()=>r.A,fabClasses:()=>t.A,getFabUtilityClass:()=>t.C});var r=a(62859),t=a(1791)}}]);
//# sourceMappingURL=7974.3b817ad4.chunk.js.map