2 lines
4.7 KiB
JavaScript
2 lines
4.7 KiB
JavaScript
import{w as G,v as T,t as W,z as t,V as y,r as R,x as E,y as L,f as C,bJ as O,D as P,O as a,E as M}from"./index.eaf14aef.js";function V(r){return T("MuiButtonGroup",r)}const H=G("MuiButtonGroup",["root","contained","outlined","text","disableElevation","disabled","fullWidth","vertical","grouped","groupedHorizontal","groupedVertical","groupedText","groupedTextHorizontal","groupedTextVertical","groupedTextPrimary","groupedTextSecondary","groupedOutlined","groupedOutlinedHorizontal","groupedOutlinedVertical","groupedOutlinedPrimary","groupedOutlinedSecondary","groupedContained","groupedContainedHorizontal","groupedContainedVertical","groupedContainedPrimary","groupedContainedSecondary"]),n=H,N=["children","className","color","component","disabled","disableElevation","disableFocusRipple","disableRipple","fullWidth","orientation","size","variant"],U=(r,o)=>{const{ownerState:i}=r;return[{[`& .${n.grouped}`]:o.grouped},{[`& .${n.grouped}`]:o[`grouped${a(i.orientation)}`]},{[`& .${n.grouped}`]:o[`grouped${a(i.variant)}`]},{[`& .${n.grouped}`]:o[`grouped${a(i.variant)}${a(i.orientation)}`]},{[`& .${n.grouped}`]:o[`grouped${a(i.variant)}${a(i.color)}`]},o.root,o[i.variant],i.disableElevation===!0&&o.disableElevation,i.fullWidth&&o.fullWidth,i.orientation==="vertical"&&o.vertical]},k=r=>{const{classes:o,color:i,disabled:l,disableElevation:u,fullWidth:p,orientation:e,variant:d}=r,s={root:["root",d,e==="vertical"&&"vertical",p&&"fullWidth",u&&"disableElevation"],grouped:["grouped",`grouped${a(e)}`,`grouped${a(d)}`,`grouped${a(d)}${a(e)}`,`grouped${a(d)}${a(i)}`,l&&"disabled"]};return M(s,V,o)},_=W("div",{name:"MuiButtonGroup",slot:"Root",overridesResolver:U})(({theme:r,ownerState:o})=>t({display:"inline-flex",borderRadius:(r.vars||r).shape.borderRadius},o.variant==="contained"&&{boxShadow:(r.vars||r).shadows[2]},o.disableElevation&&{boxShadow:"none"},o.fullWidth&&{width:"100%"},o.orientation==="vertical"&&{flexDirection:"column"},{[`& .${n.grouped}`]:t({minWidth:40,"&:not(:first-of-type)":t({},o.orientation==="horizontal"&&{borderTopLeftRadius:0,borderBottomLeftRadius:0},o.orientation==="vertical"&&{borderTopRightRadius:0,borderTopLeftRadius:0},o.variant==="outlined"&&o.orientation==="horizontal"&&{marginLeft:-1},o.variant==="outlined"&&o.orientation==="vertical"&&{marginTop:-1}),"&:not(:last-of-type)":t({},o.orientation==="horizontal"&&{borderTopRightRadius:0,borderBottomRightRadius:0},o.orientation==="vertical"&&{borderBottomRightRadius:0,borderBottomLeftRadius:0},o.variant==="text"&&o.orientation==="horizontal"&&{borderRight:r.vars?`1px solid rgba(${r.vars.palette.common.onBackgroundChannel} / 0.23)`:`1px solid ${r.palette.mode==="light"?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"}`},o.variant==="text"&&o.orientation==="vertical"&&{borderBottom:r.vars?`1px solid rgba(${r.vars.palette.common.onBackgroundChannel} / 0.23)`:`1px solid ${r.palette.mode==="light"?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)"}`},o.variant==="text"&&o.color!=="inherit"&&{borderColor:r.vars?`rgba(${r.vars.palette[o.color].mainChannel} / 0.5)`:y(r.palette[o.color].main,.5)},o.variant==="outlined"&&o.orientation==="horizontal"&&{borderRightColor:"transparent"},o.variant==="outlined"&&o.orientation==="vertical"&&{borderBottomColor:"transparent"},o.variant==="contained"&&o.orientation==="horizontal"&&{borderRight:`1px solid ${(r.vars||r).palette.grey[400]}`,[`&.${n.disabled}`]:{borderRight:`1px solid ${(r.vars||r).palette.action.disabled}`}},o.variant==="contained"&&o.orientation==="vertical"&&{borderBottom:`1px solid ${(r.vars||r).palette.grey[400]}`,[`&.${n.disabled}`]:{borderBottom:`1px solid ${(r.vars||r).palette.action.disabled}`}},o.variant==="contained"&&o.color!=="inherit"&&{borderColor:(r.vars||r).palette[o.color].dark},{"&:hover":t({},o.variant==="outlined"&&o.orientation==="horizontal"&&{borderRightColor:"currentColor"},o.variant==="outlined"&&o.orientation==="vertical"&&{borderBottomColor:"currentColor"})}),"&:hover":t({},o.variant==="contained"&&{boxShadow:"none"})},o.variant==="contained"&&{boxShadow:"none"})})),j=R.exports.forwardRef(function(o,i){const l=E({props:o,name:"MuiButtonGroup"}),{children:u,className:p,color:e="primary",component:d="div",disabled:s=!1,disableElevation:c=!1,disableFocusRipple:g=!1,disableRipple:v=!1,fullWidth:b=!1,orientation:B="horizontal",size:x="medium",variant:$="outlined"}=l,m=L(l,N),h=t({},l,{color:e,component:d,disabled:s,disableElevation:c,disableFocusRipple:g,disableRipple:v,fullWidth:b,orientation:B,size:x,variant:$}),f=k(h),z=R.exports.useMemo(()=>({className:f.grouped,color:e,disabled:s,disableElevation:c,disableFocusRipple:g,disableRipple:v,fullWidth:b,size:x,variant:$}),[e,s,c,g,v,b,x,$,f.grouped]);return C(_,t({as:d,role:"group",className:P(f.root,p),ref:i,ownerState:h},m,{children:C(O.Provider,{value:z,children:u})}))}),F=j;export{F as B};
|