diff --git a/assets/index-C4ymXVcs.js b/assets/index-ByIy9uOU.js similarity index 96% rename from assets/index-C4ymXVcs.js rename to assets/index-ByIy9uOU.js index d5f8e94..660c62b 100644 --- a/assets/index-C4ymXVcs.js +++ b/assets/index-ByIy9uOU.js @@ -58,7 +58,7 @@ theme.breakpoints = createBreakpoints(theme.breakpoints || {}); theme.transitions = createTransitions(theme.transitions || {}); export default theme;`}function fS(e,t){t.forEach(n=>{e[n]||(e[n]={})})}function E(e,t,n){!e[t]&&n&&(e[t]=n)}function Ci(e){return!e||!e.startsWith("hsl")?e:l0(e)}function Ht(e,t){`${t}Channel`in e||(e[`${t}Channel`]=ki(Ci(e[t]),`MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color(). -To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`))}function dS(e){return typeof e=="number"?`${e}px`:typeof e=="string"||typeof e=="function"||Array.isArray(e)?e:"8px"}const $t=e=>{try{return e()}catch{}},pS=(e="mui")=>gx(e);function fl(e,t,n,r){if(!t)return;t=t===!0?{}:t;const i=r==="dark"?"dark":"light";if(!n){e[r]=oS({...t,palette:{mode:i,...t==null?void 0:t.palette}});return}const{palette:o,...a}=hu({...n,palette:{mode:i,...t==null?void 0:t.palette}});return e[r]={...t,palette:o,opacity:{...c0(i),...t==null?void 0:t.opacity},overlays:(t==null?void 0:t.overlays)||f0(i)},a}function mS(e={},...t){const{colorSchemes:n={light:!0},defaultColorScheme:r,disableCssColorScheme:i=!1,cssVarPrefix:o="mui",shouldSkipGeneratingVar:a=aS,colorSchemeSelector:s=n.light&&n.dark?"media":void 0,...l}=e,u=Object.keys(n)[0],c=r||(n.light&&u!=="light"?"light":u),d=pS(o),{[c]:p,light:y,dark:v,...x}=n,T={...x};let g=p;if((c==="dark"&&!("dark"in n)||c==="light"&&!("light"in n))&&(g=!0),!g)throw new Error(er(21,c));const m=fl(T,g,l,c);y&&!T.light&&fl(T,y,void 0,"light"),v&&!T.dark&&fl(T,v,void 0,"dark");let h={defaultColorScheme:c,...m,cssVarPrefix:o,colorSchemeSelector:s,getCssVar:d,colorSchemes:T,font:{...Vx(m.typography),...m.font},spacing:dS(l.spacing)};Object.keys(h.colorSchemes).forEach(R=>{const f=h.colorSchemes[R].palette,C=M=>{const U=M.split("-"),Y=U[1],L=U[2];return d(M,f[Y][L])};if(f.mode==="light"&&(E(f.common,"background","#fff"),E(f.common,"onBackground","#000")),f.mode==="dark"&&(E(f.common,"background","#000"),E(f.common,"onBackground","#fff")),fS(f,["Alert","AppBar","Avatar","Button","Chip","FilledInput","LinearProgress","Skeleton","Slider","SnackbarContent","SpeedDialAction","StepConnector","StepContent","Switch","TableCell","Tooltip"]),f.mode==="light"){E(f.Alert,"errorColor",te(f.error.light,.6)),E(f.Alert,"infoColor",te(f.info.light,.6)),E(f.Alert,"successColor",te(f.success.light,.6)),E(f.Alert,"warningColor",te(f.warning.light,.6)),E(f.Alert,"errorFilledBg",C("palette-error-main")),E(f.Alert,"infoFilledBg",C("palette-info-main")),E(f.Alert,"successFilledBg",C("palette-success-main")),E(f.Alert,"warningFilledBg",C("palette-warning-main")),E(f.Alert,"errorFilledColor",$t(()=>f.getContrastText(f.error.main))),E(f.Alert,"infoFilledColor",$t(()=>f.getContrastText(f.info.main))),E(f.Alert,"successFilledColor",$t(()=>f.getContrastText(f.success.main))),E(f.Alert,"warningFilledColor",$t(()=>f.getContrastText(f.warning.main))),E(f.Alert,"errorStandardBg",ne(f.error.light,.9)),E(f.Alert,"infoStandardBg",ne(f.info.light,.9)),E(f.Alert,"successStandardBg",ne(f.success.light,.9)),E(f.Alert,"warningStandardBg",ne(f.warning.light,.9)),E(f.Alert,"errorIconColor",C("palette-error-main")),E(f.Alert,"infoIconColor",C("palette-info-main")),E(f.Alert,"successIconColor",C("palette-success-main")),E(f.Alert,"warningIconColor",C("palette-warning-main")),E(f.AppBar,"defaultBg",C("palette-grey-100")),E(f.Avatar,"defaultBg",C("palette-grey-400")),E(f.Button,"inheritContainedBg",C("palette-grey-300")),E(f.Button,"inheritContainedHoverBg",C("palette-grey-A100")),E(f.Chip,"defaultBorder",C("palette-grey-400")),E(f.Chip,"defaultAvatarColor",C("palette-grey-700")),E(f.Chip,"defaultIconColor",C("palette-grey-700")),E(f.FilledInput,"bg","rgba(0, 0, 0, 0.06)"),E(f.FilledInput,"hoverBg","rgba(0, 0, 0, 0.09)"),E(f.FilledInput,"disabledBg","rgba(0, 0, 0, 0.12)"),E(f.LinearProgress,"primaryBg",ne(f.primary.main,.62)),E(f.LinearProgress,"secondaryBg",ne(f.secondary.main,.62)),E(f.LinearProgress,"errorBg",ne(f.error.main,.62)),E(f.LinearProgress,"infoBg",ne(f.info.main,.62)),E(f.LinearProgress,"successBg",ne(f.success.main,.62)),E(f.LinearProgress,"warningBg",ne(f.warning.main,.62)),E(f.Skeleton,"bg",`rgba(${C("palette-text-primaryChannel")} / 0.11)`),E(f.Slider,"primaryTrack",ne(f.primary.main,.62)),E(f.Slider,"secondaryTrack",ne(f.secondary.main,.62)),E(f.Slider,"errorTrack",ne(f.error.main,.62)),E(f.Slider,"infoTrack",ne(f.info.main,.62)),E(f.Slider,"successTrack",ne(f.success.main,.62)),E(f.Slider,"warningTrack",ne(f.warning.main,.62));const M=Uo(f.background.default,.8);E(f.SnackbarContent,"bg",M),E(f.SnackbarContent,"color",$t(()=>f.getContrastText(M))),E(f.SpeedDialAction,"fabHoverBg",Uo(f.background.paper,.15)),E(f.StepConnector,"border",C("palette-grey-400")),E(f.StepContent,"border",C("palette-grey-400")),E(f.Switch,"defaultColor",C("palette-common-white")),E(f.Switch,"defaultDisabledColor",C("palette-grey-100")),E(f.Switch,"primaryDisabledColor",ne(f.primary.main,.62)),E(f.Switch,"secondaryDisabledColor",ne(f.secondary.main,.62)),E(f.Switch,"errorDisabledColor",ne(f.error.main,.62)),E(f.Switch,"infoDisabledColor",ne(f.info.main,.62)),E(f.Switch,"successDisabledColor",ne(f.success.main,.62)),E(f.Switch,"warningDisabledColor",ne(f.warning.main,.62)),E(f.TableCell,"border",ne(Wo(f.divider,1),.88)),E(f.Tooltip,"bg",Wo(f.grey[700],.92))}if(f.mode==="dark"){E(f.Alert,"errorColor",ne(f.error.light,.6)),E(f.Alert,"infoColor",ne(f.info.light,.6)),E(f.Alert,"successColor",ne(f.success.light,.6)),E(f.Alert,"warningColor",ne(f.warning.light,.6)),E(f.Alert,"errorFilledBg",C("palette-error-dark")),E(f.Alert,"infoFilledBg",C("palette-info-dark")),E(f.Alert,"successFilledBg",C("palette-success-dark")),E(f.Alert,"warningFilledBg",C("palette-warning-dark")),E(f.Alert,"errorFilledColor",$t(()=>f.getContrastText(f.error.dark))),E(f.Alert,"infoFilledColor",$t(()=>f.getContrastText(f.info.dark))),E(f.Alert,"successFilledColor",$t(()=>f.getContrastText(f.success.dark))),E(f.Alert,"warningFilledColor",$t(()=>f.getContrastText(f.warning.dark))),E(f.Alert,"errorStandardBg",te(f.error.light,.9)),E(f.Alert,"infoStandardBg",te(f.info.light,.9)),E(f.Alert,"successStandardBg",te(f.success.light,.9)),E(f.Alert,"warningStandardBg",te(f.warning.light,.9)),E(f.Alert,"errorIconColor",C("palette-error-main")),E(f.Alert,"infoIconColor",C("palette-info-main")),E(f.Alert,"successIconColor",C("palette-success-main")),E(f.Alert,"warningIconColor",C("palette-warning-main")),E(f.AppBar,"defaultBg",C("palette-grey-900")),E(f.AppBar,"darkBg",C("palette-background-paper")),E(f.AppBar,"darkColor",C("palette-text-primary")),E(f.Avatar,"defaultBg",C("palette-grey-600")),E(f.Button,"inheritContainedBg",C("palette-grey-800")),E(f.Button,"inheritContainedHoverBg",C("palette-grey-700")),E(f.Chip,"defaultBorder",C("palette-grey-700")),E(f.Chip,"defaultAvatarColor",C("palette-grey-300")),E(f.Chip,"defaultIconColor",C("palette-grey-300")),E(f.FilledInput,"bg","rgba(255, 255, 255, 0.09)"),E(f.FilledInput,"hoverBg","rgba(255, 255, 255, 0.13)"),E(f.FilledInput,"disabledBg","rgba(255, 255, 255, 0.12)"),E(f.LinearProgress,"primaryBg",te(f.primary.main,.5)),E(f.LinearProgress,"secondaryBg",te(f.secondary.main,.5)),E(f.LinearProgress,"errorBg",te(f.error.main,.5)),E(f.LinearProgress,"infoBg",te(f.info.main,.5)),E(f.LinearProgress,"successBg",te(f.success.main,.5)),E(f.LinearProgress,"warningBg",te(f.warning.main,.5)),E(f.Skeleton,"bg",`rgba(${C("palette-text-primaryChannel")} / 0.13)`),E(f.Slider,"primaryTrack",te(f.primary.main,.5)),E(f.Slider,"secondaryTrack",te(f.secondary.main,.5)),E(f.Slider,"errorTrack",te(f.error.main,.5)),E(f.Slider,"infoTrack",te(f.info.main,.5)),E(f.Slider,"successTrack",te(f.success.main,.5)),E(f.Slider,"warningTrack",te(f.warning.main,.5));const M=Uo(f.background.default,.98);E(f.SnackbarContent,"bg",M),E(f.SnackbarContent,"color",$t(()=>f.getContrastText(M))),E(f.SpeedDialAction,"fabHoverBg",Uo(f.background.paper,.15)),E(f.StepConnector,"border",C("palette-grey-600")),E(f.StepContent,"border",C("palette-grey-600")),E(f.Switch,"defaultColor",C("palette-grey-300")),E(f.Switch,"defaultDisabledColor",C("palette-grey-600")),E(f.Switch,"primaryDisabledColor",te(f.primary.main,.55)),E(f.Switch,"secondaryDisabledColor",te(f.secondary.main,.55)),E(f.Switch,"errorDisabledColor",te(f.error.main,.55)),E(f.Switch,"infoDisabledColor",te(f.info.main,.55)),E(f.Switch,"successDisabledColor",te(f.success.main,.55)),E(f.Switch,"warningDisabledColor",te(f.warning.main,.55)),E(f.TableCell,"border",te(Wo(f.divider,1),.68)),E(f.Tooltip,"bg",Wo(f.grey[700],.92))}Ht(f.background,"default"),Ht(f.background,"paper"),Ht(f.common,"background"),Ht(f.common,"onBackground"),Ht(f,"divider"),Object.keys(f).forEach(M=>{const U=f[M];U&&typeof U=="object"&&(U.main&&E(f[M],"mainChannel",ki(Ci(U.main))),U.light&&E(f[M],"lightChannel",ki(Ci(U.light))),U.dark&&E(f[M],"darkChannel",ki(Ci(U.dark))),U.contrastText&&E(f[M],"contrastTextChannel",ki(Ci(U.contrastText))),M==="text"&&(Ht(f[M],"primary"),Ht(f[M],"secondary")),M==="action"&&(U.active&&Ht(f[M],"active"),U.selected&&Ht(f[M],"selected")))})}),h=t.reduce((R,f)=>rt(R,f),h);const S={prefix:o,disableCssColorScheme:i,shouldSkipGeneratingVar:a,getSelector:lS(h)},{vars:k,generateThemeVars:P,generateStyleSheets:b}=xx(h,S);return h.vars=k,Object.entries(h.colorSchemes[h.defaultColorScheme]).forEach(([R,f])=>{h[R]=f}),h.generateThemeVars=P,h.generateStyleSheets=b,h.generateSpacing=function(){return r0(l.spacing,Dc(this))},h.getColorSchemeSelector=Sx(s),h.spacing=h.generateSpacing(),h.shouldSkipGeneratingVar=a,h.unstable_sxConfig={...yo,...l==null?void 0:l.unstable_sxConfig},h.unstable_sx=function(f){return ei({sx:f,theme:this})},h.toRuntimeSource=cS,h}function Wd(e,t,n){e.colorSchemes&&n&&(e.colorSchemes[t]={...n!==!0&&n,palette:Yc({...n===!0?{}:n.palette,mode:t})})}function d0(e={},...t){const{palette:n,cssVariables:r=!1,colorSchemes:i=n?void 0:{light:!0},defaultColorScheme:o=n==null?void 0:n.mode,...a}=e,s=o||"light",l=i==null?void 0:i[s],u={...i,...n?{[s]:{...typeof l!="boolean"&&l,palette:n}}:void 0};if(r===!1){if(!("colorSchemes"in e))return hu(e,...t);let c=n;"palette"in e||u[s]&&(u[s]!==!0?c=u[s].palette:s==="dark"&&(c={mode:"dark"}));const d=hu({...e,palette:c},...t);return d.defaultColorScheme=s,d.colorSchemes=u,d.palette.mode==="light"&&(d.colorSchemes.light={...u.light!==!0&&u.light,palette:d.palette},Wd(d,"dark",u.dark)),d.palette.mode==="dark"&&(d.colorSchemes.dark={...u.dark!==!0&&u.dark,palette:d.palette},Wd(d,"light",u.light)),d}return!n&&!("light"in u)&&s==="light"&&(u.light=!0),mS({...a,colorSchemes:u,defaultColorScheme:s,...typeof r!="boolean"&&r},...t)}const Kc=d0();function hS(){const e=Ps(Kc);return e[Os]||e}function gS({props:e,name:t}){return s0({props:e,name:t,defaultTheme:Kc,themeId:Os})}function yS(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const p0=e=>yS(e)&&e!=="classes",_t=a0({themeId:Os,defaultTheme:Kc,rootShouldForwardProp:p0}),vS=ar("MuiBox",["root"]),xS=d0(),X=Y2({themeId:Os,defaultTheme:xS,defaultClassName:vS.root,generateClassName:i0.generate});function SS(){return Bc}const Ud={theme:void 0};function vo(e){let t,n;return r=>{let i=t;return(i===void 0||r.theme!==n)&&(Ud.theme=r.theme,i=e(Ud),t=i,n=r.theme),i}}function ri(e){return hx(e)}function wS(e){return typeof e.main=="string"}function kS(e,t=[]){if(!wS(e))return!1;for(const n of t)if(!e.hasOwnProperty(n)||typeof e[n]!="string")return!1;return!0}function Qc(e=[]){return([,t])=>t&&kS(t,e)}function CS(e){return or("MuiTypography",e)}ar("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);const bS={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},ES=SS(),PS=e=>{const{align:t,gutterBottom:n,noWrap:r,paragraph:i,variant:o,classes:a}=e,s={root:["root",o,e.align!=="inherit"&&`align${Ee(t)}`,n&&"gutterBottom",r&&"noWrap",i&&"paragraph"]};return ti(s,CS,a)},TS=_t("span",{name:"MuiTypography",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.variant&&t[n.variant],n.align!=="inherit"&&t[`align${Ee(n.align)}`],n.noWrap&&t.noWrap,n.gutterBottom&&t.gutterBottom,n.paragraph&&t.paragraph]}})(vo(({theme:e})=>{var t;return{margin:0,variants:[{props:{variant:"inherit"},style:{font:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}},...Object.entries(e.typography).filter(([n,r])=>n!=="inherit"&&r&&typeof r=="object").map(([n,r])=>({props:{variant:n},style:r})),...Object.entries(e.palette).filter(Qc()).map(([n])=>({props:{color:n},style:{color:(e.vars||e).palette[n].main}})),...Object.entries(((t=e.palette)==null?void 0:t.text)||{}).filter(([,n])=>typeof n=="string").map(([n])=>({props:{color:`text${Ee(n)}`},style:{color:(e.vars||e).palette.text[n]}})),{props:({ownerState:n})=>n.align!=="inherit",style:{textAlign:"var(--Typography-textAlign)"}},{props:({ownerState:n})=>n.noWrap,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{props:({ownerState:n})=>n.gutterBottom,style:{marginBottom:"0.35em"}},{props:({ownerState:n})=>n.paragraph,style:{marginBottom:16}}]}})),Vd={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},$e=z.forwardRef(function(t,n){const{color:r,...i}=ri({props:t,name:"MuiTypography"}),o=!bS[r],a=ES({...i,...o&&{color:r}}),{align:s="inherit",className:l,component:u,gutterBottom:c=!1,noWrap:d=!1,paragraph:p=!1,variant:y="body1",variantMapping:v=Vd,...x}=a,T={...a,align:s,color:r,className:l,component:u,gutterBottom:c,noWrap:d,paragraph:p,variant:y,variantMapping:v},g=u||(p?"p":v[y]||Vd[y])||"span",m=PS(T);return _.jsx(TS,{as:g,ref:n,className:Ae(m.root,l),...x,ownerState:T,style:{...s!=="inherit"&&{"--Typography-textAlign":s},...x.style}})}),_S="/assets/divvy-up-logo-BW3h7ufb.png";function OS(){return _.jsxs(X,{component:"section",display:"flex",justifyContent:"space-between",alignItems:"center",sx:{backgroundColor:"whitesmoke",color:"black",px:6,py:3},children:[_.jsx("img",{src:_S,alt:"Divvy Up logo",height:"100px",width:"auto"}),_.jsxs(X,{display:"flex",children:[_.jsx(X,{component:"span",sx:{backgroundColor:"#0F861C",border:2,borderRight:0,borderTopLeftRadius:20,borderBottomLeftRadius:20,pr:.75,pl:1.5},children:_.jsx($e,{variant:"h2",sx:{color:"white"},children:"Divvy"})}),_.jsx(X,{component:"span",sx:{backgroundColor:"#76C57F",border:2,borderLeft:0,borderTopRightRadius:20,borderBottomRightRadius:20,pr:1.5,pl:.3},children:_.jsx($e,{variant:"h2",sx:{color:"white"},children:"Up"})})]})]})}const yn=zx({createStyledComponent:_t("div",{name:"MuiGrid2",slot:"Root",overridesResolver:(e,t)=>t.root}),componentName:"MuiGrid2",useThemeProps:e=>gS({props:e,name:"MuiGrid2"})});function AS({category:e}){return _.jsx(yn,{sx:{backgroundColor:"#FFA347",borderRadius:3,px:1},children:_.jsx($e,{variant:"b1",fontWeight:"600",children:e})})}function $S({expense:e}){const t=[...e.categories];return _.jsxs(yn,{size:3,sx:{"&:hover":{border:"2px solid #fb8500"},my:1,px:2,py:1,border:"1px solid grey",borderRadius:3,boxShadow:"0px 2px 3px grey"},children:[_.jsx($e,{variant:"h7",fontWeight:"bold",children:e.expenseName}),_.jsx(yn,{container:!0,children:t.map((n,r)=>_.jsx(AS,{category:n},r))}),_.jsx($e,{variant:"b1",children:e.description})]})}function NS(e){return or("MuiDivider",e)}ar("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","light","vertical","withChildren","withChildrenVertical","textAlignRight","textAlignLeft","wrapper","wrapperVertical"]);const RS=e=>{const{absolute:t,children:n,classes:r,flexItem:i,light:o,orientation:a,textAlign:s,variant:l}=e;return ti({root:["root",t&&"absolute",l,o&&"light",a==="vertical"&&"vertical",i&&"flexItem",n&&"withChildren",n&&a==="vertical"&&"withChildrenVertical",s==="right"&&a!=="vertical"&&"textAlignRight",s==="left"&&a!=="vertical"&&"textAlignLeft"],wrapper:["wrapper",a==="vertical"&&"wrapperVertical"]},NS,r)},MS=_t("div",{name:"MuiDivider",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.absolute&&t.absolute,t[n.variant],n.light&&t.light,n.orientation==="vertical"&&t.vertical,n.flexItem&&t.flexItem,n.children&&t.withChildren,n.children&&n.orientation==="vertical"&&t.withChildrenVertical,n.textAlign==="right"&&n.orientation!=="vertical"&&t.textAlignRight,n.textAlign==="left"&&n.orientation!=="vertical"&&t.textAlignLeft]}})(vo(({theme:e})=>({margin:0,flexShrink:0,borderWidth:0,borderStyle:"solid",borderColor:(e.vars||e).palette.divider,borderBottomWidth:"thin",variants:[{props:{absolute:!0},style:{position:"absolute",bottom:0,left:0,width:"100%"}},{props:{light:!0},style:{borderColor:e.vars?`rgba(${e.vars.palette.dividerChannel} / 0.08)`:bt(e.palette.divider,.08)}},{props:{variant:"inset"},style:{marginLeft:72}},{props:{variant:"middle",orientation:"horizontal"},style:{marginLeft:e.spacing(2),marginRight:e.spacing(2)}},{props:{variant:"middle",orientation:"vertical"},style:{marginTop:e.spacing(1),marginBottom:e.spacing(1)}},{props:{orientation:"vertical"},style:{height:"100%",borderBottomWidth:0,borderRightWidth:"thin"}},{props:{flexItem:!0},style:{alignSelf:"stretch",height:"auto"}},{props:({ownerState:t})=>!!t.children,style:{display:"flex",whiteSpace:"nowrap",textAlign:"center",border:0,borderTopStyle:"solid",borderLeftStyle:"solid","&::before, &::after":{content:'""',alignSelf:"center"}}},{props:({ownerState:t})=>t.children&&t.orientation!=="vertical",style:{"&::before, &::after":{width:"100%",borderTop:`thin solid ${(e.vars||e).palette.divider}`,borderTopStyle:"inherit"}}},{props:({ownerState:t})=>t.orientation==="vertical"&&t.children,style:{flexDirection:"column","&::before, &::after":{height:"100%",borderLeft:`thin solid ${(e.vars||e).palette.divider}`,borderLeftStyle:"inherit"}}},{props:({ownerState:t})=>t.textAlign==="right"&&t.orientation!=="vertical",style:{"&::before":{width:"90%"},"&::after":{width:"10%"}}},{props:({ownerState:t})=>t.textAlign==="left"&&t.orientation!=="vertical",style:{"&::before":{width:"10%"},"&::after":{width:"90%"}}}]}))),IS=_t("span",{name:"MuiDivider",slot:"Wrapper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.wrapper,n.orientation==="vertical"&&t.wrapperVertical]}})(vo(({theme:e})=>({display:"inline-block",paddingLeft:`calc(${e.spacing(1)} * 1.2)`,paddingRight:`calc(${e.spacing(1)} * 1.2)`,variants:[{props:{orientation:"vertical"},style:{paddingTop:`calc(${e.spacing(1)} * 1.2)`,paddingBottom:`calc(${e.spacing(1)} * 1.2)`}}]}))),gu=z.forwardRef(function(t,n){const r=ri({props:t,name:"MuiDivider"}),{absolute:i=!1,children:o,className:a,orientation:s="horizontal",component:l=o||s==="vertical"?"div":"hr",flexItem:u=!1,light:c=!1,role:d=l!=="hr"?"separator":void 0,textAlign:p="center",variant:y="fullWidth",...v}=r,x={...r,absolute:i,component:l,flexItem:u,light:c,orientation:s,role:d,textAlign:p,variant:y},T=RS(x);return _.jsx(MS,{as:l,className:Ae(T.root,a),role:d,ref:n,ownerState:x,"aria-orientation":d==="separator"&&(l!=="hr"||s==="vertical")?s:void 0,...v,children:o?_.jsx(IS,{className:T.wrapper,ownerState:x,children:o}):null})});gu&&(gu.muiSkipListHighlight=!0);const zS=[{id:1,expenseName:"Test1",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:2,expenseName:"Test2",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:3,expenseName:"Test3",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:4,expenseName:"Test4",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:5,expenseName:"Test5",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:6,expenseName:"Test6",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:7,expenseName:"Test7",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:8,expenseName:"Test8",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:9,expenseName:"Test9",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]}];function LS(){const[e,t]=z.useState([...zS]);return _.jsxs(_.Fragment,{children:[_.jsx(X,{sx:{mt:3},children:_.jsx($e,{sx:{fontWeight:"bold"},children:"Group Expenses"})}),_.jsx(gu,{}),_.jsx(yn,{container:!0,spacing:1,children:e.map(n=>_.jsx($S,{expense:n},n.id))})]})}function jS(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function yu(e,t){return yu=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},yu(e,t)}function DS(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,yu(e,t)}const Hd=mn.createContext(null);function FS(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Xc(e,t){var n=function(o){return t&&z.isValidElement(o)?t(o):o},r=Object.create(null);return e&&z.Children.map(e,function(i){return i}).forEach(function(i){r[i.key]=n(i)}),r}function BS(e,t){e=e||{},t=t||{};function n(c){return c in t?t[c]:e[c]}var r=Object.create(null),i=[];for(var o in e)o in t?i.length&&(r[o]=i,i=[]):i.push(o);var a,s={};for(var l in t){if(r[l])for(a=0;a{this.shouldMount&&!this.didMount&&this.ref.current!==null&&(this.didMount=!0,this.mounted.resolve())});this.ref={current:null},this.mounted=null,this.didMount=!1,this.shouldMount=!1,this.setShouldMount=null}static create(){return new Fa}static use(){const t=u0(Fa.create).current,[n,r]=z.useState(!1);return t.shouldMount=n,t.setShouldMount=r,z.useEffect(t.mountEffect,[n]),t}mount(){return this.mounted||(this.mounted=YS(),this.shouldMount=!0,this.setShouldMount(this.shouldMount)),this.mounted}start(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.start(...t)})}stop(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.stop(...t)})}pulsate(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.pulsate(...t)})}}function GS(){return Fa.use()}function YS(){let e,t;const n=new Promise((r,i)=>{e=r,t=i});return n.resolve=e,n.reject=t,n}function KS(e){const{className:t,classes:n,pulsate:r=!1,rippleX:i,rippleY:o,rippleSize:a,in:s,onExited:l,timeout:u}=e,[c,d]=z.useState(!1),p=Ae(t,n.ripple,n.rippleVisible,r&&n.ripplePulsate),y={width:a,height:a,top:-(a/2)+o,left:-(a/2)+i},v=Ae(n.child,c&&n.childLeaving,r&&n.childPulsate);return!s&&!c&&d(!0),z.useEffect(()=>{if(!s&&l!=null){const x=setTimeout(l,u);return()=>{clearTimeout(x)}}},[l,s,u]),_.jsx("span",{className:p,style:y,children:_.jsx("span",{className:v})})}const ft=ar("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),vu=550,QS=80,XS=zc` +To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`))}function dS(e){return typeof e=="number"?`${e}px`:typeof e=="string"||typeof e=="function"||Array.isArray(e)?e:"8px"}const $t=e=>{try{return e()}catch{}},pS=(e="mui")=>gx(e);function fl(e,t,n,r){if(!t)return;t=t===!0?{}:t;const i=r==="dark"?"dark":"light";if(!n){e[r]=oS({...t,palette:{mode:i,...t==null?void 0:t.palette}});return}const{palette:o,...a}=hu({...n,palette:{mode:i,...t==null?void 0:t.palette}});return e[r]={...t,palette:o,opacity:{...c0(i),...t==null?void 0:t.opacity},overlays:(t==null?void 0:t.overlays)||f0(i)},a}function mS(e={},...t){const{colorSchemes:n={light:!0},defaultColorScheme:r,disableCssColorScheme:i=!1,cssVarPrefix:o="mui",shouldSkipGeneratingVar:a=aS,colorSchemeSelector:s=n.light&&n.dark?"media":void 0,...l}=e,u=Object.keys(n)[0],c=r||(n.light&&u!=="light"?"light":u),d=pS(o),{[c]:p,light:y,dark:v,...x}=n,T={...x};let g=p;if((c==="dark"&&!("dark"in n)||c==="light"&&!("light"in n))&&(g=!0),!g)throw new Error(er(21,c));const m=fl(T,g,l,c);y&&!T.light&&fl(T,y,void 0,"light"),v&&!T.dark&&fl(T,v,void 0,"dark");let h={defaultColorScheme:c,...m,cssVarPrefix:o,colorSchemeSelector:s,getCssVar:d,colorSchemes:T,font:{...Vx(m.typography),...m.font},spacing:dS(l.spacing)};Object.keys(h.colorSchemes).forEach(R=>{const f=h.colorSchemes[R].palette,C=M=>{const U=M.split("-"),Y=U[1],L=U[2];return d(M,f[Y][L])};if(f.mode==="light"&&(E(f.common,"background","#fff"),E(f.common,"onBackground","#000")),f.mode==="dark"&&(E(f.common,"background","#000"),E(f.common,"onBackground","#fff")),fS(f,["Alert","AppBar","Avatar","Button","Chip","FilledInput","LinearProgress","Skeleton","Slider","SnackbarContent","SpeedDialAction","StepConnector","StepContent","Switch","TableCell","Tooltip"]),f.mode==="light"){E(f.Alert,"errorColor",te(f.error.light,.6)),E(f.Alert,"infoColor",te(f.info.light,.6)),E(f.Alert,"successColor",te(f.success.light,.6)),E(f.Alert,"warningColor",te(f.warning.light,.6)),E(f.Alert,"errorFilledBg",C("palette-error-main")),E(f.Alert,"infoFilledBg",C("palette-info-main")),E(f.Alert,"successFilledBg",C("palette-success-main")),E(f.Alert,"warningFilledBg",C("palette-warning-main")),E(f.Alert,"errorFilledColor",$t(()=>f.getContrastText(f.error.main))),E(f.Alert,"infoFilledColor",$t(()=>f.getContrastText(f.info.main))),E(f.Alert,"successFilledColor",$t(()=>f.getContrastText(f.success.main))),E(f.Alert,"warningFilledColor",$t(()=>f.getContrastText(f.warning.main))),E(f.Alert,"errorStandardBg",ne(f.error.light,.9)),E(f.Alert,"infoStandardBg",ne(f.info.light,.9)),E(f.Alert,"successStandardBg",ne(f.success.light,.9)),E(f.Alert,"warningStandardBg",ne(f.warning.light,.9)),E(f.Alert,"errorIconColor",C("palette-error-main")),E(f.Alert,"infoIconColor",C("palette-info-main")),E(f.Alert,"successIconColor",C("palette-success-main")),E(f.Alert,"warningIconColor",C("palette-warning-main")),E(f.AppBar,"defaultBg",C("palette-grey-100")),E(f.Avatar,"defaultBg",C("palette-grey-400")),E(f.Button,"inheritContainedBg",C("palette-grey-300")),E(f.Button,"inheritContainedHoverBg",C("palette-grey-A100")),E(f.Chip,"defaultBorder",C("palette-grey-400")),E(f.Chip,"defaultAvatarColor",C("palette-grey-700")),E(f.Chip,"defaultIconColor",C("palette-grey-700")),E(f.FilledInput,"bg","rgba(0, 0, 0, 0.06)"),E(f.FilledInput,"hoverBg","rgba(0, 0, 0, 0.09)"),E(f.FilledInput,"disabledBg","rgba(0, 0, 0, 0.12)"),E(f.LinearProgress,"primaryBg",ne(f.primary.main,.62)),E(f.LinearProgress,"secondaryBg",ne(f.secondary.main,.62)),E(f.LinearProgress,"errorBg",ne(f.error.main,.62)),E(f.LinearProgress,"infoBg",ne(f.info.main,.62)),E(f.LinearProgress,"successBg",ne(f.success.main,.62)),E(f.LinearProgress,"warningBg",ne(f.warning.main,.62)),E(f.Skeleton,"bg",`rgba(${C("palette-text-primaryChannel")} / 0.11)`),E(f.Slider,"primaryTrack",ne(f.primary.main,.62)),E(f.Slider,"secondaryTrack",ne(f.secondary.main,.62)),E(f.Slider,"errorTrack",ne(f.error.main,.62)),E(f.Slider,"infoTrack",ne(f.info.main,.62)),E(f.Slider,"successTrack",ne(f.success.main,.62)),E(f.Slider,"warningTrack",ne(f.warning.main,.62));const M=Uo(f.background.default,.8);E(f.SnackbarContent,"bg",M),E(f.SnackbarContent,"color",$t(()=>f.getContrastText(M))),E(f.SpeedDialAction,"fabHoverBg",Uo(f.background.paper,.15)),E(f.StepConnector,"border",C("palette-grey-400")),E(f.StepContent,"border",C("palette-grey-400")),E(f.Switch,"defaultColor",C("palette-common-white")),E(f.Switch,"defaultDisabledColor",C("palette-grey-100")),E(f.Switch,"primaryDisabledColor",ne(f.primary.main,.62)),E(f.Switch,"secondaryDisabledColor",ne(f.secondary.main,.62)),E(f.Switch,"errorDisabledColor",ne(f.error.main,.62)),E(f.Switch,"infoDisabledColor",ne(f.info.main,.62)),E(f.Switch,"successDisabledColor",ne(f.success.main,.62)),E(f.Switch,"warningDisabledColor",ne(f.warning.main,.62)),E(f.TableCell,"border",ne(Wo(f.divider,1),.88)),E(f.Tooltip,"bg",Wo(f.grey[700],.92))}if(f.mode==="dark"){E(f.Alert,"errorColor",ne(f.error.light,.6)),E(f.Alert,"infoColor",ne(f.info.light,.6)),E(f.Alert,"successColor",ne(f.success.light,.6)),E(f.Alert,"warningColor",ne(f.warning.light,.6)),E(f.Alert,"errorFilledBg",C("palette-error-dark")),E(f.Alert,"infoFilledBg",C("palette-info-dark")),E(f.Alert,"successFilledBg",C("palette-success-dark")),E(f.Alert,"warningFilledBg",C("palette-warning-dark")),E(f.Alert,"errorFilledColor",$t(()=>f.getContrastText(f.error.dark))),E(f.Alert,"infoFilledColor",$t(()=>f.getContrastText(f.info.dark))),E(f.Alert,"successFilledColor",$t(()=>f.getContrastText(f.success.dark))),E(f.Alert,"warningFilledColor",$t(()=>f.getContrastText(f.warning.dark))),E(f.Alert,"errorStandardBg",te(f.error.light,.9)),E(f.Alert,"infoStandardBg",te(f.info.light,.9)),E(f.Alert,"successStandardBg",te(f.success.light,.9)),E(f.Alert,"warningStandardBg",te(f.warning.light,.9)),E(f.Alert,"errorIconColor",C("palette-error-main")),E(f.Alert,"infoIconColor",C("palette-info-main")),E(f.Alert,"successIconColor",C("palette-success-main")),E(f.Alert,"warningIconColor",C("palette-warning-main")),E(f.AppBar,"defaultBg",C("palette-grey-900")),E(f.AppBar,"darkBg",C("palette-background-paper")),E(f.AppBar,"darkColor",C("palette-text-primary")),E(f.Avatar,"defaultBg",C("palette-grey-600")),E(f.Button,"inheritContainedBg",C("palette-grey-800")),E(f.Button,"inheritContainedHoverBg",C("palette-grey-700")),E(f.Chip,"defaultBorder",C("palette-grey-700")),E(f.Chip,"defaultAvatarColor",C("palette-grey-300")),E(f.Chip,"defaultIconColor",C("palette-grey-300")),E(f.FilledInput,"bg","rgba(255, 255, 255, 0.09)"),E(f.FilledInput,"hoverBg","rgba(255, 255, 255, 0.13)"),E(f.FilledInput,"disabledBg","rgba(255, 255, 255, 0.12)"),E(f.LinearProgress,"primaryBg",te(f.primary.main,.5)),E(f.LinearProgress,"secondaryBg",te(f.secondary.main,.5)),E(f.LinearProgress,"errorBg",te(f.error.main,.5)),E(f.LinearProgress,"infoBg",te(f.info.main,.5)),E(f.LinearProgress,"successBg",te(f.success.main,.5)),E(f.LinearProgress,"warningBg",te(f.warning.main,.5)),E(f.Skeleton,"bg",`rgba(${C("palette-text-primaryChannel")} / 0.13)`),E(f.Slider,"primaryTrack",te(f.primary.main,.5)),E(f.Slider,"secondaryTrack",te(f.secondary.main,.5)),E(f.Slider,"errorTrack",te(f.error.main,.5)),E(f.Slider,"infoTrack",te(f.info.main,.5)),E(f.Slider,"successTrack",te(f.success.main,.5)),E(f.Slider,"warningTrack",te(f.warning.main,.5));const M=Uo(f.background.default,.98);E(f.SnackbarContent,"bg",M),E(f.SnackbarContent,"color",$t(()=>f.getContrastText(M))),E(f.SpeedDialAction,"fabHoverBg",Uo(f.background.paper,.15)),E(f.StepConnector,"border",C("palette-grey-600")),E(f.StepContent,"border",C("palette-grey-600")),E(f.Switch,"defaultColor",C("palette-grey-300")),E(f.Switch,"defaultDisabledColor",C("palette-grey-600")),E(f.Switch,"primaryDisabledColor",te(f.primary.main,.55)),E(f.Switch,"secondaryDisabledColor",te(f.secondary.main,.55)),E(f.Switch,"errorDisabledColor",te(f.error.main,.55)),E(f.Switch,"infoDisabledColor",te(f.info.main,.55)),E(f.Switch,"successDisabledColor",te(f.success.main,.55)),E(f.Switch,"warningDisabledColor",te(f.warning.main,.55)),E(f.TableCell,"border",te(Wo(f.divider,1),.68)),E(f.Tooltip,"bg",Wo(f.grey[700],.92))}Ht(f.background,"default"),Ht(f.background,"paper"),Ht(f.common,"background"),Ht(f.common,"onBackground"),Ht(f,"divider"),Object.keys(f).forEach(M=>{const U=f[M];U&&typeof U=="object"&&(U.main&&E(f[M],"mainChannel",ki(Ci(U.main))),U.light&&E(f[M],"lightChannel",ki(Ci(U.light))),U.dark&&E(f[M],"darkChannel",ki(Ci(U.dark))),U.contrastText&&E(f[M],"contrastTextChannel",ki(Ci(U.contrastText))),M==="text"&&(Ht(f[M],"primary"),Ht(f[M],"secondary")),M==="action"&&(U.active&&Ht(f[M],"active"),U.selected&&Ht(f[M],"selected")))})}),h=t.reduce((R,f)=>rt(R,f),h);const S={prefix:o,disableCssColorScheme:i,shouldSkipGeneratingVar:a,getSelector:lS(h)},{vars:k,generateThemeVars:P,generateStyleSheets:b}=xx(h,S);return h.vars=k,Object.entries(h.colorSchemes[h.defaultColorScheme]).forEach(([R,f])=>{h[R]=f}),h.generateThemeVars=P,h.generateStyleSheets=b,h.generateSpacing=function(){return r0(l.spacing,Dc(this))},h.getColorSchemeSelector=Sx(s),h.spacing=h.generateSpacing(),h.shouldSkipGeneratingVar=a,h.unstable_sxConfig={...yo,...l==null?void 0:l.unstable_sxConfig},h.unstable_sx=function(f){return ei({sx:f,theme:this})},h.toRuntimeSource=cS,h}function Wd(e,t,n){e.colorSchemes&&n&&(e.colorSchemes[t]={...n!==!0&&n,palette:Yc({...n===!0?{}:n.palette,mode:t})})}function d0(e={},...t){const{palette:n,cssVariables:r=!1,colorSchemes:i=n?void 0:{light:!0},defaultColorScheme:o=n==null?void 0:n.mode,...a}=e,s=o||"light",l=i==null?void 0:i[s],u={...i,...n?{[s]:{...typeof l!="boolean"&&l,palette:n}}:void 0};if(r===!1){if(!("colorSchemes"in e))return hu(e,...t);let c=n;"palette"in e||u[s]&&(u[s]!==!0?c=u[s].palette:s==="dark"&&(c={mode:"dark"}));const d=hu({...e,palette:c},...t);return d.defaultColorScheme=s,d.colorSchemes=u,d.palette.mode==="light"&&(d.colorSchemes.light={...u.light!==!0&&u.light,palette:d.palette},Wd(d,"dark",u.dark)),d.palette.mode==="dark"&&(d.colorSchemes.dark={...u.dark!==!0&&u.dark,palette:d.palette},Wd(d,"light",u.light)),d}return!n&&!("light"in u)&&s==="light"&&(u.light=!0),mS({...a,colorSchemes:u,defaultColorScheme:s,...typeof r!="boolean"&&r},...t)}const Kc=d0();function hS(){const e=Ps(Kc);return e[Os]||e}function gS({props:e,name:t}){return s0({props:e,name:t,defaultTheme:Kc,themeId:Os})}function yS(e){return e!=="ownerState"&&e!=="theme"&&e!=="sx"&&e!=="as"}const p0=e=>yS(e)&&e!=="classes",_t=a0({themeId:Os,defaultTheme:Kc,rootShouldForwardProp:p0}),vS=ar("MuiBox",["root"]),xS=d0(),X=Y2({themeId:Os,defaultTheme:xS,defaultClassName:vS.root,generateClassName:i0.generate});function SS(){return Bc}const Ud={theme:void 0};function vo(e){let t,n;return r=>{let i=t;return(i===void 0||r.theme!==n)&&(Ud.theme=r.theme,i=e(Ud),t=i,n=r.theme),i}}function ri(e){return hx(e)}function wS(e){return typeof e.main=="string"}function kS(e,t=[]){if(!wS(e))return!1;for(const n of t)if(!e.hasOwnProperty(n)||typeof e[n]!="string")return!1;return!0}function Qc(e=[]){return([,t])=>t&&kS(t,e)}function CS(e){return or("MuiTypography",e)}ar("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]);const bS={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},ES=SS(),PS=e=>{const{align:t,gutterBottom:n,noWrap:r,paragraph:i,variant:o,classes:a}=e,s={root:["root",o,e.align!=="inherit"&&`align${Ee(t)}`,n&&"gutterBottom",r&&"noWrap",i&&"paragraph"]};return ti(s,CS,a)},TS=_t("span",{name:"MuiTypography",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.variant&&t[n.variant],n.align!=="inherit"&&t[`align${Ee(n.align)}`],n.noWrap&&t.noWrap,n.gutterBottom&&t.gutterBottom,n.paragraph&&t.paragraph]}})(vo(({theme:e})=>{var t;return{margin:0,variants:[{props:{variant:"inherit"},style:{font:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}},...Object.entries(e.typography).filter(([n,r])=>n!=="inherit"&&r&&typeof r=="object").map(([n,r])=>({props:{variant:n},style:r})),...Object.entries(e.palette).filter(Qc()).map(([n])=>({props:{color:n},style:{color:(e.vars||e).palette[n].main}})),...Object.entries(((t=e.palette)==null?void 0:t.text)||{}).filter(([,n])=>typeof n=="string").map(([n])=>({props:{color:`text${Ee(n)}`},style:{color:(e.vars||e).palette.text[n]}})),{props:({ownerState:n})=>n.align!=="inherit",style:{textAlign:"var(--Typography-textAlign)"}},{props:({ownerState:n})=>n.noWrap,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{props:({ownerState:n})=>n.gutterBottom,style:{marginBottom:"0.35em"}},{props:({ownerState:n})=>n.paragraph,style:{marginBottom:16}}]}})),Vd={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},$e=z.forwardRef(function(t,n){const{color:r,...i}=ri({props:t,name:"MuiTypography"}),o=!bS[r],a=ES({...i,...o&&{color:r}}),{align:s="inherit",className:l,component:u,gutterBottom:c=!1,noWrap:d=!1,paragraph:p=!1,variant:y="body1",variantMapping:v=Vd,...x}=a,T={...a,align:s,color:r,className:l,component:u,gutterBottom:c,noWrap:d,paragraph:p,variant:y,variantMapping:v},g=u||(p?"p":v[y]||Vd[y])||"span",m=PS(T);return _.jsx(TS,{as:g,ref:n,className:Ae(m.root,l),...x,ownerState:T,style:{...s!=="inherit"&&{"--Typography-textAlign":s},...x.style}})}),_S="/v51-tier2-team-26/assets/divvy-up-logo-BW3h7ufb.png";function OS(){return _.jsxs(X,{component:"section",display:"flex",justifyContent:"space-between",alignItems:"center",sx:{backgroundColor:"whitesmoke",color:"black",px:6,py:3},children:[_.jsx("img",{src:_S,alt:"Divvy Up logo",height:"100px",width:"auto"}),_.jsxs(X,{display:"flex",children:[_.jsx(X,{component:"span",sx:{backgroundColor:"#0F861C",border:2,borderRight:0,borderTopLeftRadius:20,borderBottomLeftRadius:20,pr:.75,pl:1.5},children:_.jsx($e,{variant:"h2",sx:{color:"white"},children:"Divvy"})}),_.jsx(X,{component:"span",sx:{backgroundColor:"#76C57F",border:2,borderLeft:0,borderTopRightRadius:20,borderBottomRightRadius:20,pr:1.5,pl:.3},children:_.jsx($e,{variant:"h2",sx:{color:"white"},children:"Up"})})]})]})}const yn=zx({createStyledComponent:_t("div",{name:"MuiGrid2",slot:"Root",overridesResolver:(e,t)=>t.root}),componentName:"MuiGrid2",useThemeProps:e=>gS({props:e,name:"MuiGrid2"})});function AS({category:e}){return _.jsx(yn,{sx:{backgroundColor:"#FFA347",borderRadius:3,px:1},children:_.jsx($e,{variant:"b1",fontWeight:"600",children:e})})}function $S({expense:e}){const t=[...e.categories];return _.jsxs(yn,{size:3,sx:{"&:hover":{border:"2px solid #fb8500"},my:1,px:2,py:1,border:"1px solid grey",borderRadius:3,boxShadow:"0px 2px 3px grey"},children:[_.jsx($e,{variant:"h7",fontWeight:"bold",children:e.expenseName}),_.jsx(yn,{container:!0,children:t.map((n,r)=>_.jsx(AS,{category:n},r))}),_.jsx($e,{variant:"b1",children:e.description})]})}function NS(e){return or("MuiDivider",e)}ar("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","light","vertical","withChildren","withChildrenVertical","textAlignRight","textAlignLeft","wrapper","wrapperVertical"]);const RS=e=>{const{absolute:t,children:n,classes:r,flexItem:i,light:o,orientation:a,textAlign:s,variant:l}=e;return ti({root:["root",t&&"absolute",l,o&&"light",a==="vertical"&&"vertical",i&&"flexItem",n&&"withChildren",n&&a==="vertical"&&"withChildrenVertical",s==="right"&&a!=="vertical"&&"textAlignRight",s==="left"&&a!=="vertical"&&"textAlignLeft"],wrapper:["wrapper",a==="vertical"&&"wrapperVertical"]},NS,r)},MS=_t("div",{name:"MuiDivider",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.absolute&&t.absolute,t[n.variant],n.light&&t.light,n.orientation==="vertical"&&t.vertical,n.flexItem&&t.flexItem,n.children&&t.withChildren,n.children&&n.orientation==="vertical"&&t.withChildrenVertical,n.textAlign==="right"&&n.orientation!=="vertical"&&t.textAlignRight,n.textAlign==="left"&&n.orientation!=="vertical"&&t.textAlignLeft]}})(vo(({theme:e})=>({margin:0,flexShrink:0,borderWidth:0,borderStyle:"solid",borderColor:(e.vars||e).palette.divider,borderBottomWidth:"thin",variants:[{props:{absolute:!0},style:{position:"absolute",bottom:0,left:0,width:"100%"}},{props:{light:!0},style:{borderColor:e.vars?`rgba(${e.vars.palette.dividerChannel} / 0.08)`:bt(e.palette.divider,.08)}},{props:{variant:"inset"},style:{marginLeft:72}},{props:{variant:"middle",orientation:"horizontal"},style:{marginLeft:e.spacing(2),marginRight:e.spacing(2)}},{props:{variant:"middle",orientation:"vertical"},style:{marginTop:e.spacing(1),marginBottom:e.spacing(1)}},{props:{orientation:"vertical"},style:{height:"100%",borderBottomWidth:0,borderRightWidth:"thin"}},{props:{flexItem:!0},style:{alignSelf:"stretch",height:"auto"}},{props:({ownerState:t})=>!!t.children,style:{display:"flex",whiteSpace:"nowrap",textAlign:"center",border:0,borderTopStyle:"solid",borderLeftStyle:"solid","&::before, &::after":{content:'""',alignSelf:"center"}}},{props:({ownerState:t})=>t.children&&t.orientation!=="vertical",style:{"&::before, &::after":{width:"100%",borderTop:`thin solid ${(e.vars||e).palette.divider}`,borderTopStyle:"inherit"}}},{props:({ownerState:t})=>t.orientation==="vertical"&&t.children,style:{flexDirection:"column","&::before, &::after":{height:"100%",borderLeft:`thin solid ${(e.vars||e).palette.divider}`,borderLeftStyle:"inherit"}}},{props:({ownerState:t})=>t.textAlign==="right"&&t.orientation!=="vertical",style:{"&::before":{width:"90%"},"&::after":{width:"10%"}}},{props:({ownerState:t})=>t.textAlign==="left"&&t.orientation!=="vertical",style:{"&::before":{width:"10%"},"&::after":{width:"90%"}}}]}))),IS=_t("span",{name:"MuiDivider",slot:"Wrapper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.wrapper,n.orientation==="vertical"&&t.wrapperVertical]}})(vo(({theme:e})=>({display:"inline-block",paddingLeft:`calc(${e.spacing(1)} * 1.2)`,paddingRight:`calc(${e.spacing(1)} * 1.2)`,variants:[{props:{orientation:"vertical"},style:{paddingTop:`calc(${e.spacing(1)} * 1.2)`,paddingBottom:`calc(${e.spacing(1)} * 1.2)`}}]}))),gu=z.forwardRef(function(t,n){const r=ri({props:t,name:"MuiDivider"}),{absolute:i=!1,children:o,className:a,orientation:s="horizontal",component:l=o||s==="vertical"?"div":"hr",flexItem:u=!1,light:c=!1,role:d=l!=="hr"?"separator":void 0,textAlign:p="center",variant:y="fullWidth",...v}=r,x={...r,absolute:i,component:l,flexItem:u,light:c,orientation:s,role:d,textAlign:p,variant:y},T=RS(x);return _.jsx(MS,{as:l,className:Ae(T.root,a),role:d,ref:n,ownerState:x,"aria-orientation":d==="separator"&&(l!=="hr"||s==="vertical")?s:void 0,...v,children:o?_.jsx(IS,{className:T.wrapper,ownerState:x,children:o}):null})});gu&&(gu.muiSkipListHighlight=!0);const zS=[{id:1,expenseName:"Test1",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:2,expenseName:"Test2",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:3,expenseName:"Test3",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:4,expenseName:"Test4",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:5,expenseName:"Test5",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:6,expenseName:"Test6",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:7,expenseName:"Test7",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:8,expenseName:"Test8",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]},{id:9,expenseName:"Test9",description:"This is a test description.",categories:["Cat 1","Cat 2","Cat 3"]}];function LS(){const[e,t]=z.useState([...zS]);return _.jsxs(_.Fragment,{children:[_.jsx(X,{sx:{mt:3},children:_.jsx($e,{sx:{fontWeight:"bold"},children:"Group Expenses"})}),_.jsx(gu,{}),_.jsx(yn,{container:!0,spacing:1,children:e.map(n=>_.jsx($S,{expense:n},n.id))})]})}function jS(e,t){if(e==null)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(t.includes(r))continue;n[r]=e[r]}return n}function yu(e,t){return yu=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,r){return n.__proto__=r,n},yu(e,t)}function DS(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,yu(e,t)}const Hd=mn.createContext(null);function FS(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function Xc(e,t){var n=function(o){return t&&z.isValidElement(o)?t(o):o},r=Object.create(null);return e&&z.Children.map(e,function(i){return i}).forEach(function(i){r[i.key]=n(i)}),r}function BS(e,t){e=e||{},t=t||{};function n(c){return c in t?t[c]:e[c]}var r=Object.create(null),i=[];for(var o in e)o in t?i.length&&(r[o]=i,i=[]):i.push(o);var a,s={};for(var l in t){if(r[l])for(a=0;a{this.shouldMount&&!this.didMount&&this.ref.current!==null&&(this.didMount=!0,this.mounted.resolve())});this.ref={current:null},this.mounted=null,this.didMount=!1,this.shouldMount=!1,this.setShouldMount=null}static create(){return new Fa}static use(){const t=u0(Fa.create).current,[n,r]=z.useState(!1);return t.shouldMount=n,t.setShouldMount=r,z.useEffect(t.mountEffect,[n]),t}mount(){return this.mounted||(this.mounted=YS(),this.shouldMount=!0,this.setShouldMount(this.shouldMount)),this.mounted}start(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.start(...t)})}stop(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.stop(...t)})}pulsate(...t){this.mount().then(()=>{var n;return(n=this.ref.current)==null?void 0:n.pulsate(...t)})}}function GS(){return Fa.use()}function YS(){let e,t;const n=new Promise((r,i)=>{e=r,t=i});return n.resolve=e,n.reject=t,n}function KS(e){const{className:t,classes:n,pulsate:r=!1,rippleX:i,rippleY:o,rippleSize:a,in:s,onExited:l,timeout:u}=e,[c,d]=z.useState(!1),p=Ae(t,n.ripple,n.rippleVisible,r&&n.ripplePulsate),y={width:a,height:a,top:-(a/2)+o,left:-(a/2)+i},v=Ae(n.child,c&&n.childLeaving,r&&n.childPulsate);return!s&&!c&&d(!0),z.useEffect(()=>{if(!s&&l!=null){const x=setTimeout(l,u);return()=>{clearTimeout(x)}}},[l,s,u]),_.jsx("span",{className:p,style:y,children:_.jsx("span",{className:v})})}const ft=ar("MuiTouchRipple",["root","ripple","rippleVisible","ripplePulsate","child","childLeaving","childPulsate"]),vu=550,QS=80,XS=zc` 0% { transform: scale(0); opacity: 0.1; diff --git a/index.html b/index.html index b460954..3b81c74 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,8 @@ Divvy Up - - + +