@tollbrothers/blueprint 1.0.13 → 1.0.15

package/README.md

@@ -39,10 +39,15 @@ To start using Blueprint in your project, follow these simple steps:
 
 ---
 
+### Local Development
+
+1. From `blueprint` point react and react-dom to local e.g. `npm i ../blueprint` for devDependencies and peerDependencies.
+2.
+
 
 ## Workflow
 
-### Example
+#### Example
 
 Take a look at the `src/mui/blocks/Overview` directory. A directory was created and then the following files were created:
 

package/dist/index.js

@@ -0,0 +1 @@
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useState as e,useMemo as n,useEffect as a}from"react";import i from"@mui/material/CssBaseline";import{Experimental_CssVarsProvider as r,StyledEngineProvider as l,experimental_extendTheme as u}from"@mui/material/styles";var d="Button-module_button__RkubW",s="Button-module_small__pV7AR",m="Button-module_medium__5ymyJ",c="Button-module_large__mBDYt",p="Button-module_contained__ivhCB",f="Button-module_accent__qeZ-W",h="Button-module_primary__ay1Sp",b="Button-module_mediumColor__MZ8Ww",y="Button-module_success__a46Z-",F="Button-module_error__Zytjc",g="Button-module_outlined__2PUk2",x="Button-module_text__MhyX-";!function(o,t){void 0===t&&(t={});var e=t.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===e&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=o:a.appendChild(document.createTextNode(o))}}("/*\nUSEAGE:\n\nsizes: xs, sm, md, lg, xl\n\naside.primary {\n  @include breakpoint(md) {\n    float: right;\n    width: 350px;\n  }\n  @include breakpoint(480px) {\n    display: none;\n  }\n  @include breakpoint($min: 640px, $max: 767px) {\n    text-align: center;\n    font-style: italic;\n  }\n}\n\nsizes: xs,sm,md,lg\n\n*/\n.Button-module_button__RkubW {\n  border: 0;\n  min-width: 55px;\n  margin: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 8px 16px;\n  cursor: pointer;\n  /**\n   * Sizes\n   */\n  /**\n   * Variants\n   */\n}\n.Button-module_button__RkubW.Button-module_small__pV7AR {\n  height: 30px;\n}\n.Button-module_button__RkubW.Button-module_medium__5ymyJ {\n  height: 48px;\n}\n.Button-module_button__RkubW.Button-module_large__mBDYt {\n  height: 60px;\n}\n.Button-module_button__RkubW.Button-module_contained__ivhCB {\n  border-radius: 0;\n}\n.Button-module_button__RkubW.Button-module_contained__ivhCB.Button-module_accent__qeZ-W {\n  background-color: var(--mui-palette-TB-Brand-Accent);\n  color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.Button-module_button__RkubW.Button-module_contained__ivhCB.Button-module_primary__ay1Sp {\n  background-color: var(--mui-palette-TB-Brand-Primary, #0C223F);\n  color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.Button-module_button__RkubW.Button-module_contained__ivhCB.Button-module_mediumColor__MZ8Ww {\n  background-color: var(--mui-palette-TB-Brand-Medium);\n  color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.Button-module_button__RkubW.Button-module_contained__ivhCB.Button-module_success__a46Z- {\n  background-color: var(--mui-palette-TB-Functional-Success, #009D47);\n  color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.Button-module_button__RkubW.Button-module_contained__ivhCB.Button-module_error__Zytjc {\n  background-color: var(--mui-palette-TB-Functional-Error, #A31F34);\n  color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n}\n.Button-module_button__RkubW.Button-module_contained__ivhCB:focus, .Button-module_button__RkubW.Button-module_contained__ivhCB:hover {\n  opacity: 0.9;\n}\n.Button-module_button__RkubW.Button-module_outlined__2PUk2 {\n  border-radius: 0;\n}\n.Button-module_button__RkubW.Button-module_outlined__2PUk2.Button-module_accent__qeZ-W {\n  background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n  color: var(--mui-palette-TB-Brand-Accent);\n  border: 1px solid var(--mui-palette-TB-Brand-Accent);\n}\n.Button-module_button__RkubW.Button-module_outlined__2PUk2.Button-module_primary__ay1Sp {\n  background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n  color: var(--mui-palette-TB-Brand-Primary);\n  border: 1px solid var(--mui-palette-TB-Brand-Primary);\n}\n.Button-module_button__RkubW.Button-module_outlined__2PUk2.Button-module_mediumColor__MZ8Ww {\n  background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n  color: var(--mui-palette-TB-Brand-Medium);\n  border: 1px solid var(--mui-palette-TB-Brand-Medium);\n}\n.Button-module_button__RkubW.Button-module_outlined__2PUk2.Button-module_success__a46Z- {\n  background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n  color: var(--mui-palette-TB-Functional-Success, #009D47);\n  border: 1px solid var(--mui-palette-TB-Functional-Success, #009D47);\n}\n.Button-module_button__RkubW.Button-module_outlined__2PUk2.Button-module_error__Zytjc {\n  background-color: var(--mui-palette-TB-Functional-White, #FFFFFF);\n  color: var(--mui-palette-TB-Functional-Error, #A31F34);\n  border: 1px solid var(--mui-palette-TB-Functional-Error, #A31F34);\n}\n.Button-module_button__RkubW.Button-module_text__MhyX- {\n  border-radius: 0;\n}\n.Button-module_button__RkubW.Button-module_text__MhyX-.Button-module_accent__qeZ-W {\n  background-color: transparent;\n  color: var(--mui-palette-TB-Brand-Accent);\n}\n.Button-module_button__RkubW.Button-module_text__MhyX-.Button-module_primary__ay1Sp {\n  background-color: transparent;\n  color: var(--mui-palette-TB-Brand-Primary);\n}\n.Button-module_button__RkubW.Button-module_text__MhyX-.Button-module_mediumColor__MZ8Ww {\n  background-color: transparent;\n  color: var(--mui-palette-TB-Brand-Medium);\n}\n.Button-module_button__RkubW.Button-module_text__MhyX-.Button-module_success__a46Z- {\n  background-color: transparent;\n  color: var(--mui-palette-TB-Functional-Success, #009D47);\n}\n.Button-module_button__RkubW.Button-module_text__MhyX-.Button-module_error__Zytjc {\n  background-color: transparent;\n  color: var(--mui-palette-TB-Functional-Error, #A31F34);\n}\n.Button-module_button__RkubW img {\n  filter: invert(1);\n  height: 13px;\n}\n.Button-module_button__RkubW span {\n  display: none;\n}\n@media (min-width: 768px) {\n  .Button-module_button__RkubW span {\n    display: inline-block;\n    font-size: 14px;\n    white-space: nowrap;\n    margin-left: 8px;\n  }\n}\n.Button-module_button__RkubW:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.Button-module_button__RkubW:disabled:hover {\n  opacity: 0.5;\n}");const B=({children:t,variant:e="contained",size:n="large",color:a="accent",...i})=>{const r=[d];return"contained"===e?r.push(p):"outlined"===e?r.push(g):"text"===e&&r.push(x),"small"===n?r.push(s):"medium"===n?r.push(m):"large"===n&&r.push(c),"accent"===a?r.push(f):"primary"===a?r.push(h):"medium"===a?r.push(b):"success"===a?r.push(y):"error"===a&&r.push(F),o("button",{className:r.join(" "),...i,children:t})},v=({children:d,theme:s})=>{const[m,c]=e(null),p=n((()=>(({theme:o})=>u({...o,MuiCssBaseline:{...o.MuiCssBaseline,typography:{...Object.keys(o.typography).reduce(((t,e,n)=>(0===n&&(t[e]=o.typography[e].font),{...t,[e]:{...o.typography[e],font:`${o.typography[e].fontStyle}\n                  ${o.typography[e].fontWeight}\n                  ${o.typography[e].fontSize}/\n                  ${o.typography[e].lineHeight}\n                  ${o.typography[e].fontFamily}`,fontStyle:o.typography[e].fontStyle,fontWeight:o.typography[e].fontWeight,fontSize:o.typography[e].fontSize,lineHeight:o.typography[e].lineHeight,fontFamily:o.typography[e].fontFamily,textDecorationLine:o.typography[e].textDecorationLine,textTransform:o.typography[e].textTransform}})),{})}}}))({theme:s})),[s]);return a((()=>{c(p?.MuiCssBaseline?.styleOverrides)}),[p]),m?o(r,{theme:p,children:t(l,{injectFirst:!0,children:[m&&o(i,{}),m&&o("style",{children:m}),m&&o("style",{children:`\n          ${Object.keys(p.MuiCssBaseline.typography).map((o=>`\n              .tb-MuiCssBaseline-typography-${o}-font {\n                font: var(--mui-MuiCssBaseline-typography-${o}-font);\n                text-decoration-line: var(--mui-MuiCssBaseline-typography-${o}-textDecorationLine);\n                text-transform: var(--mui-MuiCssBaseline-typography-${o}-textTransform);\n              }\n            `)).join("\n")}\n          `}),m&&o("style",{children:"\n            h1 {\n              font: var(--mui-MuiCssBaseline-typography-H1-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n            }\n            h2 {\n              font: var(--mui-MuiCssBaseline-typography-H2-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n            }\n            h3 {\n              font: var(--mui-MuiCssBaseline-typography-H3-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n            }\n            h4 {\n              font: var(--mui-MuiCssBaseline-typography-H4-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n            }\n            h5 {\n              font: var(--mui-MuiCssBaseline-typography-H5-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n            }\n            h6 {\n              font: var(--mui-MuiCssBaseline-typography-H6-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n            }\n            "}),d]})}):d};const M={MuiCssBaseline:{styleOverrides:'\n        @import "https://use.typekit.net/loo0pmd.css";\n\n        @font-face {\n          font-family: \'Domaine\';\n          src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n            url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n          font-weight: 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: \'Domaine\';\n          src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n            url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n          font-weight: 300;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: "Gotham Narrow";\n          src: local("GothamNarrSSm-Light"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: "Gotham Narrow";\n          src: local("GothamNarrSSm-Medium"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n          font-weight: 500, 600;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local("GothamSSm-Book"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local("GothamNarrSSm-Medium"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n          font-weight: 500;\n          font-style: normal;\n          font-display: swap;\n        }\n      '},...{colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubtitleBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}}},components:{...{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}},...{MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}}}};const S={MuiCssBaseline:{styleOverrides:'\n        @import "https://use.typekit.net/loo0pmd.css";\n\n        @font-face {\n          font-family: \'Domaine\';\n          src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n            url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n          font-weight: 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: \'Domaine\';\n          src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n            url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n          font-weight: 300;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: "Gotham Narrow";\n          src: local("GothamNarrSSm-Light"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: "Gotham Narrow";\n          src: local("GothamNarrSSm-Medium"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n          font-weight: 500, 600;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local("GothamSSm-Book"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local("GothamNarrSSm-Medium"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n          font-weight: 500;\n          font-style: normal;\n          font-display: swap;\n        }\n      '},...{colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#000000",Medium:"#D3D3D3",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubtitleBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}}},components:{...{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}},...{MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}}}};export{B as Button,v as ThemeProvider,M as defaultTheme,S as kragleTheme};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tollbrothers/blueprint",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "Toll Brothers Design System",
   "author": "",
   "license": "ISC",
@@ -8,6 +8,7 @@
     "type": "git",
     "url": "git+https://github.com/tollbros/blueprint.git"
   },
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
   "source": "src/index.js",
@@ -15,8 +16,8 @@
     "node": ">=16.19.0"
   },
   "scripts": {
-    "build": "microbundle-crl --tsconfig tsconfig.json --compress --format modern --jsxFragment React.Fragment",
-    "start": "microbundle-crl --tsconfig tsconfig.json watch --compress --format modern --jsxFragment React.Fragment",
+    "build": "rollup -c",
+    "start": "rollup -c --watch",
     "prepare": "run-s build",
     "predeploy": "cd example && npm install && npm run build",
     "deploy": "gh-pages -d example/build",
@@ -32,17 +33,20 @@
   "peerDependencies": {
     "next": "^13.0.6",
     "react": "^18.2.0",
-    "react-dom": "18.2.0",
+    "react-dom": "^18.2.0",
     "sass": "^1.56.2"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-unicode-property-regex": "^7.18.6",
-    "@babel/preset-react": "^7.24.7",
+    "@babel/core": "^7.25.7",
+    "@babel/preset-react": "^7.25.7",
     "@chromatic-com/storybook": "^1.6.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^26.0.1",
-    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-commonjs": "latest",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@rollup/plugin-url": "^8.0.2",
     "@storybook/addon-essentials": "^8.1.11",
     "@storybook/addon-interactions": "^8.1.11",
     "@storybook/addon-links": "^8.1.11",
@@ -52,6 +56,9 @@
     "@storybook/nextjs": "^8.1.11",
     "@storybook/react": "^8.1.11",
     "@storybook/test": "^8.1.11",
+    "@svgr/rollup": "^8.1.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "autoprefixer": "^10.4.19",
     "babel-eslint": "^10.0.3",
     "cross-env": "^7.0.2",
@@ -66,12 +73,20 @@
     "prettier": "^2.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rollup": "^4.18.0",
+    "rollup-plugin-css-modules": "^0.1.2",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-sass": "^1.13.2",
+    "rollup-plugin-typescript2": "^0.36.0",
     "sass": "^1.56.2",
     "semantic-release": "^19.0.5",
     "storybook": "^8.1.11",
     "stylelint": "^16.6.1",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^13.1.0"
+    "stylelint-config-standard-scss": "^13.1.0",
+    "typescript": "^5.4.5"
   },
   "files": [
     "dist"

package/dist/index.modern.css

@@ -1 +0,0 @@
-._1iMBY{border:0;min-width:55px;margin:8px;display:flex;align-items:center;justify-content:center;padding:8px 16px;cursor:pointer}._1iMBY._OpTE6{height:30px}._1iMBY._3VJwc{height:48px}._1iMBY._36Mg8{height:60px}._1iMBY._2MyoL{border-radius:0}._1iMBY._2MyoL._3HQHC{background-color:var(--mui-palette-TB-Brand-Accent)}._1iMBY._2MyoL._3HQHC,._1iMBY._2MyoL._3rtSu{color:var(--mui-palette-TB-Functional-White,#fff)}._1iMBY._2MyoL._3rtSu{background-color:var(--mui-palette-TB-Brand-Primary,#0c223f)}._1iMBY._2MyoL._1Earu{background-color:var(--mui-palette-TB-Brand-Medium)}._1iMBY._2MyoL._1Earu,._1iMBY._2MyoL._1GhtK{color:var(--mui-palette-TB-Functional-White,#fff)}._1iMBY._2MyoL._1GhtK{background-color:var(--mui-palette-TB-Functional-Success,#009d47)}._1iMBY._2MyoL._Pj8jL{background-color:var(--mui-palette-TB-Functional-Error,#a31f34);color:var(--mui-palette-TB-Functional-White,#fff)}._1iMBY._2MyoL:focus,._1iMBY._2MyoL:hover{opacity:.9}._1iMBY._2fwcL{border-radius:0}._1iMBY._2fwcL._3HQHC{color:var(--mui-palette-TB-Brand-Accent);border:1px solid var(--mui-palette-TB-Brand-Accent)}._1iMBY._2fwcL._3HQHC,._1iMBY._2fwcL._3rtSu{background-color:var(--mui-palette-TB-Functional-White,#fff)}._1iMBY._2fwcL._3rtSu{color:var(--mui-palette-TB-Brand-Primary);border:1px solid var(--mui-palette-TB-Brand-Primary)}._1iMBY._2fwcL._1Earu{color:var(--mui-palette-TB-Brand-Medium);border:1px solid var(--mui-palette-TB-Brand-Medium)}._1iMBY._2fwcL._1Earu,._1iMBY._2fwcL._1GhtK{background-color:var(--mui-palette-TB-Functional-White,#fff)}._1iMBY._2fwcL._1GhtK{color:var(--mui-palette-TB-Functional-Success,#009d47);border:1px solid var(--mui-palette-TB-Functional-Success,#009d47)}._1iMBY._2fwcL._Pj8jL{background-color:var(--mui-palette-TB-Functional-White,#fff);color:var(--mui-palette-TB-Functional-Error,#a31f34);border:1px solid var(--mui-palette-TB-Functional-Error,#a31f34)}._1iMBY._3zkOs{border-radius:0}._1iMBY._3zkOs._3HQHC{background-color:transparent;color:var(--mui-palette-TB-Brand-Accent)}._1iMBY._3zkOs._3rtSu{background-color:transparent;color:var(--mui-palette-TB-Brand-Primary)}._1iMBY._3zkOs._1Earu{background-color:transparent;color:var(--mui-palette-TB-Brand-Medium)}._1iMBY._3zkOs._1GhtK{background-color:transparent;color:var(--mui-palette-TB-Functional-Success,#009d47)}._1iMBY._3zkOs._Pj8jL{background-color:transparent;color:var(--mui-palette-TB-Functional-Error,#a31f34)}._1iMBY img{filter:invert(1);height:13px}._1iMBY span{display:none}@media (min-width:768px){._1iMBY span{display:inline-block;font-size:14px;white-space:nowrap;margin-left:8px}}._1iMBY:disabled{cursor:not-allowed;opacity:.5}._1iMBY:disabled:hover{opacity:.5}

package/dist/index.modern.js

@@ -1,2 +0,0 @@
-import o from"react";import e from"@mui/material/CssBaseline";import{experimental_extendTheme as t,Experimental_CssVarsProvider as a,StyledEngineProvider as n}from"@mui/material/styles";const i=({children:e,variant:t="contained",size:a="large",color:n="accent",...i})=>{const r=["_1iMBY"];return"contained"===t?r.push("_2MyoL"):"outlined"===t?r.push("_2fwcL"):"text"===t&&r.push("_3zkOs"),"small"===a?r.push("_OpTE6"):"medium"===a?r.push("_3VJwc"):"large"===a&&r.push("_36Mg8"),"accent"===n?r.push("_3HQHC"):"primary"===n?r.push("_3rtSu"):"medium"===n?r.push("_1Earu"):"success"===n?r.push("_1GhtK"):"error"===n&&r.push("_Pj8jL"),o.createElement("button",Object.assign({className:r.join(" ")},i),e)},r=({children:i,theme:r})=>{var l;const s=(({theme:o})=>t({...o,MuiCssBaseline:{...o.MuiCssBaseline,typography:{...Object.keys(o.typography).reduce((e,t,a)=>(0===a&&(e[t]=o.typography[t].font),{...e,[t]:{...o.typography[t],font:`${o.typography[t].fontStyle}\n                  ${o.typography[t].fontWeight}\n                  ${o.typography[t].fontSize}/\n                  ${o.typography[t].lineHeight}\n                  ${o.typography[t].fontFamily}`,fontStyle:o.typography[t].fontStyle,fontWeight:o.typography[t].fontWeight,fontSize:o.typography[t].fontSize,lineHeight:o.typography[t].lineHeight,fontFamily:o.typography[t].fontFamily,textDecorationLine:o.typography[t].textDecorationLine,textTransform:o.typography[t].textTransform}}),{})}}}))({theme:r}),d=null==s||null===(l=s.MuiCssBaseline)||void 0===l?void 0:l.styleOverrides;return o.createElement(a,{theme:s},o.createElement(n,{injectFirst:!0},o.createElement(e,null),d&&o.createElement("style",null,d),d&&o.createElement("style",null,`\n          ${Object.keys(s.MuiCssBaseline.typography).map(o=>`\n              .tb-MuiCssBaseline-typography-${o}-font {\n                font: var(--mui-MuiCssBaseline-typography-${o}-font);\n                text-decoration-line: var(--mui-MuiCssBaseline-typography-${o}-textDecorationLine);\n                text-transform: var(--mui-MuiCssBaseline-typography-${o}-textTransform);\n              }\n            `).join("\n")}\n          `),d&&o.createElement("style",null,"\n            h1 {\n              font: var(--mui-MuiCssBaseline-typography-H1-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n            }\n            h2 {\n              font: var(--mui-MuiCssBaseline-typography-H2-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n            }\n            h3 {\n              font: var(--mui-MuiCssBaseline-typography-H3-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n            }\n            h4 {\n              font: var(--mui-MuiCssBaseline-typography-H4-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n            }\n            h5 {\n              font: var(--mui-MuiCssBaseline-typography-H5-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n            }\n            h6 {\n              font: var(--mui-MuiCssBaseline-typography-H6-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n            }\n            "),i))},l={MuiCssBaseline:{styleOverrides:'\n        @import "https://use.typekit.net/loo0pmd.css";\n\n        @font-face {\n          font-family: \'Domaine\';\n          src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n            url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n          font-weight: 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: \'Domaine\';\n          src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n            url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n          font-weight: 300;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: "Gotham Narrow";\n          src: local("GothamNarrSSm-Light"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: "Gotham Narrow";\n          src: local("GothamNarrSSm-Medium"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n          font-weight: 500, 600;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local("GothamSSm-Book"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local("GothamNarrSSm-Medium"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n          font-weight: 500;\n          font-style: normal;\n          font-display: swap;\n        }\n      '},colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#0C223F",Medium:"#004876",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubtitleBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},components:{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}},MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}}},s={MuiCssBaseline:{styleOverrides:'\n        @import "https://use.typekit.net/loo0pmd.css";\n\n        @font-face {\n          font-family: \'Domaine\';\n          src: local(\'domaine-bold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2\') format(\'woff2\'),\n            url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff\') format(\'woff\');\n          font-weight: 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: \'Domaine\';\n          src: local(\'domaine-semibold\'), url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2\') format(\'woff2\'),\n            url(\'https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff\') format(\'woff\');\n          font-weight: 300;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: "Gotham Narrow";\n          src: local("GothamNarrSSm-Light"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff") format("woff");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: "Gotham Narrow";\n          src: local("GothamNarrSSm-Medium"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff") format("woff");\n          font-weight: 500, 600;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local("GothamSSm-Book"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff") format("woff");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local("GothamNarrSSm-Medium"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2") format("woff2"),\n            url("https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff") format("woff");\n          font-weight: 500;\n          font-style: normal;\n          font-display: swap;\n        }\n      '},colorSchemes:{light:{palette:{TB:{Brand:{Primary:"#000000",Medium:"#D3D3D3",Accent:"#0070CD",Gray:"#8195A2"},Functional:{Black:"#000000",OffBlack:"#595959",White:"#FFFFFF",OffWhite:"#B5B5B5",DarkGray:"#858585",MedGray:"#D8D8D8",LightGray:"#E9EDF0",GrayOnDark:"rgba(255, 255, 255, 0.2)",Success:"#009D47",Error:"#A31F34"},POI:{Food:"#AD3F49",Fitness:"#D78956",Entertainment:"#DBAE60",Parks:"#5E8748",Transportation:"#5C8988",Business:"#2C71C7",Shopping:"#344072",School:"#543D6E"}},primary:{contrast:"#FFFFFF",main:"#2196F3"},action:{disabled:"rgba(0, 0, 0, 0.38)"}}},dark:{palette:{TB:{Brand:{Primary:"#FFFFFF",Medium:"#FFFFFF",Accent:"#FFFFFF",Gray:"#FFFFFF"},Functional:{Black:"#FFFFFF",OffBlack:"#FFFFFF",White:"#FFFFFF",OffWhite:"#FFFFFF",DarkGray:"#FFFFFF",MedGray:"#FFFFFF",LightGray:"#FFFFFF",GrayOnDark:"#FFFFFF",Success:"#FFFFFF",Error:"#FFFFFF"},POI:{Food:"#FFFFFF",Fitness:"#FFFFFF",Entertainment:"#FFFFFF",Parks:"#FFFFFF",Transportation:"#FFFFFF",Business:"#FFFFFF",Shopping:"#FFFFFF",School:"#FFFFFF"}},primary:{contrast:"rgba(0, 0, 0, 0.87)",main:"#90CAF9"},action:{disabled:"rgba(255, 255, 255, 0.38)"}}}},typography:{H1:{fontSize:"3rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"60px",textTransform:"none",textDecorationLine:"none"},H2:{fontSize:"2.5rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"50px",textTransform:"none",textDecorationLine:"none"},H3:{fontSize:"2.0625rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"41px",textTransform:"none",textDecorationLine:"none"},H4:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H5:{fontSize:"1.75rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"35px",textTransform:"none",textDecorationLine:"none"},H6:{fontSize:"1.1875rem",fontFamily:"Domaine Display, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},BodyLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},BodySmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},BodyXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:300,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},SubtitleBase:{fontSize:"1rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"24px",textTransform:"none",textDecorationLine:"none"},SubtitleLarge:{fontSize:"1.125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"27px",textTransform:"none",textDecorationLine:"none"},SubtitleSmall:{fontSize:"0.8125rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"20px",textTransform:"none",textDecorationLine:"none"},SubtitleXSmall:{fontSize:"0.6875rem",fontFamily:"Gotham Narrow, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:700,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamBaseBold:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamBaseBook:{fontSize:"0.875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"21px",textTransform:"none",textDecorationLine:"none"},GothamSmallBold:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamSmallBook:{fontSize:"0.75rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"18px",textTransform:"none",textDecorationLine:"none"},GothamXSmallBook:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:400,lineHeight:"17px",textTransform:"none",textDecorationLine:"none"},GothamOverline:{fontSize:"0.6875rem",fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontStyle:"normal",fontWeight:500,lineHeight:"17px",textTransform:"uppercase",textDecorationLine:"none"}},components:{MuiButton:{styleOverrides:{root:{"&.MuiButton-sizeLarge.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0",background:"var(--mui-palette-TB-Brand-Accent)","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Brand-Accent)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-containedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeLarge.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"48px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"}},"&.MuiButton-sizeMedium.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiButton-sizeSmall.MuiButton-outlinedPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}},MuiCheckbox:{styleOverrides:{root:{"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorPrimary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-primary-contrast)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-primary-contrast)",border:"2px solid #00437B",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-action-disabled)",background:"var(--mui-palette-TB-Functional-MedGray)",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-primary-contrast)",background:"linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), var(--mui-palette-TB-Brand-Accent)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeMedium.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"40px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}},"&.MuiCheckbox-sizeSmall.MuiCheckbox-colorSecondary":{fontFamily:"Gotham, Helvetica, Arial, sans-serif",fontSize:"0.875rem",fontStyle:"normal",fontWeight:"700",lineHeight:"21px /* 150% */",letterSpacing:"0.7px",textTransform:"none",height:"32px",padding:"0px 20px",opacity:"1",borderRadius:"0","&:not(.Mui-disabled):not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled).Mui-focusVisible:not(:hover)":{color:"var(--mui-palette-TB-Brand-Medium)",border:"2px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.20)",boxShadow:"var(--mui-shadows-1)","& .MuiTouchRipple-root":{display:"none"}},"&.Mui-disabled:not(.Mui-focusVisible):not(:hover)":{color:"var(--mui-palette-TB-Functional-MedGray)",border:"1px solid var(--mui-palette-TB-Functional-MedGray)",background:"none",boxShadow:"none"},"&:not(.Mui-disabled):not(.Mui-focusVisible):hover":{color:"var(--mui-palette-TB-Brand-Medium)",border:"1px solid var(--mui-palette-TB-Brand-Gray)",background:"rgba(129, 149, 162, 0.40)",boxShadow:"var(--mui-shadows-2)"}}}}}}};export{i as Button,r as ThemeProvider,l as defaultTheme,s as kragleTheme};
-//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.modern.js","sources":["../src/mui/primitives/Button/Button.js","../src/themes/ThemeProvider.js","../src/themes/default/theme.js","../src/themes/kragle/theme.js"],"sourcesContent":["import React from 'react';\nimport styles from './Button.module.scss';\n\nconst Button = ({ children, variant = 'contained', size = 'large', color = 'accent', ...rest }) => {\n  const classes = [styles.button];\n\n  if (variant === 'contained') {\n    classes.push(styles.contained);\n  } else if (variant === 'outlined') {\n    classes.push(styles.outlined);\n  } else if (variant === 'text') {\n    classes.push(styles.text);\n  }\n\n  if (size === 'small') {\n    classes.push(styles.small);\n  } else if (size === 'medium') {\n    classes.push(styles.medium);\n  } else if (size === 'large') {\n    classes.push(styles.large);\n  }\n\n  if (color === 'accent') {\n    classes.push(styles.accent);\n  } else if (color === 'primary') {\n    classes.push(styles.primary);\n  } else if (color === 'medium') {\n    classes.push(styles.mediumColor);\n  } else if (color === 'success') {\n    classes.push(styles.success);\n  } else if (color === 'error') {\n    classes.push(styles.error);\n  }\n\n  return (\n    <button className={classes.join(' ')} {...rest}>\n      {children}\n    </button>\n  );\n};\n\nexport default Button;\n","import React from 'react';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport { StyledEngineProvider, Experimental_CssVarsProvider as CssVarsProvider } from '@mui/material/styles';\nimport { experimental_extendTheme as extendTheme } from '@mui/material/styles';\n\nconst decorateTheme = ({ theme }) => {\n  return extendTheme({\n    ...theme,\n    MuiCssBaseline: {\n      ...theme.MuiCssBaseline,\n      typography: {\n        ...Object.keys(theme.typography).reduce((acc, key, index) => {\n          if (index === 0) {\n            acc[key] = theme.typography[key].font;\n          }\n\n          return {\n            ...acc,\n            [key]: {\n              ...theme.typography[key],\n              font: `${theme.typography[key].fontStyle}\n                  ${theme.typography[key].fontWeight}\n                  ${theme.typography[key].fontSize}/\n                  ${theme.typography[key].lineHeight}\n                  ${theme.typography[key].fontFamily}`,\n              fontStyle: theme.typography[key].fontStyle,\n              fontWeight: theme.typography[key].fontWeight,\n              fontSize: theme.typography[key].fontSize,\n              lineHeight: theme.typography[key].lineHeight,\n              fontFamily: theme.typography[key].fontFamily,\n              textDecorationLine: theme.typography[key].textDecorationLine,\n              textTransform: theme.typography[key].textTransform,\n            },\n          };\n        }, {}),\n      },\n    },\n  });\n};\n\nconst ThemeProvider = ({ children, theme }) => {\n  const decoratedTheme = decorateTheme({ theme });\n  const baselineStyles = decoratedTheme?.MuiCssBaseline?.styleOverrides;\n\n  return (\n    <CssVarsProvider theme={decoratedTheme}>\n      <StyledEngineProvider injectFirst>\n        <CssBaseline />\n        {baselineStyles && <style>{baselineStyles}</style>}\n        {baselineStyles && (\n          <style>\n            {`\n          ${Object.keys(decoratedTheme.MuiCssBaseline.typography)\n            .map((typographyKey) => {\n              return `\n              .tb-MuiCssBaseline-typography-${typographyKey}-font {\n                font: var(--mui-MuiCssBaseline-typography-${typographyKey}-font);\n                text-decoration-line: var(--mui-MuiCssBaseline-typography-${typographyKey}-textDecorationLine);\n                text-transform: var(--mui-MuiCssBaseline-typography-${typographyKey}-textTransform);\n              }\n            `;\n            })\n            .join('\\n')}\n          `}\n          </style>\n        )}\n        {baselineStyles && (\n          <style>\n            {`\n            h1 {\n              font: var(--mui-MuiCssBaseline-typography-H1-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H1-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H1-textTransform);\n            }\n            h2 {\n              font: var(--mui-MuiCssBaseline-typography-H2-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H2-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H2-textTransform);\n            }\n            h3 {\n              font: var(--mui-MuiCssBaseline-typography-H3-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H3-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H3-textTransform);\n            }\n            h4 {\n              font: var(--mui-MuiCssBaseline-typography-H4-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H4-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H4-textTransform);\n            }\n            h5 {\n              font: var(--mui-MuiCssBaseline-typography-H5-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H5-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H5-textTransform);\n            }\n            h6 {\n              font: var(--mui-MuiCssBaseline-typography-H6-font);\n              text-decoration-line: var(--mui-MuiCssBaseline-typography-H6-textDecorationLine);\n              text-transform: var(--mui-MuiCssBaseline-typography-H6-textTransform);\n            }\n            `}\n          </style>\n        )}\n        {children}\n      </StyledEngineProvider>\n    </CssVarsProvider>\n  );\n};\n\nexport default ThemeProvider;\n","import figmaTheme from './figma.json';\nimport buttonTheme from './button.json';\nimport checkboxTheme from './checkbox.json';\n\nexport const defaultTheme = {\n  MuiCssBaseline: {\n    styleOverrides: `\n        @import \"https://use.typekit.net/loo0pmd.css\";\n\n        @font-face {\n          font-family: 'Domaine';\n          src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n            url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n          font-weight: 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: 'Domaine';\n          src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n            url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n          font-weight: 300;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: \"Gotham Narrow\";\n          src: local(\"GothamNarrSSm-Light\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: \"Gotham Narrow\";\n          src: local(\"GothamNarrSSm-Medium\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n          font-weight: 500, 600;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local(\"GothamSSm-Book\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local(\"GothamNarrSSm-Medium\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n          font-weight: 500;\n          font-style: normal;\n          font-display: swap;\n        }\n      `,\n  },\n  ...figmaTheme,\n  components: {\n    ...buttonTheme,\n    ...checkboxTheme,\n  },\n};\n","import figmaTheme from './figma.json';\nimport buttonTheme from './button.json';\nimport checkboxTheme from './checkbox.json';\n\nexport const kragleTheme = {\n  MuiCssBaseline: {\n    styleOverrides: `\n        @import \"https://use.typekit.net/loo0pmd.css\";\n\n        @font-face {\n          font-family: 'Domaine';\n          src: local('domaine-bold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff2') format('woff2'),\n            url('https://cdn.tollbrothers.com/fonts/domaine/domaine-bold.woff') format('woff');\n          font-weight: 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: 'Domaine';\n          src: local('domaine-semibold'), url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff2') format('woff2'),\n            url('https://cdn.tollbrothers.com/fonts/domaine/domaine-display-web-semibold.woff') format('woff');\n          font-weight: 300;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: \"Gotham Narrow\";\n          src: local(\"GothamNarrSSm-Light\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Light_Web.woff2\") format(\"woff2\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Light_Web.woff\") format(\"woff\");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: \"Gotham Narrow\";\n          src: local(\"GothamNarrSSm-Medium\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamNarrSSm-Medium_Web.woff2\") format(\"woff2\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamNarrSSm-Medium_Web.woff\") format(\"woff\");\n          font-weight: 500, 600;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local(\"GothamSSm-Book\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Book_Web.woff2\") format(\"woff2\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Book_Web.woff\") format(\"woff\");\n          font-weight: 200 400;\n          font-style: normal;\n          font-display: swap;\n        }\n\n        @font-face {\n          font-family: Gotham;\n          src: local(\"GothamNarrSSm-Medium\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff2/GothamSSm-Bold_Web.woff2\") format(\"woff2\"),\n            url(\"https://cdn.tollbrothers.com/fonts/gotham/woff/GothamSSm-Bold_Web.woff\") format(\"woff\");\n          font-weight: 500;\n          font-style: normal;\n          font-display: swap;\n        }\n      `,\n  },\n  ...figmaTheme,\n  components: {\n    ...buttonTheme,\n    ...checkboxTheme,\n  },\n};\n"],"names":["Button","children","variant","size","color","rest","classes","push","React","createElement","Object","assign","className","join","ThemeProvider","theme","_decoratedTheme$MuiCs","decoratedTheme","decorateTheme","extendTheme","MuiCssBaseline","typography","keys","reduce","acc","key","index","font","[object Object]","fontStyle","fontWeight","fontSize","lineHeight","fontFamily","textDecorationLine","textTransform","baselineStyles","styleOverrides","CssVarsProvider","StyledEngineProvider","injectFirst","CssBaseline","map","typographyKey","defaultTheme","components","kragleTheme"],"mappings":"0LAGA,MAAMA,EAASA,EAAGC,SAAAA,EAAUC,QAAAA,EAAU,YAAaC,KAAAA,EAAO,QAASC,MAAAA,EAAQ,YAAaC,MACtF,MAAMC,EAAU,WA8BhB,MA5BgB,cAAZJ,EACFI,EAAQC,eACa,aAAZL,EACTI,EAAQC,eACa,SAAZL,GACTI,EAAQC,eAGG,UAATJ,EACFG,EAAQC,eACU,WAATJ,EACTG,EAAQC,eACU,UAATJ,GACTG,EAAQC,eAGI,WAAVH,EACFE,EAAQC,eACW,YAAVH,EACTE,EAAQC,eACW,WAAVH,EACTE,EAAQC,eACW,YAAVH,EACTE,EAAQC,eACW,UAAVH,GACTE,EAAQC,eAIRC,EAAAC,uBAAAC,OAAAC,QAAAC,UAAmBN,EAAQO,KAAK,MAAUR,GACvCJ,ICIDa,EAAgBA,EAAGb,SAAAA,EAAUc,MAAAA,UAAYC,EAC7C,MAAMC,EApCcC,GAAGH,MAAAA,KAChBI,EAAY,IACdJ,EACHK,eAAgB,IACXL,EAAMK,eACTC,WAAY,IACPX,OAAOY,KAAKP,EAAMM,YAAYE,OAAO,CAACC,EAAKC,EAAKC,KACnC,IAAVA,IACFF,EAAIC,GAAOV,EAAMM,WAAWI,GAAKE,MAG5B,IACFH,EACHI,CAACH,GAAM,IACFV,EAAMM,WAAWI,GACpBE,KAAM,GAAGZ,EAAMM,WAAWI,GAAKI,gCACzBd,EAAMM,WAAWI,GAAKK,iCACtBf,EAAMM,WAAWI,GAAKM,gCACtBhB,EAAMM,WAAWI,GAAKO,iCACtBjB,EAAMM,WAAWI,GAAKQ,aAC5BJ,UAAWd,EAAMM,WAAWI,GAAKI,UACjCC,WAAYf,EAAMM,WAAWI,GAAKK,WAClCC,SAAUhB,EAAMM,WAAWI,GAAKM,SAChCC,WAAYjB,EAAMM,WAAWI,GAAKO,WAClCC,WAAYlB,EAAMM,WAAWI,GAAKQ,WAClCC,mBAAoBnB,EAAMM,WAAWI,GAAKS,mBAC1CC,cAAepB,EAAMM,WAAWI,GAAKU,iBAGxC,QAOcjB,CAAc,CAAEH,MAAAA,IACjCqB,EAAiBnB,MAAAA,WAAcD,EAAdC,EAAgBG,0BAAcJ,SAA9BA,EAAgCqB,eAEvD,OACE7B,EAAAC,cAAC6B,GAAgBvB,MAAOE,GACtBT,EAAAC,cAAC8B,GAAqBC,gBACpBhC,EAAAC,cAACgC,QACAL,GAAkB5B,EAAAC,2BAAQ2B,GAC1BA,GACC5B,EAAAC,2BACG,eACDC,OAAOY,KAAKL,EAAeG,eAAeC,YACzCqB,IAAKC,GACG,iDACyBA,uEACcA,uFACgBA,+FACNA,oDAIzD9B,KAAK,qBAITuB,GACC5B,EAAAC,2BACG,orDAkCJR,KClGI2C,EAAe,CAC1BxB,eAAgB,CACdiB,eAAgB,uxOA+DlBQ,WAAY,kwXCjEDC,EAAc,CACzB1B,eAAgB,CACdiB,eAAgB,u0OA+DlBQ,WAAY"}