@awaymess/ui 0.1.11 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +8 -1
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var m=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var I=Object.prototype.hasOwnProperty;var P=(t,i)=>{for(var b in i)m(t,b,{get:i[b],enumerable:!0})},A=(t,i,b,p)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of B(i))!I.call(t,n)&&n!==b&&m(t,n,{get:()=>i[n],enumerable:!(p=M(i,n))||p.enumerable});return t};var O=t=>A(m({},"__esModule",{value:!0}),t);var L={};P(L,{Alert:()=>r.Alert,AppBar:()=>r.AppBar,Autocomplete:()=>r.Autocomplete,Box:()=>r.Box,Button:()=>r.Button,Card:()=>r.Card,CardActions:()=>r.CardActions,CardContent:()=>r.CardContent,Checkbox:()=>r.Checkbox,Chip:()=>r.Chip,Container:()=>r.Container,DatePicker:()=>v.DatePicker,Dialog:()=>r.Dialog,DialogActions:()=>r.DialogActions,DialogContent:()=>r.DialogContent,DialogContentText:()=>r.DialogContentText,DialogTitle:()=>r.DialogTitle,Divider:()=>r.Divider,Drawer:()=>r.Drawer,ExampleForm:()=>z,FormControl:()=>r.FormControl,FormControlLabel:()=>r.FormControlLabel,FormGroup:()=>r.FormGroup,GlassCard:()=>c,Grid:()=>r.Grid,IconButton:()=>r.IconButton,InputLabel:()=>r.InputLabel,LibThemeProvider:()=>T,LinearProgress:()=>r.LinearProgress,List:()=>r.List,ListItem:()=>r.ListItem,ListItemButton:()=>r.ListItemButton,ListItemIcon:()=>r.ListItemIcon,ListItemText:()=>r.ListItemText,Menu:()=>r.Menu,MenuItem:()=>r.MenuItem,OutlinedInput:()=>r.OutlinedInput,Paper:()=>r.Paper,Select:()=>r.Select,Stack:()=>r.Stack,Step:()=>r.Step,StepConnector:()=>r.StepConnector,StepIcon:()=>r.StepIcon,StepLabel:()=>r.StepLabel,Stepper:()=>r.Stepper,Switch:()=>r.Switch,Tab:()=>r.Tab,Table:()=>r.Table,TableBody:()=>r.TableBody,TableCell:()=>r.TableCell,TableContainer:()=>r.TableContainer,TableHead:()=>r.TableHead,TableRow:()=>r.TableRow,Tabs:()=>r.Tabs,TextField:()=>r.TextField,Toolbar:()=>r.Toolbar,Tooltip:()=>r.Tooltip,Typography:()=>r.Typography,UserCard:()=>D,useMediaQuery:()=>r.useMediaQuery,useTheme:()=>r.useTheme});module.exports=O(L);var h=require("@mui/material");var C=require("@mui/material/styles"),u=require("react"),o={light:{surface:"rgba(255, 255, 255, 0.74)",surfaceStrong:"rgba(255, 255, 255, 0.9)",surfaceSubtle:"rgba(255, 255, 255, 0.42)",border:"rgba(255, 255, 255, 0.68)",borderSubtle:"rgba(210, 214, 224, 0.66)",shadow:"0 8px 24px rgba(28, 32, 42, 0.09), 0 2px 6px rgba(28, 32, 42, 0.05), inset 0 1px 0 rgba(255,255,255,0.92)",shadowElevated:"0 18px 48px rgba(28, 32, 42, 0.14), 0 8px 18px rgba(28, 32, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.94)",blur:"blur(24px) saturate(120%) brightness(1.02)",tint:"rgba(244, 245, 248, 0.62)"},dark:{surface:"rgba(34, 35, 40, 0.74)",surfaceStrong:"rgba(40, 41, 46, 0.9)",surfaceSubtle:"rgba(255, 255, 255, 0.07)",border:"rgba(255, 255, 255, 0.16)",borderSubtle:"rgba(255, 255, 255, 0.11)",shadow:"0 8px 28px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.1)",shadowElevated:"0 18px 52px rgba(0, 0, 0, 0.54), 0 8px 20px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.12)",blur:"blur(24px) saturate(112%) brightness(0.94)",tint:"rgba(24, 25, 30, 0.52)"}},g={palette:{primary:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},secondary:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},blue:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},purple:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},error:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B"},red:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B",contrastText:"#FFFFFF"},warning:{main:"#FF9500",light:"#FFB340",dark:"#C97200"},orange:{main:"#FF9500",light:"#FFB340",dark:"#C97200",contrastText:"#FFFFFF"},success:{main:"#34C759",light:"#6FD98B",dark:"#248A3D"},green:{main:"#34C759",light:"#6FD98B",dark:"#248A3D",contrastText:"#FFFFFF"},gray:{main:"#8E8E93",light:"#AEAEB2",dark:"#636366",contrastText:"#FFFFFF"},background:{default:"#EEF2F8",paper:o.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"none",boxShadow:"0 4px 12px rgba(10, 132, 255, 0.24)","&:hover":{backgroundColor:"#007AFF",backgroundImage:"none",boxShadow:"0 6px 16px rgba(10, 132, 255, 0.32)"}},containedPrimary:{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#007AFF"}},containedSecondary:{backgroundColor:"#5856D6",color:"#FFFFFF",boxShadow:"0 4px 12px rgba(88, 86, 214, 0.24)","&:hover":{backgroundColor:"#4B49C7",boxShadow:"0 6px 16px rgba(88, 86, 214, 0.32)"}},containedSuccess:{backgroundColor:"#34C759",color:"#FFFFFF",boxShadow:"0 4px 12px rgba(52, 199, 89, 0.24)","&:hover":{backgroundColor:"#2FB34F",boxShadow:"0 6px 16px rgba(52, 199, 89, 0.32)"}},containedError:{backgroundColor:"#FF3B30",color:"#FFFFFF",boxShadow:"0 4px 12px rgba(255, 59, 48, 0.24)","&:hover":{backgroundColor:"#E9342A",boxShadow:"0 6px 16px rgba(255, 59, 48, 0.32)"}},containedWarning:{backgroundColor:"#FF9500",color:"#1C1C1E",boxShadow:"0 4px 12px rgba(255, 149, 0, 0.24)","&:hover":{backgroundColor:"#E68600",boxShadow:"0 6px 16px rgba(255, 149, 0, 0.32)"}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.2)",backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,backgroundColor:"rgba(255, 255, 255, 0.34)","&:hover":{borderColor:"rgba(60, 60, 67, 0.28)",backgroundColor:"rgba(255, 255, 255, 0.46)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:o.light.surface,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.border}`,boxShadow:o.light.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:o.light.surface,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:o.light.shadow},elevation2:{boxShadow:o.light.shadowElevated}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(142, 142, 147, 0.15)",border:"1px solid rgba(255,255,255,0.4)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.5)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.15)",color:"#1A7A35",border:"1px solid rgba(52, 199, 89, 0.25)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.12)",color:"#8A5000",border:"1px solid rgba(255, 149, 0, 0.25)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.12)",color:"#A0190F",border:"1px solid rgba(255, 59, 48, 0.25)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.12)",color:"#005CC8",border:"1px solid rgba(0, 122, 255, 0.25)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5}},'& input[type="date"]':{paddingTop:10,paddingBottom:10},'& input[type="date"]::-webkit-calendar-picker-indicator':{opacity:.6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiFilledInput:{defaultProps:{disableUnderline:!0},styleOverrides:{root:{borderRadius:18,overflow:"hidden",backgroundColor:"rgba(229, 231, 235, 0.82)",transition:"background-color 0.2s ease, box-shadow 0.2s ease","&:hover":{backgroundColor:"rgba(221, 224, 229, 0.95)"},"&.Mui-focused":{backgroundColor:"rgba(255, 255, 255, 0.82)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-disabled":{backgroundColor:"rgba(229, 231, 235, 0.5)"},"&:before, &:after":{display:"none"}}}},MuiSelect:{styleOverrides:{root:{"& .MuiPaper-root":{boxShadow:o.light.shadowElevated}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:o.light.surfaceStrong,backdropFilter:"blur(28px) saturate(122%)",WebkitBackdropFilter:"blur(28px) saturate(122%)",border:`1px solid ${o.light.border}`,boxShadow:o.light.shadowElevated,backgroundImage:"none"}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(60, 60, 67, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.14)","&:hover":{background:"rgba(10, 132, 255, 0.2)"}}}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:o.light.surfaceStrong,backdropFilter:"blur(34px) saturate(145%)",WebkitBackdropFilter:"blur(34px) saturate(145%)",border:`1px solid ${o.light.border}`,boxShadow:o.light.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:o.light.surfaceStrong,backdropFilter:"blur(28px) saturate(145%)",WebkitBackdropFilter:"blur(28px) saturate(145%)",border:`1px solid ${o.light.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(248, 248, 250, 0.72)",backdropFilter:"blur(24px) saturate(140%) brightness(1.02)",WebkitBackdropFilter:"blur(24px) saturate(140%) brightness(1.02)",borderBottom:"1px solid rgba(60, 60, 67, 0.12)",boxShadow:"0 1px 0 rgba(0,0,0,0.04)",color:"#1C1C1E",backgroundImage:"none"}}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:(0,u.createElement)("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:(0,u.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,u.createElement)("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:(0,u.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,u.createElement)("span",{className:"AwaymessCheckboxDash"}))},styleOverrides:{root:{padding:7,borderRadius:12,transition:"background 0.15s ease","& .AwaymessCheckboxIcon":{width:30,height:30,borderRadius:9,display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(120, 120, 128, 0.34)",boxShadow:"inset 0 0 0 2px rgba(60, 60, 67, 0.24), inset 0 1px 0 rgba(255,255,255,0.35)",transition:"background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease"},"& .AwaymessCheckboxIcon-checked":{backgroundColor:"currentColor",boxShadow:"0 3px 8px rgba(0, 122, 255, 0.22), inset 0 1px 0 rgba(255,255,255,0.28)"},"& .AwaymessCheckboxTick":{width:15,height:9,borderLeft:"3.5px solid #FFFFFF",borderBottom:"3.5px solid #FFFFFF",borderRadius:1,transform:"translateY(-1px) rotate(-45deg)"},"& .AwaymessCheckboxDash":{width:15,height:3.5,borderRadius:999,backgroundColor:"#FFFFFF"},"&:hover":{backgroundColor:"rgba(0, 122, 255, 0.08)"},"&:active .AwaymessCheckboxIcon":{transform:"scale(0.96)"},"&.Mui-disabled .AwaymessCheckboxIcon":{backgroundColor:"rgba(120, 120, 128, 0.18)",boxShadow:"inset 0 0 0 2px rgba(120, 120, 128, 0.22)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(120, 120, 128, 0.16)",borderRadius:14,padding:"4px",overflow:"visible"},scroller:{overflow:"visible !important"},indicator:{top:4,bottom:4,height:"auto",borderRadius:10,background:o.light.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.85)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:10,paddingInline:16,zIndex:1,transition:"color 0.2s ease","&:hover":{backgroundColor:"transparent",color:"#3A3A3C"},"&.Mui-selected":{fontWeight:600,color:"#1C1C1E"}}}},MuiStepper:{styleOverrides:{root:{paddingBlock:8}}},MuiStepLabel:{styleOverrides:{label:{fontWeight:600}}},MuiStepIcon:{styleOverrides:{root:{color:"rgba(142, 142, 147, 0.3)","&.Mui-active":{color:"#007AFF",filter:"drop-shadow(0 2px 6px rgba(0, 122, 255, 0.4))"},"&.Mui-completed":{color:"#34C759"}},text:{fontWeight:700,fill:"#FFFFFF"}}},MuiStepConnector:{styleOverrides:{root:{"& .MuiStepConnector-line":{borderColor:"rgba(142, 142, 147, 0.25)",borderTopWidth:2,borderRadius:999},"&.Mui-active .MuiStepConnector-line":{borderColor:"#007AFF"},"&.Mui-completed .MuiStepConnector-line":{borderColor:"#34C759"}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:o.light.surfaceStrong,backdropFilter:"blur(32px) saturate(200%)",WebkitBackdropFilter:"blur(32px) saturate(200%)",border:`1px solid ${o.light.border}`,boxShadow:o.light.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(0, 122, 255, 0.12) !important"},"&.Mui-focused":{background:"rgba(0, 122, 255, 0.08) !important"}}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1,boxShadow:"inset 0 1px 3px rgba(0,0,0,0.15)"}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9)"},track:{borderRadius:14,background:"rgba(120, 120, 128, 0.32)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(245, 248, 255, 0.7)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#6C6C70",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(60, 60, 67, 0.1)"},body:{fontSize:"0.875rem",color:"#1C1C1E",borderBottom:"1px solid rgba(60, 60, 67, 0.06)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(28, 28, 30, 0.82)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.25)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.4)"},standardSuccess:{background:"rgba(52, 199, 89, 0.12)",borderColor:"rgba(52, 199, 89, 0.25)"},standardError:{background:"rgba(255, 59, 48, 0.10)",borderColor:"rgba(255, 59, 48, 0.22)"},standardWarning:{background:"rgba(255, 149, 0, 0.10)",borderColor:"rgba(255, 149, 0, 0.22)"},standardInfo:{background:"rgba(0, 122, 255, 0.10)",borderColor:"rgba(0, 122, 255, 0.22)"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(0, 0, 0, 0.07)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(60, 60, 67, 0.1)"}}}}},f=(0,C.createTheme)({...g,palette:{mode:"light",...g.palette}}),y=(0,C.createTheme)({...g,palette:{mode:"dark",...g.palette,background:{default:"#0E111B",paper:o.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...g.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:o.dark.surface,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:o.dark.surface,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:o.dark.shadow},elevation2:{boxShadow:o.dark.shadowElevated}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"& input":{color:"#F2F2F7"},"& input::placeholder":{color:"rgba(235,235,245,0.4)"}},"& .MuiInputLabel-root":{color:"rgba(235,235,245,0.55)"},"& .MuiInputLabel-root.Mui-focused":{color:"#0A84FF"}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiFilledInput:{defaultProps:{disableUnderline:!0},styleOverrides:{root:{borderRadius:18,overflow:"hidden",backgroundColor:"rgba(255,255,255,0.08)",transition:"background-color 0.2s ease, box-shadow 0.2s ease","&:hover":{backgroundColor:"rgba(255,255,255,0.11)"},"&.Mui-focused":{backgroundColor:"rgba(255,255,255,0.13)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-disabled":{backgroundColor:"rgba(255,255,255,0.05)"},"&:before, &:after":{display:"none"}},input:{color:"#F2F2F7","&::placeholder":{color:"rgba(235,235,245,0.4)"}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:o.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadowElevated,backgroundImage:"none"}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:o.dark.surfaceStrong,backdropFilter:"blur(34px) saturate(130%)",WebkitBackdropFilter:"blur(34px) saturate(130%)",border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:o.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(130%)",WebkitBackdropFilter:"blur(28px) saturate(130%)",border:`1px solid ${o.dark.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(28, 28, 30, 0.68)",backdropFilter:"blur(24px) saturate(112%) brightness(0.94)",WebkitBackdropFilter:"blur(24px) saturate(112%) brightness(0.94)",borderBottom:`1px solid ${o.dark.borderSubtle}`,boxShadow:"0 1px 0 rgba(255,255,255,0.04)",color:"#F2F2F7",backgroundImage:"none"}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:o.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(10, 132, 255, 0.22) !important"},"&.Mui-focused":{background:"rgba(255, 255, 255, 0.1) !important"}}}},MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"none",boxShadow:"0 4px 14px rgba(10, 132, 255, 0.36)","&:hover":{backgroundColor:"#2994FF",backgroundImage:"none",boxShadow:"0 6px 18px rgba(10, 132, 255, 0.44)"}},containedPrimary:{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#2994FF"}},containedSecondary:{backgroundColor:"#5856D6",color:"#FFFFFF",boxShadow:"0 4px 14px rgba(88, 86, 214, 0.36)","&:hover":{backgroundColor:"#6866E8",boxShadow:"0 6px 18px rgba(88, 86, 214, 0.44)"}},containedSuccess:{backgroundColor:"#34C759",color:"#FFFFFF",boxShadow:"0 4px 14px rgba(52, 199, 89, 0.34)","&:hover":{backgroundColor:"#42D967",boxShadow:"0 6px 18px rgba(52, 199, 89, 0.42)"}},containedError:{backgroundColor:"#FF3B30",color:"#FFFFFF",boxShadow:"0 4px 14px rgba(255, 59, 48, 0.34)","&:hover":{backgroundColor:"#FF5148",boxShadow:"0 6px 18px rgba(255, 59, 48, 0.42)"}},containedWarning:{backgroundColor:"#FF9500",color:"#1C1C1E",boxShadow:"0 4px 14px rgba(255, 149, 0, 0.34)","&:hover":{backgroundColor:"#FFA51F",boxShadow:"0 6px 18px rgba(255, 149, 0, 0.42)"}},outlined:{borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,backgroundColor:"rgba(255, 255, 255, 0.08)","&:hover":{borderColor:"rgba(255, 255, 255, 0.26)",backgroundColor:"rgba(255, 255, 255, 0.12)"}},text:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(255, 255, 255, 0.14)",borderRadius:14,padding:"4px",overflow:"visible"},scroller:{overflow:"visible !important"},indicator:{top:4,bottom:4,height:"auto",borderRadius:10,background:o.dark.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(255, 255, 255, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.24)","&:hover":{background:"rgba(10, 132, 255, 0.3)"}}}}},MuiTab:{styleOverrides:{root:{"&:hover":{color:"#E5E5EA"},"&.Mui-selected":{color:"#FFFFFF"}}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(255, 255, 255, 0.05)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#8E8E93",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(255, 255, 255, 0.08)"},body:{fontSize:"0.875rem",color:"#F2F2F7",borderBottom:"1px solid rgba(255, 255, 255, 0.05)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(255, 255, 255, 0.09)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(44, 44, 46, 0.88)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 4px 16px rgba(0,0,0,0.45)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.1)"},standardSuccess:{background:"rgba(52, 199, 89, 0.15)",borderColor:"rgba(52, 199, 89, 0.3)"},standardError:{background:"rgba(255, 59, 48, 0.15)",borderColor:"rgba(255, 59, 48, 0.3)"},standardWarning:{background:"rgba(255, 149, 0, 0.15)",borderColor:"rgba(255, 149, 0, 0.3)"},standardInfo:{background:"rgba(0, 122, 255, 0.15)",borderColor:"rgba(0, 122, 255, 0.3)"}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255,255,255,0.15)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.1)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.2)",color:"#6FD98B",border:"1px solid rgba(52, 199, 89, 0.3)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.18)",color:"#FFB340",border:"1px solid rgba(255, 149, 0, 0.3)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.18)",color:"#FF7A73",border:"1px solid rgba(255, 59, 48, 0.3)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.2)",color:"#47A3FF",border:"1px solid rgba(0, 122, 255, 0.35)"}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2)"},track:{borderRadius:14,background:"rgba(255, 255, 255, 0.18)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});var x=require("react/jsx-runtime"),T=({children:t,mode:i="light"})=>(0,x.jsxs)(h.ThemeProvider,{theme:i==="light"?f:y,children:[(0,x.jsx)(h.CssBaseline,{}),t]});var F=require("@mui/material"),S=require("react/jsx-runtime"),W=(0,F.styled)(F.Card)(({theme:t})=>({transition:"box-shadow 0.2s ease-in-out","&:hover":{boxShadow:t.palette.mode==="dark"?"0 18px 52px rgba(0, 0, 0, 0.54), 0 8px 20px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.12)":"0 18px 48px rgba(28, 32, 42, 0.14), 0 8px 18px rgba(28, 32, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.94)"}})),c=({children:t,...i})=>(0,S.jsx)(W,{...i,children:t});var d=require("@mui/material");var l=require("react/jsx-runtime"),R=(0,d.styled)(d.Avatar)(({theme:t})=>({width:64,height:64,border:`2px solid ${t.palette.divider}`,boxShadow:t.shadows[2],marginBottom:t.spacing(2)})),E=(0,d.styled)(d.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),D=({name:t,role:i,avatarUrl:b,sx:p,...n})=>(0,l.jsx)(c,{sx:{maxWidth:280,...p},...n,children:(0,l.jsx)(d.CardContent,{children:(0,l.jsxs)(E,{children:[(0,l.jsx)(R,{src:b,alt:t}),(0,l.jsx)(d.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:t}),i&&(0,l.jsx)(d.Typography,{variant:"body2",color:"text.secondary",children:i})]})})});var k=require("react"),e=require("@mui/material");var a=require("react/jsx-runtime"),z=()=>{let[t,i]=(0,k.useState)(""),[b,p]=(0,k.useState)(!0),[n,w]=(0,k.useState)(!1);return(0,a.jsxs)(c,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[(0,a.jsx)(e.Typography,{variant:"h4",gutterBottom:!0,children:"Registration"}),(0,a.jsx)(e.Typography,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),(0,a.jsx)(e.Box,{component:"form",onSubmit:s=>{s.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:(0,a.jsxs)(e.Stack,{spacing:3,children:[(0,a.jsx)(e.TextField,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),(0,a.jsx)(e.TextField,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),(0,a.jsxs)(e.FormControl,{fullWidth:!0,variant:"outlined",children:[(0,a.jsx)(e.InputLabel,{id:"role-select-label",children:"Select Role"}),(0,a.jsxs)(e.Select,{labelId:"role-select-label",id:"role-select",value:t,label:"Select Role",onChange:s=>{i(s.target.value)},children:[(0,a.jsx)(e.MenuItem,{value:"",children:(0,a.jsx)("em",{children:"None"})}),(0,a.jsx)(e.MenuItem,{value:"developer",children:"Developer"}),(0,a.jsx)(e.MenuItem,{value:"designer",children:"Designer"}),(0,a.jsx)(e.MenuItem,{value:"manager",children:"Manager"})]})]}),(0,a.jsxs)(e.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,a.jsx)(e.Typography,{variant:"body1",children:"Enable Notifications"}),(0,a.jsx)(e.Switch,{checked:b,onChange:s=>p(s.target.checked),color:"primary"})]}),(0,a.jsx)(e.FormControlLabel,{control:(0,a.jsx)(e.Checkbox,{checked:n,onChange:s=>w(s.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),(0,a.jsxs)(e.Box,{sx:{display:"flex",gap:2,mt:2},children:[(0,a.jsx)(e.Button,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),(0,a.jsx)(e.Button,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!n,children:"Submit"})]})]})})]})};var r=require("@mui/material"),v=require("@mui/x-date-pickers");0&&(module.exports={Alert,AppBar,Autocomplete,Box,Button,Card,CardActions,CardContent,Checkbox,Chip,Container,DatePicker,Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle,Divider,Drawer,ExampleForm,FormControl,FormControlLabel,FormGroup,GlassCard,Grid,IconButton,InputLabel,LibThemeProvider,LinearProgress,List,ListItem,ListItemButton,ListItemIcon,ListItemText,Menu,MenuItem,OutlinedInput,Paper,Select,Stack,Step,StepConnector,StepIcon,StepLabel,Stepper,Switch,Tab,Table,TableBody,TableCell,TableContainer,TableHead,TableRow,Tabs,TextField,Toolbar,Tooltip,Typography,UserCard,useMediaQuery,useTheme});
|
|
2
|
+
"use strict";var m=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var A=Object.prototype.hasOwnProperty;var W=(t,i)=>{for(var l in i)m(t,l,{get:i[l],enumerable:!0})},O=(t,i,l,u)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of P(i))!A.call(t,n)&&n!==l&&m(t,n,{get:()=>i[n],enumerable:!(u=B(i,n))||u.enumerable});return t};var T=t=>O(m({},"__esModule",{value:!0}),t);var G={};W(G,{Alert:()=>r.Alert,AppBar:()=>r.AppBar,Autocomplete:()=>r.Autocomplete,Box:()=>r.Box,Button:()=>r.Button,Card:()=>r.Card,CardActions:()=>r.CardActions,CardContent:()=>r.CardContent,Checkbox:()=>r.Checkbox,Chip:()=>r.Chip,Container:()=>r.Container,DatePicker:()=>f.DatePicker,Dialog:()=>r.Dialog,DialogActions:()=>r.DialogActions,DialogContent:()=>r.DialogContent,DialogContentText:()=>r.DialogContentText,DialogTitle:()=>r.DialogTitle,Divider:()=>r.Divider,Drawer:()=>r.Drawer,ExampleForm:()=>L,FormControl:()=>r.FormControl,FormControlLabel:()=>r.FormControlLabel,FormGroup:()=>r.FormGroup,GlassCard:()=>h,Grid:()=>r.Grid,IconButton:()=>r.IconButton,InputLabel:()=>r.InputLabel,LibThemeProvider:()=>I,LinearProgress:()=>r.LinearProgress,List:()=>r.List,ListItem:()=>r.ListItem,ListItemButton:()=>r.ListItemButton,ListItemIcon:()=>r.ListItemIcon,ListItemText:()=>r.ListItemText,Menu:()=>r.Menu,MenuItem:()=>r.MenuItem,OutlinedInput:()=>r.OutlinedInput,Paper:()=>r.Paper,Select:()=>r.Select,Stack:()=>r.Stack,Step:()=>r.Step,StepConnector:()=>r.StepConnector,StepIcon:()=>r.StepIcon,StepLabel:()=>r.StepLabel,Stepper:()=>r.Stepper,Switch:()=>r.Switch,Tab:()=>r.Tab,Table:()=>r.Table,TableBody:()=>r.TableBody,TableCell:()=>r.TableCell,TableContainer:()=>r.TableContainer,TableHead:()=>r.TableHead,TableRow:()=>r.TableRow,Tabs:()=>r.Tabs,TextField:()=>r.TextField,Toolbar:()=>r.Toolbar,Tooltip:()=>r.Tooltip,Typography:()=>r.Typography,UserCard:()=>z,useMediaQuery:()=>r.useMediaQuery,useTheme:()=>r.useTheme});module.exports=T(G);var x=require("@mui/material");var M=require("@mui/material/styles"),p=require("react"),o={light:{surface:"rgba(255, 255, 255, 0.58)",surfaceStrong:"rgba(255, 255, 255, 0.74)",surfaceSubtle:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.72)",borderSubtle:"rgba(255, 255, 255, 0.44)",shadow:"0 18px 44px rgba(31, 35, 45, 0.1), 0 4px 12px rgba(31, 35, 45, 0.06), inset 0 1px 0 rgba(255,255,255,0.86), inset 0 -1px 0 rgba(255,255,255,0.28)",shadowElevated:"0 28px 68px rgba(31, 35, 45, 0.16), 0 10px 24px rgba(31, 35, 45, 0.1), inset 0 1px 0 rgba(255,255,255,0.92), inset 0 -1px 0 rgba(255,255,255,0.32)",blur:"blur(34px) saturate(180%) brightness(1.08)",tint:"rgba(246, 248, 252, 0.44)"},dark:{surface:"rgba(24, 26, 32, 0.54)",surfaceStrong:"rgba(31, 33, 40, 0.72)",surfaceSubtle:"rgba(255, 255, 255, 0.08)",border:"rgba(255, 255, 255, 0.18)",borderSubtle:"rgba(255, 255, 255, 0.1)",shadow:"0 20px 52px rgba(0, 0, 0, 0.52), 0 6px 18px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(255,255,255,0.05)",shadowElevated:"0 32px 76px rgba(0, 0, 0, 0.62), 0 12px 26px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(255,255,255,0.06)",blur:"blur(34px) saturate(160%) brightness(0.9)",tint:"rgba(15, 17, 22, 0.44)"}},d={light:"linear-gradient(180deg, rgba(255,255,255,0.76), rgba(255,255,255,0.34)), rgba(255,255,255,0.58)",lightStrong:"linear-gradient(180deg, rgba(255,255,255,0.86), rgba(255,255,255,0.5)), rgba(255,255,255,0.74)",dark:"linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.03)), rgba(24,26,32,0.54)",darkStrong:"linear-gradient(180deg, rgba(255,255,255,0.13), rgba(255,255,255,0.04)), rgba(31,33,40,0.72)"},c={palette:{primary:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},secondary:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},blue:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},purple:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},error:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B"},red:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B",contrastText:"#FFFFFF"},warning:{main:"#FF9500",light:"#FFB340",dark:"#C97200"},orange:{main:"#FF9500",light:"#FFB340",dark:"#C97200",contrastText:"#FFFFFF"},success:{main:"#34C759",light:"#6FD98B",dark:"#248A3D"},green:{main:"#34C759",light:"#6FD98B",dark:"#248A3D",contrastText:"#FFFFFF"},gray:{main:"#8E8E93",light:"#AEAEB2",dark:"#636366",contrastText:"#FFFFFF"},background:{default:"#F5F7FB",paper:o.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0))",border:"1px solid rgba(0, 0, 0, 0.12)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#007AFF",backgroundImage:"linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0))",borderColor:"rgba(0, 0, 0, 0.16)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"},"&.MuiButton-containedPrimary, &.MuiButton-colorPrimary, &.MuiButton-containedBlue, &.MuiButton-colorBlue":{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#007AFF"}},"&.MuiButton-containedSecondary, &.MuiButton-colorSecondary, &.MuiButton-containedPurple, &.MuiButton-colorPurple":{backgroundColor:"#5856D6",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#4B49C7",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#2FB34F",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#E9342A",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.36), inset 0 -1px 0 rgba(0,0,0,0.1)","&:hover":{backgroundColor:"#E68600",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.42), inset 0 -1px 0 rgba(0,0,0,0.12)"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#7C7C82",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"}}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.24)",backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,backgroundColor:"rgba(255, 255, 255, 0.42)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.68)","&:hover":{borderColor:"rgba(60, 60, 67, 0.34)",backgroundColor:"rgba(255, 255, 255, 0.56)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.8)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:d.light,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.border}`,boxShadow:o.light.shadow,backgroundClip:"padding-box"}}},MuiPaper:{styleOverrides:{root:{background:d.light,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.border}`,backgroundClip:"padding-box"},elevation0:{boxShadow:"none"},elevation1:{boxShadow:o.light.shadow},elevation2:{boxShadow:o.light.shadowElevated}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(18px) saturate(180%)",WebkitBackdropFilter:"blur(18px) saturate(180%)","&.MuiChip-clickable.MuiChip-filled:hover":{backgroundColor:"rgba(142, 142, 147, 0.22)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorPrimary:hover, &.MuiChip-clickable.MuiChip-filledPrimary:hover":{backgroundColor:"rgba(0, 122, 255, 0.18)",color:"#005CC8",borderColor:"rgba(0, 122, 255, 0.32)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorSuccess:hover, &.MuiChip-clickable.MuiChip-filledSuccess:hover":{backgroundColor:"rgba(52, 199, 89, 0.22)",color:"#1A7A35",borderColor:"rgba(52, 199, 89, 0.34)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorWarning:hover, &.MuiChip-clickable.MuiChip-filledWarning:hover":{backgroundColor:"rgba(255, 149, 0, 0.2)",color:"#8A5000",borderColor:"rgba(255, 149, 0, 0.34)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorError:hover, &.MuiChip-clickable.MuiChip-filledError:hover":{backgroundColor:"rgba(255, 59, 48, 0.2)",color:"#A0190F",borderColor:"rgba(255, 59, 48, 0.32)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorSecondary:hover, &.MuiChip-clickable.MuiChip-filledSecondary:hover":{backgroundColor:"rgba(88, 86, 214, 0.2)",color:"#3E3CAA",borderColor:"rgba(88, 86, 214, 0.34)"}},filled:{background:"linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0.22)), rgba(142, 142, 147, 0.14)",border:"1px solid rgba(255,255,255,0.58)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.76), 0 2px 6px rgba(31,35,45,0.05)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.15)",color:"#1A7A35",border:"1px solid rgba(52, 199, 89, 0.25)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.12)",color:"#8A5000",border:"1px solid rgba(255, 149, 0, 0.25)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.12)",color:"#A0190F",border:"1px solid rgba(255, 59, 48, 0.25)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.12)",color:"#005CC8",border:"1px solid rgba(0, 122, 255, 0.25)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.46)",backdropFilter:"blur(24px) saturate(170%)",WebkitBackdropFilter:"blur(24px) saturate(170%)",transition:"box-shadow 0.2s ease, background 0.2s ease",boxShadow:"0 0 0 1px rgba(255,255,255,0.48), inset 0 1px 0 rgba(255,255,255,0.74)","& fieldset":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.68)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16), 0 0 0 1px rgba(255,255,255,0.68), inset 0 1px 0 rgba(255,255,255,0.86)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5}},'& input[type="date"]':{paddingTop:10,paddingBottom:10},'& input[type="date"]::-webkit-calendar-picker-indicator':{opacity:.6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.46)",backdropFilter:"blur(24px) saturate(170%)",WebkitBackdropFilter:"blur(24px) saturate(170%)",transition:"box-shadow 0.2s ease, background 0.2s ease",boxShadow:"0 0 0 1px rgba(255,255,255,0.48), inset 0 1px 0 rgba(255,255,255,0.74)","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.68)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16), 0 0 0 1px rgba(255,255,255,0.68), inset 0 1px 0 rgba(255,255,255,0.86)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiFilledInput:{defaultProps:{disableUnderline:!0},styleOverrides:{root:{borderRadius:12,overflow:"hidden",backgroundColor:"rgba(235, 238, 243, 0.58)",backdropFilter:"blur(22px) saturate(160%)",WebkitBackdropFilter:"blur(22px) saturate(160%)",boxShadow:"0 0 0 1px rgba(60,60,67,0.08), inset 0 1px 0 rgba(255,255,255,0.62)",transition:"background-color 0.2s ease, box-shadow 0.2s ease","&:hover":{backgroundColor:"rgba(229, 233, 239, 0.7)"},"&.Mui-focused":{backgroundColor:"rgba(255, 255, 255, 0.62)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16), 0 0 0 1px rgba(60,60,67,0.1), inset 0 1px 0 rgba(255,255,255,0.82)"},"&.Mui-disabled":{backgroundColor:"rgba(229, 231, 235, 0.5)"},"&:before, &:after":{display:"none"}}}},MuiSelect:{styleOverrides:{root:{"& .MuiPaper-root":{boxShadow:o.light.shadowElevated}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:d.lightStrong,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.border}`,boxShadow:o.light.shadowElevated,backgroundClip:"padding-box"}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(60, 60, 67, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.14)","&:hover":{background:"rgba(10, 132, 255, 0.2)"}}}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:d.lightStrong,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.border}`,boxShadow:o.light.shadowElevated,backgroundClip:"padding-box"}}},MuiDrawer:{styleOverrides:{paper:{background:d.lightStrong,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.borderSubtle}`,backgroundClip:"padding-box"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0.42)), rgba(248, 250, 253, 0.5)",backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,borderBottom:"1px solid rgba(255, 255, 255, 0.52)",boxShadow:"0 1px 0 rgba(31,35,45,0.04), inset 0 -1px 0 rgba(255,255,255,0.28)",color:"#1C1C1E"}}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:(0,p.createElement)("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:(0,p.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,p.createElement)("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:(0,p.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,p.createElement)("span",{className:"AwaymessCheckboxDash"}))},styleOverrides:{root:{padding:4,borderRadius:8,transition:"background 0.15s ease","& .AwaymessCheckboxIcon":{width:18,height:18,borderRadius:5,display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(120, 120, 128, 0.34)",boxShadow:"inset 0 0 0 1.75px rgba(60, 60, 67, 0.24), inset 0 1px 0 rgba(255,255,255,0.35)",transition:"background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease"},"& .AwaymessCheckboxIcon-checked":{backgroundColor:"currentColor",boxShadow:"0 3px 8px color-mix(in srgb, currentColor 28%, transparent), 0 0 0 1px color-mix(in srgb, currentColor 36%, transparent), inset 0 1px 0 rgba(255,255,255,0.28)"},"& .AwaymessCheckboxTick":{width:9,height:5,borderLeft:"2.25px solid #FFFFFF",borderBottom:"2.25px solid #FFFFFF",borderRadius:1,transform:"translateY(-0.5px) rotate(-45deg)"},"& .AwaymessCheckboxDash":{width:9,height:2.25,borderRadius:999,backgroundColor:"#FFFFFF"},"&:hover":{backgroundColor:"color-mix(in srgb, currentColor 10%, transparent)"},"&:active .AwaymessCheckboxIcon":{transform:"scale(0.96)"},"&.Mui-disabled .AwaymessCheckboxIcon":{backgroundColor:"rgba(120, 120, 128, 0.18)",boxShadow:"inset 0 0 0 2px rgba(120, 120, 128, 0.22)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"linear-gradient(180deg, rgba(255,255,255,0.32), rgba(255,255,255,0.12)), rgba(120, 120, 128, 0.12)",backdropFilter:"blur(20px) saturate(170%)",WebkitBackdropFilter:"blur(20px) saturate(170%)",borderRadius:14,padding:"4px",borderBottom:0,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.5)","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",borderRadius:10,background:d.lightStrong,backdropFilter:"blur(22px) saturate(170%)",WebkitBackdropFilter:"blur(22px) saturate(170%)",boxShadow:"0 8px 18px rgba(31,35,45,0.08), inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -1px 0 rgba(255,255,255,0.35)",zIndex:0}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:10,paddingInline:16,zIndex:1,transition:"color 0.2s ease","&:hover":{backgroundColor:"transparent",color:"#3A3A3C"},"&.Mui-selected":{fontWeight:600,color:"#1C1C1E"}}}},MuiStepper:{styleOverrides:{root:{paddingBlock:8}}},MuiStepLabel:{styleOverrides:{label:{fontWeight:600}}},MuiStepIcon:{styleOverrides:{root:{color:"rgba(142, 142, 147, 0.3)","&.Mui-active":{color:"#007AFF",filter:"drop-shadow(0 2px 6px rgba(0, 122, 255, 0.4))"},"&.Mui-completed":{color:"#34C759"}},text:{fontWeight:700,fill:"#FFFFFF"}}},MuiStepConnector:{styleOverrides:{root:{"& .MuiStepConnector-line":{borderColor:"rgba(142, 142, 147, 0.25)",borderTopWidth:2,borderRadius:999},"&.Mui-active .MuiStepConnector-line":{borderColor:"#007AFF"},"&.Mui-completed .MuiStepConnector-line":{borderColor:"#34C759"}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:d.lightStrong,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.border}`,boxShadow:o.light.shadowElevated,backgroundClip:"padding-box"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(0, 122, 255, 0.12) !important"},"&.Mui-focused":{background:"rgba(0, 122, 255, 0.08) !important"}}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(180deg, rgba(255,255,255,0.26), rgba(255,255,255,0)), linear-gradient(135deg, #34D058, #30D158)",opacity:1,borderColor:"rgba(35, 170, 72, 0.36)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.08)"}},"&.Mui-disabled + .MuiSwitch-track":{opacity:1,background:"linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0.18)), rgba(120, 120, 128, 0.14)",borderColor:"rgba(60, 60, 67, 0.1)"},"&.Mui-disabled .MuiSwitch-thumb":{background:"linear-gradient(180deg, rgba(255,255,255,0.78), rgba(245,246,248,0.58))",borderColor:"rgba(60, 60, 67, 0.08)"}},thumb:{width:22,height:22,background:"linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,244,246,0.9))",border:"1px solid rgba(60, 60, 67, 0.14)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.86)"},track:{borderRadius:14,background:"linear-gradient(180deg, rgba(255,255,255,0.3), rgba(255,255,255,0.06)), rgba(120, 120, 128, 0.28)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease",border:"1px solid rgba(60, 60, 67, 0.16)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.42)"}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(245, 248, 255, 0.7)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#6C6C70",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(60, 60, 67, 0.1)"},body:{fontSize:"0.875rem",color:"#1C1C1E",borderBottom:"1px solid rgba(60, 60, 67, 0.06)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"linear-gradient(180deg, rgba(60,60,67,0.72), rgba(28,28,30,0.68)), rgba(28,28,30,0.74)",backdropFilter:"blur(24px) saturate(180%)",WebkitBackdropFilter:"blur(24px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.18)",boxShadow:"0 10px 28px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.12)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:"1px solid rgba(255,255,255,0.56)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.72), 0 8px 24px rgba(31,35,45,0.06)","&.MuiAlert-standardSuccess":{background:"rgba(52, 199, 89, 0.12)",borderColor:"rgba(52, 199, 89, 0.25)"},"&.MuiAlert-standardError":{background:"rgba(255, 59, 48, 0.10)",borderColor:"rgba(255, 59, 48, 0.22)"},"&.MuiAlert-standardWarning":{background:"rgba(255, 149, 0, 0.10)",borderColor:"rgba(255, 149, 0, 0.22)"},"&.MuiAlert-standardInfo":{background:"rgba(0, 122, 255, 0.10)",borderColor:"rgba(0, 122, 255, 0.22)"}}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(0, 0, 0, 0.07)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(60, 60, 67, 0.1)"}}}}},S=(0,M.createTheme)({...c,palette:{mode:"light",...c.palette}}),y=(0,M.createTheme)({...c,palette:{mode:"dark",...c.palette,background:{default:"#080A10",paper:o.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...c.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:d.dark,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadow,backgroundClip:"padding-box"}}},MuiPaper:{styleOverrides:{root:{background:d.dark,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.border}`,backgroundClip:"padding-box"},elevation0:{boxShadow:"none"},elevation1:{boxShadow:o.dark.shadow},elevation2:{boxShadow:o.dark.shadowElevated}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(26px) saturate(150%)",WebkitBackdropFilter:"blur(26px) saturate(150%)",transition:"box-shadow 0.2s ease, background 0.2s ease",boxShadow:"0 0 0 1px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.1)","& fieldset":{borderColor:"rgba(255, 255, 255, 0.22)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.34)"},"&.Mui-focused":{background:"rgba(255,255,255,0.12)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22), 0 0 0 1px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.16)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"& input":{color:"#F2F2F7"},"& input::placeholder":{color:"rgba(235,235,245,0.4)"}},"& .MuiInputLabel-root":{color:"rgba(235,235,245,0.55)"},"& .MuiInputLabel-root.Mui-focused":{color:"#0A84FF"}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(26px) saturate(150%)",WebkitBackdropFilter:"blur(26px) saturate(150%)",transition:"box-shadow 0.2s ease, background 0.2s ease",boxShadow:"0 0 0 1px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.1)","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.34)"},"&.Mui-focused":{background:"rgba(255,255,255,0.12)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22), 0 0 0 1px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.16)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.22)",transition:"border-color 0.2s ease"}}},MuiFilledInput:{defaultProps:{disableUnderline:!0},styleOverrides:{root:{borderRadius:12,overflow:"hidden",backgroundColor:"rgba(255,255,255,0.08)",backdropFilter:"blur(24px) saturate(145%)",WebkitBackdropFilter:"blur(24px) saturate(145%)",boxShadow:"0 0 0 1px rgba(255,255,255,0.16), inset 0 1px 0 rgba(255,255,255,0.1)",transition:"background-color 0.2s ease, box-shadow 0.2s ease","&:hover":{backgroundColor:"rgba(255,255,255,0.11)"},"&.Mui-focused":{backgroundColor:"rgba(255,255,255,0.13)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22), 0 0 0 1px rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.16)"},"&.Mui-disabled":{backgroundColor:"rgba(255,255,255,0.05)"},"&:before, &:after":{display:"none"}},input:{color:"#F2F2F7","&::placeholder":{color:"rgba(235,235,245,0.4)"}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:d.darkStrong,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadowElevated,backgroundClip:"padding-box"}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:d.darkStrong,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadowElevated,backgroundClip:"padding-box"}}},MuiDrawer:{styleOverrides:{paper:{background:d.darkStrong,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.borderSubtle}`,backgroundClip:"padding-box"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03)), rgba(20, 22, 28, 0.56)",backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,borderBottom:`1px solid ${o.dark.borderSubtle}`,boxShadow:"0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(255,255,255,0.04)",color:"#F2F2F7"}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:d.darkStrong,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadowElevated,backgroundClip:"padding-box"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(10, 132, 255, 0.22) !important"},"&.Mui-focused":{background:"rgba(255, 255, 255, 0.1) !important"}}}},MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0))",border:"1px solid rgba(255, 255, 255, 0.22)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#2994FF",backgroundImage:"linear-gradient(180deg, rgba(255,255,255,0.26), rgba(255,255,255,0))",borderColor:"rgba(255, 255, 255, 0.3)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"},"&.MuiButton-containedPrimary, &.MuiButton-colorPrimary, &.MuiButton-containedBlue, &.MuiButton-colorBlue":{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#2994FF"}},"&.MuiButton-containedSecondary, &.MuiButton-colorSecondary, &.MuiButton-containedPurple, &.MuiButton-colorPurple":{backgroundColor:"#5856D6",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#6866E8",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#42D967",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#FF5148",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.18)","&:hover":{backgroundColor:"#FFA51F",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.36), inset 0 -1px 0 rgba(0,0,0,0.2)"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#AEAEB2",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"}}},outlined:{borderWidth:1,borderColor:"rgba(255, 255, 255, 0.24)",backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,backgroundColor:"rgba(255, 255, 255, 0.1)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.16)","&:hover":{borderColor:"rgba(255, 255, 255, 0.34)",backgroundColor:"rgba(255, 255, 255, 0.14)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.22)"}},text:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.04)), rgba(255, 255, 255, 0.1)",backdropFilter:"blur(20px) saturate(150%)",WebkitBackdropFilter:"blur(20px) saturate(150%)",borderRadius:14,padding:"4px",borderBottom:0,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.08)","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",borderRadius:10,background:d.darkStrong,backdropFilter:"blur(22px) saturate(150%)",WebkitBackdropFilter:"blur(22px) saturate(150%)",boxShadow:"0 10px 24px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(255,255,255,0.04)",zIndex:0}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(255, 255, 255, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.24)","&:hover":{background:"rgba(10, 132, 255, 0.3)"}}}}},MuiTab:{styleOverrides:{root:{"&:hover":{color:"#E5E5EA"},"&.Mui-selected":{color:"#FFFFFF"}}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(255, 255, 255, 0.05)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#8E8E93",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(255, 255, 255, 0.08)"},body:{fontSize:"0.875rem",color:"#F2F2F7",borderBottom:"1px solid rgba(255, 255, 255, 0.05)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(255, 255, 255, 0.09)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"linear-gradient(180deg, rgba(76,76,84,0.58), rgba(36,38,45,0.68)), rgba(28,28,30,0.78)",backdropFilter:"blur(24px) saturate(160%)",WebkitBackdropFilter:"blur(24px) saturate(160%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.14)",boxShadow:"0 12px 30px rgba(0,0,0,0.48), inset 0 1px 0 rgba(255,255,255,0.1)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:"1px solid rgba(255,255,255,0.1)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.1), 0 12px 30px rgba(0,0,0,0.28)","&.MuiAlert-standardSuccess":{background:"rgba(52, 199, 89, 0.15)",borderColor:"rgba(52, 199, 89, 0.3)"},"&.MuiAlert-standardError":{background:"rgba(255, 59, 48, 0.15)",borderColor:"rgba(255, 59, 48, 0.3)"},"&.MuiAlert-standardWarning":{background:"rgba(255, 149, 0, 0.15)",borderColor:"rgba(255, 149, 0, 0.3)"},"&.MuiAlert-standardInfo":{background:"rgba(0, 122, 255, 0.15)",borderColor:"rgba(0, 122, 255, 0.3)"}}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(18px) saturate(160%)",WebkitBackdropFilter:"blur(18px) saturate(160%)","&.MuiChip-clickable.MuiChip-filled:hover":{backgroundColor:"rgba(255, 255, 255, 0.14)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorPrimary:hover, &.MuiChip-clickable.MuiChip-filledPrimary:hover":{backgroundColor:"rgba(0, 122, 255, 0.28)",color:"#47A3FF",borderColor:"rgba(0, 122, 255, 0.44)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorSuccess:hover, &.MuiChip-clickable.MuiChip-filledSuccess:hover":{backgroundColor:"rgba(52, 199, 89, 0.28)",color:"#6FD98B",borderColor:"rgba(52, 199, 89, 0.4)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorWarning:hover, &.MuiChip-clickable.MuiChip-filledWarning:hover":{backgroundColor:"rgba(255, 149, 0, 0.26)",color:"#FFB340",borderColor:"rgba(255, 149, 0, 0.4)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorError:hover, &.MuiChip-clickable.MuiChip-filledError:hover":{backgroundColor:"rgba(255, 59, 48, 0.26)",color:"#FF7A73",borderColor:"rgba(255, 59, 48, 0.4)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorSecondary:hover, &.MuiChip-clickable.MuiChip-filledSecondary:hover":{backgroundColor:"rgba(88, 86, 214, 0.28)",color:"#7B79E6",borderColor:"rgba(88, 86, 214, 0.42)"}},filled:{background:"linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)), rgba(255, 255, 255, 0.08)",border:"1px solid rgba(255,255,255,0.15)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 8px rgba(0,0,0,0.16)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.2)",color:"#6FD98B",border:"1px solid rgba(52, 199, 89, 0.3)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.18)",color:"#FFB340",border:"1px solid rgba(255, 149, 0, 0.3)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.18)",color:"#FF7A73",border:"1px solid rgba(255, 59, 48, 0.3)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.2)",color:"#47A3FF",border:"1px solid rgba(0, 122, 255, 0.35)"}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0)), linear-gradient(135deg, #34D058, #30D158)",opacity:1,borderColor:"rgba(52, 199, 89, 0.36)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(0,0,0,0.18)"}},"&.Mui-disabled + .MuiSwitch-track":{opacity:1,background:"linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), rgba(255, 255, 255, 0.08)",borderColor:"rgba(255, 255, 255, 0.1)"},"&.Mui-disabled .MuiSwitch-thumb":{background:"linear-gradient(180deg, rgba(255,255,255,0.38), rgba(220,222,228,0.26))",borderColor:"rgba(255, 255, 255, 0.1)"}},thumb:{width:22,height:22,background:"linear-gradient(180deg, rgba(255,255,255,0.94), rgba(231,232,237,0.9))",border:"1px solid rgba(255, 255, 255, 0.18)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.58)"},track:{borderRadius:14,background:"linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03)), rgba(255, 255, 255, 0.14)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease",border:"1px solid rgba(255, 255, 255, 0.16)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.08)"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});var k=require("react/jsx-runtime"),I=({children:t,mode:i="light"})=>(0,k.jsxs)(x.ThemeProvider,{theme:i==="light"?S:y,children:[(0,k.jsx)(x.CssBaseline,{}),t]});var F=require("@mui/material"),v=require("react/jsx-runtime"),R=(0,F.styled)(F.Card)(({theme:t})=>({transition:"box-shadow 0.2s ease-in-out","&:hover":{boxShadow:t.palette.mode==="dark"?"0 32px 76px rgba(0, 0, 0, 0.62), 0 12px 26px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(255,255,255,0.06)":"0 28px 68px rgba(31, 35, 45, 0.16), 0 10px 24px rgba(31, 35, 45, 0.1), inset 0 1px 0 rgba(255,255,255,0.92), inset 0 -1px 0 rgba(255,255,255,0.32)"}})),h=({children:t,...i})=>(0,v.jsx)(R,{...i,children:t});var b=require("@mui/material");var g=require("react/jsx-runtime"),E=(0,b.styled)(b.Avatar)(({theme:t})=>({width:64,height:64,border:`2px solid ${t.palette.divider}`,boxShadow:t.shadows[2],marginBottom:t.spacing(2)})),D=(0,b.styled)(b.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),z=({name:t,role:i,avatarUrl:l,sx:u,...n})=>(0,g.jsx)(h,{sx:{maxWidth:280,...u},...n,children:(0,g.jsx)(b.CardContent,{children:(0,g.jsxs)(D,{children:[(0,g.jsx)(E,{src:l,alt:t}),(0,g.jsx)(b.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:t}),i&&(0,g.jsx)(b.Typography,{variant:"body2",color:"text.secondary",children:i})]})})});var C=require("react"),e=require("@mui/material");var a=require("react/jsx-runtime"),L=()=>{let[t,i]=(0,C.useState)(""),[l,u]=(0,C.useState)(!0),[n,w]=(0,C.useState)(!1);return(0,a.jsxs)(h,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[(0,a.jsx)(e.Typography,{variant:"h4",gutterBottom:!0,children:"Registration"}),(0,a.jsx)(e.Typography,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),(0,a.jsx)(e.Box,{component:"form",onSubmit:s=>{s.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:(0,a.jsxs)(e.Stack,{spacing:3,children:[(0,a.jsx)(e.TextField,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),(0,a.jsx)(e.TextField,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),(0,a.jsxs)(e.FormControl,{fullWidth:!0,variant:"outlined",children:[(0,a.jsx)(e.InputLabel,{id:"role-select-label",children:"Select Role"}),(0,a.jsxs)(e.Select,{labelId:"role-select-label",id:"role-select",value:t,label:"Select Role",onChange:s=>{i(s.target.value)},children:[(0,a.jsx)(e.MenuItem,{value:"",children:(0,a.jsx)("em",{children:"None"})}),(0,a.jsx)(e.MenuItem,{value:"developer",children:"Developer"}),(0,a.jsx)(e.MenuItem,{value:"designer",children:"Designer"}),(0,a.jsx)(e.MenuItem,{value:"manager",children:"Manager"})]})]}),(0,a.jsxs)(e.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,a.jsx)(e.Typography,{variant:"body1",children:"Enable Notifications"}),(0,a.jsx)(e.Switch,{checked:l,onChange:s=>u(s.target.checked),color:"primary"})]}),(0,a.jsx)(e.FormControlLabel,{control:(0,a.jsx)(e.Checkbox,{checked:n,onChange:s=>w(s.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),(0,a.jsxs)(e.Box,{sx:{display:"flex",gap:2,mt:2},children:[(0,a.jsx)(e.Button,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),(0,a.jsx)(e.Button,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!n,children:"Submit"})]})]})})]})};var r=require("@mui/material"),f=require("@mui/x-date-pickers");0&&(module.exports={Alert,AppBar,Autocomplete,Box,Button,Card,CardActions,CardContent,Checkbox,Chip,Container,DatePicker,Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle,Divider,Drawer,ExampleForm,FormControl,FormControlLabel,FormGroup,GlassCard,Grid,IconButton,InputLabel,LibThemeProvider,LinearProgress,List,ListItem,ListItemButton,ListItemIcon,ListItemText,Menu,MenuItem,OutlinedInput,Paper,Select,Stack,Step,StepConnector,StepIcon,StepLabel,Stepper,Switch,Tab,Table,TableBody,TableCell,TableContainer,TableHead,TableRow,Tabs,TextField,Toolbar,Tooltip,Typography,UserCard,useMediaQuery,useTheme});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{ThemeProvider as w,CssBaseline as M}from"@mui/material";import{createTheme as F}from"@mui/material/styles";import{createElement as d}from"react";var r={light:{surface:"rgba(255, 255, 255, 0.74)",surfaceStrong:"rgba(255, 255, 255, 0.9)",surfaceSubtle:"rgba(255, 255, 255, 0.42)",border:"rgba(255, 255, 255, 0.68)",borderSubtle:"rgba(210, 214, 224, 0.66)",shadow:"0 8px 24px rgba(28, 32, 42, 0.09), 0 2px 6px rgba(28, 32, 42, 0.05), inset 0 1px 0 rgba(255,255,255,0.92)",shadowElevated:"0 18px 48px rgba(28, 32, 42, 0.14), 0 8px 18px rgba(28, 32, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.94)",blur:"blur(24px) saturate(120%) brightness(1.02)",tint:"rgba(244, 245, 248, 0.62)"},dark:{surface:"rgba(34, 35, 40, 0.74)",surfaceStrong:"rgba(40, 41, 46, 0.9)",surfaceSubtle:"rgba(255, 255, 255, 0.07)",border:"rgba(255, 255, 255, 0.16)",borderSubtle:"rgba(255, 255, 255, 0.11)",shadow:"0 8px 28px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.1)",shadowElevated:"0 18px 52px rgba(0, 0, 0, 0.54), 0 8px 20px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.12)",blur:"blur(24px) saturate(112%) brightness(0.94)",tint:"rgba(24, 25, 30, 0.52)"}},n={palette:{primary:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},secondary:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},blue:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},purple:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},error:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B"},red:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B",contrastText:"#FFFFFF"},warning:{main:"#FF9500",light:"#FFB340",dark:"#C97200"},orange:{main:"#FF9500",light:"#FFB340",dark:"#C97200",contrastText:"#FFFFFF"},success:{main:"#34C759",light:"#6FD98B",dark:"#248A3D"},green:{main:"#34C759",light:"#6FD98B",dark:"#248A3D",contrastText:"#FFFFFF"},gray:{main:"#8E8E93",light:"#AEAEB2",dark:"#636366",contrastText:"#FFFFFF"},background:{default:"#EEF2F8",paper:r.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"none",boxShadow:"0 4px 12px rgba(10, 132, 255, 0.24)","&:hover":{backgroundColor:"#007AFF",backgroundImage:"none",boxShadow:"0 6px 16px rgba(10, 132, 255, 0.32)"}},containedPrimary:{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#007AFF"}},containedSecondary:{backgroundColor:"#5856D6",color:"#FFFFFF",boxShadow:"0 4px 12px rgba(88, 86, 214, 0.24)","&:hover":{backgroundColor:"#4B49C7",boxShadow:"0 6px 16px rgba(88, 86, 214, 0.32)"}},containedSuccess:{backgroundColor:"#34C759",color:"#FFFFFF",boxShadow:"0 4px 12px rgba(52, 199, 89, 0.24)","&:hover":{backgroundColor:"#2FB34F",boxShadow:"0 6px 16px rgba(52, 199, 89, 0.32)"}},containedError:{backgroundColor:"#FF3B30",color:"#FFFFFF",boxShadow:"0 4px 12px rgba(255, 59, 48, 0.24)","&:hover":{backgroundColor:"#E9342A",boxShadow:"0 6px 16px rgba(255, 59, 48, 0.32)"}},containedWarning:{backgroundColor:"#FF9500",color:"#1C1C1E",boxShadow:"0 4px 12px rgba(255, 149, 0, 0.24)","&:hover":{backgroundColor:"#E68600",boxShadow:"0 6px 16px rgba(255, 149, 0, 0.32)"}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.2)",backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,backgroundColor:"rgba(255, 255, 255, 0.34)","&:hover":{borderColor:"rgba(60, 60, 67, 0.28)",backgroundColor:"rgba(255, 255, 255, 0.46)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:r.light.surface,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,boxShadow:r.light.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:r.light.surface,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:r.light.shadow},elevation2:{boxShadow:r.light.shadowElevated}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(142, 142, 147, 0.15)",border:"1px solid rgba(255,255,255,0.4)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.5)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.15)",color:"#1A7A35",border:"1px solid rgba(52, 199, 89, 0.25)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.12)",color:"#8A5000",border:"1px solid rgba(255, 149, 0, 0.25)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.12)",color:"#A0190F",border:"1px solid rgba(255, 59, 48, 0.25)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.12)",color:"#005CC8",border:"1px solid rgba(0, 122, 255, 0.25)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5}},'& input[type="date"]':{paddingTop:10,paddingBottom:10},'& input[type="date"]::-webkit-calendar-picker-indicator':{opacity:.6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiFilledInput:{defaultProps:{disableUnderline:!0},styleOverrides:{root:{borderRadius:18,overflow:"hidden",backgroundColor:"rgba(229, 231, 235, 0.82)",transition:"background-color 0.2s ease, box-shadow 0.2s ease","&:hover":{backgroundColor:"rgba(221, 224, 229, 0.95)"},"&.Mui-focused":{backgroundColor:"rgba(255, 255, 255, 0.82)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-disabled":{backgroundColor:"rgba(229, 231, 235, 0.5)"},"&:before, &:after":{display:"none"}}}},MuiSelect:{styleOverrides:{root:{"& .MuiPaper-root":{boxShadow:r.light.shadowElevated}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:r.light.surfaceStrong,backdropFilter:"blur(28px) saturate(122%)",WebkitBackdropFilter:"blur(28px) saturate(122%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(60, 60, 67, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.14)","&:hover":{background:"rgba(10, 132, 255, 0.2)"}}}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:r.light.surfaceStrong,backdropFilter:"blur(34px) saturate(145%)",WebkitBackdropFilter:"blur(34px) saturate(145%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:r.light.surfaceStrong,backdropFilter:"blur(28px) saturate(145%)",WebkitBackdropFilter:"blur(28px) saturate(145%)",border:`1px solid ${r.light.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(248, 248, 250, 0.72)",backdropFilter:"blur(24px) saturate(140%) brightness(1.02)",WebkitBackdropFilter:"blur(24px) saturate(140%) brightness(1.02)",borderBottom:"1px solid rgba(60, 60, 67, 0.12)",boxShadow:"0 1px 0 rgba(0,0,0,0.04)",color:"#1C1C1E",backgroundImage:"none"}}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:d("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:d("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},d("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:d("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},d("span",{className:"AwaymessCheckboxDash"}))},styleOverrides:{root:{padding:7,borderRadius:12,transition:"background 0.15s ease","& .AwaymessCheckboxIcon":{width:30,height:30,borderRadius:9,display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(120, 120, 128, 0.34)",boxShadow:"inset 0 0 0 2px rgba(60, 60, 67, 0.24), inset 0 1px 0 rgba(255,255,255,0.35)",transition:"background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease"},"& .AwaymessCheckboxIcon-checked":{backgroundColor:"currentColor",boxShadow:"0 3px 8px rgba(0, 122, 255, 0.22), inset 0 1px 0 rgba(255,255,255,0.28)"},"& .AwaymessCheckboxTick":{width:15,height:9,borderLeft:"3.5px solid #FFFFFF",borderBottom:"3.5px solid #FFFFFF",borderRadius:1,transform:"translateY(-1px) rotate(-45deg)"},"& .AwaymessCheckboxDash":{width:15,height:3.5,borderRadius:999,backgroundColor:"#FFFFFF"},"&:hover":{backgroundColor:"rgba(0, 122, 255, 0.08)"},"&:active .AwaymessCheckboxIcon":{transform:"scale(0.96)"},"&.Mui-disabled .AwaymessCheckboxIcon":{backgroundColor:"rgba(120, 120, 128, 0.18)",boxShadow:"inset 0 0 0 2px rgba(120, 120, 128, 0.22)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(120, 120, 128, 0.16)",borderRadius:14,padding:"4px",overflow:"visible"},scroller:{overflow:"visible !important"},indicator:{top:4,bottom:4,height:"auto",borderRadius:10,background:r.light.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.85)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:10,paddingInline:16,zIndex:1,transition:"color 0.2s ease","&:hover":{backgroundColor:"transparent",color:"#3A3A3C"},"&.Mui-selected":{fontWeight:600,color:"#1C1C1E"}}}},MuiStepper:{styleOverrides:{root:{paddingBlock:8}}},MuiStepLabel:{styleOverrides:{label:{fontWeight:600}}},MuiStepIcon:{styleOverrides:{root:{color:"rgba(142, 142, 147, 0.3)","&.Mui-active":{color:"#007AFF",filter:"drop-shadow(0 2px 6px rgba(0, 122, 255, 0.4))"},"&.Mui-completed":{color:"#34C759"}},text:{fontWeight:700,fill:"#FFFFFF"}}},MuiStepConnector:{styleOverrides:{root:{"& .MuiStepConnector-line":{borderColor:"rgba(142, 142, 147, 0.25)",borderTopWidth:2,borderRadius:999},"&.Mui-active .MuiStepConnector-line":{borderColor:"#007AFF"},"&.Mui-completed .MuiStepConnector-line":{borderColor:"#34C759"}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:r.light.surfaceStrong,backdropFilter:"blur(32px) saturate(200%)",WebkitBackdropFilter:"blur(32px) saturate(200%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(0, 122, 255, 0.12) !important"},"&.Mui-focused":{background:"rgba(0, 122, 255, 0.08) !important"}}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1,boxShadow:"inset 0 1px 3px rgba(0,0,0,0.15)"}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9)"},track:{borderRadius:14,background:"rgba(120, 120, 128, 0.32)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(245, 248, 255, 0.7)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#6C6C70",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(60, 60, 67, 0.1)"},body:{fontSize:"0.875rem",color:"#1C1C1E",borderBottom:"1px solid rgba(60, 60, 67, 0.06)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(28, 28, 30, 0.82)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.25)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.4)"},standardSuccess:{background:"rgba(52, 199, 89, 0.12)",borderColor:"rgba(52, 199, 89, 0.25)"},standardError:{background:"rgba(255, 59, 48, 0.10)",borderColor:"rgba(255, 59, 48, 0.22)"},standardWarning:{background:"rgba(255, 149, 0, 0.10)",borderColor:"rgba(255, 149, 0, 0.22)"},standardInfo:{background:"rgba(0, 122, 255, 0.10)",borderColor:"rgba(0, 122, 255, 0.22)"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(0, 0, 0, 0.07)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(60, 60, 67, 0.1)"}}}}},k=F({...n,palette:{mode:"light",...n.palette}}),m=F({...n,palette:{mode:"dark",...n.palette,background:{default:"#0E111B",paper:r.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...n.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:r.dark.surface,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:r.dark.surface,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:r.dark.shadow},elevation2:{boxShadow:r.dark.shadowElevated}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"& input":{color:"#F2F2F7"},"& input::placeholder":{color:"rgba(235,235,245,0.4)"}},"& .MuiInputLabel-root":{color:"rgba(235,235,245,0.55)"},"& .MuiInputLabel-root.Mui-focused":{color:"#0A84FF"}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiFilledInput:{defaultProps:{disableUnderline:!0},styleOverrides:{root:{borderRadius:18,overflow:"hidden",backgroundColor:"rgba(255,255,255,0.08)",transition:"background-color 0.2s ease, box-shadow 0.2s ease","&:hover":{backgroundColor:"rgba(255,255,255,0.11)"},"&.Mui-focused":{backgroundColor:"rgba(255,255,255,0.13)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-disabled":{backgroundColor:"rgba(255,255,255,0.05)"},"&:before, &:after":{display:"none"}},input:{color:"#F2F2F7","&::placeholder":{color:"rgba(235,235,245,0.4)"}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:r.dark.surfaceStrong,backdropFilter:"blur(34px) saturate(130%)",WebkitBackdropFilter:"blur(34px) saturate(130%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(130%)",WebkitBackdropFilter:"blur(28px) saturate(130%)",border:`1px solid ${r.dark.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(28, 28, 30, 0.68)",backdropFilter:"blur(24px) saturate(112%) brightness(0.94)",WebkitBackdropFilter:"blur(24px) saturate(112%) brightness(0.94)",borderBottom:`1px solid ${r.dark.borderSubtle}`,boxShadow:"0 1px 0 rgba(255,255,255,0.04)",color:"#F2F2F7",backgroundImage:"none"}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(10, 132, 255, 0.22) !important"},"&.Mui-focused":{background:"rgba(255, 255, 255, 0.1) !important"}}}},MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"none",boxShadow:"0 4px 14px rgba(10, 132, 255, 0.36)","&:hover":{backgroundColor:"#2994FF",backgroundImage:"none",boxShadow:"0 6px 18px rgba(10, 132, 255, 0.44)"}},containedPrimary:{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#2994FF"}},containedSecondary:{backgroundColor:"#5856D6",color:"#FFFFFF",boxShadow:"0 4px 14px rgba(88, 86, 214, 0.36)","&:hover":{backgroundColor:"#6866E8",boxShadow:"0 6px 18px rgba(88, 86, 214, 0.44)"}},containedSuccess:{backgroundColor:"#34C759",color:"#FFFFFF",boxShadow:"0 4px 14px rgba(52, 199, 89, 0.34)","&:hover":{backgroundColor:"#42D967",boxShadow:"0 6px 18px rgba(52, 199, 89, 0.42)"}},containedError:{backgroundColor:"#FF3B30",color:"#FFFFFF",boxShadow:"0 4px 14px rgba(255, 59, 48, 0.34)","&:hover":{backgroundColor:"#FF5148",boxShadow:"0 6px 18px rgba(255, 59, 48, 0.42)"}},containedWarning:{backgroundColor:"#FF9500",color:"#1C1C1E",boxShadow:"0 4px 14px rgba(255, 149, 0, 0.34)","&:hover":{backgroundColor:"#FFA51F",boxShadow:"0 6px 18px rgba(255, 149, 0, 0.42)"}},outlined:{borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,backgroundColor:"rgba(255, 255, 255, 0.08)","&:hover":{borderColor:"rgba(255, 255, 255, 0.26)",backgroundColor:"rgba(255, 255, 255, 0.12)"}},text:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(255, 255, 255, 0.14)",borderRadius:14,padding:"4px",overflow:"visible"},scroller:{overflow:"visible !important"},indicator:{top:4,bottom:4,height:"auto",borderRadius:10,background:r.dark.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(255, 255, 255, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.24)","&:hover":{background:"rgba(10, 132, 255, 0.3)"}}}}},MuiTab:{styleOverrides:{root:{"&:hover":{color:"#E5E5EA"},"&.Mui-selected":{color:"#FFFFFF"}}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(255, 255, 255, 0.05)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#8E8E93",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(255, 255, 255, 0.08)"},body:{fontSize:"0.875rem",color:"#F2F2F7",borderBottom:"1px solid rgba(255, 255, 255, 0.05)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(255, 255, 255, 0.09)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(44, 44, 46, 0.88)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 4px 16px rgba(0,0,0,0.45)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.1)"},standardSuccess:{background:"rgba(52, 199, 89, 0.15)",borderColor:"rgba(52, 199, 89, 0.3)"},standardError:{background:"rgba(255, 59, 48, 0.15)",borderColor:"rgba(255, 59, 48, 0.3)"},standardWarning:{background:"rgba(255, 149, 0, 0.15)",borderColor:"rgba(255, 149, 0, 0.3)"},standardInfo:{background:"rgba(0, 122, 255, 0.15)",borderColor:"rgba(0, 122, 255, 0.3)"}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255,255,255,0.15)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.1)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.2)",color:"#6FD98B",border:"1px solid rgba(52, 199, 89, 0.3)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.18)",color:"#FFB340",border:"1px solid rgba(255, 149, 0, 0.3)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.18)",color:"#FF7A73",border:"1px solid rgba(255, 59, 48, 0.3)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.2)",color:"#47A3FF",border:"1px solid rgba(0, 122, 255, 0.35)"}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2)"},track:{borderRadius:14,background:"rgba(255, 255, 255, 0.18)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});import{jsx as B,jsxs as I}from"react/jsx-runtime";var rr=({children:e,mode:a="light"})=>I(w,{theme:a==="light"?k:m,children:[B(M,{}),e]});import{Card as P,styled as A}from"@mui/material";import{jsx as T}from"react/jsx-runtime";var O=A(P)(({theme:e})=>({transition:"box-shadow 0.2s ease-in-out","&:hover":{boxShadow:e.palette.mode==="dark"?"0 18px 52px rgba(0, 0, 0, 0.54), 0 8px 20px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.12)":"0 18px 48px rgba(28, 32, 42, 0.14), 0 8px 18px rgba(28, 32, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.94)"}})),p=({children:e,...a})=>T(O,{...a,children:e});import{CardContent as W,Typography as C,Avatar as R,Box as E,styled as f}from"@mui/material";import{jsx as b,jsxs as L}from"react/jsx-runtime";var D=f(R)(({theme:e})=>({width:64,height:64,border:`2px solid ${e.palette.divider}`,boxShadow:e.shadows[2],marginBottom:e.spacing(2)})),z=f(E)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),sr=({name:e,role:a,avatarUrl:l,sx:g,...s})=>b(p,{sx:{maxWidth:280,...g},...s,children:b(W,{children:L(z,{children:[b(D,{src:l,alt:e}),b(C,{variant:"h6",component:"div",gutterBottom:!0,children:e}),a&&b(C,{variant:"body2",color:"text.secondary",children:a})]})})});import{useState as c}from"react";import{Box as h,Typography as x,TextField as y,Button as S,FormControl as H,InputLabel as $,Select as G,MenuItem as u,FormControlLabel as N,Checkbox as U,Switch as X,Stack as q}from"@mui/material";import{jsx as o,jsxs as i}from"react/jsx-runtime";var kr=()=>{let[e,a]=c(""),[l,g]=c(!0),[s,v]=c(!1);return i(p,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[o(x,{variant:"h4",gutterBottom:!0,children:"Registration"}),o(x,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),o(h,{component:"form",onSubmit:t=>{t.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:i(q,{spacing:3,children:[o(y,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),o(y,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),i(H,{fullWidth:!0,variant:"outlined",children:[o($,{id:"role-select-label",children:"Select Role"}),i(G,{labelId:"role-select-label",id:"role-select",value:e,label:"Select Role",onChange:t=>{a(t.target.value)},children:[o(u,{value:"",children:o("em",{children:"None"})}),o(u,{value:"developer",children:"Developer"}),o(u,{value:"designer",children:"Designer"}),o(u,{value:"manager",children:"Manager"})]})]}),i(h,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[o(x,{variant:"body1",children:"Enable Notifications"}),o(X,{checked:l,onChange:t=>g(t.target.checked),color:"primary"})]}),o(N,{control:o(U,{checked:s,onChange:t=>v(t.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),i(h,{sx:{display:"flex",gap:2,mt:2},children:[o(S,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),o(S,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!s,children:"Submit"})]})]})})]})};import{Button as Mr,Card as Br,CardActions as Ir,CardContent as Pr,Paper as Ar,Chip as Or,TextField as Tr,FormControl as Wr,FormControlLabel as Rr,FormGroup as Er,InputLabel as Dr,OutlinedInput as zr,Select as Lr,Menu as Hr,MenuItem as $r,Dialog as Gr,DialogActions as Nr,DialogContent as Ur,DialogContentText as Xr,DialogTitle as qr,Drawer as Qr,AppBar as Yr,Checkbox as Jr,Tabs as Kr,Tab as Vr,Stepper as Zr,Step as _r,StepLabel as jr,StepIcon as ro,StepConnector as oo,Autocomplete as eo,Switch as ao,Table as to,TableBody as io,TableCell as no,TableContainer as bo,TableHead as lo,TableRow as so,Tooltip as po,Alert as uo,LinearProgress as go,Divider as co,Typography as ho,Box as xo,Stack as Fo,Container as ko,Grid as mo,IconButton as Co,Toolbar as fo,List as yo,ListItem as So,ListItemButton as vo,ListItemText as wo,ListItemIcon as Mo,useMediaQuery as Bo,useTheme as Io}from"@mui/material";import{DatePicker as Ao}from"@mui/x-date-pickers";export{uo as Alert,Yr as AppBar,eo as Autocomplete,xo as Box,Mr as Button,Br as Card,Ir as CardActions,Pr as CardContent,Jr as Checkbox,Or as Chip,ko as Container,Ao as DatePicker,Gr as Dialog,Nr as DialogActions,Ur as DialogContent,Xr as DialogContentText,qr as DialogTitle,co as Divider,Qr as Drawer,kr as ExampleForm,Wr as FormControl,Rr as FormControlLabel,Er as FormGroup,p as GlassCard,mo as Grid,Co as IconButton,Dr as InputLabel,rr as LibThemeProvider,go as LinearProgress,yo as List,So as ListItem,vo as ListItemButton,Mo as ListItemIcon,wo as ListItemText,Hr as Menu,$r as MenuItem,zr as OutlinedInput,Ar as Paper,Lr as Select,Fo as Stack,_r as Step,oo as StepConnector,ro as StepIcon,jr as StepLabel,Zr as Stepper,ao as Switch,Vr as Tab,to as Table,io as TableBody,no as TableCell,bo as TableContainer,lo as TableHead,so as TableRow,Kr as Tabs,Tr as TextField,fo as Toolbar,po as Tooltip,ho as Typography,sr as UserCard,Bo as useMediaQuery,Io as useTheme};
|
|
2
|
+
import{ThemeProvider as w,CssBaseline as B}from"@mui/material";import{createTheme as F}from"@mui/material/styles";import{createElement as b}from"react";var r={light:{surface:"rgba(255, 255, 255, 0.58)",surfaceStrong:"rgba(255, 255, 255, 0.74)",surfaceSubtle:"rgba(255, 255, 255, 0.28)",border:"rgba(255, 255, 255, 0.72)",borderSubtle:"rgba(255, 255, 255, 0.44)",shadow:"0 18px 44px rgba(31, 35, 45, 0.1), 0 4px 12px rgba(31, 35, 45, 0.06), inset 0 1px 0 rgba(255,255,255,0.86), inset 0 -1px 0 rgba(255,255,255,0.28)",shadowElevated:"0 28px 68px rgba(31, 35, 45, 0.16), 0 10px 24px rgba(31, 35, 45, 0.1), inset 0 1px 0 rgba(255,255,255,0.92), inset 0 -1px 0 rgba(255,255,255,0.32)",blur:"blur(34px) saturate(180%) brightness(1.08)",tint:"rgba(246, 248, 252, 0.44)"},dark:{surface:"rgba(24, 26, 32, 0.54)",surfaceStrong:"rgba(31, 33, 40, 0.72)",surfaceSubtle:"rgba(255, 255, 255, 0.08)",border:"rgba(255, 255, 255, 0.18)",borderSubtle:"rgba(255, 255, 255, 0.1)",shadow:"0 20px 52px rgba(0, 0, 0, 0.52), 0 6px 18px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(255,255,255,0.05)",shadowElevated:"0 32px 76px rgba(0, 0, 0, 0.62), 0 12px 26px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(255,255,255,0.06)",blur:"blur(34px) saturate(160%) brightness(0.9)",tint:"rgba(15, 17, 22, 0.44)"}},a={light:"linear-gradient(180deg, rgba(255,255,255,0.76), rgba(255,255,255,0.34)), rgba(255,255,255,0.58)",lightStrong:"linear-gradient(180deg, rgba(255,255,255,0.86), rgba(255,255,255,0.5)), rgba(255,255,255,0.74)",dark:"linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.03)), rgba(24,26,32,0.54)",darkStrong:"linear-gradient(180deg, rgba(255,255,255,0.13), rgba(255,255,255,0.04)), rgba(31,33,40,0.72)"},n={palette:{primary:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},secondary:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},blue:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},purple:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},error:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B"},red:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B",contrastText:"#FFFFFF"},warning:{main:"#FF9500",light:"#FFB340",dark:"#C97200"},orange:{main:"#FF9500",light:"#FFB340",dark:"#C97200",contrastText:"#FFFFFF"},success:{main:"#34C759",light:"#6FD98B",dark:"#248A3D"},green:{main:"#34C759",light:"#6FD98B",dark:"#248A3D",contrastText:"#FFFFFF"},gray:{main:"#8E8E93",light:"#AEAEB2",dark:"#636366",contrastText:"#FFFFFF"},background:{default:"#F5F7FB",paper:r.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0))",border:"1px solid rgba(0, 0, 0, 0.12)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#007AFF",backgroundImage:"linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0))",borderColor:"rgba(0, 0, 0, 0.16)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"},"&.MuiButton-containedPrimary, &.MuiButton-colorPrimary, &.MuiButton-containedBlue, &.MuiButton-colorBlue":{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#007AFF"}},"&.MuiButton-containedSecondary, &.MuiButton-colorSecondary, &.MuiButton-containedPurple, &.MuiButton-colorPurple":{backgroundColor:"#5856D6",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#4B49C7",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#2FB34F",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#E9342A",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.36), inset 0 -1px 0 rgba(0,0,0,0.1)","&:hover":{backgroundColor:"#E68600",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.42), inset 0 -1px 0 rgba(0,0,0,0.12)"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.28), inset 0 -1px 0 rgba(0,0,0,0.12)","&:hover":{backgroundColor:"#7C7C82",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.34), inset 0 -1px 0 rgba(0,0,0,0.14)"}}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.24)",backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,backgroundColor:"rgba(255, 255, 255, 0.42)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.68)","&:hover":{borderColor:"rgba(60, 60, 67, 0.34)",backgroundColor:"rgba(255, 255, 255, 0.56)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.8)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:a.light,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,boxShadow:r.light.shadow,backgroundClip:"padding-box"}}},MuiPaper:{styleOverrides:{root:{background:a.light,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,backgroundClip:"padding-box"},elevation0:{boxShadow:"none"},elevation1:{boxShadow:r.light.shadow},elevation2:{boxShadow:r.light.shadowElevated}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(18px) saturate(180%)",WebkitBackdropFilter:"blur(18px) saturate(180%)","&.MuiChip-clickable.MuiChip-filled:hover":{backgroundColor:"rgba(142, 142, 147, 0.22)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorPrimary:hover, &.MuiChip-clickable.MuiChip-filledPrimary:hover":{backgroundColor:"rgba(0, 122, 255, 0.18)",color:"#005CC8",borderColor:"rgba(0, 122, 255, 0.32)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorSuccess:hover, &.MuiChip-clickable.MuiChip-filledSuccess:hover":{backgroundColor:"rgba(52, 199, 89, 0.22)",color:"#1A7A35",borderColor:"rgba(52, 199, 89, 0.34)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorWarning:hover, &.MuiChip-clickable.MuiChip-filledWarning:hover":{backgroundColor:"rgba(255, 149, 0, 0.2)",color:"#8A5000",borderColor:"rgba(255, 149, 0, 0.34)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorError:hover, &.MuiChip-clickable.MuiChip-filledError:hover":{backgroundColor:"rgba(255, 59, 48, 0.2)",color:"#A0190F",borderColor:"rgba(255, 59, 48, 0.32)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorSecondary:hover, &.MuiChip-clickable.MuiChip-filledSecondary:hover":{backgroundColor:"rgba(88, 86, 214, 0.2)",color:"#3E3CAA",borderColor:"rgba(88, 86, 214, 0.34)"}},filled:{background:"linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0.22)), rgba(142, 142, 147, 0.14)",border:"1px solid rgba(255,255,255,0.58)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.76), 0 2px 6px rgba(31,35,45,0.05)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.15)",color:"#1A7A35",border:"1px solid rgba(52, 199, 89, 0.25)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.12)",color:"#8A5000",border:"1px solid rgba(255, 149, 0, 0.25)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.12)",color:"#A0190F",border:"1px solid rgba(255, 59, 48, 0.25)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.12)",color:"#005CC8",border:"1px solid rgba(0, 122, 255, 0.25)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.46)",backdropFilter:"blur(24px) saturate(170%)",WebkitBackdropFilter:"blur(24px) saturate(170%)",transition:"box-shadow 0.2s ease, background 0.2s ease",boxShadow:"0 0 0 1px rgba(255,255,255,0.48), inset 0 1px 0 rgba(255,255,255,0.74)","& fieldset":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.68)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16), 0 0 0 1px rgba(255,255,255,0.68), inset 0 1px 0 rgba(255,255,255,0.86)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5}},'& input[type="date"]':{paddingTop:10,paddingBottom:10},'& input[type="date"]::-webkit-calendar-picker-indicator':{opacity:.6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.46)",backdropFilter:"blur(24px) saturate(170%)",WebkitBackdropFilter:"blur(24px) saturate(170%)",transition:"box-shadow 0.2s ease, background 0.2s ease",boxShadow:"0 0 0 1px rgba(255,255,255,0.48), inset 0 1px 0 rgba(255,255,255,0.74)","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.68)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16), 0 0 0 1px rgba(255,255,255,0.68), inset 0 1px 0 rgba(255,255,255,0.86)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiFilledInput:{defaultProps:{disableUnderline:!0},styleOverrides:{root:{borderRadius:12,overflow:"hidden",backgroundColor:"rgba(235, 238, 243, 0.58)",backdropFilter:"blur(22px) saturate(160%)",WebkitBackdropFilter:"blur(22px) saturate(160%)",boxShadow:"0 0 0 1px rgba(60,60,67,0.08), inset 0 1px 0 rgba(255,255,255,0.62)",transition:"background-color 0.2s ease, box-shadow 0.2s ease","&:hover":{backgroundColor:"rgba(229, 233, 239, 0.7)"},"&.Mui-focused":{backgroundColor:"rgba(255, 255, 255, 0.62)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16), 0 0 0 1px rgba(60,60,67,0.1), inset 0 1px 0 rgba(255,255,255,0.82)"},"&.Mui-disabled":{backgroundColor:"rgba(229, 231, 235, 0.5)"},"&:before, &:after":{display:"none"}}}},MuiSelect:{styleOverrides:{root:{"& .MuiPaper-root":{boxShadow:r.light.shadowElevated}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:a.lightStrong,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundClip:"padding-box"}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(60, 60, 67, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.14)","&:hover":{background:"rgba(10, 132, 255, 0.2)"}}}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:a.lightStrong,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundClip:"padding-box"}}},MuiDrawer:{styleOverrides:{paper:{background:a.lightStrong,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.borderSubtle}`,backgroundClip:"padding-box"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"linear-gradient(180deg, rgba(255,255,255,0.7), rgba(255,255,255,0.42)), rgba(248, 250, 253, 0.5)",backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,borderBottom:"1px solid rgba(255, 255, 255, 0.52)",boxShadow:"0 1px 0 rgba(31,35,45,0.04), inset 0 -1px 0 rgba(255,255,255,0.28)",color:"#1C1C1E"}}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:b("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:b("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},b("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:b("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},b("span",{className:"AwaymessCheckboxDash"}))},styleOverrides:{root:{padding:4,borderRadius:8,transition:"background 0.15s ease","& .AwaymessCheckboxIcon":{width:18,height:18,borderRadius:5,display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(120, 120, 128, 0.34)",boxShadow:"inset 0 0 0 1.75px rgba(60, 60, 67, 0.24), inset 0 1px 0 rgba(255,255,255,0.35)",transition:"background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease"},"& .AwaymessCheckboxIcon-checked":{backgroundColor:"currentColor",boxShadow:"0 3px 8px color-mix(in srgb, currentColor 28%, transparent), 0 0 0 1px color-mix(in srgb, currentColor 36%, transparent), inset 0 1px 0 rgba(255,255,255,0.28)"},"& .AwaymessCheckboxTick":{width:9,height:5,borderLeft:"2.25px solid #FFFFFF",borderBottom:"2.25px solid #FFFFFF",borderRadius:1,transform:"translateY(-0.5px) rotate(-45deg)"},"& .AwaymessCheckboxDash":{width:9,height:2.25,borderRadius:999,backgroundColor:"#FFFFFF"},"&:hover":{backgroundColor:"color-mix(in srgb, currentColor 10%, transparent)"},"&:active .AwaymessCheckboxIcon":{transform:"scale(0.96)"},"&.Mui-disabled .AwaymessCheckboxIcon":{backgroundColor:"rgba(120, 120, 128, 0.18)",boxShadow:"inset 0 0 0 2px rgba(120, 120, 128, 0.22)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"linear-gradient(180deg, rgba(255,255,255,0.32), rgba(255,255,255,0.12)), rgba(120, 120, 128, 0.12)",backdropFilter:"blur(20px) saturate(170%)",WebkitBackdropFilter:"blur(20px) saturate(170%)",borderRadius:14,padding:"4px",borderBottom:0,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.5)","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",borderRadius:10,background:a.lightStrong,backdropFilter:"blur(22px) saturate(170%)",WebkitBackdropFilter:"blur(22px) saturate(170%)",boxShadow:"0 8px 18px rgba(31,35,45,0.08), inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -1px 0 rgba(255,255,255,0.35)",zIndex:0}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:10,paddingInline:16,zIndex:1,transition:"color 0.2s ease","&:hover":{backgroundColor:"transparent",color:"#3A3A3C"},"&.Mui-selected":{fontWeight:600,color:"#1C1C1E"}}}},MuiStepper:{styleOverrides:{root:{paddingBlock:8}}},MuiStepLabel:{styleOverrides:{label:{fontWeight:600}}},MuiStepIcon:{styleOverrides:{root:{color:"rgba(142, 142, 147, 0.3)","&.Mui-active":{color:"#007AFF",filter:"drop-shadow(0 2px 6px rgba(0, 122, 255, 0.4))"},"&.Mui-completed":{color:"#34C759"}},text:{fontWeight:700,fill:"#FFFFFF"}}},MuiStepConnector:{styleOverrides:{root:{"& .MuiStepConnector-line":{borderColor:"rgba(142, 142, 147, 0.25)",borderTopWidth:2,borderRadius:999},"&.Mui-active .MuiStepConnector-line":{borderColor:"#007AFF"},"&.Mui-completed .MuiStepConnector-line":{borderColor:"#34C759"}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:a.lightStrong,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundClip:"padding-box"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(0, 122, 255, 0.12) !important"},"&.Mui-focused":{background:"rgba(0, 122, 255, 0.08) !important"}}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(180deg, rgba(255,255,255,0.26), rgba(255,255,255,0)), linear-gradient(135deg, #34D058, #30D158)",opacity:1,borderColor:"rgba(35, 170, 72, 0.36)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.08)"}},"&.Mui-disabled + .MuiSwitch-track":{opacity:1,background:"linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0.18)), rgba(120, 120, 128, 0.14)",borderColor:"rgba(60, 60, 67, 0.1)"},"&.Mui-disabled .MuiSwitch-thumb":{background:"linear-gradient(180deg, rgba(255,255,255,0.78), rgba(245,246,248,0.58))",borderColor:"rgba(60, 60, 67, 0.08)"}},thumb:{width:22,height:22,background:"linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,244,246,0.9))",border:"1px solid rgba(60, 60, 67, 0.14)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.86)"},track:{borderRadius:14,background:"linear-gradient(180deg, rgba(255,255,255,0.3), rgba(255,255,255,0.06)), rgba(120, 120, 128, 0.28)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease",border:"1px solid rgba(60, 60, 67, 0.16)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.42)"}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(245, 248, 255, 0.7)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#6C6C70",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(60, 60, 67, 0.1)"},body:{fontSize:"0.875rem",color:"#1C1C1E",borderBottom:"1px solid rgba(60, 60, 67, 0.06)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"linear-gradient(180deg, rgba(60,60,67,0.72), rgba(28,28,30,0.68)), rgba(28,28,30,0.74)",backdropFilter:"blur(24px) saturate(180%)",WebkitBackdropFilter:"blur(24px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.18)",boxShadow:"0 10px 28px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.12)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:"1px solid rgba(255,255,255,0.56)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.72), 0 8px 24px rgba(31,35,45,0.06)","&.MuiAlert-standardSuccess":{background:"rgba(52, 199, 89, 0.12)",borderColor:"rgba(52, 199, 89, 0.25)"},"&.MuiAlert-standardError":{background:"rgba(255, 59, 48, 0.10)",borderColor:"rgba(255, 59, 48, 0.22)"},"&.MuiAlert-standardWarning":{background:"rgba(255, 149, 0, 0.10)",borderColor:"rgba(255, 149, 0, 0.22)"},"&.MuiAlert-standardInfo":{background:"rgba(0, 122, 255, 0.10)",borderColor:"rgba(0, 122, 255, 0.22)"}}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(0, 0, 0, 0.07)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(60, 60, 67, 0.1)"}}}}},C=F({...n,palette:{mode:"light",...n.palette}}),m=F({...n,palette:{mode:"dark",...n.palette,background:{default:"#080A10",paper:r.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...n.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:a.dark,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadow,backgroundClip:"padding-box"}}},MuiPaper:{styleOverrides:{root:{background:a.dark,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,backgroundClip:"padding-box"},elevation0:{boxShadow:"none"},elevation1:{boxShadow:r.dark.shadow},elevation2:{boxShadow:r.dark.shadowElevated}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(26px) saturate(150%)",WebkitBackdropFilter:"blur(26px) saturate(150%)",transition:"box-shadow 0.2s ease, background 0.2s ease",boxShadow:"0 0 0 1px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.1)","& fieldset":{borderColor:"rgba(255, 255, 255, 0.22)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.34)"},"&.Mui-focused":{background:"rgba(255,255,255,0.12)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22), 0 0 0 1px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.16)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"& input":{color:"#F2F2F7"},"& input::placeholder":{color:"rgba(235,235,245,0.4)"}},"& .MuiInputLabel-root":{color:"rgba(235,235,245,0.55)"},"& .MuiInputLabel-root.Mui-focused":{color:"#0A84FF"}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(26px) saturate(150%)",WebkitBackdropFilter:"blur(26px) saturate(150%)",transition:"box-shadow 0.2s ease, background 0.2s ease",boxShadow:"0 0 0 1px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.1)","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.34)"},"&.Mui-focused":{background:"rgba(255,255,255,0.12)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22), 0 0 0 1px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.16)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.22)",transition:"border-color 0.2s ease"}}},MuiFilledInput:{defaultProps:{disableUnderline:!0},styleOverrides:{root:{borderRadius:12,overflow:"hidden",backgroundColor:"rgba(255,255,255,0.08)",backdropFilter:"blur(24px) saturate(145%)",WebkitBackdropFilter:"blur(24px) saturate(145%)",boxShadow:"0 0 0 1px rgba(255,255,255,0.16), inset 0 1px 0 rgba(255,255,255,0.1)",transition:"background-color 0.2s ease, box-shadow 0.2s ease","&:hover":{backgroundColor:"rgba(255,255,255,0.11)"},"&.Mui-focused":{backgroundColor:"rgba(255,255,255,0.13)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22), 0 0 0 1px rgba(255,255,255,0.2), inset 0 1px 0 rgba(255,255,255,0.16)"},"&.Mui-disabled":{backgroundColor:"rgba(255,255,255,0.05)"},"&:before, &:after":{display:"none"}},input:{color:"#F2F2F7","&::placeholder":{color:"rgba(235,235,245,0.4)"}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:a.darkStrong,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundClip:"padding-box"}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:a.darkStrong,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundClip:"padding-box"}}},MuiDrawer:{styleOverrides:{paper:{background:a.darkStrong,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.borderSubtle}`,backgroundClip:"padding-box"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03)), rgba(20, 22, 28, 0.56)",backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,borderBottom:`1px solid ${r.dark.borderSubtle}`,boxShadow:"0 1px 0 rgba(255,255,255,0.04), inset 0 -1px 0 rgba(255,255,255,0.04)",color:"#F2F2F7"}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:a.darkStrong,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundClip:"padding-box"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(10, 132, 255, 0.22) !important"},"&.Mui-focused":{background:"rgba(255, 255, 255, 0.1) !important"}}}},MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0))",border:"1px solid rgba(255, 255, 255, 0.22)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#2994FF",backgroundImage:"linear-gradient(180deg, rgba(255,255,255,0.26), rgba(255,255,255,0))",borderColor:"rgba(255, 255, 255, 0.3)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"},"&.MuiButton-containedPrimary, &.MuiButton-colorPrimary, &.MuiButton-containedBlue, &.MuiButton-colorBlue":{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#2994FF"}},"&.MuiButton-containedSecondary, &.MuiButton-colorSecondary, &.MuiButton-containedPurple, &.MuiButton-colorPurple":{backgroundColor:"#5856D6",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#6866E8",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#42D967",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#FF5148",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.18)","&:hover":{backgroundColor:"#FFA51F",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.36), inset 0 -1px 0 rgba(0,0,0,0.2)"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.24), inset 0 -1px 0 rgba(0,0,0,0.2)","&:hover":{backgroundColor:"#AEAEB2",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.22)"}}},outlined:{borderWidth:1,borderColor:"rgba(255, 255, 255, 0.24)",backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,backgroundColor:"rgba(255, 255, 255, 0.1)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.16)","&:hover":{borderColor:"rgba(255, 255, 255, 0.34)",backgroundColor:"rgba(255, 255, 255, 0.14)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.22)"}},text:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"linear-gradient(180deg, rgba(255,255,255,0.1), rgba(255,255,255,0.04)), rgba(255, 255, 255, 0.1)",backdropFilter:"blur(20px) saturate(150%)",WebkitBackdropFilter:"blur(20px) saturate(150%)",borderRadius:14,padding:"4px",borderBottom:0,boxShadow:"inset 0 1px 0 rgba(255,255,255,0.08)","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",borderRadius:10,background:a.darkStrong,backdropFilter:"blur(22px) saturate(150%)",WebkitBackdropFilter:"blur(22px) saturate(150%)",boxShadow:"0 10px 24px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(255,255,255,0.04)",zIndex:0}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(255, 255, 255, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.24)","&:hover":{background:"rgba(10, 132, 255, 0.3)"}}}}},MuiTab:{styleOverrides:{root:{"&:hover":{color:"#E5E5EA"},"&.Mui-selected":{color:"#FFFFFF"}}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(255, 255, 255, 0.05)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#8E8E93",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(255, 255, 255, 0.08)"},body:{fontSize:"0.875rem",color:"#F2F2F7",borderBottom:"1px solid rgba(255, 255, 255, 0.05)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(255, 255, 255, 0.09)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"linear-gradient(180deg, rgba(76,76,84,0.58), rgba(36,38,45,0.68)), rgba(28,28,30,0.78)",backdropFilter:"blur(24px) saturate(160%)",WebkitBackdropFilter:"blur(24px) saturate(160%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.14)",boxShadow:"0 12px 30px rgba(0,0,0,0.48), inset 0 1px 0 rgba(255,255,255,0.1)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:"1px solid rgba(255,255,255,0.1)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.1), 0 12px 30px rgba(0,0,0,0.28)","&.MuiAlert-standardSuccess":{background:"rgba(52, 199, 89, 0.15)",borderColor:"rgba(52, 199, 89, 0.3)"},"&.MuiAlert-standardError":{background:"rgba(255, 59, 48, 0.15)",borderColor:"rgba(255, 59, 48, 0.3)"},"&.MuiAlert-standardWarning":{background:"rgba(255, 149, 0, 0.15)",borderColor:"rgba(255, 149, 0, 0.3)"},"&.MuiAlert-standardInfo":{background:"rgba(0, 122, 255, 0.15)",borderColor:"rgba(0, 122, 255, 0.3)"}}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(18px) saturate(160%)",WebkitBackdropFilter:"blur(18px) saturate(160%)","&.MuiChip-clickable.MuiChip-filled:hover":{backgroundColor:"rgba(255, 255, 255, 0.14)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorPrimary:hover, &.MuiChip-clickable.MuiChip-filledPrimary:hover":{backgroundColor:"rgba(0, 122, 255, 0.28)",color:"#47A3FF",borderColor:"rgba(0, 122, 255, 0.44)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorSuccess:hover, &.MuiChip-clickable.MuiChip-filledSuccess:hover":{backgroundColor:"rgba(52, 199, 89, 0.28)",color:"#6FD98B",borderColor:"rgba(52, 199, 89, 0.4)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorWarning:hover, &.MuiChip-clickable.MuiChip-filledWarning:hover":{backgroundColor:"rgba(255, 149, 0, 0.26)",color:"#FFB340",borderColor:"rgba(255, 149, 0, 0.4)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorError:hover, &.MuiChip-clickable.MuiChip-filledError:hover":{backgroundColor:"rgba(255, 59, 48, 0.26)",color:"#FF7A73",borderColor:"rgba(255, 59, 48, 0.4)"},"&.MuiChip-clickable.MuiChip-filled.MuiChip-colorSecondary:hover, &.MuiChip-clickable.MuiChip-filledSecondary:hover":{backgroundColor:"rgba(88, 86, 214, 0.28)",color:"#7B79E6",borderColor:"rgba(88, 86, 214, 0.42)"}},filled:{background:"linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)), rgba(255, 255, 255, 0.08)",border:"1px solid rgba(255,255,255,0.15)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 8px rgba(0,0,0,0.16)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.2)",color:"#6FD98B",border:"1px solid rgba(52, 199, 89, 0.3)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.18)",color:"#FFB340",border:"1px solid rgba(255, 149, 0, 0.3)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.18)",color:"#FF7A73",border:"1px solid rgba(255, 59, 48, 0.3)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.2)",color:"#47A3FF",border:"1px solid rgba(0, 122, 255, 0.35)"}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(180deg, rgba(255,255,255,0.24), rgba(255,255,255,0)), linear-gradient(135deg, #34D058, #30D158)",opacity:1,borderColor:"rgba(52, 199, 89, 0.36)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(0,0,0,0.18)"}},"&.Mui-disabled + .MuiSwitch-track":{opacity:1,background:"linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02)), rgba(255, 255, 255, 0.08)",borderColor:"rgba(255, 255, 255, 0.1)"},"&.Mui-disabled .MuiSwitch-thumb":{background:"linear-gradient(180deg, rgba(255,255,255,0.38), rgba(220,222,228,0.26))",borderColor:"rgba(255, 255, 255, 0.1)"}},thumb:{width:22,height:22,background:"linear-gradient(180deg, rgba(255,255,255,0.94), rgba(231,232,237,0.9))",border:"1px solid rgba(255, 255, 255, 0.18)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.58)"},track:{borderRadius:14,background:"linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.03)), rgba(255, 255, 255, 0.14)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease",border:"1px solid rgba(255, 255, 255, 0.16)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.08)"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});import{jsx as P,jsxs as A}from"react/jsx-runtime";var or=({children:e,mode:t="light"})=>A(w,{theme:t==="light"?C:m,children:[P(B,{}),e]});import{Card as W,styled as O}from"@mui/material";import{jsx as I}from"react/jsx-runtime";var T=O(W)(({theme:e})=>({transition:"box-shadow 0.2s ease-in-out","&:hover":{boxShadow:e.palette.mode==="dark"?"0 32px 76px rgba(0, 0, 0, 0.62), 0 12px 26px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(255,255,255,0.06)":"0 28px 68px rgba(31, 35, 45, 0.16), 0 10px 24px rgba(31, 35, 45, 0.1), inset 0 1px 0 rgba(255,255,255,0.92), inset 0 -1px 0 rgba(255,255,255,0.32)"}})),u=({children:e,...t})=>I(T,{...t,children:e});import{CardContent as R,Typography as M,Avatar as E,Box as D,styled as S}from"@mui/material";import{jsx as l,jsxs as G}from"react/jsx-runtime";var z=S(E)(({theme:e})=>({width:64,height:64,border:`2px solid ${e.palette.divider}`,boxShadow:e.shadows[2],marginBottom:e.spacing(2)})),L=S(D)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),sr=({name:e,role:t,avatarUrl:g,sx:c,...s})=>l(u,{sx:{maxWidth:280,...c},...s,children:l(R,{children:G(L,{children:[l(z,{src:g,alt:e}),l(M,{variant:"h6",component:"div",gutterBottom:!0,children:e}),t&&l(M,{variant:"body2",color:"text.secondary",children:t})]})})});import{useState as h}from"react";import{Box as x,Typography as k,TextField as y,Button as v,FormControl as H,InputLabel as $,Select as N,MenuItem as p,FormControlLabel as U,Checkbox as X,Switch as q,Stack as Q}from"@mui/material";import{jsx as o,jsxs as d}from"react/jsx-runtime";var Cr=()=>{let[e,t]=h(""),[g,c]=h(!0),[s,f]=h(!1);return d(u,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[o(k,{variant:"h4",gutterBottom:!0,children:"Registration"}),o(k,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),o(x,{component:"form",onSubmit:i=>{i.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:d(Q,{spacing:3,children:[o(y,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),o(y,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),d(H,{fullWidth:!0,variant:"outlined",children:[o($,{id:"role-select-label",children:"Select Role"}),d(N,{labelId:"role-select-label",id:"role-select",value:e,label:"Select Role",onChange:i=>{t(i.target.value)},children:[o(p,{value:"",children:o("em",{children:"None"})}),o(p,{value:"developer",children:"Developer"}),o(p,{value:"designer",children:"Designer"}),o(p,{value:"manager",children:"Manager"})]})]}),d(x,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[o(k,{variant:"body1",children:"Enable Notifications"}),o(q,{checked:g,onChange:i=>c(i.target.checked),color:"primary"})]}),o(U,{control:o(X,{checked:s,onChange:i=>f(i.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),d(x,{sx:{display:"flex",gap:2,mt:2},children:[o(v,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),o(v,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!s,children:"Submit"})]})]})})]})};import{Button as Br,Card as Pr,CardActions as Ar,CardContent as Wr,Paper as Or,Chip as Tr,TextField as Ir,FormControl as Rr,FormControlLabel as Er,FormGroup as Dr,InputLabel as zr,OutlinedInput as Lr,Select as Gr,Menu as Hr,MenuItem as $r,Dialog as Nr,DialogActions as Ur,DialogContent as Xr,DialogContentText as qr,DialogTitle as Qr,Drawer as Yr,AppBar as Jr,Checkbox as Kr,Tabs as Vr,Tab as Zr,Stepper as _r,Step as jr,StepLabel as ro,StepIcon as oo,StepConnector as eo,Autocomplete as ao,Switch as to,Table as io,TableBody as bo,TableCell as no,TableContainer as lo,TableHead as go,TableRow as so,Tooltip as uo,Alert as po,LinearProgress as co,Divider as ho,Typography as xo,Box as ko,Stack as Fo,Container as Co,Grid as mo,IconButton as Mo,Toolbar as So,List as yo,ListItem as vo,ListItemButton as fo,ListItemText as wo,ListItemIcon as Bo,useMediaQuery as Po,useTheme as Ao}from"@mui/material";import{DatePicker as Oo}from"@mui/x-date-pickers";export{po as Alert,Jr as AppBar,ao as Autocomplete,ko as Box,Br as Button,Pr as Card,Ar as CardActions,Wr as CardContent,Kr as Checkbox,Tr as Chip,Co as Container,Oo as DatePicker,Nr as Dialog,Ur as DialogActions,Xr as DialogContent,qr as DialogContentText,Qr as DialogTitle,ho as Divider,Yr as Drawer,Cr as ExampleForm,Rr as FormControl,Er as FormControlLabel,Dr as FormGroup,u as GlassCard,mo as Grid,Mo as IconButton,zr as InputLabel,or as LibThemeProvider,co as LinearProgress,yo as List,vo as ListItem,fo as ListItemButton,Bo as ListItemIcon,wo as ListItemText,Hr as Menu,$r as MenuItem,Lr as OutlinedInput,Or as Paper,Gr as Select,Fo as Stack,jr as Step,eo as StepConnector,oo as StepIcon,ro as StepLabel,_r as Stepper,to as Switch,Zr as Tab,io as Table,bo as TableBody,no as TableCell,lo as TableContainer,go as TableHead,so as TableRow,Vr as Tabs,Ir as TextField,So as Toolbar,uo as Tooltip,xo as Typography,sr as UserCard,Po as useMediaQuery,Ao as useTheme};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@awaymess/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.13",
|
|
4
4
|
"description": "Custom MUI UI Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -13,6 +13,13 @@
|
|
|
13
13
|
"main": "./dist/index.js",
|
|
14
14
|
"module": "./dist/index.mjs",
|
|
15
15
|
"types": "./dist/index.d.ts",
|
|
16
|
+
"exports": {
|
|
17
|
+
".": {
|
|
18
|
+
"types": "./dist/index.d.ts",
|
|
19
|
+
"import": "./dist/index.mjs",
|
|
20
|
+
"require": "./dist/index.js"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
16
23
|
"files": [
|
|
17
24
|
"dist"
|
|
18
25
|
],
|