@awaymess/ui 0.1.18 → 0.1.20

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.
@@ -0,0 +1,30 @@
1
+ import React from 'react';
2
+ import { CardProps, TextFieldProps } 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
+ export { DatePicker } from '@mui/x-date-pickers';
7
+
8
+ interface LibThemeProviderProps {
9
+ children: React.ReactNode;
10
+ mode?: 'light' | 'dark';
11
+ }
12
+ declare const LibThemeProvider: React.FC<LibThemeProviderProps>;
13
+
14
+ interface GlassCardProps extends CardProps {
15
+ }
16
+ declare const GlassCard: React.FC<GlassCardProps>;
17
+
18
+ interface UserCardProps extends CardProps {
19
+ name: string;
20
+ role?: string;
21
+ avatarUrl?: string;
22
+ }
23
+ declare const UserCard: React.FC<UserCardProps>;
24
+
25
+ declare const ExampleForm: React.FC;
26
+
27
+ type NumberInputProps = Omit<NumericFormatProps<TextFieldProps>, 'customInput' | 'type'>;
28
+ declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
29
+
30
+ export { ExampleForm, GlassCard, type GlassCardProps, LibThemeProvider, type LibThemeProviderProps, NumberInput, type NumberInputProps, UserCard, type UserCardProps };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import React from 'react';
2
- import { CardProps } from '@mui/material';
2
+ import { CardProps, TextFieldProps } from '@mui/material';
3
3
  export { Alert, AlertProps, AppBar, AppBarProps, Autocomplete, AutocompleteProps, Box, Button, ButtonProps, Card, CardActions, CardActionsProps, CardContent, CardContentProps, CardProps, Checkbox, CheckboxProps, Chip, ChipProps, Container, Dialog, DialogActions, DialogActionsProps, DialogContent, DialogContentProps, DialogContentText, DialogContentTextProps, DialogProps, DialogTitle, DialogTitleProps, Divider, DividerProps, Drawer, DrawerProps, FormControl, FormControlLabel, FormControlLabelProps, FormControlProps, FormGroup, FormGroupProps, Grid, IconButton, InputLabel, InputLabelProps, LinearProgress, LinearProgressProps, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Menu, MenuItem, MenuItemProps, MenuProps, OutlinedInput, Paper, PaperProps, Select, SelectProps, Stack, Step, StepConnector, StepIcon, StepLabel, Stepper, StepperProps, Switch, SwitchProps, Tab, TabProps, Table, TableBody, TableCell, TableContainer, TableHead, TableProps, TableRow, Tabs, TabsProps, TextField, TextFieldProps, Toolbar, Tooltip, TooltipProps, Typography, TypographyProps, useMediaQuery, useTheme } from '@mui/material';
4
+ import { NumericFormatProps } from 'react-number-format';
5
+ export { NumberFormatValues, NumericFormat, NumericFormatProps, OnValueChange, PatternFormat, PatternFormatProps, SourceInfo } from 'react-number-format';
4
6
  export { DatePicker } from '@mui/x-date-pickers';
5
7
 
