p3x-redis-ui-material
Version:
💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity
1 lines • 3.9 kB
JavaScript
import{i as e}from"./chunk-DseTPa7n.js";import{B as t,C as n,Q as r,T as i,V as a,b as o,j as s,r as c,w as l,x as u,z as d}from"./Box-CXFf6N2h.js";import{o as f}from"./i18n.store-fGbhAfs-.js";import{c as p,r as m}from"./KeyboardArrowDown-Bd9MEjfK.js";import{n as h,t as g}from"./useMediaQuery-CYHKoU7e.js";import{t as _}from"./createSimplePaletteValueFilter-CS4iIFa3.js";var v=e(f(),1);function y(e){return t(`MuiFab`,e)}var b=d(`MuiFab`,[`root`,`primary`,`secondary`,`extended`,`circular`,`focusVisible`,`disabled`,`colorInherit`,`sizeSmall`,`sizeMedium`,`sizeLarge`,`info`,`error`,`warning`,`success`]),x=r(),S=e=>{let{color:t,variant:r,classes:i,size:a}=e,o=s({root:[`root`,r,`size${n(a)}`,t===`inherit`?`colorInherit`:t]},y,i);return{...i,...o}},C=l(c,{name:`MuiFab`,slot:`Root`,shouldForwardProp:e=>i(e)||e===`classes`,overridesResolver:(e,t)=>{let{ownerState:r}=e;return[t.root,t[r.variant],t[`size${n(r.size)}`],r.color===`inherit`&&t.colorInherit,t[n(r.size)],t[r.color]]}})(u(({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.grey[900]: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`},[`&.${b.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:48/2,padding:`0 16px`,width:`auto`,minHeight:`auto`,minWidth:48,height:48}},{props:{variant:`extended`,size:`small`},style:{width:`auto`,padding:`0 8px`,borderRadius:34/2,minWidth:34,height:34}},{props:{variant:`extended`,size:`medium`},style:{width:`auto`,padding:`0 16px`,borderRadius:40/2,minWidth:40,height:40}},{props:{color:`inherit`},style:{color:`inherit`}}]})),u(({theme:e})=>({variants:[...Object.entries(e.palette).filter(_([`dark`,`contrastText`])).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].contrastText,backgroundColor:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:(e.vars||e).palette[t].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t].main}}}}))]})),u(({theme:e})=>({[`&.${b.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}}))),w=v.forwardRef(function(e,t){let n=o({props:e,name:`MuiFab`}),{children:r,className:i,color:s=`default`,component:c=`button`,disabled:l=!1,disableFocusRipple:u=!1,focusVisibleClassName:d,size:f=`large`,variant:p=`circular`,...m}=n,h={...n,color:s,component:c,disabled:l,disableFocusRipple:u,size:f,variant:p},g=S(h);return(0,x.jsx)(C,{className:a(g.root,i),component:c,internalNativeButton:!0,disabled:l,focusRipple:!u,focusVisibleClassName:a(g.focusVisible,d),ownerState:h,ref:t,...m,classes:g,children:r})});function T({label:e,icon:t,raised:n=!1,color:r=`inherit`,disabled:i=!1,tooltipPlacement:a=`top`,breakpoint:o=720,onClick:s}){return g(`(min-width: ${o}px)`)?(0,x.jsxs)(h,{variant:n?`contained`:`text`,color:r,disabled:i,onClick:s,sx:{gap:`3px`},children:[t,(0,x.jsx)(`span`,{children:e})]}):n?(0,x.jsx)(m,{title:e,placement:a,children:(0,x.jsx)(`span`,{children:(0,x.jsx)(w,{size:`small`,color:r===`inherit`?`primary`:r,disabled:i,onClick:s,sx:{borderRadius:`4px`,boxShadow:`none`},children:t})})}):(0,x.jsx)(m,{title:e,placement:a,children:(0,x.jsx)(`span`,{children:(0,x.jsx)(p,{color:r,disabled:i,onClick:s,sx:{borderRadius:`4px`,m:0},children:t})})})}export{T as t};