@awaymess/ui 0.1.6 → 0.1.8

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.
Files changed (4) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { CardProps } from '@mui/material';
3
- export { Alert, AlertProps, AppBar, AppBarProps, Autocomplete, AutocompleteProps, Box, Button, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, Chip, ChipProps, Container, Dialog, DialogProps, Divider, DividerProps, Drawer, DrawerProps, Grid, LinearProgress, LinearProgressProps, 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, Tooltip, TooltipProps, Typography, TypographyProps } from '@mui/material';
3
+ export { Alert, AlertProps, AppBar, AppBarProps, Autocomplete, AutocompleteProps, Box, Button, ButtonProps, Card, CardProps, Checkbox, CheckboxProps, Chip, ChipProps, Container, Dialog, DialogProps, Divider, DividerProps, Drawer, DrawerProps, Grid, IconButton, LinearProgress, LinearProgressProps, List, ListItem, ListItemButton, ListItemIcon, ListItemText, Menu, MenuItem, MenuItemProps, MenuProps, OutlinedInput, Paper, PaperProps, Select, SelectProps, Stack, Step, StepConnector, StepIcon, StepLabel, Stepper, StepperProps, Switch, SwitchProps, Tab, TabProps, Table, TableBody, TableCell, TableContainer, TableHead, TableProps, TableRow, Tabs, TabsProps, TextField, TextFieldProps, Toolbar, Tooltip, TooltipProps, Typography, TypographyProps, useMediaQuery, useTheme } from '@mui/material';
4
4
  export { DatePicker } from '@mui/x-date-pickers';
5
5
 