6
8
  interface LibThemeProviderProps {
@@ -22,4 +24,7 @@ declare const UserCard: React.FC<UserCardProps>;
22
24
 
23
25
  declare const ExampleForm: React.FC;
24
26
 
25
- export { ExampleForm, GlassCard, GlassCardProps, LibThemeProvider, LibThemeProviderProps, UserCard, UserCardProps };
27
+ type NumberInputProps = Omit<NumericFormatProps<TextFieldProps>, 'customInput' | 'type'>;
28
+ declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
29
+
30
+ export { ExampleForm, GlassCard, type GlassCardProps, LibThemeProvider, type LibThemeProviderProps, NumberInput, type NumberInputProps, UserCard, type UserCardProps };
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var F=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var P=(t,i)=>{for(var n in i)F(t,n,{get:i[n],enumerable:!0})},A=(t,i,n,s)=>{if(i&&typeof i=="object"||typeof i=="function")for(let l of B(i))!w.call(t,l)&&l!==n&&F(t,l,{get:()=>i[l],enumerable:!(s=S(i,l))||s.enumerable});return t};var I=t=>A(F({},"__esModule",{value:!0}),t);var z={};P(z,{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:()=>y.DatePicker,Dialog:()=>r.Dialog,DialogActions:()=>r.DialogActions,DialogContent:()=>r.DialogContent,DialogContentText:()=>r.DialogContentText,DialogTitle:()=>r.DialogTitle,Divider:()=>r.Divider,Drawer:()=>r.Drawer,ExampleForm:()=>D,FormControl:()=>r.FormControl,FormControlLabel:()=>r.FormControlLabel,FormGroup:()=>r.FormGroup,GlassCard:()=>W,Grid:()=>r.Grid,IconButton:()=>r.IconButton,InputLabel:()=>r.InputLabel,LibThemeProvider:()=>O,LinearProgress:()=>r.LinearProgress,List:()=>r.List,ListItem:()=>r.ListItem,ListItemButton:()=>r.ListItemButton,ListItemIcon:()=>r.ListItemIcon,ListItemText:()=>r.ListItemText,Menu:()=>r.Menu,MenuItem:()=>r.MenuItem,OutlinedInput:()=>r.OutlinedInput,Paper:()=>r.Paper,Select:()=>r.Select,Stack:()=>r.Stack,Step:()=>r.Step,StepConnector:()=>r.StepConnector,StepIcon:()=>r.StepIcon,StepLabel:()=>r.StepLabel,Stepper:()=>r.Stepper,Switch:()=>r.Switch,Tab:()=>r.Tab,Table:()=>r.Table,TableBody:()=>r.TableBody,TableCell:()=>r.TableCell,TableContainer:()=>r.TableContainer,TableHead:()=>r.TableHead,TableRow:()=>r.TableRow,Tabs:()=>r.Tabs,TextField:()=>r.TextField,Toolbar:()=>r.Toolbar,Tooltip:()=>r.Tooltip,Typography:()=>r.Typography,UserCard:()=>R,useMediaQuery:()=>r.useMediaQuery,useTheme:()=>r.useTheme});module.exports=I(z);var g=require("@mui/material");var x=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)"}}}}},C=(0,x.createTheme)({...p,palette:{mode:"light",...p.palette}}),m=(0,x.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 h=require("react/jsx-runtime"),O=({children:t,mode:i="light"})=>(0,h.jsxs)(g.ThemeProvider,{theme:i==="light"?C:m,children:[(0,h.jsx)(g.CssBaseline,{}),t]});var M=require("@mui/material"),f=require("react/jsx-runtime"),W=({children:t,...i})=>(0,f.jsx)(M.Card,{...i,children:t});var d=require("@mui/material"),b=require("react/jsx-runtime"),T=(0,d.styled)(d.Avatar)(({theme:t})=>({width:64,height:64,border:`2px solid ${t.palette.divider}`,boxShadow:t.shadows[2],marginBottom:t.spacing(2)})),E=(0,d.styled)(d.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),R=({name:t,role:i,avatarUrl:n,sx:s,...l})=>(0,b.jsx)(d.Card,{sx:{maxWidth:280,...s},...l,children:(0,b.jsx)(d.CardContent,{children:(0,b.jsxs)(E,{children:[(0,b.jsx)(T,{src:n,alt:t}),(0,b.jsx)(d.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:t}),i&&(0,b.jsx)(d.Typography,{variant:"body2",color:"text.secondary",children:i})]})})});var k=require("react"),e=require("@mui/material"),a=require("react/jsx-runtime"),D=()=>{let[t,i]=(0,k.useState)(""),[n,s]=(0,k.useState)(!0),[l,v]=(0,k.useState)(!1);return(0,a.jsxs)(e.Card,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[(0,a.jsx)(e.Typography,{variant:"h4",gutterBottom:!0,children:"Registration"}),(0,a.jsx)(e.Typography,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),(0,a.jsx)(e.Box,{component:"form",onSubmit:u=>{u.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:(0,a.jsxs)(e.Stack,{spacing:3,children:[(0,a.jsx)(e.TextField,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),(0,a.jsx)(e.TextField,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),(0,a.jsxs)(e.FormControl,{fullWidth:!0,variant:"outlined",children:[(0,a.jsx)(e.InputLabel,{id:"role-select-label",children:"Select Role"}),(0,a.jsxs)(e.Select,{labelId:"role-select-label",id:"role-select",value:t,label:"Select Role",onChange:u=>{i(u.target.value)},children:[(0,a.jsx)(e.MenuItem,{value:"",children:(0,a.jsx)("em",{children:"None"})}),(0,a.jsx)(e.MenuItem,{value:"developer",children:"Developer"}),(0,a.jsx)(e.MenuItem,{value:"designer",children:"Designer"}),(0,a.jsx)(e.MenuItem,{value:"manager",children:"Manager"})]})]}),(0,a.jsxs)(e.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,a.jsx)(e.Typography,{variant:"body1",children:"Enable Notifications"}),(0,a.jsx)(e.Switch,{checked:n,onChange:u=>s(u.target.checked),color:"primary"})]}),(0,a.jsx)(e.FormControlLabel,{control:(0,a.jsx)(e.Checkbox,{checked:l,onChange:u=>v(u.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),(0,a.jsxs)(e.Box,{sx:{display:"flex",gap:2,mt:2},children:[(0,a.jsx)(e.Button,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),(0,a.jsx)(e.Button,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!l,children:"Submit"})]})]})})]})};var r=require("@mui/material"),y=require("@mui/x-date-pickers");0&&(module.exports={Alert,AppBar,Autocomplete,Box,Button,Card,CardActions,CardContent,Checkbox,Chip,Container,DatePicker,Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle,Divider,Drawer,ExampleForm,FormControl,FormControlLabel,FormGroup,GlassCard,Grid,IconButton,InputLabel,LibThemeProvider,LinearProgress,List,ListItem,ListItemButton,ListItemIcon,ListItemText,Menu,MenuItem,OutlinedInput,Paper,Select,Stack,Step,StepConnector,StepIcon,StepLabel,Stepper,Switch,Tab,Table,TableBody,TableCell,TableContainer,TableHead,TableRow,Tabs,TextField,Toolbar,Tooltip,Typography,UserCard,useMediaQuery,useTheme});
2
+ "use strict";var W=Object.create;var h=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var L=(a,i)=>{for(var d in i)h(a,d,{get:i[d],enumerable:!0})},f=(a,i,d,u)=>{if(i&&typeof i=="object"||typeof i=="function")for(let n of E(i))!z.call(a,n)&&n!==d&&h(a,n,{get:()=>i[n],enumerable:!(u=R(i,n))||u.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,"&.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)"}}}}},y=(0,M.createTheme)({...p,palette:{mode:"light",...p.palette}}),S=(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,"&.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 k=require("react/jsx-runtime"),G=({children:a,mode:i="light"})=>(0,k.jsxs)(F.ThemeProvider,{theme:i==="light"?y:S,children:[(0,k.jsx)(F.CssBaseline,{}),a]});var v=require("@mui/material"),B=require("react/jsx-runtime"),$=({children:a,...i})=>(0,B.jsx)(v.Card,{...i,children:a});var l=require("@mui/material"),s=require("react/jsx-runtime"),U=(0,l.styled)(l.Avatar)(({theme:a})=>({width:64,height:64,border:`2px solid ${a.palette.divider}`,boxShadow:a.shadows[2],marginBottom:a.spacing(2)})),V=(0,l.styled)(l.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),X=({name:a,role:i,avatarUrl:d,sx:u,...n})=>(0,s.jsx)(l.Card,{sx:{maxWidth:280,...u},...n,children:(0,s.jsx)(l.CardContent,{children:(0,s.jsxs)(V,{children:[(0,s.jsx)(U,{src:d,alt:a}),(0,s.jsx)(l.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:a}),i&&(0,s.jsx)(l.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,u]=(0,m.useState)(!0),[n,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:b=>{b.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:b=>{i(b.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:b=>u(b.target.checked),color:"primary"})]}),(0,t.jsxs)(e.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,t.jsx)(e.Typography,{variant:"body2",color:"text.secondary",children:"Compact Mode (Small Switch)"}),(0,t.jsx)(e.Switch,{defaultChecked:!0,size:"small",color:"primary"})]}),(0,t.jsx)(e.FormControlLabel,{control:(0,t.jsx)(e.Checkbox,{checked:n,onChange:b=>C(b.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:!n,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:u,...n},C){return(0,A.jsx)(I.NumericFormat,{...n,decimalScale:i,getInputRef:C,customInput:P.TextField,thousandSeparator:d,onValueChange:(g,b)=>{u&&u(g.value===""?{...g,value:"0",floatValue:0}:g,b)}})});var x=require("react-number-format"),r=require("@mui/material"),O=require("@mui/x-date-pickers");0&&(module.exports={Alert,AppBar,Autocomplete,Box,Button,Card,CardActions,CardContent,Checkbox,Chip,Container,DatePicker,Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle,Divider,Drawer,ExampleForm,FormControl,FormControlLabel,FormGroup,GlassCard,Grid,IconButton,InputLabel,LibThemeProvider,LinearProgress,List,ListItem,ListItemButton,ListItemIcon,ListItemText,Menu,MenuItem,NumberInput,NumericFormat,OutlinedInput,Paper,PatternFormat,Select,Stack,Step,StepConnector,StepIcon,StepLabel,Stepper,Switch,Tab,Table,TableBody,TableCell,TableContainer,TableHead,TableRow,Tabs,TextField,Toolbar,Tooltip,Typography,UserCard,useMediaQuery,useTheme});
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- import{ThemeProvider as v,CssBaseline as S}from"@mui/material";import{createTheme as k}from"@mui/material/styles";import{createElement as d}from"react";var r={light:{surface:"rgba(255, 255, 255, 0.74)",surfaceStrong:"rgba(255, 255, 255, 0.9)",surfaceSubtle:"rgba(255, 255, 255, 0.42)",border:"rgba(255, 255, 255, 0.68)",borderSubtle:"rgba(210, 214, 224, 0.66)",shadow:"0 8px 24px rgba(28, 32, 42, 0.09), 0 2px 6px rgba(28, 32, 42, 0.05), inset 0 1px 0 rgba(255,255,255,0.92)",shadowElevated:"0 18px 48px rgba(28, 32, 42, 0.14), 0 8px 18px rgba(28, 32, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.94)",blur:"blur(24px) saturate(120%) brightness(1.02)",tint:"rgba(244, 245, 248, 0.62)"},dark:{surface:"rgba(34, 35, 40, 0.74)",surfaceStrong:"rgba(40, 41, 46, 0.9)",surfaceSubtle:"rgba(255, 255, 255, 0.07)",border:"rgba(255, 255, 255, 0.16)",borderSubtle:"rgba(255, 255, 255, 0.11)",shadow:"0 8px 28px rgba(0, 0, 0, 0.42), 0 2px 8px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.1)",shadowElevated:"0 18px 52px rgba(0, 0, 0, 0.54), 0 8px 20px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255,255,255,0.12)",blur:"blur(24px) saturate(112%) brightness(0.94)",tint:"rgba(24, 25, 30, 0.52)"}},l={palette:{primary:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},secondary:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},blue:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},purple:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},error:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B"},red:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B",contrastText:"#FFFFFF"},warning:{main:"#FF9500",light:"#FFB340",dark:"#C97200"},orange:{main:"#FF9500",light:"#FFB340",dark:"#C97200",contrastText:"#FFFFFF"},success:{main:"#34C759",light:"#6FD98B",dark:"#248A3D"},green:{main:"#34C759",light:"#6FD98B",dark:"#248A3D",contrastText:"#FFFFFF"},gray:{main:"#8E8E93",light:"#AEAEB2",dark:"#636366",contrastText:"#FFFFFF"},background:{default:"#EEF2F8",paper:r.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{backgroundColor:"#0A84FF",backgroundImage:"none","&:hover":{backgroundColor:"#007AFF",backgroundImage:"none"},"&.MuiButton-containedPrimary, &.MuiButton-colorPrimary, &.MuiButton-containedBlue, &.MuiButton-colorBlue":{backgroundColor:"#0A84FF",color:"#FFFFFF","&:hover":{backgroundColor:"#007AFF"}},"&.MuiButton-containedSecondary, &.MuiButton-colorSecondary, &.MuiButton-containedPurple, &.MuiButton-colorPurple":{backgroundColor:"#5856D6",color:"#FFFFFF","&:hover":{backgroundColor:"#4B49C7"}},"&.MuiButton-containedSuccess, &.MuiButton-colorSuccess, &.MuiButton-containedGreen, &.MuiButton-colorGreen":{backgroundColor:"#34C759",color:"#FFFFFF","&:hover":{backgroundColor:"#2FB34F"}},"&.MuiButton-containedError, &.MuiButton-colorError, &.MuiButton-containedRed, &.MuiButton-colorRed":{backgroundColor:"#FF3B30",color:"#FFFFFF","&:hover":{backgroundColor:"#E9342A"}},"&.MuiButton-containedWarning, &.MuiButton-colorWarning, &.MuiButton-containedOrange, &.MuiButton-colorOrange":{backgroundColor:"#FF9500",color:"#1C1C1E","&:hover":{backgroundColor:"#E68600"}},"&.MuiButton-containedGray, &.MuiButton-colorGray":{backgroundColor:"#8E8E93",color:"#FFFFFF","&:hover":{backgroundColor:"#7C7C82"}}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.2)",backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,backgroundColor:"rgba(255, 255, 255, 0.34)","&:hover":{borderColor:"rgba(60, 60, 67, 0.28)",backgroundColor:"color-mix(in srgb, currentColor 10%, transparent)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius: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:d("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:d("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},d("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:d("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},d("span",{className:"AwaymessCheckboxDash"}))},styleOverrides:{root:{padding:4,borderRadius:8,transition:"background 0.15s ease","& .AwaymessCheckboxIcon":{width:18,height:18,borderRadius:5,display:"inline-flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(120, 120, 128, 0.34)",boxShadow:"inset 0 0 0 1.75px rgba(60, 60, 67, 0.24), inset 0 1px 0 rgba(255,255,255,0.35)",transition:"background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease"},"& .AwaymessCheckboxIcon-checked":{backgroundColor:"currentColor",boxShadow:"0 3px 8px color-mix(in srgb, currentColor 28%, transparent), 0 0 0 1px color-mix(in srgb, currentColor 36%, transparent), inset 0 1px 0 rgba(255,255,255,0.28)"},"& .AwaymessCheckboxTick":{width:9,height:5,borderLeft:"2.25px solid #FFFFFF",borderBottom:"2.25px solid #FFFFFF",borderRadius:1,transform:"translateY(-0.5px) rotate(-45deg)"},"& .AwaymessCheckboxDash":{width:9,height:2.25,borderRadius:999,backgroundColor:"#FFFFFF"},"&:hover":{backgroundColor:"color-mix(in srgb, currentColor 10%, transparent)"},"&:active .AwaymessCheckboxIcon":{transform:"scale(0.96)"},"&.Mui-disabled .AwaymessCheckboxIcon":{backgroundColor:"rgba(120, 120, 128, 0.18)",boxShadow:"inset 0 0 0 2px rgba(120, 120, 128, 0.22)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(120, 120, 128, 0.16)",borderRadius: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)"}}}}},F=k({...l,palette:{mode:"light",...l.palette}}),x=k({...l,palette:{mode:"dark",...l.palette,background:{default:"#0E111B",paper:r.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...l.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius: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 B,jsxs as w}from"react/jsx-runtime";var j=({children:e,mode:a="light"})=>w(v,{theme:a==="light"?F:x,children:[B(S,{}),e]});import{Card as P}from"@mui/material";import{jsx as A}from"react/jsx-runtime";var tr=({children:e,...a})=>A(P,{...a,children:e});import{CardContent as I,Typography as C,Avatar as O,Box as W,styled as m,Card as T}from"@mui/material";import{jsx as n,jsxs as D}from"react/jsx-runtime";var E=m(O)(({theme:e})=>({width:64,height:64,border:`2px solid ${e.palette.divider}`,boxShadow:e.shadows[2],marginBottom:e.spacing(2)})),R=m(W)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),br=({name:e,role:a,avatarUrl:b,sx:c,...u})=>n(T,{sx:{maxWidth:280,...c},...u,children:n(I,{children:D(R,{children:[n(E,{src:b,alt:e}),n(C,{variant:"h6",component:"div",gutterBottom:!0,children:e}),a&&n(C,{variant:"body2",color:"text.secondary",children:a})]})})});import{useState as p}from"react";import{Box as g,Typography as h,TextField as M,Button as f,FormControl as z,InputLabel as L,Select as H,MenuItem as s,FormControlLabel as G,Checkbox as $,Switch as N,Stack as U,Card as X}from"@mui/material";import{jsx as o,jsxs as i}from"react/jsx-runtime";var kr=()=>{let[e,a]=p(""),[b,c]=p(!0),[u,y]=p(!1);return i(X,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[o(h,{variant:"h4",gutterBottom:!0,children:"Registration"}),o(h,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),o(g,{component:"form",onSubmit:t=>{t.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:i(U,{spacing:3,children:[o(M,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),o(M,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),i(z,{fullWidth:!0,variant:"outlined",children:[o(L,{id:"role-select-label",children:"Select Role"}),i(H,{labelId:"role-select-label",id:"role-select",value:e,label:"Select Role",onChange:t=>{a(t.target.value)},children:[o(s,{value:"",children:o("em",{children:"None"})}),o(s,{value:"developer",children:"Developer"}),o(s,{value:"designer",children:"Designer"}),o(s,{value:"manager",children:"Manager"})]})]}),i(g,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[o(h,{variant:"body1",children:"Enable Notifications"}),o(N,{checked:b,onChange:t=>c(t.target.checked),color:"primary"})]}),o(G,{control:o($,{checked:u,onChange:t=>y(t.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),i(g,{sx:{display:"flex",gap:2,mt:2},children:[o(f,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),o(f,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!u,children:"Submit"})]})]})})]})};import{Button as vr,Card as Sr,CardActions as Br,CardContent as wr,Paper as Pr,Chip as Ar,TextField as Ir,FormControl as Or,FormControlLabel as Wr,FormGroup as Tr,InputLabel as Er,OutlinedInput as Rr,Select as Dr,Menu as zr,MenuItem as Lr,Dialog as Hr,DialogActions as Gr,DialogContent as $r,DialogContentText as Nr,DialogTitle as Ur,Drawer as Xr,AppBar as qr,Checkbox as Qr,Tabs as Yr,Tab as Jr,Stepper as Kr,Step as Vr,StepLabel as Zr,StepIcon as _r,StepConnector as jr,Autocomplete as ro,Switch as oo,Table as eo,TableBody as ao,TableCell as to,TableContainer as io,TableHead as lo,TableRow as no,Tooltip as bo,Alert as uo,LinearProgress as so,Divider as co,Typography as po,Box as go,Stack as ho,Container as ko,Grid as Fo,IconButton as xo,Toolbar as Co,List as mo,ListItem as Mo,ListItemButton as fo,ListItemText as yo,ListItemIcon as vo,useMediaQuery as So,useTheme as Bo}from"@mui/material";import{DatePicker as Po}from"@mui/x-date-pickers";export{uo as Alert,qr as AppBar,ro as Autocomplete,go as Box,vr as Button,Sr as Card,Br as CardActions,wr as CardContent,Qr as Checkbox,Ar as Chip,ko as Container,Po as DatePicker,Hr as Dialog,Gr as DialogActions,$r as DialogContent,Nr as DialogContentText,Ur as DialogTitle,co as Divider,Xr as Drawer,kr as ExampleForm,Or as FormControl,Wr as FormControlLabel,Tr as FormGroup,tr as GlassCard,Fo as Grid,xo as IconButton,Er as InputLabel,j as LibThemeProvider,so as LinearProgress,mo as List,Mo as ListItem,fo as ListItemButton,vo as ListItemIcon,yo as ListItemText,zr as Menu,Lr as MenuItem,Rr as OutlinedInput,Pr as Paper,Dr as Select,ho as Stack,Vr as Step,jr as StepConnector,_r as StepIcon,Zr as StepLabel,Kr as Stepper,oo as Switch,Jr as Tab,eo as Table,ao as TableBody,to as TableCell,io as TableContainer,lo as TableHead,no as TableRow,Yr as Tabs,Ir as TextField,Co as Toolbar,bo as Tooltip,po as Typography,br as UserCard,So as useMediaQuery,Bo as useTheme};
2
+ import{ThemeProvider as w,CssBaseline as P}from"@mui/material";import{createTheme as m}from"@mui/material/styles";import{createElement as u}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)"}},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":{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:u("span",{className:"AwaymessCheckboxIcon"}),checkedIcon:u("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},u("span",{className:"AwaymessCheckboxTick"})),indeterminateIcon:u("span",{className:"AwaymessCheckboxIcon AwaymessCheckboxIcon-checked"},u("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)"}}}}},x=m({...b,palette:{mode:"light",...b.palette}}),C=m({...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":{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,"&.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 I,jsxs as A}from"react/jsx-runtime";var ar=({children:e,mode:a="light"})=>A(w,{theme:a==="light"?x:C,children:[I(P,{}),e]});import{Card as O}from"@mui/material";import{jsx as T}from"react/jsx-runtime";var nr=({children:e,...a})=>T(O,{...a,children:e});import{CardContent as W,Typography as M,Avatar as R,Box as E,styled as f,Card as D}from"@mui/material";import{jsx as s,jsxs as N}from"react/jsx-runtime";var z=f(R)(({theme:e})=>({width:64,height:64,border:`2px solid ${e.palette.divider}`,boxShadow:e.shadows[2],marginBottom:e.spacing(2)})),L=f(E)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),pr=({name:e,role:a,avatarUrl:d,sx:l,...n})=>s(D,{sx:{maxWidth:280,...l},...n,children:s(W,{children:N(L,{children:[s(z,{src:d,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 k}from"react";import{Box as p,Typography as g,TextField as y,Button as S,FormControl as H,InputLabel as G,Select as $,MenuItem as h,FormControlLabel as U,Checkbox as V,Switch as v,Stack as X,Card as q}from"@mui/material";import{jsx as o,jsxs as i}from"react/jsx-runtime";var Cr=()=>{let[e,a]=k(""),[d,l]=k(!0),[n,F]=k(!1);return i(q,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[o(g,{variant:"h4",gutterBottom:!0,children:"Registration"}),o(g,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),o(p,{component:"form",onSubmit:t=>{t.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:i(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"}),i(H,{fullWidth:!0,variant:"outlined",children:[o(G,{id:"role-select-label",children:"Select Role"}),i($,{labelId:"role-select-label",id:"role-select",value:e,label:"Select Role",onChange:t=>{a(t.target.value)},children:[o(h,{value:"",children:o("em",{children:"None"})}),o(h,{value:"developer",children:"Developer"}),o(h,{value:"designer",children:"Designer"}),o(h,{value:"manager",children:"Manager"})]})]}),i(p,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[o(g,{variant:"body1",children:"Enable Notifications"}),o(v,{checked:d,onChange:t=>l(t.target.checked),color:"primary"})]}),i(p,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[o(g,{variant:"body2",color:"text.secondary",children:"Compact Mode (Small Switch)"}),o(v,{defaultChecked:!0,size:"small",color:"primary"})]}),o(U,{control:o(V,{checked:n,onChange:t=>F(t.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),i(p,{sx:{display:"flex",gap:2,mt:2},children:[o(S,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),o(S,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!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:d=",",onValueChange:l,...n},F){return K(J,{...n,decimalScale:a,getInputRef:F,customInput:Y,thousandSeparator:d,onValueChange:(c,t)=>{l&&l(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 lo,DialogTitle as no,Drawer as uo,AppBar as bo,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 So,TableHead as vo,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,bo 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,lo as DialogContentText,no as DialogTitle,Ao as Divider,uo as Drawer,Cr as ExampleForm,Jr as FormControl,Kr as FormControlLabel,Zr as FormGroup,nr 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,So as TableContainer,vo as TableHead,Bo as TableRow,co as Tabs,Yr as TextField,zo as Toolbar,wo as Tooltip,Oo as Typography,pr as UserCard,Uo as useMediaQuery,Vo as useTheme};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awaymess/ui",
3
- "version": "0.1.18",
3
+ "version": "0.1.20",
4
4
  "description": "Custom MUI UI Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -33,28 +33,29 @@
33
33
  "lint": "tsc"
34
34
  },
35
35
  "dependencies": {
36
- "@emotion/react": ">=11.0.0",
37
- "@emotion/styled": ">=11.0.0",
38
- "@mui/icons-material": ">=5.0.0",
39
- "@mui/material": ">=5.0.0",
40
- "@mui/x-date-pickers": ">=6.0.0"
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
+ "react-number-format": "^5.4.5"
41
42
  },
42
43
  "peerDependencies": {
43
44
  "react": ">=18.0.0",
44
45
  "react-dom": ">=18.0.0"
45
46
  },
46
47
  "devDependencies": {
47
- "@emotion/react": "^11.11.0",
48
- "@emotion/styled": "^11.11.0",
49
- "@mui/icons-material": "^5.11.16",
50
- "@mui/material": "^5.13.0",
51
- "@mui/x-date-pickers": "^6.3.0",
52
- "@types/react": "^18.2.0",
53
- "@types/react-dom": "^18.2.0",
54
- "react": "^18.2.0",
55
- "react-dom": "^18.2.0",
56
- "rimraf": "^5.0.0",
57
- "tsup": "^6.7.0",
58
- "typescript": "^5.0.0"
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
+ "react": "^19.2.7",
56
+ "react-dom": "^19.2.7",
57
+ "rimraf": "^6.1.3",
58
+ "tsup": "^8.5.1",
59
+ "typescript": "^6.0.3"
59
60
  }
60
61
  }