@awaymess/ui 0.1.19 → 0.1.21
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.mts +40 -0
- package/dist/index.d.ts +13 -3
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +19 -18
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CardProps, TextFieldProps, SvgIconProps } from '@mui/material';
|
|
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';
|
|
6
|
+
|
|
7
|
+
interface LibThemeProviderProps {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
mode?: 'light' | 'dark';
|
|
10
|
+
}
|
|
11
|
+
declare const LibThemeProvider: React.FC<LibThemeProviderProps>;
|
|
12
|
+
|
|
13
|
+
interface GlassCardProps extends CardProps {
|
|
14
|
+
}
|
|
15
|
+
declare const GlassCard: React.FC<GlassCardProps>;
|
|
16
|
+
|
|
17
|
+
interface UserCardProps extends CardProps {
|
|
18
|
+
name: string;
|
|
19
|
+
role?: string;
|
|
20
|
+
avatarUrl?: string;
|
|
21
|
+
}
|
|
22
|
+
declare const UserCard: React.FC<UserCardProps>;
|
|
23
|
+
|
|
24
|
+
declare const ExampleForm: React.FC;
|
|
25
|
+
|
|
26
|
+
type NumberInputProps = Omit<NumericFormatProps<TextFieldProps>, 'customInput' | 'type'>;
|
|
27
|
+
declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Modern iOS / macOS & Lucide style Calendar Icon for DatePicker & DateTimePicker.
|
|
31
|
+
* Designed with clean outline geometry, rounded corners, and zero visual clutter.
|
|
32
|
+
*/
|
|
33
|
+
declare const ModernCalendarIcon: React.FC<SvgIconProps>;
|
|
34
|
+
/**
|
|
35
|
+
* Modern iOS / macOS & Lucide style Clock Icon for TimePicker & DateTimePicker.
|
|
36
|
+
* Clean circular outline with crisp clock hands.
|
|
37
|
+
*/
|
|
38
|
+
declare const ModernClockIcon: React.FC<SvgIconProps>;
|
|
39
|
+
|
|
40
|
+
export { ExampleForm, GlassCard, type GlassCardProps, LibThemeProvider, type LibThemeProviderProps, ModernCalendarIcon, ModernClockIcon, NumberInput, type NumberInputProps, UserCard, type UserCardProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { CardProps, TextFieldProps } from '@mui/material';
|
|
2
|
+
import { CardProps, TextFieldProps, SvgIconProps } 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
4
|
import { NumericFormatProps } from 'react-number-format';
|
|
5
5
|
export { NumberFormatValues, NumericFormat, NumericFormatProps, OnValueChange, PatternFormat, PatternFormatProps, SourceInfo } from 'react-number-format';
|
|
6
|
-
export { DatePicker } from '@mui/x-date-pickers';
|
|
7
6
|
|
|
8
7
|
interface LibThemeProviderProps {
|
|
9
8
|
children: React.ReactNode;
|
|
@@ -27,4 +26,15 @@ declare const ExampleForm: React.FC;
|
|
|
27
26
|
type NumberInputProps = Omit<NumericFormatProps<TextFieldProps>, 'customInput' | 'type'>;
|
|
28
27
|
declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
29
28
|
|
|
30
|
-
|
|
29
|
+
/**
|
|
30
|
+
* Modern iOS / macOS & Lucide style Calendar Icon for DatePicker & DateTimePicker.
|
|
31
|
+
* Designed with clean outline geometry, rounded corners, and zero visual clutter.
|
|
32
|
+
*/
|
|
33
|
+
declare const ModernCalendarIcon: React.FC<SvgIconProps>;
|
|
34
|
+
/**
|
|
35
|
+
* Modern iOS / macOS & Lucide style Clock Icon for TimePicker & DateTimePicker.
|
|
36
|
+
* Clean circular outline with crisp clock hands.
|
|
37
|
+
*/
|
|
38
|
+
declare const ModernClockIcon: React.FC<SvgIconProps>;
|
|
39
|
+
|
|
40
|
+
export { ExampleForm, GlassCard, type GlassCardProps, LibThemeProvider, type LibThemeProviderProps, ModernCalendarIcon, ModernClockIcon, NumberInput, type NumberInputProps, UserCard, type UserCardProps };
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
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});
|
|
2
|
+
"use strict";var D=Object.create;var F=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty;var G=(t,a)=>{for(var n in a)F(t,n,{get:a[n],enumerable:!0})},I=(t,a,n,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let l of z(a))!H.call(t,l)&&l!==n&&F(t,l,{get:()=>a[l],enumerable:!(c=L(a,l))||c.enumerable});return t};var $=(t,a,n)=>(n=t!=null?D(N(t)):{},I(a||!t||!t.__esModule?F(n,"default",{value:t,enumerable:!0}):n,t)),U=t=>I(F({},"__esModule",{value:!0}),t);var K={};G(K,{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,Dialog:()=>r.Dialog,DialogActions:()=>r.DialogActions,DialogContent:()=>r.DialogContent,DialogContentText:()=>r.DialogContentText,DialogTitle:()=>r.DialogTitle,Divider:()=>r.Divider,Drawer:()=>r.Drawer,ExampleForm:()=>j,FormControl:()=>r.FormControl,FormControlLabel:()=>r.FormControlLabel,FormGroup:()=>r.FormGroup,GlassCard:()=>X,Grid:()=>r.Grid,IconButton:()=>r.IconButton,InputLabel:()=>r.InputLabel,LibThemeProvider:()=>V,LinearProgress:()=>r.LinearProgress,List:()=>r.List,ListItem:()=>r.ListItem,ListItemButton:()=>r.ListItemButton,ListItemIcon:()=>r.ListItemIcon,ListItemText:()=>r.ListItemText,Menu:()=>r.Menu,MenuItem:()=>r.MenuItem,ModernCalendarIcon:()=>d,ModernClockIcon:()=>p,NumberInput:()=>J,NumericFormat:()=>f.NumericFormat,OutlinedInput:()=>r.OutlinedInput,Paper:()=>r.Paper,PatternFormat:()=>f.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:()=>Y,useMediaQuery:()=>r.useMediaQuery,useTheme:()=>r.useTheme});module.exports=U(K);var m=require("@mui/material");var S=require("@mui/material/styles"),h=require("react");var P=require("@mui/material"),b=require("react/jsx-runtime"),d=t=>(0,b.jsxs)(P.SvgIcon,{...t,viewBox:"0 0 24 24",sx:{fill:"none",stroke:"currentColor",...t.sx},children:[(0,b.jsx)("rect",{x:"3",y:"4",width:"18",height:"18",rx:"3",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}),(0,b.jsx)("path",{d:"M16 2v4M8 2v4M3 10h18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})]}),p=t=>(0,b.jsxs)(P.SvgIcon,{...t,viewBox:"0 0 24 24",sx:{fill:"none",stroke:"currentColor",...t.sx},children:[(0,b.jsx)("circle",{cx:"12",cy:"12",r:"9",fill:"none",stroke:"currentColor",strokeWidth:"1.8"}),(0,b.jsx)("path",{d:"M12 6v6l4 2",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})]});var 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)"}},k={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, & .MuiPickersOutlinedInput-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, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset, &:hover .MuiOutlinedInput-notchedOutline, &:hover .MuiPickersOutlinedInput-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 fieldset, &.Mui-focused .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(229, 231, 235, 0.5)",color:"rgba(60, 60, 67, 0.36)","& fieldset, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.12)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(60, 60, 67, 0.36)"}}},'& 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, &:hover .MuiPickersOutlinedInput-notchedOutline, &: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 .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(229, 231, 235, 0.5)",color:"rgba(60, 60, 67, 0.36)","& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline, & fieldset":{borderColor:"rgba(60, 60, 67, 0.12)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(60, 60, 67, 0.36)"}}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiPickersTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-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, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset, &:hover .MuiOutlinedInput-notchedOutline, &:hover .MuiPickersOutlinedInput-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 fieldset, &.Mui-focused .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(229, 231, 235, 0.5)",color:"rgba(60, 60, 67, 0.36)","& fieldset, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.12)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(60, 60, 67, 0.36)"}}}}}},MuiPickersOutlinedInput:{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, &:hover .MuiPickersOutlinedInput-notchedOutline, &: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 .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(229, 231, 235, 0.5)",color:"rgba(60, 60, 67, 0.36)","& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline, & fieldset":{borderColor:"rgba(60, 60, 67, 0.12)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(60, 60, 67, 0.36)"}}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiDatePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiDesktopDatePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiMobileDatePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiDateTimePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiDesktopDateTimePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiMobileDateTimePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiTimePicker:{defaultProps:{slots:{openPickerIcon:p}}},MuiDesktopTimePicker:{defaultProps:{slots:{openPickerIcon:p}}},MuiMobileTimePicker:{defaultProps:{slots:{openPickerIcon:p}}},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,h.createElement)("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:(0,h.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,h.createElement)("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:(0,h.createElement)("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},(0,h.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,"&.MuiSwitch-sizeSmall":{width:36,height:20}},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)"}},".MuiSwitch-root.MuiSwitch-sizeSmall &":{padding:2,"&.Mui-checked":{transform:"translateX(16px)"}}},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)",".MuiSwitch-root.MuiSwitch-sizeSmall &":{width:16,height:16}},track:{borderRadius:14,background:"rgba(120, 120, 128, 0.32)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease",".MuiSwitch-root.MuiSwitch-sizeSmall &":{borderRadius:10}}}},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)"}}}}},O=(0,S.createTheme)({...k,palette:{mode:"light",...k.palette}}),y=(0,S.createTheme)({...k,palette:{mode:"dark",...k.palette,background:{default:"#0E111B",paper:o.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...k.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, & .MuiPickersOutlinedInput-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, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset, &:hover .MuiOutlinedInput-notchedOutline, &:hover .MuiPickersOutlinedInput-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 fieldset, &.Mui-focused .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(255, 255, 255, 0.03)",color:"rgba(235, 235, 245, 0.3)","& fieldset, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.08)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(235, 235, 245, 0.3)"}},"& 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, &:hover .MuiPickersOutlinedInput-notchedOutline, &: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 .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(255, 255, 255, 0.03)",color:"rgba(235, 235, 245, 0.3)","& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline, & fieldset":{borderColor:"rgba(255, 255, 255, 0.08)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(235, 235, 245, 0.3)"}}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiPickersTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-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, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset, &:hover .MuiOutlinedInput-notchedOutline, &:hover .MuiPickersOutlinedInput-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 fieldset, &.Mui-focused .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(255, 255, 255, 0.03)",color:"rgba(235, 235, 245, 0.3)","& fieldset, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.08)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(235, 235, 245, 0.3)"}},"& 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"}}}},MuiPickersOutlinedInput:{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, &:hover .MuiPickersOutlinedInput-notchedOutline, &: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 .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(255, 255, 255, 0.03)",color:"rgba(235, 235, 245, 0.3)","& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline, & fieldset":{borderColor:"rgba(255, 255, 255, 0.08)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(235, 235, 245, 0.3)"}}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiDatePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiDesktopDatePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiMobileDatePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiDateTimePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiDesktopDateTimePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiMobileDateTimePicker:{defaultProps:{slots:{openPickerIcon:d}}},MuiTimePicker:{defaultProps:{slots:{openPickerIcon:p}}},MuiDesktopTimePicker:{defaultProps:{slots:{openPickerIcon:p}}},MuiMobileTimePicker:{defaultProps:{slots:{openPickerIcon:p}}},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,"&.MuiSwitch-sizeSmall":{width:36,height:20}},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}},".MuiSwitch-root.MuiSwitch-sizeSmall &":{padding:2,"&.Mui-checked":{transform:"translateX(16px)"}}},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)",".MuiSwitch-root.MuiSwitch-sizeSmall &":{width:16,height:16}},track:{borderRadius:14,background:"rgba(255, 255, 255, 0.18)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease",".MuiSwitch-root.MuiSwitch-sizeSmall &":{borderRadius:10}}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});var x=require("react/jsx-runtime"),V=({children:t,mode:a="light"})=>(0,x.jsxs)(m.ThemeProvider,{theme:a==="light"?O:y,children:[(0,x.jsx)(m.CssBaseline,{}),t]});var B=require("@mui/material"),w=require("react/jsx-runtime"),X=({children:t,...a})=>(0,w.jsx)(B.Card,{...a,children:t});var u=require("@mui/material"),g=require("react/jsx-runtime"),q=(0,u.styled)(u.Avatar)(({theme:t})=>({width:64,height:64,border:`2px solid ${t.palette.divider}`,boxShadow:t.shadows[2],marginBottom:t.spacing(2)})),Q=(0,u.styled)(u.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),Y=({name:t,role:a,avatarUrl:n,sx:c,...l})=>(0,g.jsx)(u.Card,{sx:{maxWidth:280,...c},...l,children:(0,g.jsx)(u.CardContent,{children:(0,g.jsxs)(Q,{children:[(0,g.jsx)(q,{src:n,alt:t}),(0,g.jsx)(u.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:t}),a&&(0,g.jsx)(u.Typography,{variant:"body2",color:"text.secondary",children:a})]})})});var C=require("react"),e=require("@mui/material"),i=require("react/jsx-runtime"),j=()=>{let[t,a]=(0,C.useState)(""),[n,c]=(0,C.useState)(!0),[l,v]=(0,C.useState)(!1);return(0,i.jsxs)(e.Card,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[(0,i.jsx)(e.Typography,{variant:"h4",gutterBottom:!0,children:"Registration"}),(0,i.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,i.jsx)(e.Box,{component:"form",onSubmit:s=>{s.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:(0,i.jsxs)(e.Stack,{spacing:3,children:[(0,i.jsx)(e.TextField,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),(0,i.jsx)(e.TextField,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),(0,i.jsxs)(e.FormControl,{fullWidth:!0,variant:"outlined",children:[(0,i.jsx)(e.InputLabel,{id:"role-select-label",children:"Select Role"}),(0,i.jsxs)(e.Select,{labelId:"role-select-label",id:"role-select",value:t,label:"Select Role",onChange:s=>{a(s.target.value)},children:[(0,i.jsx)(e.MenuItem,{value:"",children:(0,i.jsx)("em",{children:"None"})}),(0,i.jsx)(e.MenuItem,{value:"developer",children:"Developer"}),(0,i.jsx)(e.MenuItem,{value:"designer",children:"Designer"}),(0,i.jsx)(e.MenuItem,{value:"manager",children:"Manager"})]})]}),(0,i.jsxs)(e.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,i.jsx)(e.Typography,{variant:"body1",children:"Enable Notifications"}),(0,i.jsx)(e.Switch,{checked:n,onChange:s=>c(s.target.checked),color:"primary"})]}),(0,i.jsxs)(e.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,i.jsx)(e.Typography,{variant:"body2",color:"text.secondary",children:"Compact Mode (Small Switch)"}),(0,i.jsx)(e.Switch,{defaultChecked:!0,size:"small",color:"primary"})]}),(0,i.jsx)(e.FormControlLabel,{control:(0,i.jsx)(e.Checkbox,{checked:l,onChange:s=>v(s.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),(0,i.jsxs)(e.Box,{sx:{display:"flex",gap:2,mt:2},children:[(0,i.jsx)(e.Button,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),(0,i.jsx)(e.Button,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!l,children:"Submit"})]})]})})]})};var A=$(require("react")),T=require("@mui/material"),W=require("react-number-format"),R=require("react/jsx-runtime"),J=A.default.forwardRef(function({decimalScale:a=0,thousandSeparator:n=",",onValueChange:c,...l},v){return(0,R.jsx)(W.NumericFormat,{...l,decimalScale:a,getInputRef:v,customInput:T.TextField,thousandSeparator:n,onValueChange:(M,s)=>{c&&c(M.value===""?{...M,value:"0",floatValue:0}:M,s)}})});var f=require("react-number-format"),r=require("@mui/material");0&&(module.exports={Alert,AppBar,Autocomplete,Box,Button,Card,CardActions,CardContent,Checkbox,Chip,Container,Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle,Divider,Drawer,ExampleForm,FormControl,FormControlLabel,FormGroup,GlassCard,Grid,IconButton,InputLabel,LibThemeProvider,LinearProgress,List,ListItem,ListItemButton,ListItemIcon,ListItemText,Menu,MenuItem,ModernCalendarIcon,ModernClockIcon,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 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};
|
|
2
|
+
import{ThemeProvider as T,CssBaseline as W}from"@mui/material";import{createTheme as v}from"@mui/material/styles";import{createElement as s}from"react";import{SvgIcon as C}from"@mui/material";import{jsx as h,jsxs as f}from"react/jsx-runtime";var t=o=>f(C,{...o,viewBox:"0 0 24 24",sx:{fill:"none",stroke:"currentColor",...o.sx},children:[h("rect",{x:"3",y:"4",width:"18",height:"18",rx:"3",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"}),h("path",{d:"M16 2v4M8 2v4M3 10h18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})]}),n=o=>f(C,{...o,viewBox:"0 0 24 24",sx:{fill:"none",stroke:"currentColor",...o.sx},children:[h("circle",{cx:"12",cy:"12",r:"9",fill:"none",stroke:"currentColor",strokeWidth:"1.8"}),h("path",{d:"M12 6v6l4 2",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})]});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)"}},b={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, & .MuiPickersOutlinedInput-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, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset, &:hover .MuiOutlinedInput-notchedOutline, &:hover .MuiPickersOutlinedInput-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 fieldset, &.Mui-focused .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(229, 231, 235, 0.5)",color:"rgba(60, 60, 67, 0.36)","& fieldset, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.12)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(60, 60, 67, 0.36)"}}},'& 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, &:hover .MuiPickersOutlinedInput-notchedOutline, &: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 .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(229, 231, 235, 0.5)",color:"rgba(60, 60, 67, 0.36)","& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline, & fieldset":{borderColor:"rgba(60, 60, 67, 0.12)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(60, 60, 67, 0.36)"}}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiPickersTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-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, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset, &:hover .MuiOutlinedInput-notchedOutline, &:hover .MuiPickersOutlinedInput-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 fieldset, &.Mui-focused .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(229, 231, 235, 0.5)",color:"rgba(60, 60, 67, 0.36)","& fieldset, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.12)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(60, 60, 67, 0.36)"}}}}}},MuiPickersOutlinedInput:{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, &:hover .MuiPickersOutlinedInput-notchedOutline, &: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 .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(229, 231, 235, 0.5)",color:"rgba(60, 60, 67, 0.36)","& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline, & fieldset":{borderColor:"rgba(60, 60, 67, 0.12)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(60, 60, 67, 0.36)"}}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiDatePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiDesktopDatePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiMobileDatePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiDateTimePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiDesktopDateTimePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiMobileDateTimePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiTimePicker:{defaultProps:{slots:{openPickerIcon:n}}},MuiDesktopTimePicker:{defaultProps:{slots:{openPickerIcon:n}}},MuiMobileTimePicker:{defaultProps:{slots:{openPickerIcon:n}}},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:s("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:s("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},s("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:s("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},s("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,"&.MuiSwitch-sizeSmall":{width:36,height:20}},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)"}},".MuiSwitch-root.MuiSwitch-sizeSmall &":{padding:2,"&.Mui-checked":{transform:"translateX(16px)"}}},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)",".MuiSwitch-root.MuiSwitch-sizeSmall &":{width:16,height:16}},track:{borderRadius:14,background:"rgba(120, 120, 128, 0.32)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease",".MuiSwitch-root.MuiSwitch-sizeSmall &":{borderRadius:10}}}},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)"}}}}},P=v({...b,palette:{mode:"light",...b.palette}}),S=v({...b,palette:{mode:"dark",...b.palette,background:{default:"#0E111B",paper:r.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...b.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, & .MuiPickersOutlinedInput-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, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset, &:hover .MuiOutlinedInput-notchedOutline, &:hover .MuiPickersOutlinedInput-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 fieldset, &.Mui-focused .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(255, 255, 255, 0.03)",color:"rgba(235, 235, 245, 0.3)","& fieldset, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.08)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(235, 235, 245, 0.3)"}},"& 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, &:hover .MuiPickersOutlinedInput-notchedOutline, &: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 .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(255, 255, 255, 0.03)",color:"rgba(235, 235, 245, 0.3)","& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline, & fieldset":{borderColor:"rgba(255, 255, 255, 0.08)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(235, 235, 245, 0.3)"}}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiPickersTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root, & .MuiPickersOutlinedInput-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, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset, &:hover .MuiOutlinedInput-notchedOutline, &:hover .MuiPickersOutlinedInput-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 fieldset, &.Mui-focused .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(255, 255, 255, 0.03)",color:"rgba(235, 235, 245, 0.3)","& fieldset, & .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.08)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(235, 235, 245, 0.3)"}},"& 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"}}}},MuiPickersOutlinedInput:{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, &:hover .MuiPickersOutlinedInput-notchedOutline, &: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 .MuiOutlinedInput-notchedOutline, &.Mui-focused .MuiPickersOutlinedInput-notchedOutline, &.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"&.Mui-focused .MuiIconButton-root, &.Mui-focused .MuiSvgIcon-root":{color:"#0A84FF"},"&.Mui-disabled":{background:"rgba(255, 255, 255, 0.03)",color:"rgba(235, 235, 245, 0.3)","& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline, & fieldset":{borderColor:"rgba(255, 255, 255, 0.08)"},"& input, & span, & .MuiPickersSectionList-sectionContent":{color:"rgba(235, 235, 245, 0.3)"}}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiDatePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiDesktopDatePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiMobileDatePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiDateTimePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiDesktopDateTimePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiMobileDateTimePicker:{defaultProps:{slots:{openPickerIcon:t}}},MuiTimePicker:{defaultProps:{slots:{openPickerIcon:n}}},MuiDesktopTimePicker:{defaultProps:{slots:{openPickerIcon:n}}},MuiMobileTimePicker:{defaultProps:{slots:{openPickerIcon:n}}},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,"&.MuiSwitch-sizeSmall":{width:36,height:20}},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}},".MuiSwitch-root.MuiSwitch-sizeSmall &":{padding:2,"&.Mui-checked":{transform:"translateX(16px)"}}},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)",".MuiSwitch-root.MuiSwitch-sizeSmall &":{width:16,height:16}},track:{borderRadius:14,background:"rgba(255, 255, 255, 0.18)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease",".MuiSwitch-root.MuiSwitch-sizeSmall &":{borderRadius:10}}}},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 R,jsxs as E}from"react/jsx-runtime";var pr=({children:o,mode:i="light"})=>E(T,{theme:i==="light"?P:S,children:[R(W,{}),o]});import{Card as D}from"@mui/material";import{jsx as L}from"react/jsx-runtime";var Fr=({children:o,...i})=>L(D,{...i,children:o});import{CardContent as z,Typography as I,Avatar as N,Box as H,styled as O,Card as G}from"@mui/material";import{jsx as p,jsxs as V}from"react/jsx-runtime";var $=O(N)(({theme:o})=>({width:64,height:64,border:`2px solid ${o.palette.divider}`,boxShadow:o.shadows[2],marginBottom:o.spacing(2)})),U=O(H)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),vr=({name:o,role:i,avatarUrl:u,sx:l,...c})=>p(G,{sx:{maxWidth:280,...l},...c,children:p(z,{children:V(U,{children:[p($,{src:u,alt:o}),p(I,{variant:"h6",component:"div",gutterBottom:!0,children:o}),i&&p(I,{variant:"body2",color:"text.secondary",children:i})]})})});import{useState as x}from"react";import{Box as k,Typography as M,TextField as y,Button as B,FormControl as X,InputLabel as q,Select as Q,MenuItem as F,FormControlLabel as Y,Checkbox as j,Switch as w,Stack as J,Card as K}from"@mui/material";import{jsx as e,jsxs as d}from"react/jsx-runtime";var wr=()=>{let[o,i]=x(""),[u,l]=x(!0),[c,m]=x(!1);return d(K,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[e(M,{variant:"h4",gutterBottom:!0,children:"Registration"}),e(M,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),e(k,{component:"form",onSubmit:a=>{a.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:d(J,{spacing:3,children:[e(y,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),e(y,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),d(X,{fullWidth:!0,variant:"outlined",children:[e(q,{id:"role-select-label",children:"Select Role"}),d(Q,{labelId:"role-select-label",id:"role-select",value:o,label:"Select Role",onChange:a=>{i(a.target.value)},children:[e(F,{value:"",children:e("em",{children:"None"})}),e(F,{value:"developer",children:"Developer"}),e(F,{value:"designer",children:"Designer"}),e(F,{value:"manager",children:"Manager"})]})]}),d(k,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(M,{variant:"body1",children:"Enable Notifications"}),e(w,{checked:u,onChange:a=>l(a.target.checked),color:"primary"})]}),d(k,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(M,{variant:"body2",color:"text.secondary",children:"Compact Mode (Small Switch)"}),e(w,{defaultChecked:!0,size:"small",color:"primary"})]}),e(Y,{control:e(j,{checked:c,onChange:a=>m(a.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),d(k,{sx:{display:"flex",gap:2,mt:2},children:[e(B,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),e(B,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!c,children:"Submit"})]})]})})]})};import Z from"react";import{TextField as _}from"@mui/material";import{NumericFormat as rr}from"react-number-format";import{jsx as or}from"react/jsx-runtime";var Hr=Z.forwardRef(function({decimalScale:i=0,thousandSeparator:u=",",onValueChange:l,...c},m){return or(rr,{...c,decimalScale:i,getInputRef:m,customInput:_,thousandSeparator:u,onValueChange:(g,a)=>{l&&l(g.value===""?{...g,value:"0",floatValue:0}:g,a)}})});import{NumericFormat as jr,PatternFormat as Jr}from"react-number-format";import{Button as Zr,Card as _r,CardActions as ro,CardContent as oo,Paper as eo,Chip as to,TextField as io,FormControl as ao,FormControlLabel as no,FormGroup as uo,InputLabel as lo,OutlinedInput as co,Select as so,Menu as bo,MenuItem as po,Dialog as go,DialogActions as ho,DialogContent as ko,DialogContentText as Mo,DialogTitle as Fo,Drawer as mo,AppBar as xo,Checkbox as Co,Tabs as fo,Tab as vo,Stepper as Po,Step as So,StepLabel as Io,StepIcon as Oo,StepConnector as yo,Autocomplete as Bo,Switch as wo,Table as Ao,TableBody as To,TableCell as Wo,TableContainer as Ro,TableHead as Eo,TableRow as Do,Tooltip as Lo,Alert as zo,LinearProgress as No,Divider as Ho,Typography as Go,Box as $o,Stack as Uo,Container as Vo,Grid as Xo,IconButton as qo,Toolbar as Qo,List as Yo,ListItem as jo,ListItemButton as Jo,ListItemText as Ko,ListItemIcon as Zo,useMediaQuery as _o,useTheme as re}from"@mui/material";export{zo as Alert,xo as AppBar,Bo as Autocomplete,$o as Box,Zr as Button,_r as Card,ro as CardActions,oo as CardContent,Co as Checkbox,to as Chip,Vo as Container,go as Dialog,ho as DialogActions,ko as DialogContent,Mo as DialogContentText,Fo as DialogTitle,Ho as Divider,mo as Drawer,wr as ExampleForm,ao as FormControl,no as FormControlLabel,uo as FormGroup,Fr as GlassCard,Xo as Grid,qo as IconButton,lo as InputLabel,pr as LibThemeProvider,No as LinearProgress,Yo as List,jo as ListItem,Jo as ListItemButton,Zo as ListItemIcon,Ko as ListItemText,bo as Menu,po as MenuItem,t as ModernCalendarIcon,n as ModernClockIcon,Hr as NumberInput,jr as NumericFormat,co as OutlinedInput,eo as Paper,Jr as PatternFormat,so as Select,Uo as Stack,So as Step,yo as StepConnector,Oo as StepIcon,Io as StepLabel,Po as Stepper,wo as Switch,vo as Tab,Ao as Table,To as TableBody,Wo as TableCell,Ro as TableContainer,Eo as TableHead,Do as TableRow,fo as Tabs,io as TextField,Qo as Toolbar,Lo as Tooltip,Go as Typography,vr as UserCard,_o as useMediaQuery,re 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.21",
|
|
4
4
|
"description": "Custom MUI UI Component Library",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -33,11 +33,11 @@
|
|
|
33
33
|
"lint": "tsc"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@emotion/react": ">=11.
|
|
37
|
-
"@emotion/styled": ">=11.
|
|
38
|
-
"@mui/icons-material": ">=
|
|
39
|
-
"@mui/material": ">=
|
|
40
|
-
"@mui/x-date-pickers": ">=
|
|
36
|
+
"@emotion/react": ">=11.14.0",
|
|
37
|
+
"@emotion/styled": ">=11.14.1",
|
|
38
|
+
"@mui/icons-material": ">=9.2.0",
|
|
39
|
+
"@mui/material": ">=9.2.0",
|
|
40
|
+
"@mui/x-date-pickers": ">=9.8.0",
|
|
41
41
|
"react-number-format": "^5.4.5"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
@@ -45,17 +45,18 @@
|
|
|
45
45
|
"react-dom": ">=18.0.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@emotion/react": "^11.
|
|
49
|
-
"@emotion/styled": "^11.
|
|
50
|
-
"@mui/icons-material": "^
|
|
51
|
-
"@mui/material": "^
|
|
52
|
-
"@mui/x-date-pickers": "^
|
|
53
|
-
"@types/react": "^
|
|
54
|
-
"@types/react-dom": "^
|
|
55
|
-
"
|
|
56
|
-
"react
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
48
|
+
"@emotion/react": "^11.14.0",
|
|
49
|
+
"@emotion/styled": "^11.14.1",
|
|
50
|
+
"@mui/icons-material": "^9.2.0",
|
|
51
|
+
"@mui/material": "^9.2.0",
|
|
52
|
+
"@mui/x-date-pickers": "^9.8.0",
|
|
53
|
+
"@types/react": "^19.2.17",
|
|
54
|
+
"@types/react-dom": "^19.2.3",
|
|
55
|
+
"dayjs": "^1.11.21",
|
|
56
|
+
"react": "^19.2.7",
|
|
57
|
+
"react-dom": "^19.2.7",
|
|
58
|
+
"rimraf": "^6.1.3",
|
|
59
|
+
"tsup": "^8.5.1",
|
|
60
|
+
"typescript": "^6.0.3"
|
|
60
61
|
}
|
|
61
62
|
}
|