6
6
  interface LibThemeProviderProps {
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var I=Object.create;var c=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var z=(a,i)=>{for(var d in i)c(a,d,{get:i[d],enumerable:!0})},y=(a,i,d,u)=>{if(i&&typeof i=="object"||typeof i=="function")for(let l of R(i))!E.call(a,l)&&l!==d&&c(a,l,{get:()=>i[l],enumerable:!(u=T(i,l))||u.enumerable});return a};var f=(a,i,d)=>(d=a!=null?I(A(a)):{},y(i||!a||!a.__esModule?c(d,"default",{value:a,enumerable:!0}):d,a)),D=a=>y(c({},"__esModule",{value:!0}),a);var X={};z(X,{Alert:()=>r.Alert,AppBar:()=>r.AppBar,Autocomplete:()=>r.Autocomplete,Box:()=>r.Box,Button:()=>r.Button,Card:()=>r.Card,Checkbox:()=>r.Checkbox,Chip:()=>r.Chip,Container:()=>r.Container,DatePicker:()=>P.DatePicker,Dialog:()=>r.Dialog,Divider:()=>r.Divider,Drawer:()=>r.Drawer,ExampleForm:()=>N,GlassCard:()=>g,Grid:()=>r.Grid,LibThemeProvider:()=>H,LinearProgress:()=>r.LinearProgress,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,Tooltip:()=>r.Tooltip,Typography:()=>r.Typography,UserCard:()=>U});module.exports=D(X);var x=require("@mui/material");var C=require("@mui/material/styles"),h=require("react"),S=f(require("@mui/icons-material/CheckBoxOutlineBlankRounded")),v=f(require("@mui/icons-material/CheckBoxRounded")),M=f(require("@mui/icons-material/IndeterminateCheckBoxRounded")),e={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:e.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{background:"#0A84FF",boxShadow:"0 2px 8px rgba(10, 132, 255, 0.3)","&:hover":{background:"#2994FF",boxShadow:"0 4px 10px rgba(10, 132, 255, 0.34)"}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.2)",backdropFilter:e.light.blur,WebkitBackdropFilter:e.light.blur,backgroundColor:"rgba(255, 255, 255, 0.34)","&:hover":{borderColor:"rgba(60, 60, 67, 0.28)",backgroundColor:"rgba(255, 255, 255, 0.46)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:e.light.surface,backdropFilter:e.light.blur,WebkitBackdropFilter:e.light.blur,border:`1px solid ${e.light.border}`,boxShadow:e.light.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:e.light.surface,backdropFilter:e.light.blur,WebkitBackdropFilter:e.light.blur,border:`1px solid ${e.light.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:e.light.shadow},elevation2:{boxShadow:e.light.shadowElevated}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(142, 142, 147, 0.15)",border:"1px solid rgba(255,255,255,0.4)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.5)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.15)",color:"#1A7A35",border:"1px solid rgba(52, 199, 89, 0.25)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.12)",color:"#8A5000",border:"1px solid rgba(255, 149, 0, 0.25)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.12)",color:"#A0190F",border:"1px solid rgba(255, 59, 48, 0.25)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.12)",color:"#005CC8",border:"1px solid rgba(0, 122, 255, 0.25)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5}},'& input[type="date"]':{paddingTop:10,paddingBottom:10},'& input[type="date"]::-webkit-calendar-picker-indicator':{opacity:.6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiSelect:{styleOverrides:{root:{"& .MuiPaper-root":{boxShadow:e.light.shadowElevated}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:e.light.surfaceStrong,backdropFilter:"blur(28px) saturate(122%)",WebkitBackdropFilter:"blur(28px) saturate(122%)",border:`1px solid ${e.light.border}`,boxShadow:e.light.shadowElevated,backgroundImage:"none"}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(60, 60, 67, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.14)","&:hover":{background:"rgba(10, 132, 255, 0.2)"}}}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:e.light.surfaceStrong,backdropFilter:"blur(34px) saturate(145%)",WebkitBackdropFilter:"blur(34px) saturate(145%)",border:`1px solid ${e.light.border}`,boxShadow:e.light.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:e.light.surfaceStrong,backdropFilter:"blur(28px) saturate(145%)",WebkitBackdropFilter:"blur(28px) saturate(145%)",border:`1px solid ${e.light.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(248, 248, 250, 0.72)",backdropFilter:"blur(24px) saturate(140%) brightness(1.02)",WebkitBackdropFilter:"blur(24px) saturate(140%) brightness(1.02)",borderBottom:"1px solid rgba(60, 60, 67, 0.12)",boxShadow:"0 1px 0 rgba(0,0,0,0.04)",color:"#1C1C1E",backgroundImage:"none"}}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:(0,h.createElement)(S.default,{fontSize:"small"}),checkedIcon:(0,h.createElement)(v.default,{fontSize:"small"}),indeterminateIcon:(0,h.createElement)(M.default,{fontSize:"small"})},styleOverrides:{root:{padding:6,borderRadius:10,transition:"background 0.15s ease","&:hover":{backgroundColor:"rgba(0, 122, 255, 0.08)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(120, 120, 128, 0.16)",borderRadius:14,padding:"4px"},indicator:{height:"100%",borderRadius:10,background:e.light.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.85)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:10,paddingInline:16,zIndex:1,transition:"color 0.2s ease","&:hover":{backgroundColor:"transparent",color:"#3A3A3C"},"&.Mui-selected":{fontWeight:600,color:"#1C1C1E"}}}},MuiStepper:{styleOverrides:{root:{paddingBlock:8}}},MuiStepLabel:{styleOverrides:{label:{fontWeight:600}}},MuiStepIcon:{styleOverrides:{root:{color:"rgba(142, 142, 147, 0.3)","&.Mui-active":{color:"#007AFF",filter:"drop-shadow(0 2px 6px rgba(0, 122, 255, 0.4))"},"&.Mui-completed":{color:"#34C759"}},text:{fontWeight:700,fill:"#FFFFFF"}}},MuiStepConnector:{styleOverrides:{root:{"& .MuiStepConnector-line":{borderColor:"rgba(142, 142, 147, 0.25)",borderTopWidth:2,borderRadius:999},"&.Mui-active .MuiStepConnector-line":{borderColor:"#007AFF"},"&.Mui-completed .MuiStepConnector-line":{borderColor:"#34C759"}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:e.light.surfaceStrong,backdropFilter:"blur(32px) saturate(200%)",WebkitBackdropFilter:"blur(32px) saturate(200%)",border:`1px solid ${e.light.border}`,boxShadow:e.light.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(0, 122, 255, 0.12) !important"},"&.Mui-focused":{background:"rgba(0, 122, 255, 0.08) !important"}}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1,boxShadow:"inset 0 1px 3px rgba(0,0,0,0.15)"}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9)"},track:{borderRadius:14,background:"rgba(120, 120, 128, 0.32)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(245, 248, 255, 0.7)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#6C6C70",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(60, 60, 67, 0.1)"},body:{fontSize:"0.875rem",color:"#1C1C1E",borderBottom:"1px solid rgba(60, 60, 67, 0.06)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(28, 28, 30, 0.82)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.25)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.4)"},standardSuccess:{background:"rgba(52, 199, 89, 0.12)",borderColor:"rgba(52, 199, 89, 0.25)"},standardError:{background:"rgba(255, 59, 48, 0.10)",borderColor:"rgba(255, 59, 48, 0.22)"},standardWarning:{background:"rgba(255, 149, 0, 0.10)",borderColor:"rgba(255, 149, 0, 0.22)"},standardInfo:{background:"rgba(0, 122, 255, 0.10)",borderColor:"rgba(0, 122, 255, 0.22)"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(0, 0, 0, 0.07)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(60, 60, 67, 0.1)"}}}}},w=(0,C.createTheme)({...p,palette:{mode:"light",...p.palette}}),B=(0,C.createTheme)({...p,palette:{mode:"dark",...p.palette,background:{default:"#0E111B",paper:e.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...p.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:e.dark.surface,backdropFilter:e.dark.blur,WebkitBackdropFilter:e.dark.blur,border:`1px solid ${e.dark.border}`,boxShadow:e.dark.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:e.dark.surface,backdropFilter:e.dark.blur,WebkitBackdropFilter:e.dark.blur,border:`1px solid ${e.dark.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:e.dark.shadow},elevation2:{boxShadow:e.dark.shadowElevated}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"& input":{color:"#F2F2F7"},"& input::placeholder":{color:"rgba(235,235,245,0.4)"}},"& .MuiInputLabel-root":{color:"rgba(235,235,245,0.55)"},"& .MuiInputLabel-root.Mui-focused":{color:"#0A84FF"}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:e.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${e.dark.border}`,boxShadow:e.dark.shadowElevated,backgroundImage:"none"}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:e.dark.surfaceStrong,backdropFilter:"blur(34px) saturate(130%)",WebkitBackdropFilter:"blur(34px) saturate(130%)",border:`1px solid ${e.dark.border}`,boxShadow:e.dark.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:e.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(130%)",WebkitBackdropFilter:"blur(28px) saturate(130%)",border:`1px solid ${e.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 ${e.dark.borderSubtle}`,boxShadow:"0 1px 0 rgba(255,255,255,0.04)",color:"#F2F2F7",backgroundImage:"none"}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:e.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${e.dark.border}`,boxShadow:e.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:{background:"#0A84FF",boxShadow:"0 2px 10px rgba(10, 132, 255, 0.32)","&:hover":{background:"#2994FF",boxShadow:"0 4px 12px rgba(10, 132, 255, 0.38)"}},outlined:{borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",backdropFilter:e.dark.blur,WebkitBackdropFilter:e.dark.blur,backgroundColor:"rgba(255, 255, 255, 0.08)","&:hover":{borderColor:"rgba(255, 255, 255, 0.26)",backgroundColor:"rgba(255, 255, 255, 0.12)"}},text:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(255, 255, 255, 0.14)",borderRadius:14,padding:"4px"},indicator:{height:"100%",borderRadius:10,background:e.dark.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(255, 255, 255, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.24)","&:hover":{background:"rgba(10, 132, 255, 0.3)"}}}}},MuiTab:{styleOverrides:{root:{"&:hover":{color:"#E5E5EA"},"&.Mui-selected":{color:"#FFFFFF"}}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(255, 255, 255, 0.05)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#8E8E93",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(255, 255, 255, 0.08)"},body:{fontSize:"0.875rem",color:"#F2F2F7",borderBottom:"1px solid rgba(255, 255, 255, 0.05)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(255, 255, 255, 0.09)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(44, 44, 46, 0.88)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 4px 16px rgba(0,0,0,0.45)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.1)"},standardSuccess:{background:"rgba(52, 199, 89, 0.15)",borderColor:"rgba(52, 199, 89, 0.3)"},standardError:{background:"rgba(255, 59, 48, 0.15)",borderColor:"rgba(255, 59, 48, 0.3)"},standardWarning:{background:"rgba(255, 149, 0, 0.15)",borderColor:"rgba(255, 149, 0, 0.3)"},standardInfo:{background:"rgba(0, 122, 255, 0.15)",borderColor:"rgba(0, 122, 255, 0.3)"}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255,255,255,0.15)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.1)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.2)",color:"#6FD98B",border:"1px solid rgba(52, 199, 89, 0.3)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.18)",color:"#FFB340",border:"1px solid rgba(255, 149, 0, 0.3)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.18)",color:"#FF7A73",border:"1px solid rgba(255, 59, 48, 0.3)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.2)",color:"#47A3FF",border:"1px solid rgba(0, 122, 255, 0.35)"}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2)"},track:{borderRadius:14,background:"rgba(255, 255, 255, 0.18)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});var k=require("react/jsx-runtime"),H=({children:a,mode:i="light"})=>(0,k.jsxs)(x.ThemeProvider,{theme:i==="light"?w:B,children:[(0,k.jsx)(x.CssBaseline,{}),a]});var m=require("@mui/material"),O=require("react/jsx-runtime"),L=(0,m.styled)(m.Card)(({theme:a})=>({transition:"transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out","&:hover":{transform:"translateY(-4px)",boxShadow:a.shadows[4]}})),g=({children:a,...i})=>(0,O.jsx)(L,{...i,children:a});var n=require("@mui/material");var b=require("react/jsx-runtime"),$=(0,n.styled)(n.Avatar)(({theme:a})=>({width:64,height:64,border:`2px solid ${a.palette.divider}`,boxShadow:a.shadows[2],marginBottom:a.spacing(2)})),G=(0,n.styled)(n.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),U=({name:a,role:i,avatarUrl:d,sx:u,...l})=>(0,b.jsx)(g,{sx:{maxWidth:280,...u},...l,children:(0,b.jsx)(n.CardContent,{children:(0,b.jsxs)(G,{children:[(0,b.jsx)($,{src:d,alt:a}),(0,b.jsx)(n.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:a}),i&&(0,b.jsx)(n.Typography,{variant:"body2",color:"text.secondary",children:i})]})})});var F=require("react"),o=require("@mui/material");var t=require("react/jsx-runtime"),N=()=>{let[a,i]=(0,F.useState)(""),[d,u]=(0,F.useState)(!0),[l,W]=(0,F.useState)(!1);return(0,t.jsxs)(g,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[(0,t.jsx)(o.Typography,{variant:"h4",gutterBottom:!0,children:"Registration"}),(0,t.jsx)(o.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)(o.Box,{component:"form",onSubmit:s=>{s.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:(0,t.jsxs)(o.Stack,{spacing:3,children:[(0,t.jsx)(o.TextField,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),(0,t.jsx)(o.TextField,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),(0,t.jsxs)(o.FormControl,{fullWidth:!0,variant:"outlined",children:[(0,t.jsx)(o.InputLabel,{id:"role-select-label",children:"Select Role"}),(0,t.jsxs)(o.Select,{labelId:"role-select-label",id:"role-select",value:a,label:"Select Role",onChange:s=>{i(s.target.value)},children:[(0,t.jsx)(o.MenuItem,{value:"",children:(0,t.jsx)("em",{children:"None"})}),(0,t.jsx)(o.MenuItem,{value:"developer",children:"Developer"}),(0,t.jsx)(o.MenuItem,{value:"designer",children:"Designer"}),(0,t.jsx)(o.MenuItem,{value:"manager",children:"Manager"})]})]}),(0,t.jsxs)(o.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,t.jsx)(o.Typography,{variant:"body1",children:"Enable Notifications"}),(0,t.jsx)(o.Switch,{checked:d,onChange:s=>u(s.target.checked),color:"primary"})]}),(0,t.jsx)(o.FormControlLabel,{control:(0,t.jsx)(o.Checkbox,{checked:l,onChange:s=>W(s.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),(0,t.jsxs)(o.Box,{sx:{display:"flex",gap:2,mt:2},children:[(0,t.jsx)(o.Button,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),(0,t.jsx)(o.Button,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!l,children:"Submit"})]})]})})]})};var r=require("@mui/material"),P=require("@mui/x-date-pickers");0&&(module.exports={Alert,AppBar,Autocomplete,Box,Button,Card,Checkbox,Chip,Container,DatePicker,Dialog,Divider,Drawer,ExampleForm,GlassCard,Grid,LibThemeProvider,LinearProgress,Menu,MenuItem,OutlinedInput,Paper,Select,Stack,Step,StepConnector,StepIcon,StepLabel,Stepper,Switch,Tab,Table,TableBody,TableCell,TableContainer,TableHead,TableRow,Tabs,TextField,Tooltip,Typography,UserCard});
1
+ "use strict";var I=Object.create;var c=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var z=(a,i)=>{for(var d in i)c(a,d,{get:i[d],enumerable:!0})},y=(a,i,d,u)=>{if(i&&typeof i=="object"||typeof i=="function")for(let l of R(i))!E.call(a,l)&&l!==d&&c(a,l,{get:()=>i[l],enumerable:!(u=T(i,l))||u.enumerable});return a};var f=(a,i,d)=>(d=a!=null?I(A(a)):{},y(i||!a||!a.__esModule?c(d,"default",{value:a,enumerable:!0}):d,a)),D=a=>y(c({},"__esModule",{value:!0}),a);var X={};z(X,{Alert:()=>r.Alert,AppBar:()=>r.AppBar,Autocomplete:()=>r.Autocomplete,Box:()=>r.Box,Button:()=>r.Button,Card:()=>r.Card,Checkbox:()=>r.Checkbox,Chip:()=>r.Chip,Container:()=>r.Container,DatePicker:()=>P.DatePicker,Dialog:()=>r.Dialog,Divider:()=>r.Divider,Drawer:()=>r.Drawer,ExampleForm:()=>N,GlassCard:()=>g,Grid:()=>r.Grid,IconButton:()=>r.IconButton,LibThemeProvider:()=>L,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:()=>U,useMediaQuery:()=>r.useMediaQuery,useTheme:()=>r.useTheme});module.exports=D(X);var x=require("@mui/material");var C=require("@mui/material/styles"),h=require("react"),S=f(require("@mui/icons-material/CheckBoxOutlineBlankRounded")),v=f(require("@mui/icons-material/CheckBoxRounded")),M=f(require("@mui/icons-material/IndeterminateCheckBoxRounded")),e={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:e.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{background:"#0A84FF",boxShadow:"0 2px 8px rgba(10, 132, 255, 0.3)","&:hover":{background:"#2994FF",boxShadow:"0 4px 10px rgba(10, 132, 255, 0.34)"}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.2)",backdropFilter:e.light.blur,WebkitBackdropFilter:e.light.blur,backgroundColor:"rgba(255, 255, 255, 0.34)","&:hover":{borderColor:"rgba(60, 60, 67, 0.28)",backgroundColor:"rgba(255, 255, 255, 0.46)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:e.light.surface,backdropFilter:e.light.blur,WebkitBackdropFilter:e.light.blur,border:`1px solid ${e.light.border}`,boxShadow:e.light.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:e.light.surface,backdropFilter:e.light.blur,WebkitBackdropFilter:e.light.blur,border:`1px solid ${e.light.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:e.light.shadow},elevation2:{boxShadow:e.light.shadowElevated}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(142, 142, 147, 0.15)",border:"1px solid rgba(255,255,255,0.4)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.5)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.15)",color:"#1A7A35",border:"1px solid rgba(52, 199, 89, 0.25)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.12)",color:"#8A5000",border:"1px solid rgba(255, 149, 0, 0.25)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.12)",color:"#A0190F",border:"1px solid rgba(255, 59, 48, 0.25)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.12)",color:"#005CC8",border:"1px solid rgba(0, 122, 255, 0.25)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5}},'& input[type="date"]':{paddingTop:10,paddingBottom:10},'& input[type="date"]::-webkit-calendar-picker-indicator':{opacity:.6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiSelect:{styleOverrides:{root:{"& .MuiPaper-root":{boxShadow:e.light.shadowElevated}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:e.light.surfaceStrong,backdropFilter:"blur(28px) saturate(122%)",WebkitBackdropFilter:"blur(28px) saturate(122%)",border:`1px solid ${e.light.border}`,boxShadow:e.light.shadowElevated,backgroundImage:"none"}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(60, 60, 67, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.14)","&:hover":{background:"rgba(10, 132, 255, 0.2)"}}}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:e.light.surfaceStrong,backdropFilter:"blur(34px) saturate(145%)",WebkitBackdropFilter:"blur(34px) saturate(145%)",border:`1px solid ${e.light.border}`,boxShadow:e.light.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:e.light.surfaceStrong,backdropFilter:"blur(28px) saturate(145%)",WebkitBackdropFilter:"blur(28px) saturate(145%)",border:`1px solid ${e.light.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(248, 248, 250, 0.72)",backdropFilter:"blur(24px) saturate(140%) brightness(1.02)",WebkitBackdropFilter:"blur(24px) saturate(140%) brightness(1.02)",borderBottom:"1px solid rgba(60, 60, 67, 0.12)",boxShadow:"0 1px 0 rgba(0,0,0,0.04)",color:"#1C1C1E",backgroundImage:"none"}}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:(0,h.createElement)(S.default,{fontSize:"small"}),checkedIcon:(0,h.createElement)(v.default,{fontSize:"small"}),indeterminateIcon:(0,h.createElement)(M.default,{fontSize:"small"})},styleOverrides:{root:{padding:6,borderRadius:10,transition:"background 0.15s ease","&:hover":{backgroundColor:"rgba(0, 122, 255, 0.08)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(120, 120, 128, 0.16)",borderRadius:14,padding:"4px"},indicator:{height:"100%",borderRadius:10,background:e.light.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.85)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:10,paddingInline:16,zIndex:1,transition:"color 0.2s ease","&:hover":{backgroundColor:"transparent",color:"#3A3A3C"},"&.Mui-selected":{fontWeight:600,color:"#1C1C1E"}}}},MuiStepper:{styleOverrides:{root:{paddingBlock:8}}},MuiStepLabel:{styleOverrides:{label:{fontWeight:600}}},MuiStepIcon:{styleOverrides:{root:{color:"rgba(142, 142, 147, 0.3)","&.Mui-active":{color:"#007AFF",filter:"drop-shadow(0 2px 6px rgba(0, 122, 255, 0.4))"},"&.Mui-completed":{color:"#34C759"}},text:{fontWeight:700,fill:"#FFFFFF"}}},MuiStepConnector:{styleOverrides:{root:{"& .MuiStepConnector-line":{borderColor:"rgba(142, 142, 147, 0.25)",borderTopWidth:2,borderRadius:999},"&.Mui-active .MuiStepConnector-line":{borderColor:"#007AFF"},"&.Mui-completed .MuiStepConnector-line":{borderColor:"#34C759"}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:e.light.surfaceStrong,backdropFilter:"blur(32px) saturate(200%)",WebkitBackdropFilter:"blur(32px) saturate(200%)",border:`1px solid ${e.light.border}`,boxShadow:e.light.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(0, 122, 255, 0.12) !important"},"&.Mui-focused":{background:"rgba(0, 122, 255, 0.08) !important"}}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1,boxShadow:"inset 0 1px 3px rgba(0,0,0,0.15)"}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9)"},track:{borderRadius:14,background:"rgba(120, 120, 128, 0.32)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(245, 248, 255, 0.7)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#6C6C70",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(60, 60, 67, 0.1)"},body:{fontSize:"0.875rem",color:"#1C1C1E",borderBottom:"1px solid rgba(60, 60, 67, 0.06)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(28, 28, 30, 0.82)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.25)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.4)"},standardSuccess:{background:"rgba(52, 199, 89, 0.12)",borderColor:"rgba(52, 199, 89, 0.25)"},standardError:{background:"rgba(255, 59, 48, 0.10)",borderColor:"rgba(255, 59, 48, 0.22)"},standardWarning:{background:"rgba(255, 149, 0, 0.10)",borderColor:"rgba(255, 149, 0, 0.22)"},standardInfo:{background:"rgba(0, 122, 255, 0.10)",borderColor:"rgba(0, 122, 255, 0.22)"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(0, 0, 0, 0.07)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(60, 60, 67, 0.1)"}}}}},B=(0,C.createTheme)({...p,palette:{mode:"light",...p.palette}}),w=(0,C.createTheme)({...p,palette:{mode:"dark",...p.palette,background:{default:"#0E111B",paper:e.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...p.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:e.dark.surface,backdropFilter:e.dark.blur,WebkitBackdropFilter:e.dark.blur,border:`1px solid ${e.dark.border}`,boxShadow:e.dark.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:e.dark.surface,backdropFilter:e.dark.blur,WebkitBackdropFilter:e.dark.blur,border:`1px solid ${e.dark.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:e.dark.shadow},elevation2:{boxShadow:e.dark.shadowElevated}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"& input":{color:"#F2F2F7"},"& input::placeholder":{color:"rgba(235,235,245,0.4)"}},"& .MuiInputLabel-root":{color:"rgba(235,235,245,0.55)"},"& .MuiInputLabel-root.Mui-focused":{color:"#0A84FF"}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:e.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${e.dark.border}`,boxShadow:e.dark.shadowElevated,backgroundImage:"none"}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:e.dark.surfaceStrong,backdropFilter:"blur(34px) saturate(130%)",WebkitBackdropFilter:"blur(34px) saturate(130%)",border:`1px solid ${e.dark.border}`,boxShadow:e.dark.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:e.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(130%)",WebkitBackdropFilter:"blur(28px) saturate(130%)",border:`1px solid ${e.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 ${e.dark.borderSubtle}`,boxShadow:"0 1px 0 rgba(255,255,255,0.04)",color:"#F2F2F7",backgroundImage:"none"}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:e.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${e.dark.border}`,boxShadow:e.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:{background:"#0A84FF",boxShadow:"0 2px 10px rgba(10, 132, 255, 0.32)","&:hover":{background:"#2994FF",boxShadow:"0 4px 12px rgba(10, 132, 255, 0.38)"}},outlined:{borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",backdropFilter:e.dark.blur,WebkitBackdropFilter:e.dark.blur,backgroundColor:"rgba(255, 255, 255, 0.08)","&:hover":{borderColor:"rgba(255, 255, 255, 0.26)",backgroundColor:"rgba(255, 255, 255, 0.12)"}},text:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(255, 255, 255, 0.14)",borderRadius:14,padding:"4px"},indicator:{height:"100%",borderRadius:10,background:e.dark.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(255, 255, 255, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.24)","&:hover":{background:"rgba(10, 132, 255, 0.3)"}}}}},MuiTab:{styleOverrides:{root:{"&:hover":{color:"#E5E5EA"},"&.Mui-selected":{color:"#FFFFFF"}}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(255, 255, 255, 0.05)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#8E8E93",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(255, 255, 255, 0.08)"},body:{fontSize:"0.875rem",color:"#F2F2F7",borderBottom:"1px solid rgba(255, 255, 255, 0.05)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(255, 255, 255, 0.09)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(44, 44, 46, 0.88)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 4px 16px rgba(0,0,0,0.45)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.1)"},standardSuccess:{background:"rgba(52, 199, 89, 0.15)",borderColor:"rgba(52, 199, 89, 0.3)"},standardError:{background:"rgba(255, 59, 48, 0.15)",borderColor:"rgba(255, 59, 48, 0.3)"},standardWarning:{background:"rgba(255, 149, 0, 0.15)",borderColor:"rgba(255, 149, 0, 0.3)"},standardInfo:{background:"rgba(0, 122, 255, 0.15)",borderColor:"rgba(0, 122, 255, 0.3)"}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255,255,255,0.15)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.1)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.2)",color:"#6FD98B",border:"1px solid rgba(52, 199, 89, 0.3)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.18)",color:"#FFB340",border:"1px solid rgba(255, 149, 0, 0.3)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.18)",color:"#FF7A73",border:"1px solid rgba(255, 59, 48, 0.3)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.2)",color:"#47A3FF",border:"1px solid rgba(0, 122, 255, 0.35)"}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2)"},track:{borderRadius:14,background:"rgba(255, 255, 255, 0.18)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});var k=require("react/jsx-runtime"),L=({children:a,mode:i="light"})=>(0,k.jsxs)(x.ThemeProvider,{theme:i==="light"?B:w,children:[(0,k.jsx)(x.CssBaseline,{}),a]});var m=require("@mui/material"),O=require("react/jsx-runtime"),H=(0,m.styled)(m.Card)(({theme:a})=>({transition:"transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out","&:hover":{transform:"translateY(-4px)",boxShadow:a.shadows[4]}})),g=({children:a,...i})=>(0,O.jsx)(H,{...i,children:a});var n=require("@mui/material");var b=require("react/jsx-runtime"),$=(0,n.styled)(n.Avatar)(({theme:a})=>({width:64,height:64,border:`2px solid ${a.palette.divider}`,boxShadow:a.shadows[2],marginBottom:a.spacing(2)})),G=(0,n.styled)(n.Box)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),U=({name:a,role:i,avatarUrl:d,sx:u,...l})=>(0,b.jsx)(g,{sx:{maxWidth:280,...u},...l,children:(0,b.jsx)(n.CardContent,{children:(0,b.jsxs)(G,{children:[(0,b.jsx)($,{src:d,alt:a}),(0,b.jsx)(n.Typography,{variant:"h6",component:"div",gutterBottom:!0,children:a}),i&&(0,b.jsx)(n.Typography,{variant:"body2",color:"text.secondary",children:i})]})})});var F=require("react"),o=require("@mui/material");var t=require("react/jsx-runtime"),N=()=>{let[a,i]=(0,F.useState)(""),[d,u]=(0,F.useState)(!0),[l,W]=(0,F.useState)(!1);return(0,t.jsxs)(g,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[(0,t.jsx)(o.Typography,{variant:"h4",gutterBottom:!0,children:"Registration"}),(0,t.jsx)(o.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)(o.Box,{component:"form",onSubmit:s=>{s.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:(0,t.jsxs)(o.Stack,{spacing:3,children:[(0,t.jsx)(o.TextField,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),(0,t.jsx)(o.TextField,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),(0,t.jsxs)(o.FormControl,{fullWidth:!0,variant:"outlined",children:[(0,t.jsx)(o.InputLabel,{id:"role-select-label",children:"Select Role"}),(0,t.jsxs)(o.Select,{labelId:"role-select-label",id:"role-select",value:a,label:"Select Role",onChange:s=>{i(s.target.value)},children:[(0,t.jsx)(o.MenuItem,{value:"",children:(0,t.jsx)("em",{children:"None"})}),(0,t.jsx)(o.MenuItem,{value:"developer",children:"Developer"}),(0,t.jsx)(o.MenuItem,{value:"designer",children:"Designer"}),(0,t.jsx)(o.MenuItem,{value:"manager",children:"Manager"})]})]}),(0,t.jsxs)(o.Box,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[(0,t.jsx)(o.Typography,{variant:"body1",children:"Enable Notifications"}),(0,t.jsx)(o.Switch,{checked:d,onChange:s=>u(s.target.checked),color:"primary"})]}),(0,t.jsx)(o.FormControlLabel,{control:(0,t.jsx)(o.Checkbox,{checked:l,onChange:s=>W(s.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),(0,t.jsxs)(o.Box,{sx:{display:"flex",gap:2,mt:2},children:[(0,t.jsx)(o.Button,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),(0,t.jsx)(o.Button,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!l,children:"Submit"})]})]})})]})};var r=require("@mui/material"),P=require("@mui/x-date-pickers");0&&(module.exports={Alert,AppBar,Autocomplete,Box,Button,Card,Checkbox,Chip,Container,DatePicker,Dialog,Divider,Drawer,ExampleForm,GlassCard,Grid,IconButton,LibThemeProvider,LinearProgress,List,ListItem,ListItemButton,ListItemIcon,ListItemText,Menu,MenuItem,OutlinedInput,Paper,Select,Stack,Step,StepConnector,StepIcon,StepLabel,Stepper,Switch,Tab,Table,TableBody,TableCell,TableContainer,TableHead,TableRow,Tabs,TextField,Toolbar,Tooltip,Typography,UserCard,useMediaQuery,useTheme});
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{ThemeProvider as O,CssBaseline as P}from"@mui/material";import{createTheme as k}from"@mui/material/styles";import{createElement as g}from"react";import M from"@mui/icons-material/CheckBoxOutlineBlankRounded";import w from"@mui/icons-material/CheckBoxRounded";import B from"@mui/icons-material/IndeterminateCheckBoxRounded";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)"}},d={palette:{primary:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},secondary:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},blue:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},purple:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},error:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B"},red:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B",contrastText:"#FFFFFF"},warning:{main:"#FF9500",light:"#FFB340",dark:"#C97200"},orange:{main:"#FF9500",light:"#FFB340",dark:"#C97200",contrastText:"#FFFFFF"},success:{main:"#34C759",light:"#6FD98B",dark:"#248A3D"},green:{main:"#34C759",light:"#6FD98B",dark:"#248A3D",contrastText:"#FFFFFF"},gray:{main:"#8E8E93",light:"#AEAEB2",dark:"#636366",contrastText:"#FFFFFF"},background:{default:"#EEF2F8",paper:r.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{background:"#0A84FF",boxShadow:"0 2px 8px rgba(10, 132, 255, 0.3)","&:hover":{background:"#2994FF",boxShadow:"0 4px 10px rgba(10, 132, 255, 0.34)"}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.2)",backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,backgroundColor:"rgba(255, 255, 255, 0.34)","&:hover":{borderColor:"rgba(60, 60, 67, 0.28)",backgroundColor:"rgba(255, 255, 255, 0.46)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:r.light.surface,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,boxShadow:r.light.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:r.light.surface,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:r.light.shadow},elevation2:{boxShadow:r.light.shadowElevated}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(142, 142, 147, 0.15)",border:"1px solid rgba(255,255,255,0.4)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.5)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.15)",color:"#1A7A35",border:"1px solid rgba(52, 199, 89, 0.25)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.12)",color:"#8A5000",border:"1px solid rgba(255, 149, 0, 0.25)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.12)",color:"#A0190F",border:"1px solid rgba(255, 59, 48, 0.25)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.12)",color:"#005CC8",border:"1px solid rgba(0, 122, 255, 0.25)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5}},'& input[type="date"]':{paddingTop:10,paddingBottom:10},'& input[type="date"]::-webkit-calendar-picker-indicator':{opacity:.6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiSelect:{styleOverrides:{root:{"& .MuiPaper-root":{boxShadow:r.light.shadowElevated}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:r.light.surfaceStrong,backdropFilter:"blur(28px) saturate(122%)",WebkitBackdropFilter:"blur(28px) saturate(122%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(60, 60, 67, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.14)","&:hover":{background:"rgba(10, 132, 255, 0.2)"}}}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:r.light.surfaceStrong,backdropFilter:"blur(34px) saturate(145%)",WebkitBackdropFilter:"blur(34px) saturate(145%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:r.light.surfaceStrong,backdropFilter:"blur(28px) saturate(145%)",WebkitBackdropFilter:"blur(28px) saturate(145%)",border:`1px solid ${r.light.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(248, 248, 250, 0.72)",backdropFilter:"blur(24px) saturate(140%) brightness(1.02)",WebkitBackdropFilter:"blur(24px) saturate(140%) brightness(1.02)",borderBottom:"1px solid rgba(60, 60, 67, 0.12)",boxShadow:"0 1px 0 rgba(0,0,0,0.04)",color:"#1C1C1E",backgroundImage:"none"}}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:g(M,{fontSize:"small"}),checkedIcon:g(w,{fontSize:"small"}),indeterminateIcon:g(B,{fontSize:"small"})},styleOverrides:{root:{padding:6,borderRadius:10,transition:"background 0.15s ease","&:hover":{backgroundColor:"rgba(0, 122, 255, 0.08)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(120, 120, 128, 0.16)",borderRadius:14,padding:"4px"},indicator:{height:"100%",borderRadius:10,background:r.light.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.85)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:10,paddingInline:16,zIndex:1,transition:"color 0.2s ease","&:hover":{backgroundColor:"transparent",color:"#3A3A3C"},"&.Mui-selected":{fontWeight:600,color:"#1C1C1E"}}}},MuiStepper:{styleOverrides:{root:{paddingBlock:8}}},MuiStepLabel:{styleOverrides:{label:{fontWeight:600}}},MuiStepIcon:{styleOverrides:{root:{color:"rgba(142, 142, 147, 0.3)","&.Mui-active":{color:"#007AFF",filter:"drop-shadow(0 2px 6px rgba(0, 122, 255, 0.4))"},"&.Mui-completed":{color:"#34C759"}},text:{fontWeight:700,fill:"#FFFFFF"}}},MuiStepConnector:{styleOverrides:{root:{"& .MuiStepConnector-line":{borderColor:"rgba(142, 142, 147, 0.25)",borderTopWidth:2,borderRadius:999},"&.Mui-active .MuiStepConnector-line":{borderColor:"#007AFF"},"&.Mui-completed .MuiStepConnector-line":{borderColor:"#34C759"}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:r.light.surfaceStrong,backdropFilter:"blur(32px) saturate(200%)",WebkitBackdropFilter:"blur(32px) saturate(200%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(0, 122, 255, 0.12) !important"},"&.Mui-focused":{background:"rgba(0, 122, 255, 0.08) !important"}}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1,boxShadow:"inset 0 1px 3px rgba(0,0,0,0.15)"}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9)"},track:{borderRadius:14,background:"rgba(120, 120, 128, 0.32)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(245, 248, 255, 0.7)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#6C6C70",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(60, 60, 67, 0.1)"},body:{fontSize:"0.875rem",color:"#1C1C1E",borderBottom:"1px solid rgba(60, 60, 67, 0.06)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(28, 28, 30, 0.82)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.25)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.4)"},standardSuccess:{background:"rgba(52, 199, 89, 0.12)",borderColor:"rgba(52, 199, 89, 0.25)"},standardError:{background:"rgba(255, 59, 48, 0.10)",borderColor:"rgba(255, 59, 48, 0.22)"},standardWarning:{background:"rgba(255, 149, 0, 0.10)",borderColor:"rgba(255, 149, 0, 0.22)"},standardInfo:{background:"rgba(0, 122, 255, 0.10)",borderColor:"rgba(0, 122, 255, 0.22)"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(0, 0, 0, 0.07)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(60, 60, 67, 0.1)"}}}}},m=k({...d,palette:{mode:"light",...d.palette}}),F=k({...d,palette:{mode:"dark",...d.palette,background:{default:"#0E111B",paper:r.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...d.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:r.dark.surface,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:r.dark.surface,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:r.dark.shadow},elevation2:{boxShadow:r.dark.shadowElevated}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"& input":{color:"#F2F2F7"},"& input::placeholder":{color:"rgba(235,235,245,0.4)"}},"& .MuiInputLabel-root":{color:"rgba(235,235,245,0.55)"},"& .MuiInputLabel-root.Mui-focused":{color:"#0A84FF"}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:r.dark.surfaceStrong,backdropFilter:"blur(34px) saturate(130%)",WebkitBackdropFilter:"blur(34px) saturate(130%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(130%)",WebkitBackdropFilter:"blur(28px) saturate(130%)",border:`1px solid ${r.dark.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(28, 28, 30, 0.68)",backdropFilter:"blur(24px) saturate(112%) brightness(0.94)",WebkitBackdropFilter:"blur(24px) saturate(112%) brightness(0.94)",borderBottom:`1px solid ${r.dark.borderSubtle}`,boxShadow:"0 1px 0 rgba(255,255,255,0.04)",color:"#F2F2F7",backgroundImage:"none"}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(10, 132, 255, 0.22) !important"},"&.Mui-focused":{background:"rgba(255, 255, 255, 0.1) !important"}}}},MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{background:"#0A84FF",boxShadow:"0 2px 10px rgba(10, 132, 255, 0.32)","&:hover":{background:"#2994FF",boxShadow:"0 4px 12px rgba(10, 132, 255, 0.38)"}},outlined:{borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,backgroundColor:"rgba(255, 255, 255, 0.08)","&:hover":{borderColor:"rgba(255, 255, 255, 0.26)",backgroundColor:"rgba(255, 255, 255, 0.12)"}},text:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(255, 255, 255, 0.14)",borderRadius:14,padding:"4px"},indicator:{height:"100%",borderRadius:10,background:r.dark.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(255, 255, 255, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.24)","&:hover":{background:"rgba(10, 132, 255, 0.3)"}}}}},MuiTab:{styleOverrides:{root:{"&:hover":{color:"#E5E5EA"},"&.Mui-selected":{color:"#FFFFFF"}}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(255, 255, 255, 0.05)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#8E8E93",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(255, 255, 255, 0.08)"},body:{fontSize:"0.875rem",color:"#F2F2F7",borderBottom:"1px solid rgba(255, 255, 255, 0.05)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(255, 255, 255, 0.09)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(44, 44, 46, 0.88)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 4px 16px rgba(0,0,0,0.45)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.1)"},standardSuccess:{background:"rgba(52, 199, 89, 0.15)",borderColor:"rgba(52, 199, 89, 0.3)"},standardError:{background:"rgba(255, 59, 48, 0.15)",borderColor:"rgba(255, 59, 48, 0.3)"},standardWarning:{background:"rgba(255, 149, 0, 0.15)",borderColor:"rgba(255, 149, 0, 0.3)"},standardInfo:{background:"rgba(0, 122, 255, 0.15)",borderColor:"rgba(0, 122, 255, 0.3)"}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255,255,255,0.15)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.1)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.2)",color:"#6FD98B",border:"1px solid rgba(52, 199, 89, 0.3)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.18)",color:"#FFB340",border:"1px solid rgba(255, 149, 0, 0.3)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.18)",color:"#FF7A73",border:"1px solid rgba(255, 59, 48, 0.3)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.2)",color:"#47A3FF",border:"1px solid rgba(0, 122, 255, 0.35)"}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2)"},track:{borderRadius:14,background:"rgba(255, 255, 255, 0.18)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});import{jsx as W,jsxs as I}from"react/jsx-runtime";var dr=({children:o,mode:a="light"})=>I(O,{theme:a==="light"?m:F,children:[W(P,{}),o]});import{Card as T,styled as R}from"@mui/material";import{jsx as E}from"react/jsx-runtime";var A=R(T)(({theme:o})=>({transition:"transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out","&:hover":{transform:"translateY(-4px)",boxShadow:o.shadows[4]}})),s=({children:o,...a})=>E(A,{...a,children:o});import{CardContent as z,Typography as f,Avatar as D,Box as H,styled as C}from"@mui/material";import{jsx as n,jsxs as G}from"react/jsx-runtime";var L=C(D)(({theme:o})=>({width:64,height:64,border:`2px solid ${o.palette.divider}`,boxShadow:o.shadows[2],marginBottom:o.spacing(2)})),$=C(H)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),xr=({name:o,role:a,avatarUrl:l,sx:p,...b})=>n(s,{sx:{maxWidth:280,...p},...b,children:n(z,{children:G($,{children:[n(L,{src:l,alt:o}),n(f,{variant:"h6",component:"div",gutterBottom:!0,children:o}),a&&n(f,{variant:"body2",color:"text.secondary",children:a})]})})});import{useState as c}from"react";import{Box as h,Typography as x,TextField as y,Button as S,FormControl as U,InputLabel as N,Select as X,MenuItem as u,FormControlLabel as q,Checkbox as Y,Switch as J,Stack as K}from"@mui/material";import{jsx as e,jsxs as i}from"react/jsx-runtime";var vr=()=>{let[o,a]=c(""),[l,p]=c(!0),[b,v]=c(!1);return i(s,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[e(x,{variant:"h4",gutterBottom:!0,children:"Registration"}),e(x,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),e(h,{component:"form",onSubmit:t=>{t.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:i(K,{spacing:3,children:[e(y,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),e(y,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),i(U,{fullWidth:!0,variant:"outlined",children:[e(N,{id:"role-select-label",children:"Select Role"}),i(X,{labelId:"role-select-label",id:"role-select",value:o,label:"Select Role",onChange:t=>{a(t.target.value)},children:[e(u,{value:"",children:e("em",{children:"None"})}),e(u,{value:"developer",children:"Developer"}),e(u,{value:"designer",children:"Designer"}),e(u,{value:"manager",children:"Manager"})]})]}),i(h,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(x,{variant:"body1",children:"Enable Notifications"}),e(J,{checked:l,onChange:t=>p(t.target.checked),color:"primary"})]}),e(q,{control:e(Y,{checked:b,onChange:t=>v(t.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),i(h,{sx:{display:"flex",gap:2,mt:2},children:[e(S,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),e(S,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!b,children:"Submit"})]})]})})]})};import{Button as Tr,Card as Rr,Paper as Ar,Chip as Er,TextField as zr,OutlinedInput as Dr,Select as Hr,Menu as Lr,MenuItem as $r,Dialog as Gr,Drawer as Ur,AppBar as Nr,Checkbox as Xr,Tabs as qr,Tab as Yr,Stepper as Jr,Step as Kr,StepLabel as Qr,StepIcon as Vr,StepConnector as Zr,Autocomplete as _r,Switch as jr,Table as re,TableBody as ee,TableCell as oe,TableContainer as ae,TableHead as te,TableRow as ie,Tooltip as de,Alert as ne,LinearProgress as le,Divider as be,Typography as se,Box as ue,Stack as pe,Container as ge,Grid as ce}from"@mui/material";import{DatePicker as xe}from"@mui/x-date-pickers";export{ne as Alert,Nr as AppBar,_r as Autocomplete,ue as Box,Tr as Button,Rr as Card,Xr as Checkbox,Er as Chip,ge as Container,xe as DatePicker,Gr as Dialog,be as Divider,Ur as Drawer,vr as ExampleForm,s as GlassCard,ce as Grid,dr as LibThemeProvider,le as LinearProgress,Lr as Menu,$r as MenuItem,Dr as OutlinedInput,Ar as Paper,Hr as Select,pe as Stack,Kr as Step,Zr as StepConnector,Vr as StepIcon,Qr as StepLabel,Jr as Stepper,jr as Switch,Yr as Tab,re as Table,ee as TableBody,oe as TableCell,ae as TableContainer,te as TableHead,ie as TableRow,qr as Tabs,zr as TextField,de as Tooltip,se as Typography,xr as UserCard};
1
+ import{ThemeProvider as O,CssBaseline as P}from"@mui/material";import{createTheme as k}from"@mui/material/styles";import{createElement as g}from"react";import M from"@mui/icons-material/CheckBoxOutlineBlankRounded";import B from"@mui/icons-material/CheckBoxRounded";import w from"@mui/icons-material/IndeterminateCheckBoxRounded";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)"}},d={palette:{primary:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},secondary:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},blue:{main:"#007AFF",light:"#47A3FF",dark:"#0055CC",contrastText:"#FFFFFF"},purple:{main:"#5856D6",light:"#7B79E6",dark:"#3E3CAA",contrastText:"#FFFFFF"},error:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B"},red:{main:"#FF3B30",light:"#FF7A73",dark:"#C9251B",contrastText:"#FFFFFF"},warning:{main:"#FF9500",light:"#FFB340",dark:"#C97200"},orange:{main:"#FF9500",light:"#FFB340",dark:"#C97200",contrastText:"#FFFFFF"},success:{main:"#34C759",light:"#6FD98B",dark:"#248A3D"},green:{main:"#34C759",light:"#6FD98B",dark:"#248A3D",contrastText:"#FFFFFF"},gray:{main:"#8E8E93",light:"#AEAEB2",dark:"#636366",contrastText:"#FFFFFF"},background:{default:"#EEF2F8",paper:r.light.surface},text:{primary:"#1C1C1E",secondary:"#6C6C70"},divider:"rgba(60, 60, 67, 0.12)"},typography:{fontFamily:'"SF Pro Text", "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:700,lineHeight:1.2,letterSpacing:"-0.02em"},h2:{fontSize:"2rem",fontWeight:700,lineHeight:1.3,letterSpacing:"-0.015em"},h3:{fontSize:"1.5rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.01em"},h4:{fontSize:"1.25rem",fontWeight:600,lineHeight:1.4,letterSpacing:"-0.008em"},h5:{fontSize:"1.125rem",fontWeight:600,lineHeight:1.5},h6:{fontSize:"1rem",fontWeight:600,lineHeight:1.5},body1:{fontSize:"0.875rem",lineHeight:1.6},body2:{fontSize:"0.8125rem",lineHeight:1.6},button:{textTransform:"none",fontWeight:500,letterSpacing:"-0.01em"}},shape:{borderRadius:16},components:{MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{background:"#0A84FF",boxShadow:"0 2px 8px rgba(10, 132, 255, 0.3)","&:hover":{background:"#2994FF",boxShadow:"0 4px 10px rgba(10, 132, 255, 0.34)"}},outlined:{borderWidth:1,borderColor:"rgba(60, 60, 67, 0.2)",backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,backgroundColor:"rgba(255, 255, 255, 0.34)","&:hover":{borderColor:"rgba(60, 60, 67, 0.28)",backgroundColor:"rgba(255, 255, 255, 0.46)"}},text:{"&:hover":{backgroundColor:"rgba(60, 60, 67, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:r.light.surface,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`,boxShadow:r.light.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:r.light.surface,backdropFilter:r.light.blur,WebkitBackdropFilter:r.light.blur,border:`1px solid ${r.light.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:r.light.shadow},elevation2:{boxShadow:r.light.shadowElevated}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(142, 142, 147, 0.15)",border:"1px solid rgba(255,255,255,0.4)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.5)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.15)",color:"#1A7A35",border:"1px solid rgba(52, 199, 89, 0.25)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.12)",color:"#8A5000",border:"1px solid rgba(255, 149, 0, 0.25)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.12)",color:"#A0190F",border:"1px solid rgba(255, 59, 48, 0.25)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.12)",color:"#005CC8",border:"1px solid rgba(0, 122, 255, 0.25)"}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(60, 60, 67, 0.2)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5}},'& input[type="date"]':{paddingTop:10,paddingBottom:10},'& input[type="date"]::-webkit-calendar-picker-indicator':{opacity:.6}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.6)",backdropFilter:"blur(16px) saturate(145%)",WebkitBackdropFilter:"blur(16px) saturate(145%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(60, 60, 67, 0.3)"},"&.Mui-focused":{background:"rgba(255,255,255,0.75)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.16)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(60, 60, 67, 0.2)",transition:"border-color 0.2s ease"}}},MuiSelect:{styleOverrides:{root:{"& .MuiPaper-root":{boxShadow:r.light.shadowElevated}}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:r.light.surfaceStrong,backdropFilter:"blur(28px) saturate(122%)",WebkitBackdropFilter:"blur(28px) saturate(122%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(60, 60, 67, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.14)","&:hover":{background:"rgba(10, 132, 255, 0.2)"}}}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:r.light.surfaceStrong,backdropFilter:"blur(34px) saturate(145%)",WebkitBackdropFilter:"blur(34px) saturate(145%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:r.light.surfaceStrong,backdropFilter:"blur(28px) saturate(145%)",WebkitBackdropFilter:"blur(28px) saturate(145%)",border:`1px solid ${r.light.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(248, 248, 250, 0.72)",backdropFilter:"blur(24px) saturate(140%) brightness(1.02)",WebkitBackdropFilter:"blur(24px) saturate(140%) brightness(1.02)",borderBottom:"1px solid rgba(60, 60, 67, 0.12)",boxShadow:"0 1px 0 rgba(0,0,0,0.04)",color:"#1C1C1E",backgroundImage:"none"}}},MuiCheckbox:{defaultProps:{disableRipple:!0,icon:g(M,{fontSize:"small"}),checkedIcon:g(B,{fontSize:"small"}),indeterminateIcon:g(w,{fontSize:"small"})},styleOverrides:{root:{padding:6,borderRadius:10,transition:"background 0.15s ease","&:hover":{backgroundColor:"rgba(0, 122, 255, 0.08)"}}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(120, 120, 128, 0.16)",borderRadius:14,padding:"4px"},indicator:{height:"100%",borderRadius:10,background:r.light.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.08), inset 0 1px 0 rgba(255,255,255,0.85)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiTab:{styleOverrides:{root:{minHeight:36,textTransform:"none",fontWeight:500,borderRadius:10,paddingInline:16,zIndex:1,transition:"color 0.2s ease","&:hover":{backgroundColor:"transparent",color:"#3A3A3C"},"&.Mui-selected":{fontWeight:600,color:"#1C1C1E"}}}},MuiStepper:{styleOverrides:{root:{paddingBlock:8}}},MuiStepLabel:{styleOverrides:{label:{fontWeight:600}}},MuiStepIcon:{styleOverrides:{root:{color:"rgba(142, 142, 147, 0.3)","&.Mui-active":{color:"#007AFF",filter:"drop-shadow(0 2px 6px rgba(0, 122, 255, 0.4))"},"&.Mui-completed":{color:"#34C759"}},text:{fontWeight:700,fill:"#FFFFFF"}}},MuiStepConnector:{styleOverrides:{root:{"& .MuiStepConnector-line":{borderColor:"rgba(142, 142, 147, 0.25)",borderTopWidth:2,borderRadius:999},"&.Mui-active .MuiStepConnector-line":{borderColor:"#007AFF"},"&.Mui-completed .MuiStepConnector-line":{borderColor:"#34C759"}}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:r.light.surfaceStrong,backdropFilter:"blur(32px) saturate(200%)",WebkitBackdropFilter:"blur(32px) saturate(200%)",border:`1px solid ${r.light.border}`,boxShadow:r.light.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(0, 122, 255, 0.12) !important"},"&.Mui-focused":{background:"rgba(0, 122, 255, 0.08) !important"}}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1,boxShadow:"inset 0 1px 3px rgba(0,0,0,0.15)"}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.15), inset 0 1px 0 rgba(255,255,255,0.9)"},track:{borderRadius:14,background:"rgba(120, 120, 128, 0.32)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(245, 248, 255, 0.7)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#6C6C70",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(60, 60, 67, 0.1)"},body:{fontSize:"0.875rem",color:"#1C1C1E",borderBottom:"1px solid rgba(60, 60, 67, 0.06)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(28, 28, 30, 0.82)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.1)",boxShadow:"0 4px 16px rgba(0,0,0,0.25)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.4)"},standardSuccess:{background:"rgba(52, 199, 89, 0.12)",borderColor:"rgba(52, 199, 89, 0.25)"},standardError:{background:"rgba(255, 59, 48, 0.10)",borderColor:"rgba(255, 59, 48, 0.22)"},standardWarning:{background:"rgba(255, 149, 0, 0.10)",borderColor:"rgba(255, 149, 0, 0.22)"},standardInfo:{background:"rgba(0, 122, 255, 0.10)",borderColor:"rgba(0, 122, 255, 0.22)"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(0, 0, 0, 0.07)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(60, 60, 67, 0.1)"}}}}},m=k({...d,palette:{mode:"light",...d.palette}}),F=k({...d,palette:{mode:"dark",...d.palette,background:{default:"#0E111B",paper:r.dark.surface},text:{primary:"#F2F2F7",secondary:"#8E8E93"},divider:"rgba(255, 255, 255, 0.1)"},components:{...d.components,MuiCard:{defaultProps:{elevation:0},styleOverrides:{root:{borderRadius:18,background:r.dark.surface,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadow,backgroundImage:"none"}}},MuiPaper:{styleOverrides:{root:{backgroundImage:"none",background:r.dark.surface,backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,border:`1px solid ${r.dark.border}`},elevation0:{boxShadow:"none"},elevation1:{boxShadow:r.dark.shadow},elevation2:{boxShadow:r.dark.shadowElevated}}},MuiTextField:{styleOverrides:{root:{"& .MuiOutlinedInput-root":{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","& fieldset":{borderColor:"rgba(255, 255, 255, 0.14)",borderWidth:1,transition:"border-color 0.2s ease"},"&:hover fieldset":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused fieldset":{borderColor:"#0A84FF",borderWidth:1.5},"& input":{color:"#F2F2F7"},"& input::placeholder":{color:"rgba(235,235,245,0.4)"}},"& .MuiInputLabel-root":{color:"rgba(235,235,245,0.55)"},"& .MuiInputLabel-root.Mui-focused":{color:"#0A84FF"}}}},MuiOutlinedInput:{styleOverrides:{root:{borderRadius:12,background:"rgba(255,255,255,0.07)",backdropFilter:"blur(16px) saturate(130%)",WebkitBackdropFilter:"blur(16px) saturate(130%)",transition:"box-shadow 0.2s ease, background 0.2s ease","&:hover .MuiOutlinedInput-notchedOutline":{borderColor:"rgba(255, 255, 255, 0.26)"},"&.Mui-focused":{background:"rgba(255,255,255,0.10)",boxShadow:"0 0 0 3px rgba(10, 132, 255, 0.22)"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{borderColor:"#0A84FF",borderWidth:1.5}},notchedOutline:{borderColor:"rgba(255, 255, 255, 0.14)",transition:"border-color 0.2s ease"}}},MuiMenu:{styleOverrides:{paper:{borderRadius:16,background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"}}},MuiDialog:{styleOverrides:{paper:{borderRadius:22,background:r.dark.surfaceStrong,backdropFilter:"blur(34px) saturate(130%)",WebkitBackdropFilter:"blur(34px) saturate(130%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"}}},MuiDrawer:{styleOverrides:{paper:{background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(130%)",WebkitBackdropFilter:"blur(28px) saturate(130%)",border:`1px solid ${r.dark.borderSubtle}`,backgroundImage:"none"}}},MuiAppBar:{defaultProps:{elevation:0},styleOverrides:{root:{background:"rgba(28, 28, 30, 0.68)",backdropFilter:"blur(24px) saturate(112%) brightness(0.94)",WebkitBackdropFilter:"blur(24px) saturate(112%) brightness(0.94)",borderBottom:`1px solid ${r.dark.borderSubtle}`,boxShadow:"0 1px 0 rgba(255,255,255,0.04)",color:"#F2F2F7",backgroundImage:"none"}}},MuiAutocomplete:{styleOverrides:{paper:{borderRadius:16,background:r.dark.surfaceStrong,backdropFilter:"blur(28px) saturate(112%)",WebkitBackdropFilter:"blur(28px) saturate(112%)",border:`1px solid ${r.dark.border}`,boxShadow:r.dark.shadowElevated,backgroundImage:"none"},option:{borderRadius:10,marginInline:6,marginBlock:2,'&[aria-selected="true"]':{background:"rgba(10, 132, 255, 0.22) !important"},"&.Mui-focused":{background:"rgba(255, 255, 255, 0.1) !important"}}}},MuiButton:{styleOverrides:{root:{borderRadius:12,fontWeight:500,boxShadow:"none",letterSpacing:"-0.01em",transition:"background-color 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease","&:hover":{boxShadow:"none"},"&:active":{opacity:.92},"&.MuiButton-iconOnly":{minWidth:0,padding:"8px",lineHeight:0,"& .MuiButton-startIcon, & .MuiButton-endIcon":{margin:0}}},contained:{background:"#0A84FF",boxShadow:"0 2px 10px rgba(10, 132, 255, 0.32)","&:hover":{background:"#2994FF",boxShadow:"0 4px 12px rgba(10, 132, 255, 0.38)"}},outlined:{borderWidth:1,borderColor:"rgba(255, 255, 255, 0.18)",backdropFilter:r.dark.blur,WebkitBackdropFilter:r.dark.blur,backgroundColor:"rgba(255, 255, 255, 0.08)","&:hover":{borderColor:"rgba(255, 255, 255, 0.26)",backgroundColor:"rgba(255, 255, 255, 0.12)"}},text:{"&:hover":{backgroundColor:"rgba(255, 255, 255, 0.08)"}},sizeMedium:{height:36.5},sizeSmall:{height:32}}},MuiTabs:{styleOverrides:{root:{minHeight:44,background:"rgba(255, 255, 255, 0.14)",borderRadius:14,padding:"4px"},indicator:{height:"100%",borderRadius:10,background:r.dark.surfaceStrong,backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",boxShadow:"0 1px 2px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.08)",zIndex:0},flexContainer:{position:"relative",zIndex:1}}},MuiMenuItem:{styleOverrides:{root:{borderRadius:10,marginInline:6,transition:"background 0.15s ease","&:hover":{background:"rgba(255, 255, 255, 0.08)"},"&.Mui-selected":{background:"rgba(10, 132, 255, 0.24)","&:hover":{background:"rgba(10, 132, 255, 0.3)"}}}}},MuiTab:{styleOverrides:{root:{"&:hover":{color:"#E5E5EA"},"&.Mui-selected":{color:"#FFFFFF"}}}},MuiTableCell:{styleOverrides:{head:{background:"rgba(255, 255, 255, 0.05)",backdropFilter:"blur(16px)",WebkitBackdropFilter:"blur(16px)",color:"#8E8E93",fontWeight:600,fontSize:"0.75rem",textTransform:"uppercase",letterSpacing:"0.06em",borderBottom:"1px solid rgba(255, 255, 255, 0.08)"},body:{fontSize:"0.875rem",color:"#F2F2F7",borderBottom:"1px solid rgba(255, 255, 255, 0.05)"}}},MuiDivider:{styleOverrides:{root:{borderColor:"rgba(255, 255, 255, 0.09)"}}},MuiTooltip:{styleOverrides:{tooltip:{borderRadius:10,background:"rgba(44, 44, 46, 0.88)",backdropFilter:"blur(16px) saturate(180%)",WebkitBackdropFilter:"blur(16px) saturate(180%)",fontSize:"0.75rem",fontWeight:500,border:"1px solid rgba(255,255,255,0.12)",boxShadow:"0 4px 16px rgba(0,0,0,0.45)"}}},MuiAlert:{styleOverrides:{root:{borderRadius:14,backdropFilter:"blur(20px) saturate(180%)",WebkitBackdropFilter:"blur(20px) saturate(180%)",border:"1px solid rgba(255,255,255,0.1)"},standardSuccess:{background:"rgba(52, 199, 89, 0.15)",borderColor:"rgba(52, 199, 89, 0.3)"},standardError:{background:"rgba(255, 59, 48, 0.15)",borderColor:"rgba(255, 59, 48, 0.3)"},standardWarning:{background:"rgba(255, 149, 0, 0.15)",borderColor:"rgba(255, 149, 0, 0.3)"},standardInfo:{background:"rgba(0, 122, 255, 0.15)",borderColor:"rgba(0, 122, 255, 0.3)"}}},MuiChip:{styleOverrides:{root:{borderRadius:999,fontWeight:500,fontSize:"0.75rem",backdropFilter:"blur(12px) saturate(160%)",WebkitBackdropFilter:"blur(12px) saturate(160%)"},filled:{background:"rgba(255, 255, 255, 0.1)",border:"1px solid rgba(255,255,255,0.15)",boxShadow:"inset 0 1px 0 rgba(255,255,255,0.1)"},colorSuccess:{backgroundColor:"rgba(52, 199, 89, 0.2)",color:"#6FD98B",border:"1px solid rgba(52, 199, 89, 0.3)"},colorWarning:{backgroundColor:"rgba(255, 149, 0, 0.18)",color:"#FFB340",border:"1px solid rgba(255, 149, 0, 0.3)"},colorError:{backgroundColor:"rgba(255, 59, 48, 0.18)",color:"#FF7A73",border:"1px solid rgba(255, 59, 48, 0.3)"},colorPrimary:{backgroundColor:"rgba(0, 122, 255, 0.2)",color:"#47A3FF",border:"1px solid rgba(0, 122, 255, 0.35)"}}},MuiSwitch:{styleOverrides:{root:{width:50,height:28,padding:0},switchBase:{padding:3,transition:"transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)","&.Mui-checked":{transform:"translateX(22px)",color:"#FFFFFF","& + .MuiSwitch-track":{background:"linear-gradient(135deg, #34D058, #34C759)",opacity:1}}},thumb:{width:22,height:22,boxShadow:"0 2px 6px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.2)"},track:{borderRadius:14,background:"rgba(255, 255, 255, 0.18)",opacity:1,transition:"background 0.25s ease, opacity 0.25s ease"}}},MuiLinearProgress:{styleOverrides:{root:{borderRadius:999,background:"rgba(255,255,255,0.1)",height:5},bar:{borderRadius:999,background:"linear-gradient(90deg, #47A3FF, #007AFF)"}}}}});import{jsx as W,jsxs as I}from"react/jsx-runtime";var dr=({children:o,mode:a="light"})=>I(O,{theme:a==="light"?m:F,children:[W(P,{}),o]});import{Card as T,styled as R}from"@mui/material";import{jsx as E}from"react/jsx-runtime";var A=R(T)(({theme:o})=>({transition:"transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out","&:hover":{transform:"translateY(-4px)",boxShadow:o.shadows[4]}})),s=({children:o,...a})=>E(A,{...a,children:o});import{CardContent as z,Typography as f,Avatar as D,Box as L,styled as C}from"@mui/material";import{jsx as n,jsxs as G}from"react/jsx-runtime";var H=C(D)(({theme:o})=>({width:64,height:64,border:`2px solid ${o.palette.divider}`,boxShadow:o.shadows[2],marginBottom:o.spacing(2)})),$=C(L)({display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}),xr=({name:o,role:a,avatarUrl:l,sx:p,...b})=>n(s,{sx:{maxWidth:280,...p},...b,children:n(z,{children:G($,{children:[n(H,{src:l,alt:o}),n(f,{variant:"h6",component:"div",gutterBottom:!0,children:o}),a&&n(f,{variant:"body2",color:"text.secondary",children:a})]})})});import{useState as c}from"react";import{Box as h,Typography as x,TextField as y,Button as S,FormControl as U,InputLabel as N,Select as X,MenuItem as u,FormControlLabel as q,Checkbox as Q,Switch as Y,Stack as J}from"@mui/material";import{jsx as e,jsxs as i}from"react/jsx-runtime";var vr=()=>{let[o,a]=c(""),[l,p]=c(!0),[b,v]=c(!1);return i(s,{sx:{p:4,maxWidth:500,mx:"auto",mt:4},children:[e(x,{variant:"h4",gutterBottom:!0,children:"Registration"}),e(x,{variant:"body2",color:"text.secondary",sx:{mb:3},children:"Experience the Liquid Glass Design system applied to standard MUI form components."}),e(h,{component:"form",onSubmit:t=>{t.preventDefault(),alert("Form submitted! Check console for values (if this was a real app).")},children:i(J,{spacing:3,children:[e(y,{fullWidth:!0,label:"Full Name",variant:"outlined",placeholder:"Enter your name"}),e(y,{fullWidth:!0,label:"Email Address",variant:"outlined",type:"email",placeholder:"you@example.com"}),i(U,{fullWidth:!0,variant:"outlined",children:[e(N,{id:"role-select-label",children:"Select Role"}),i(X,{labelId:"role-select-label",id:"role-select",value:o,label:"Select Role",onChange:t=>{a(t.target.value)},children:[e(u,{value:"",children:e("em",{children:"None"})}),e(u,{value:"developer",children:"Developer"}),e(u,{value:"designer",children:"Designer"}),e(u,{value:"manager",children:"Manager"})]})]}),i(h,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(x,{variant:"body1",children:"Enable Notifications"}),e(Y,{checked:l,onChange:t=>p(t.target.checked),color:"primary"})]}),e(q,{control:e(Q,{checked:b,onChange:t=>v(t.target.checked),color:"primary"}),label:"I agree to the terms and conditions"}),i(h,{sx:{display:"flex",gap:2,mt:2},children:[e(S,{variant:"outlined",color:"inherit",fullWidth:!0,children:"Cancel"}),e(S,{type:"submit",variant:"contained",color:"primary",fullWidth:!0,disabled:!b,children:"Submit"})]})]})})]})};import{Button as Tr,Card as Rr,Paper as Ar,Chip as Er,TextField as zr,OutlinedInput as Dr,Select as Lr,Menu as Hr,MenuItem as $r,Dialog as Gr,Drawer as Ur,AppBar as Nr,Checkbox as Xr,Tabs as qr,Tab as Qr,Stepper as Yr,Step as Jr,StepLabel as Kr,StepIcon as Vr,StepConnector as Zr,Autocomplete as _r,Switch as jr,Table as re,TableBody as ee,TableCell as oe,TableContainer as ae,TableHead as te,TableRow as ie,Tooltip as de,Alert as ne,LinearProgress as le,Divider as be,Typography as se,Box as ue,Stack as pe,Container as ge,Grid as ce,IconButton as he,Toolbar as xe,List as ke,ListItem as me,ListItemButton as Fe,ListItemText as fe,ListItemIcon as Ce,useMediaQuery as ye,useTheme as Se}from"@mui/material";import{DatePicker as Me}from"@mui/x-date-pickers";export{ne as Alert,Nr as AppBar,_r as Autocomplete,ue as Box,Tr as Button,Rr as Card,Xr as Checkbox,Er as Chip,ge as Container,Me as DatePicker,Gr as Dialog,be as Divider,Ur as Drawer,vr as ExampleForm,s as GlassCard,ce as Grid,he as IconButton,dr as LibThemeProvider,le as LinearProgress,ke as List,me as ListItem,Fe as ListItemButton,Ce as ListItemIcon,fe as ListItemText,Hr as Menu,$r as MenuItem,Dr as OutlinedInput,Ar as Paper,Lr as Select,pe as Stack,Jr as Step,Zr as StepConnector,Vr as StepIcon,Kr as StepLabel,Yr as Stepper,jr as Switch,Qr as Tab,re as Table,ee as TableBody,oe as TableCell,ae as TableContainer,te as TableHead,ie as TableRow,qr as Tabs,zr as TextField,xe as Toolbar,de as Tooltip,se as Typography,xr as UserCard,ye as useMediaQuery,Se as useTheme};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@awaymess/ui",
3
- "version": "0.1.6",
3
+ "version": "0.1.8",
4
4
  "description": "Custom MUI UI Component Library",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,7 +17,7 @@
17
17
  "dist"
18
18
  ],
19
19
  "scripts": {
20
- "build": "tsup src/index.ts --format cjs,esm --dts --minify --clean",
20
+ "build": "tsup src/index.ts --format cjs,esm --dts --minify --clean --external @mui/material,@emotion/react,@emotion/styled,@mui/x-date-pickers,@mui/icons-material",
21
21
  "dev": "tsup src/index.ts --format cjs,esm --watch --dts",
22
22
  "lint": "tsc"
23
23
  },