@awaymess/ui 0.1.17 → 0.1.19
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.d.ts +7 -2
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { CardProps } from '@mui/material';
|
|
2
|
+
import { CardProps, TextFieldProps } from '@mui/material';
|
|
3
3
|
export { Alert, AlertProps, AppBar, AppBarProps, Autocomplete, AutocompleteProps, Box, Button, ButtonProps, Card, CardActions, CardActionsProps, CardContent, CardContentProps, CardProps, Checkbox, CheckboxProps, Chip, ChipProps, Container, Dialog, DialogActions, DialogActionsProps, DialogContent, DialogContentProps, DialogContentText, DialogContentTextProps, DialogProps, DialogTitle, DialogTitleProps, Divider, DividerProps, Drawer, DrawerProps, FormControl, FormControlLabel, FormControlLabelProps, FormControlProps, FormGroup, FormGroupProps, Grid, IconButton, InputLabel, InputLabelProps, LinearProgress, LinearProgressProps, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Menu, MenuItem, MenuItemProps, MenuProps, OutlinedInput, Paper, PaperProps, Select, SelectProps, Stack, Step, StepConnector, StepIcon, StepLabel, Stepper, StepperProps, Switch, SwitchProps, Tab, TabProps, Table, TableBody, TableCell, TableContainer, TableHead, TableProps, TableRow, Tabs, TabsProps, TextField, TextFieldProps, Toolbar, Tooltip, TooltipProps, Typography, TypographyProps, useMediaQuery, useTheme } from '@mui/material';
|
|
4
|
+
import { NumericFormatProps } from 'react-number-format';
|
|
5
|
+
export { NumberFormatValues, NumericFormat, NumericFormatProps, OnValueChange, PatternFormat, PatternFormatProps, SourceInfo } from 'react-number-format';
|
|
4
6
|
export { DatePicker } from '@mui/x-date-pickers';
|
|
5
7
|
|
|
6
8
|
interface LibThemeProviderProps {
|
|
@@ -22,4 +24,7 @@ declare const UserCard: React.FC<UserCardProps>;
|
|
|
22
24
|
|
|
23
25
|
declare const ExampleForm: React.FC;
|
|
24
26
|
|
|
25
|
-
|
|
27
|
+
type NumberInputProps = Omit<NumericFormatProps<TextFieldProps>, 'customInput' | 'type'>;
|
|
28
|
+
declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
29
|
+
|
|
30
|
+
export { ExampleForm, GlassCard, GlassCardProps, LibThemeProvider, LibThemeProviderProps, NumberInput, NumberInputProps, UserCard, UserCardProps };
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var x=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var A=(t,i)=>{for(var n in i)x(t,n,{get:i[n],enumerable:!0})},I=(t,i,n,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let l of w(i))!P.call(t,l)&&l!==n&&x(t,l,{get:()=>i[l],enumerable:!(s=B(i,l))||s.enumerable});return t};var O=t=>I(x({},"__esModule",{value:!0}),t);var L={};A(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:()=>p,Grid:()=>r.Grid,IconButton:()=>r.IconButton,InputLabel:()=>r.InputLabel,LibThemeProvider:()=>W,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 m=require("@mui/material/styles"),c=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, 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:"none","&:hover":{backgroundColor:"#007AFF",backgroundImage:"none"},"&.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","&:hover":{backgroundColor:"#4B49C7"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#2FB34F"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#E9342A"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#E68600"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#7C7C82"}}},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:"color-mix(in srgb, currentColor 10%, transparent)"}},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%)","&.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.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:12,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:26,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,c.createElement)("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:(0,c.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,c.createElement)("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:(0,c.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,c.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:"rgba(120, 120, 128, 0.16)",borderRadius:14,padding:"4px",borderBottom:0,boxShadow:"none","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",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}}},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)","&.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)"}}}}},M=(0,m.createTheme)({...g,palette:{mode:"light",...g.palette}}),f=(0,m.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:12,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","&:hover":{backgroundColor:"#2994FF",backgroundImage:"none"},"&.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","&:hover":{backgroundColor:"#6866E8"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#42D967"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#FF5148"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#FFA51F"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#AEAEB2"}}},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:"color-mix(in srgb, currentColor 10%, transparent)"}},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",borderBottom:0,boxShadow:"none","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",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}}},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)",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(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) 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:"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 k=require("react/jsx-runtime"),W=({children:t,mode:i="light"})=>(0,k.jsxs)(h.ThemeProvider,{theme:i==="light"?M:f,children:[(0,k.jsx)(h.CssBaseline,{}),t]});var F=require("@mui/material"),y=require("react/jsx-runtime"),T=(0,F.styled)(F.Card)(()=>({transition:"border-color 0.2s ease-in-out"})),p=({children:t,...i})=>(0,y.jsx)(T,{...i,children:t});var d=require("@mui/material");var b=require("react/jsx-runtime"),E=(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)})),R=(0,d.styled)(d.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),D=({name:t,role:i,avatarUrl:n,sx:s,...l})=>(0,b.jsx)(p,{sx:{maxWidth:280,...s},...l,children:(0,b.jsx)(d.CardContent,{children:(0,b.jsxs)(R,{children:[(0,b.jsx)(E,{src:n,alt:t}),(0,b.jsx)(d.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:t}),i&&(0,b.jsx)(d.Typography,{variant:"body2",color:"text.secondary",children:i})]})})});var C=require("react"),e=require("@mui/material");var a=require("react/jsx-runtime"),z=()=>{let[t,i]=(0,C.useState)(""),[n,s]=(0,C.useState)(!0),[l,S]=(0,C.useState)(!1);return(0,a.jsxs)(p,{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:u=>{u.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:u=>{i(u.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:n,onChange:u=>s(u.target.checked),color:"primary"})]}),(0,a.jsx)(e.FormControlLabel,{control:(0,a.jsx)(e.Checkbox,{checked:l,onChange:u=>S(u.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:!l,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 W=Object.create;var h=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var L=(a,i)=>{for(var d in i)h(a,d,{get:i[d],enumerable:!0})},f=(a,i,d,b)=>{if(i&&typeof i=="object"||typeof i=="function")for(let l of E(i))!z.call(a,l)&&l!==d&&h(a,l,{get:()=>i[l],enumerable:!(b=R(i,l))||b.enumerable});return a};var N=(a,i,d)=>(d=a!=null?W(D(a)):{},f(i||!a||!a.__esModule?h(d,"default",{value:a,enumerable:!0}):d,a)),H=a=>f(h({},"__esModule",{value:!0}),a);var Y={};L(Y,{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:()=>O.DatePicker,Dialog:()=>r.Dialog,DialogActions:()=>r.DialogActions,DialogContent:()=>r.DialogContent,DialogContentText:()=>r.DialogContentText,DialogTitle:()=>r.DialogTitle,Divider:()=>r.Divider,Drawer:()=>r.Drawer,ExampleForm:()=>q,FormControl:()=>r.FormControl,FormControlLabel:()=>r.FormControlLabel,FormGroup:()=>r.FormGroup,GlassCard:()=>$,Grid:()=>r.Grid,IconButton:()=>r.IconButton,InputLabel:()=>r.InputLabel,LibThemeProvider:()=>G,LinearProgress:()=>r.LinearProgress,List:()=>r.List,ListItem:()=>r.ListItem,ListItemButton:()=>r.ListItemButton,ListItemIcon:()=>r.ListItemIcon,ListItemText:()=>r.ListItemText,Menu:()=>r.Menu,MenuItem:()=>r.MenuItem,NumberInput:()=>Q,NumericFormat:()=>x.NumericFormat,OutlinedInput:()=>r.OutlinedInput,Paper:()=>r.Paper,PatternFormat:()=>x.PatternFormat,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:()=>X,useMediaQuery:()=>r.useMediaQuery,useTheme:()=>r.useTheme});module.exports=H(Y);var F=require("@mui/material");var M=require("@mui/material/styles"),c=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)"}},p={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, 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:"none","&:hover":{backgroundColor:"#007AFF",backgroundImage:"none"},"&.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","&:hover":{backgroundColor:"#4B49C7"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#2FB34F"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#E9342A"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#E68600"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#7C7C82"}}},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:"color-mix(in srgb, currentColor 10%, transparent)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:26,background:o.light.surface,backdropFilter:o.light.blur,WebkitBackdropFilter:o.light.blur,border:`1px solid ${o.light.border}`,boxShadow:o.light.shadow,transition:"border-color 0.2s ease-in-out",padding:"24px",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%)","&.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:16,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:16,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:16,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:26,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,c.createElement)("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:(0,c.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,c.createElement)("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:(0,c.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,c.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:"rgba(120, 120, 128, 0.16)",borderRadius:16,padding:"4px",borderBottom:0,boxShadow:"none","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",borderRadius:12,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}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:12,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:16,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:16,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.4)","&.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)"}}}}},y=(0,M.createTheme)({...p,palette:{mode:"light",...p.palette}}),v=(0,M.createTheme)({...p,palette:{mode:"dark",...p.palette,background:{default:"#0E111B",paper:o.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...p.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:26,background:o.dark.surface,backdropFilter:o.dark.blur,WebkitBackdropFilter:o.dark.blur,border:`1px solid ${o.dark.border}`,boxShadow:o.dark.shadow,transition:"border-color 0.2s ease-in-out",padding:"24px",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:16,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:16,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:16,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:26,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","&:hover":{backgroundColor:"#2994FF",backgroundImage:"none"},"&.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","&:hover":{backgroundColor:"#6866E8"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#42D967"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#FF5148"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#FFA51F"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#AEAEB2"}}},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:"color-mix(in srgb, currentColor 10%, transparent)"}},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:16,padding:"4px",borderBottom:0,boxShadow:"none","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",borderRadius:12,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}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:16,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:16,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:16,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",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(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) 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:"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 k=require("react/jsx-runtime"),G=({children:a,mode:i="light"})=>(0,k.jsxs)(F.ThemeProvider,{theme:i==="light"?y:v,children:[(0,k.jsx)(F.CssBaseline,{}),a]});var S=require("@mui/material"),B=require("react/jsx-runtime"),$=({children:a,...i})=>(0,B.jsx)(S.Card,{...i,children:a});var n=require("@mui/material"),s=require("react/jsx-runtime"),U=(0,n.styled)(n.Avatar)(({theme:a})=>({width:64,height:64,border:`2px solid ${a.palette.divider}`,boxShadow:a.shadows[2],marginBottom:a.spacing(2)})),V=(0,n.styled)(n.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),X=({name:a,role:i,avatarUrl:d,sx:b,...l})=>(0,s.jsx)(n.Card,{sx:{maxWidth:280,...b},...l,children:(0,s.jsx)(n.CardContent,{children:(0,s.jsxs)(V,{children:[(0,s.jsx)(U,{src:d,alt:a}),(0,s.jsx)(n.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:a}),i&&(0,s.jsx)(n.Typography,{variant:"body2",color:"text.secondary",children:i})]})})});var m=require("react"),e=require("@mui/material"),t=require("react/jsx-runtime"),q=()=>{let[a,i]=(0,m.useState)(""),[d,b]=(0,m.useState)(!0),[l,C]=(0,m.useState)(!1);return(0,t.jsxs)(e.Card,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[(0,t.jsx)(e.Typography,{variant:"h4",gutterBottom:!0,children:"Registration"}),(0,t.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,t.jsx)(e.Box,{component:"form",onSubmit:u=>{u.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:(0,t.jsxs)(e.Stack,{spacing:3,children:[(0,t.jsx)(e.TextField,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),(0,t.jsx)(e.TextField,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),(0,t.jsxs)(e.FormControl,{fullWidth:!0,variant:"outlined",children:[(0,t.jsx)(e.InputLabel,{id:"role-select-label",children:"Select Role"}),(0,t.jsxs)(e.Select,{labelId:"role-select-label",id:"role-select",value:a,label:"Select Role",onChange:u=>{i(u.target.value)},children:[(0,t.jsx)(e.MenuItem,{value:"",children:(0,t.jsx)("em",{children:"None"})}),(0,t.jsx)(e.MenuItem,{value:"developer",children:"Developer"}),(0,t.jsx)(e.MenuItem,{value:"designer",children:"Designer"}),(0,t.jsx)(e.MenuItem,{value:"manager",children:"Manager"})]})]}),(0,t.jsxs)(e.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,t.jsx)(e.Typography,{variant:"body1",children:"Enable Notifications"}),(0,t.jsx)(e.Switch,{checked:d,onChange:u=>b(u.target.checked),color:"primary"})]}),(0,t.jsx)(e.FormControlLabel,{control:(0,t.jsx)(e.Checkbox,{checked:l,onChange:u=>C(u.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),(0,t.jsxs)(e.Box,{sx:{display:"flex",gap:2,mt:2},children:[(0,t.jsx)(e.Button,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),(0,t.jsx)(e.Button,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!l,children:"Submit"})]})]})})]})};var w=N(require("react")),P=require("@mui/material"),I=require("react-number-format"),A=require("react/jsx-runtime"),Q=w.default.forwardRef(function({decimalScale:i=0,thousandSeparator:d=",",onValueChange:b,...l},C){return(0,A.jsx)(I.NumericFormat,{...l,decimalScale:i,getInputRef:C,customInput:P.TextField,thousandSeparator:d,onValueChange:(g,u)=>{b&&b(g.value===""?{...g,value:"0",floatValue:0}:g,u)}})});var x=require("react-number-format"),r=require("@mui/material"),O=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,NumberInput,NumericFormat,OutlinedInput,Paper,PatternFormat,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 S,CssBaseline as B}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)"}},l={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, 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:"none","&:hover":{backgroundColor:"#007AFF",backgroundImage:"none"},"&.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","&:hover":{backgroundColor:"#4B49C7"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#2FB34F"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#E9342A"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#E68600"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#7C7C82"}}},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:"color-mix(in srgb, currentColor 10%, transparent)"}},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%)","&.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.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:12,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:26,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: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:"rgba(120, 120, 128, 0.16)",borderRadius:14,padding:"4px",borderBottom:0,boxShadow:"none","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",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}}},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)","&.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({...l,palette:{mode:"light",...l.palette}}),x=F({...l,palette:{mode:"dark",...l.palette,background:{default:"#0E111B",paper:r.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...l.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:12,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","&:hover":{backgroundColor:"#2994FF",backgroundImage:"none"},"&.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","&:hover":{backgroundColor:"#6866E8"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#42D967"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#FF5148"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#FFA51F"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#AEAEB2"}}},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:"color-mix(in srgb, currentColor 10%, transparent)"}},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",borderBottom:0,boxShadow:"none","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",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}}},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)",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(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) 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:"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 w,jsxs as P}from"react/jsx-runtime";var rr=({children:e,mode:a="light"})=>P(S,{theme:a==="light"?C:x,children:[w(B,{}),e]});import{Card as A,styled as I}from"@mui/material";import{jsx as W}from"react/jsx-runtime";var O=I(A)(()=>({transition:"border-color 0.2s ease-in-out"})),s=({children:e,...a})=>W(O,{...a,children:e});import{CardContent as T,Typography as m,Avatar as E,Box as R,styled as M}from"@mui/material";import{jsx as n,jsxs as L}from"react/jsx-runtime";var D=M(E)(({theme:e})=>({width:64,height:64,border:`2px solid ${e.palette.divider}`,boxShadow:e.shadows[2],marginBottom:e.spacing(2)})),z=M(R)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),ur=({name:e,role:a,avatarUrl:b,sx:g,...u})=>n(s,{sx:{maxWidth:280,...g},...u,children:n(T,{children:L(z,{children:[n(D,{src:b,alt:e}),n(m,{variant:"h6",component:"div",gutterBottom:!0,children:e}),a&&n(m,{variant:"body2",color:"text.secondary",children:a})]})})});import{useState as p}from"react";import{Box as h,Typography as k,TextField as f,Button as y,FormControl as G,InputLabel as H,Select as $,MenuItem as c,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 Cr=()=>{let[e,a]=p(""),[b,g]=p(!0),[u,v]=p(!1);return i(s,{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(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(f,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),o(f,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),i(G,{fullWidth:!0,variant:"outlined",children:[o(H,{id:"role-select-label",children:"Select Role"}),i($,{labelId:"role-select-label",id:"role-select",value:e,label:"Select Role",onChange:t=>{a(t.target.value)},children:[o(c,{value:"",children:o("em",{children:"None"})}),o(c,{value:"developer",children:"Developer"}),o(c,{value:"designer",children:"Designer"}),o(c,{value:"manager",children:"Manager"})]})]}),i(h,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[o(k,{variant:"body1",children:"Enable Notifications"}),o(X,{checked:b,onChange:t=>g(t.target.checked),color:"primary"})]}),o(N,{control:o(U,{checked:u,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(y,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),o(y,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!u,children:"Submit"})]})]})})]})};import{Button as Br,Card as wr,CardActions as Pr,CardContent as Ar,Paper as Ir,Chip as Or,TextField as Wr,FormControl as Tr,FormControlLabel as Er,FormGroup as Rr,InputLabel as Dr,OutlinedInput as zr,Select as Lr,Menu as Gr,MenuItem as Hr,Dialog as $r,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 lo,TableContainer as no,TableHead as bo,TableRow as uo,Tooltip as so,Alert as co,LinearProgress as go,Divider as po,Typography as ho,Box as ko,Stack as Fo,Container as Co,Grid as xo,IconButton as mo,Toolbar as Mo,List as fo,ListItem as yo,ListItemButton as vo,ListItemText as So,ListItemIcon as Bo,useMediaQuery as wo,useTheme as Po}from"@mui/material";import{DatePicker as Io}from"@mui/x-date-pickers";export{co as Alert,Yr as AppBar,eo as Autocomplete,ko as Box,Br as Button,wr as Card,Pr as CardActions,Ar as CardContent,Jr as Checkbox,Or as Chip,Co as Container,Io as DatePicker,$r as Dialog,Nr as DialogActions,Ur as DialogContent,Xr as DialogContentText,qr as DialogTitle,po as Divider,Qr as Drawer,Cr as ExampleForm,Tr as FormControl,Er as FormControlLabel,Rr as FormGroup,s as GlassCard,xo as Grid,mo as IconButton,Dr as InputLabel,rr as LibThemeProvider,go as LinearProgress,fo as List,yo as ListItem,vo as ListItemButton,Bo as ListItemIcon,So as ListItemText,Gr as Menu,Hr as MenuItem,zr as OutlinedInput,Ir 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,lo as TableCell,no as TableContainer,bo as TableHead,uo as TableRow,Kr as Tabs,Wr as TextField,Mo as Toolbar,so as Tooltip,ho as Typography,ur as UserCard,wo as useMediaQuery,Po as useTheme};
|
|
2
|
+
import{ThemeProvider as B,CssBaseline as w}from"@mui/material";import{createTheme as m}from"@mui/material/styles";import{createElement as b}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)"}},u={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, 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:"none","&:hover":{backgroundColor:"#007AFF",backgroundImage:"none"},"&.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","&:hover":{backgroundColor:"#4B49C7"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#2FB34F"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#E9342A"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#E68600"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#7C7C82"}}},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:"color-mix(in srgb, currentColor 10%, transparent)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:26,background:r.light.surface,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,boxShadow:r.light.shadow,transition:"border-color 0.2s ease-in-out",padding:"24px",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%)","&.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:16,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:16,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:16,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:26,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: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:"rgba(120, 120, 128, 0.16)",borderRadius:16,padding:"4px",borderBottom:0,boxShadow:"none","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",borderRadius:12,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}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:12,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:16,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:16,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.4)","&.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)"}}}}},x=m({...u,palette:{mode:"light",...u.palette}}),C=m({...u,palette:{mode:"dark",...u.palette,background:{default:"#0E111B",paper:r.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...u.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:26,background:r.dark.surface,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadow,transition:"border-color 0.2s ease-in-out",padding:"24px",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:16,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:16,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:16,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:26,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","&:hover":{backgroundColor:"#2994FF",backgroundImage:"none"},"&.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","&:hover":{backgroundColor:"#6866E8"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#42D967"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#FF5148"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#FFA51F"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#AEAEB2"}}},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:"color-mix(in srgb, currentColor 10%, transparent)"}},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:16,padding:"4px",borderBottom:0,boxShadow:"none","&:before, &:after":{display:"none"},"& .MuiTabs-flexContainer, & .MuiTabs-list":{position:"relative",zIndex:1}},indicator:{height:"100%",borderRadius:12,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}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:16,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:16,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:16,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",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(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) 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:"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 P,jsxs as I}from"react/jsx-runtime";var ar=({children:e,mode:a="light"})=>I(B,{theme:a==="light"?x:C,children:[P(w,{}),e]});import{Card as A}from"@mui/material";import{jsx as O}from"react/jsx-runtime";var lr=({children:e,...a})=>O(A,{...a,children:e});import{CardContent as T,Typography as M,Avatar as W,Box as R,styled as f,Card as E}from"@mui/material";import{jsx as s,jsxs as L}from"react/jsx-runtime";var D=f(W)(({theme:e})=>({width:64,height:64,border:`2px solid ${e.palette.divider}`,boxShadow:e.shadows[2],marginBottom:e.spacing(2)})),z=f(R)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),pr=({name:e,role:a,avatarUrl:i,sx:d,...n})=>s(E,{sx:{maxWidth:280,...d},...n,children:s(T,{children:L(z,{children:[s(D,{src:i,alt:e}),s(M,{variant:"h6",component:"div",gutterBottom:!0,children:e}),a&&s(M,{variant:"body2",color:"text.secondary",children:a})]})})});import{useState as h}from"react";import{Box as F,Typography as k,TextField as y,Button as v,FormControl as N,InputLabel as H,Select as G,MenuItem as p,FormControlLabel as $,Checkbox as U,Switch as V,Stack as X,Card as q}from"@mui/material";import{jsx as o,jsxs as l}from"react/jsx-runtime";var Cr=()=>{let[e,a]=h(""),[i,d]=h(!0),[n,g]=h(!1);return l(q,{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(F,{component:"form",onSubmit:t=>{t.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:l(X,{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"}),l(N,{fullWidth:!0,variant:"outlined",children:[o(H,{id:"role-select-label",children:"Select Role"}),l(G,{labelId:"role-select-label",id:"role-select",value:e,label:"Select Role",onChange:t=>{a(t.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"})]})]}),l(F,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[o(k,{variant:"body1",children:"Enable Notifications"}),o(V,{checked:i,onChange:t=>d(t.target.checked),color:"primary"})]}),o($,{control:o(U,{checked:n,onChange:t=>g(t.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),l(F,{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:!n,children:"Submit"})]})]})})]})};import Q from"react";import{TextField as Y}from"@mui/material";import{NumericFormat as J}from"react-number-format";import{jsx as K}from"react/jsx-runtime";var Ar=Q.forwardRef(function({decimalScale:a=0,thousandSeparator:i=",",onValueChange:d,...n},g){return K(J,{...n,decimalScale:a,getInputRef:g,customInput:Y,thousandSeparator:i,onValueChange:(c,t)=>{d&&d(c.value===""?{...c,value:"0",floatValue:0}:c,t)}})});import{NumericFormat as Nr,PatternFormat as Hr}from"react-number-format";import{Button as $r,Card as Ur,CardActions as Vr,CardContent as Xr,Paper as qr,Chip as Qr,TextField as Yr,FormControl as Jr,FormControlLabel as Kr,FormGroup as Zr,InputLabel as _r,OutlinedInput as jr,Select as ro,Menu as oo,MenuItem as eo,Dialog as ao,DialogActions as to,DialogContent as io,DialogContentText as no,DialogTitle as lo,Drawer as bo,AppBar as uo,Checkbox as so,Tabs as co,Tab as po,Stepper as go,Step as ho,StepLabel as Fo,StepIcon as ko,StepConnector as mo,Autocomplete as xo,Switch as Co,Table as Mo,TableBody as fo,TableCell as yo,TableContainer as vo,TableHead as So,TableRow as Bo,Tooltip as wo,Alert as Po,LinearProgress as Io,Divider as Ao,Typography as Oo,Box as To,Stack as Wo,Container as Ro,Grid as Eo,IconButton as Do,Toolbar as zo,List as Lo,ListItem as No,ListItemButton as Ho,ListItemText as Go,ListItemIcon as $o,useMediaQuery as Uo,useTheme as Vo}from"@mui/material";import{DatePicker as qo}from"@mui/x-date-pickers";export{Po as Alert,uo as AppBar,xo as Autocomplete,To as Box,$r as Button,Ur as Card,Vr as CardActions,Xr as CardContent,so as Checkbox,Qr as Chip,Ro as Container,qo as DatePicker,ao as Dialog,to as DialogActions,io as DialogContent,no as DialogContentText,lo as DialogTitle,Ao as Divider,bo as Drawer,Cr as ExampleForm,Jr as FormControl,Kr as FormControlLabel,Zr as FormGroup,lr as GlassCard,Eo as Grid,Do as IconButton,_r as InputLabel,ar as LibThemeProvider,Io as LinearProgress,Lo as List,No as ListItem,Ho as ListItemButton,$o as ListItemIcon,Go as ListItemText,oo as Menu,eo as MenuItem,Ar as NumberInput,Nr as NumericFormat,jr as OutlinedInput,qr as Paper,Hr as PatternFormat,ro as Select,Wo as Stack,ho as Step,mo as StepConnector,ko as StepIcon,Fo as StepLabel,go as Stepper,Co as Switch,po as Tab,Mo as Table,fo as TableBody,yo as TableCell,vo as TableContainer,So as TableHead,Bo as TableRow,co as Tabs,Yr as TextField,zo as Toolbar,wo as Tooltip,Oo as Typography,pr as UserCard,Uo as useMediaQuery,Vo 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.19",
|
|
4
4
|
"description": "Custom MUI UI Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -37,7 +37,8 @@
|
|
|
37
37
|
"@emotion/styled": ">=11.0.0",
|
|
38
38
|
"@mui/icons-material": ">=5.0.0",
|
|
39
39
|
"@mui/material": ">=5.0.0",
|
|
40
|
-
"@mui/x-date-pickers": ">=6.0.0"
|
|
40
|
+
"@mui/x-date-pickers": ">=6.0.0",
|
|
41
|
+
"react-number-format": "^5.4.5"
|
|
41
42
|
},
|
|
42
43
|
"peerDependencies": {
|
|
43
44
|
"react": ">=18.0.0",
|