@maker-ui/layout - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

dist/components/Menu/MenuItem.d.ts

@@ -13,2 +13,4 @@ import React from 'react';
     isExpandButton?: boolean;
+    megamenu?: React.ReactElement;
+    liAttributes?: object;
 }
@@ -55,3 +57,3 @@ /**
  */
-export declare const MenuItem: React.MemoExoticComponent<({ data: { label, path, newTab, submenu, openNested, className, icon, divider, isExpandButton, }, caret, menuControls, pathname, isHeader, linkFunction, depth, }: MenuInternalProps) => JSX.Element>;
+export declare const MenuItem: React.MemoExoticComponent<({ data: { label, path, newTab, submenu, openNested, className, icon, divider, isExpandButton, megamenu, liAttributes, }, caret, menuControls, pathname, isHeader, linkFunction, depth, }: MenuInternalProps) => JSX.Element>;
 export {};

dist/context/ActionContext.d.ts

@@ -6,5 +6,2 @@ import * as React from 'react';
     sideNavCollapse: boolean;
-    leftPanelActive: boolean;
-    rightPanelActive: boolean;
-    toolbarActive: boolean;
 }
@@ -11,0 +8,0 @@ interface ActionProviderProps {

dist/layout.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react-use-measure")),n=e(require("deepmerge")),o=require("react"),r=e(o),a=require("@emotion/react"),i=require("@maker-ui/css"),s=require("@maker-ui/primitives"),l={fonts:{body:"sans-serif",heading:"sans-serif",monospace:"monospace"},breakpoints:["768px","960px","1440px"],colors:{light:{link:"red",link_hover:"green",text:"#333",background:"#ffffff",primary:"#1858dc",secondary:"#355cac",accent:"#1858dc",muted:"#f6f6f6",border:"#e6e6e6",bg_topbar:"#355cac",bg_header:"#ffffff",bg_mobileMenu:"black",bg_sideNav:"#eee",bg_footer:"#d3d3d3",bg_toolbar:"#fbfbfb"}},persistentColorMode:!0,useColorDefaults:!0,useMeasurementDefaults:!0,variables:{},topbar:{maxWidth:1260,hideOnMobile:!1,breakpoint:0,errorBoundary:!1},header:{navType:"basic",mobileNavType:"basic",maxWidth:1460,sticky:!1,stickyOnMobile:!1,stickyUpScroll:!1,showColorButton:!0,showColorButtonOnMobile:!0,showWidgetsOnMobile:!1,menuOverflow:"wrap",dropdown:{caret:"default",transition:"fade"},breakpoint:0,errorBoundary:!1},mobileMenu:{width:"70vw",transition:"slide-left",visibleOnDesktop:!1,showCloseButton:!0,closeOnBlur:!0,closeOnRouteChange:!1,errorBoundary:!1},sideNav:{width:[250,300],isHeader:!1,isPrimaryMobileNav:!1,showToggleOnMobile:!0,toggleButton:"default",closeOnBlur:!0,closeOnRouteChange:!0,cssTransition:"transform ease 0.3s, margin ease 0.3s",breakpoint:0,collapse:!1,collapseButton:"default",errorBoundary:!1},content:{maxWidth:1020,maxWidthSection:1020,breakpoint:0,errorBoundary:!1},sidebar:{width:300,width_2:200,sidebarGap:30,errorBoundary:!1},footer:{maxWidth:1020,errorBoundary:!1},a11y:{skiplinks:!0},errors:{showStackTrace:!1}},c=o.createContext({}),u=o.createContext((function(){}));function d(e,t){return n(e,t,{arrayMerge:function(e,t,n){return t}})}var m=function(e){var t=e.options,n=e.children,r=o.useState(d(function(e){var t=l;return e||(t.colors={}),t}(!1!==(null==t?void 0:t.useColorDefaults)),t)),a=r[0],i=r[1];return o.useEffect((function(){i((function(e){return d(e,t)}))}),[t]),o.createElement(c.Provider,{value:a},o.createElement(u.Provider,{value:i},n))};function v(){var e=o.useContext(c);if(void 0===e)throw new Error("useOptions must be used within a Maker UI Layout component");return e}function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e,t){if(null==e)return{};var n,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)t.indexOf(n=a[o])>=0||(r[n]=e[n]);return r}function b(e,t){switch(t.type){case"MENU":return f({},e,{menuActive:!e.menuActive});case"SIDENAV":return f({},e,{sideNavActive:!e.sideNavActive});case"SIDENAV-COLLAPSE":return f({},e,{sideNavCollapse:!e.sideNavCollapse});case"PANEL-LEFT":return f({},e,{leftPanelActive:!e.leftPanelActive});case"PANEL-RIGHT":return f({},e,{rightPanelActive:!e.rightPanelActive});default:throw new Error("Unhandled action type.")}}var g=o.createContext({}),y=o.createContext((function(){})),x=function(e){var t=e.children,n=o.useReducer(b,{menuActive:!1,sideNavActive:!1,sideNavCollapse:!1,leftPanelActive:!0,rightPanelActive:!0,toolbarActive:!0});return o.createElement(g.Provider,{value:n[0]},o.createElement(y.Provider,{value:n[1]},t))};function w(){var e=o.useContext(g).menuActive,t=o.useContext(y);if(void 0===typeof e)throw new Error("useMenu must be used within an Maker UI layout");return[e,function(){t({type:"MENU"})}]}function k(){var e=o.useContext(g).sideNavActive,t=o.useContext(y);if(void 0===typeof e)throw new Error("useSideNav must be used within an Maker UI layout");return[e,function(){t({type:"SIDENAV"})}]}var N=function(e,t){return"string"==typeof e?[e]:e<t.length?[t[e]]:[e]},E=function(e){return isNaN(e)?e:e+"px"};function C(e){var t=e?e.join(" ").replace(/ +(?= )/g,"").trim():void 0;return""===t?void 0:t}var M=function(e){var t=Object.keys(e),n=e&&"object"==typeof e[t[0]],o=n?{}:{":root":{}};return t.forEach((function(t){if(n){for(var r,a="body[data-theme='"+t+"']",i=((r={})[a]={},r),s=0,l=Object.entries(e[t]);s<l.length;s++){var c=l[s];i[a]["--color-"+c[0]]=c[1]}o=f({},o,i)}else o[":root"]["--color-"+t]=e[t]})),o},j=function(e){for(var t=n(l,e,{arrayMerge:function(e,t,n){return t}}),o=t.breakpoints,r=t.fonts,a=t.topbar,i=t.header,s=t.mobileMenu,c=t.variables,u=t.content,d=t.sidebar,m=t.sideNav,v=t.footer,f=o.map((function(e){return"@media(min-width: "+E(e)+")"})),p={},h={},b=0,g=Object.entries(c);b<g.length;b++){var y=g[b];h["--"+y[0]]=y[1]}function x(e){for(var t=function(){var e=r[o],t=e[0],a=e[1];if(a)if(Array.isArray(a)){var i={};i[t]=E(a[0]),a.forEach((function(e,n){var o;0!==n&&(i[f[n]]=((o={})[t]=E(e),o))})),p=n(p,i)}else p[t]=E(a)},o=0,r=Object.entries(e);o<r.length;o++)t()}x({"--maxWidth_header":null==i?void 0:i.maxWidth,"--maxWidth_topbar":null==a?void 0:a.maxWidth,"--maxWidth_content":null==u?void 0:u.maxWidth,"--maxWidth_section":null==u?void 0:u.maxWidthSection,"--maxWidth_footer":null==v?void 0:v.maxWidth,"--width_mobileMenu":null==s?void 0:s.width,"--width_sidebar":null==d?void 0:d.width,"--width_second_sidebar":null==d?void 0:d.width_2,"--width_sideNav":null==m?void 0:m.width,"--gap_content":null==d?void 0:d.sidebarGap}),x(h);for(var w=0,k=Object.entries(r);w<k.length;w++){var N=k[w];p["--font-"+N[0]]=N[1]}return p["--breakpoints"]=o.join(","),{":root":p}},_={"*":{boxSizing:"border-box"},body:{margin:0,fontFamily:"var(--font-body)",color:"var(--color-text)",backgroundColor:"var(--color-background)"},"h1, h2, h3, h4, h5, h6":{fontFamily:"var(--font-heading)"},"code, pre":{fontFamily:"var(--font-monospace)"},"b, strong, .bold":{fontWeight:"bold"},a:{color:"var(--color-link)","&:hover":{color:"var(--color-link_hover)"}}},S={".skiplinks":{listStyle:"none",position:"relative",zIndex:1e3,padding:0,margin:0,a:{background:"var(--color-bg_header)",display:"block",position:"absolute",fontFamily:"var(--font-body)",left:-9999,padding:"1em","&:focus":{left:0}}},header:{zIndex:100},"#site-logo":{display:"inline-flex"},".nav-grid":{margin:"0 auto",position:"relative",maxWidth:"var(--maxWidth_header)"},".nav-area":{display:"flex",alignItems:"center"},".button-slot":{gridArea:"button"},".menu-slot":{gridArea:"menu"},".menu-slot.split":{gridArea:"menu-split",justifyContent:"flex-end"},".logo-slot":{gridArea:"logo"},".widget-slot":{gridArea:"widgets"},".menu-scroll .menu-slot":{overflowX:"scroll",whiteSpace:"nowrap"},".desktop-visible":{display:"block"},".layout-basic .menu-slot":{justifyContent:"flex-end"},".layout-basic-left .menu-slot":{justifyContent:"flex-start"},".layout-basic-center .menu-slot":{justifyContent:"center"},".layout-center .menu-slot, .layout-center .logo-slot":{justifyContent:"center"},".layout-split .widget-slot, .layout-center .widget-slot":{top:0,right:0,height:"100%"},".layout-minimal-center .button-slot":{justifyContent:"flex-start"},"#mobile-menu":{position:"fixed",top:0,bottom:0,zIndex:100,background:"var(--color-bg_mobileMenu)",willChange:"transform, opacity",visibility:"hidden",transition:"all ease 0.3s",".menu-button":{position:"absolute"},"&.center":{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},"&.full-width":{width:"100%",left:0},"&:not(.full-width)":{width:"var(--width_mobileMenu)"},"&.fade, &.fade-up, &.fade-down":{opacity:0,"&.active":{opacity:1,visibility:"visible",transform:"translateY(0)"}},"&.fade-up":{transform:"translateY(20px)"},"&.fade-down":{transform:"translateY(-20px)"},"&.slide-right.active, &.slide-left.active":{visibility:"visible",transform:"translateX(0)"},"&.slide-right":{right:0,transform:"translateX(100%)"},"&.slide-left":{left:0,transform:"translateX(-100%)"}},".menu-button":{display:"block",margin:0,border:"none",background:"none",svg:{display:"block",margin:"0 auto"}},".menu-button-icon":{height:27,"&.close-button-icon":{height:35}},".close-top-left .menu-button":{top:0,left:0},".close-top-right .menu-button":{top:0,right:0},".close-bottom-left .menu-button":{bottom:0,left:0},".close-bottom-right .menu-button":{bottom:0,right:0},".menu-overlay":{background:"rgba(0, 0, 0, 0.15)",zIndex:100,willChange:"opacity",transition:"all ease .4s",visibility:"hidden",opacity:0,"&.active":{visibility:"visible",opacity:1}},".nav-primary":{".submenu":{display:"inline-block",background:"var(--color-bg_header)",width:"max-content",margin:0,padding:0,zIndex:1,opacity:0,visibility:"hidden",listStyle:"none",a:{width:"100%"},li:{display:"block"}},".submenu.depth-0":{position:"absolute",top:"99%",left:0},".submenu:not(.depth-0)":{position:"fixed",height:"100%",left:"100%",top:0}},".submenu-toggle":{border:"none",background:"transparent",svg:{height:12,width:12,transition:"transform ease .2s",transformOrigin:"50% 55%","&.rotate":{transform:"rotate(180deg)"}}},".dropdown-fade, .dropdown-fade-down, .dropdown-fade-up":{".submenu":{transition:"all ease .3s"},"li:focus-within > .submenu, li:hover > .submenu":{opacity:1,visibility:"visible"}},".dropdown-fade-down .submenu":{transform:"translateY(-10px)"},".dropdown-fade-up .submenu":{transform:"translateY(10px)"},".dropdown-fade-up, .dropdown-fade-down":{"li:focus-within > .submenu, li:hover > .submenu":{transform:"translateY(0)"}},".dropdown-scale":{".submenu":{opacity:1,visibility:"visible",transform:"scale(1, 0)",transformOrigin:"0 0",transition:"transform ease-in-out .25s",li:{opacity:0,transition:"opacity .03s ease-in-out"}},"li:focus-within > .submenu, li:hover > .submenu":{transform:"scale(1, 1)",li:{opacity:1,transition:"opacity ease-in-out .2s .2s"}}},".header-nav > .menu-item":{position:"relative",display:"inline-flex"},".menu-item.caret > a:after":{content:'""',display:"inline-block",width:0,height:0,marginLeft:".4em",verticalAlign:".25em",borderTop:".25em solid",borderRight:".25em solid transparent",borderLeft:".25em solid transparent"},"#site-inner":{position:"relative"},"#sidenav":{top:0,bottom:0,width:"var(--width_sideNav)",background:"var(--color-bg_sideNav)",willChange:"transform",transform:"translateX(0)","> .container":{position:"sticky",overflowY:"auto"}},"#toggle-sidenav":{position:"fixed",bottom:30,zIndex:100},"#collapse-sidenav":{position:"sticky",zIndex:100,top:80,height:50},".default-collapse":{height:24},".layout-content":{display:"block",maxWidth:"var(--maxWidth_content)",margin:"0 auto"},".layout-sidebar-content, .layout-content-sidebar, .layout-sidebar-content-sidebar":{display:"grid",gap:"var(--gap_content)",maxWidth:"var(--maxWidth_content)",margin:"0 auto",minHeight:"80vh"},".layout-sidenav-content, .layout-content-sidenav":{display:"inline-flex",width:"100%",main:{maxWidth:"var(--maxWidth_content)"}},".layout-sidenav-content":{"#sidenav":{left:0},"#toggle-sidenav":{right:30},".default-collapse:not(.rotate)":{transform:"rotate(180deg)"}},".layout-content-sidenav":{"#sidenav":{right:0},"#toggle-sidenav":{left:30},".default-collapse.rotate":{transform:"rotate(180deg)"}},main:{position:"relative",flex:1,margin:"0 auto"},section:{width:"100%"},footer:{background:"var(--color-bg_footer)"},".footer-container":{maxWidth:"var(--maxWidth_footer)"}},B={grid:{display:"grid"},".inline-flex":{display:"inline-flex"},".flex":{display:"flex"},".flex-1":{flex:1},".align-center":{alignItems:"center"},".align-flex-end":{alignItems:"flex-end"},".justify-center":{justifyContent:"center"},".justify-flex-start":{justifyContent:"flex-start"},".justify-flex-end":{justifyContent:"flex-end"},".justify-between":{justifyContent:"space-between"},".width-80":{width:"80%"},".width-90":{width:"90%"},".width-100":{width:"100%"},".height-100":{height:"100%"},".sticky":{position:"sticky"},".fixed":{position:"fixed"},".absolute":{position:"absolute"},".cover":{top:0,left:0,bottom:0,right:0},".container":{margin:"0 auto"}},O=["content sidebar","content sidenav","content","sidebar content","sidebar content sidebar","sidenav content","page-transition"],A=o.createContext({state:{},setState:function(){}}),T=function(e){var t=e.styles,r=void 0===t?{}:t,a=e.children,s=v(),l=o.useState({layout_nav:s.header.navType,layout_navMobile:s.header.mobileNavType,layout_content:"content",height_header:0,height_topbar:0,height_toolbar:0,colorTheme:void 0}),c=l[0],u=l[1];o.useEffect((function(){u((function(e){return f({},e,{layout_nav:s.header.navType,layout_navMobile:s.header.mobileNavType})}))}),[s]),o.useEffect((function(){var e=Object.keys(null==s?void 0:s.colors);if("object"==typeof(null==s?void 0:s.colors[e[0]])){var t="object"==typeof s.persistentColorMode&&null!==s.persistentColorMode;if(t||s.persistentColorMode){var n=t?s.persistentColorMode.key:"color-theme",o=function(){var t;if(e.includes("dark")&&null!=(t=window)&&t.matchMedia("(prefers-color-scheme: dark)").matches)document.body.dataset.theme="dark",u((function(e){return f({},e,{colorTheme:"dark"})}));else{var o=e[0];localStorage.setItem(n,JSON.stringify({theme:o})),document.body.dataset.theme=o,u((function(e){return f({},e,{colorTheme:o})}))}};if(localStorage.getItem(n)){var r=JSON.parse(localStorage.getItem(n)).theme;(s.colors?Object.keys(s.colors):[]).includes(r)?(document.body.dataset.theme=r,u((function(e){return f({},e,{colorTheme:r})}))):o()}else o()}}else u((function(e){return f({},e,{colorTheme:void 0})}))}),[s.persistentColorMode,s.colors]);var d=n.all([M(s.colors),j(s),_,S,B]);return o.createElement(A.Provider,{value:{state:c,setState:u}},o.createElement(i.Global,{styles:d}),r?o.createElement(i.Global,{styles:r}):null,a)};function W(e){var t=o.useContext(A),n=t.state,r=t.setState;if(void 0===n)throw new Error("useLayout must be used within a Maker UI Layout component");function a(t){r((function(n){var o;return f({},n,((o={})["layout_"+e]=t,o))}))}return"nav"===e?[n.layout_nav,a]:"mobileNav"===e?[n.layout_navMobile,a]:[n.layout_content,a]}function I(){var e=o.useContext(A),t=e.state,n=e.setState;if(void 0===t)throw new Error("useMeasurement must be used within an Maker UI Layout component");return{measurements:t,setMeasurement:function(e,t){n((function(n){var o;return f({},n,((o={})["height_"+e]=t,o))}))}}}function P(){var e=v(),t=o.useContext(A),n=t.state.colorTheme,r=t.setState;return{colorTheme:n,setColorTheme:function(t){e.persistentColorMode&&localStorage.setItem("color-theme",JSON.stringify({theme:t})),document.body.dataset.theme=t,r((function(e){return f({},e,{colorTheme:t})}))},themes:n?Object.keys(e.colors):void 0}}var L=function(e){var t=v().a11y,n=W("content"),r=[];return r=e.links?e.links:[{id:"#content",label:"Skip to content"}],n[0].includes("sidenav")&&r.splice(1,0,{id:"#sidenav",label:"Skip to side navigation"}),t.skiplinks?o.createElement("ul",{className:"skiplinks"},r.map((function(e){var t=e.id;return o.createElement("li",{key:t},o.createElement("a",{href:t},e.label))}))):null};L.displayName="Skiplinks";var F=function(e){var t=e.options,r=e.styles,i=e.theme,s=void 0===i?{}:i,l=e.skiplinks,c=e.children;return o.createElement(a.ThemeProvider,{theme:t.breakpoints?n(s,{breakpoints:t.breakpoints}):s},o.createElement(m,{options:t},o.createElement(T,{styles:r},o.createElement(x,null,o.createElement(L,{links:l}),c))))};F.displayName="MakerUI_Layout";var H=function(){return o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},o.createElement("path",{d:"M256 0C114.497 0 0 114.507 0 256c0 141.503 114.507 256 256 256 141.503 0 256-114.507 256-256C512 114.497 397.493 0 256 0zm0 472c-119.393 0-216-96.615-216-216 0-119.393 96.615-216 216-216 119.393 0 216 96.615 216 216 0 119.393-96.615 216-216 216z"}),o.createElement("path",{d:"M256 128.877c-11.046 0-20 8.954-20 20V277.67c0 11.046 8.954 20 20 20s20-8.954 20-20V148.877c0-11.046-8.954-20-20-20z"}),o.createElement("circle",{cx:"256",cy:"349.16",r:"27"}))},z=function(e){var t=e.showStackTrace,n=e.errorInfo;return o.createElement(s.Div,{className:"error-boundary",css:{button:{marginLeft:5,cursor:"pointer",color:"var(--color-primary)"},svg:{height:30},details:{paddingLeft:"20px",whiteSpace:"pre"},summary:{cursor:"pointer"}}},o.createElement(H,null),o.createElement("div",null,"There was an issue loading this section of the app.",o.createElement("button",{onClick:function(){var e;return null==(e=window)?void 0:e.location.reload()}},"Try reloading the page.")),t?o.createElement("div",null,o.createElement("details",{className:"error-details"},o.createElement("summary",null,"Click for error details"),n?n.componentStack.toString():null)):null)},R=["Main","SideNav","Sidebar","PageTransition"],D=function(){return o.createElement(s.Div,{css:{margin:"150px auto",maxWidth:600,fontSize:20,lineHeight:1.5,"li, span":{padding:"0 8px",fontFamily:"monospace",backgroundColor:"var(--color-muted)",fontSize:18,borderRadius:3,border:"1px solid gainsboro"},".error-title":{padding:20,marginBottom:30,background:"var(--color-muted)",strong:{marginRight:20}},ul:{columns:2,margin:"50px 0 35px",li:{marginBottom:10,width:"min-content"}},svg:{height:35,marginRight:10}}},o.createElement("div",{className:"error-title inline-flex align-center justify-center width-100"},o.createElement(H,null),o.createElement("strong",null,"Error")," Invalid layout configuration."),o.createElement("div",null,o.createElement("p",null,"The ",o.createElement("span",null,"Content")," component only accepts the following direct children:"),o.createElement("ul",null,R.map((function(e,t){return o.createElement("li",{key:t},e)}))),o.createElement("p",null,"If your custom child component has fixed positioning or is a Provider, you can still use it here by assigning the component a"," ",o.createElement("strong",null,"displayName")," of 'Fixed', 'Provider', or 'Context'."),o.createElement("p",null,o.createElement("a",{href:"https://maker-ui.com/docs/content",target:"_blank",rel:"noreferrer"},"See the docs")," ","for a complete list of layout configurations.")))},U=["children"],K=function(e){var t=e.children,n=h(e,U),r=v(),a=Object.keys(r).includes(n.errorKey);return o.createElement(a&&r[n.errorKey].errorBoundary?V:o.Fragment,null,t)},V=function(e){var t,n;function r(){for(var t,n=arguments.length,o=new Array(n),r=0;r<n;r++)o[r]=arguments[r];return(t=e.call.apply(e,[this].concat(o))||this).state={error:"",errorInfo:"",hasError:!1},t}n=e,(t=r).prototype=Object.create(n.prototype),t.prototype.constructor=t,p(t,n),r.getDerivedStateFromError=function(e){return{error:e,hasError:!0}};var a=r.prototype;return a.componentDidCatch=function(e,t){var n=this.props.logFunction||this.context.errors.logFunction||!1;n&&n(e,t,this.props.errorKey),this.setState({errorInfo:t})},a.render=function(){return this.state.hasError?this.props.errorMessage||this.context.errors.errorMessage[""+this.props.errorKey]?this.context.errors.errorMessage[""+this.props.errorKey]:o.createElement(z,{showStackTrace:this.context.errors.errorMessage.showStackTrace,errorInfo:this.state.errorInfo}):this.props.children},r}(o.Component);V.contextType=c;var Y=["id","background","maxWidth","sticky","stickyOnMobile","scrollOverflow","className","_css","css","children"],q=function(e){var n=v(),r=n.topbar,a=n.breakpoints,s=t(),l=s[0],c=s[1].height,u=I().setMeasurement;o.useEffect((function(){0!==c&&u("topbar",c)}),[c]);var d=e.id,m=e.background,p=void 0===m?"var(--color-bg_topbar)":m,b=e.maxWidth,g=void 0===b?"var(--maxWidth_topbar)":b,y=e.sticky,x=void 0===y?r.sticky:y,w=e.stickyOnMobile,k=void 0===w?r.stickyOnMobile:w,E=e.scrollOverflow,M=void 0!==E&&E,j=e.className,_=e._css,S=e.css,B=e.children,O=h(e,Y),A=x?k?"sticky":["relative","sticky"]:!x&&k?["sticky","relative"]:void 0;return i.jsx("aside",{ref:l,id:C(["topbar",d]),className:j,breakpoints:N(r.breakpoint,a),css:f({background:p,top:0,zIndex:101,position:A,display:r.hideOnMobile?["none","block"]:["block"]},_)},i.jsx("div",f({className:"container",css:f({overflowX:M?"scroll":void 0,whiteSpace:M?"nowrap":void 0,maxWidth:g},S)},O),i.jsx(K,{errorKey:"topbar"},B)))};q.displayName="Topbar";var X="undefined"!=typeof window;function G(){if(!X)return 0;var e=document.body.getBoundingClientRect();return Math.abs(e.top)}function J(e,t,n){void 0===n&&(n=!0);var r=o.useRef(G());o.useEffect((function(){if(n&&X){var o,a=function(){var t=G();e({prevPos:r.current,currPos:t}),r.current=t,o=void 0},i=function(){t?void 0===o&&(o=setTimeout(a,t)):a()};return window.addEventListener("scroll",i),function(){return window.removeEventListener("scroll",i)}}}),[e,t,n])}var Q=["absolute","background","sticky","stickyOnMobile","stickyUpScroll","className","css","children"],Z=function(e){var n=o.useState(""),r=n[0],a=n[1],s=o.useState(!0),l=s[0],c=s[1],u=o.useState(!0),d=u[0],m=u[1],p=I(),b=p.measurements,g=p.setMeasurement,y=v(),x=y.header,w=y.topbar,k=y.breakpoints,E=!!x.scrollClass,M=t(),j=M[0],_=M[1].height;o.useEffect((function(){0!==_&&g("header",_)}),[_]),o.useEffect((function(){c(!1)}),[]);var S=e.absolute,B=void 0===S?x.absolute:S,O=e.background,A=void 0===O?"var(--color-bg_header)":O,T=e.sticky,W=void 0===T?x.sticky:T,P=e.stickyOnMobile,L=void 0===P?x.stickyOnMobile:P,F=e.stickyUpScroll,H=void 0===F?x.stickyUpScroll:F,z=e.className,R=e.css,D=e.children,U=h(e,Q),V="object"==typeof H?{exists:!0,start:null==H?void 0:H.start,delay:null==H?void 0:H.delay}:H?{exists:!0}:{exists:!1},Y=(null==V?void 0:V.start)||500;J((function(e){var t=e.currPos,n=t>e.prevPos,o=t>Y;o||d||m(!0),o&&n&&d&&m(!1),!o||n||d||m(!0)}),V.delay||350,V.exists),J((function(e){if(E){var t=x.scrollClass,n=e.currPos>t.scrollTop?t.className:"";n!==r&&a(n)}}),0,E);var q=function(){return w.sticky&&!w.stickyOnMobile?[0,b.height_topbar]:w.sticky&&w.stickyOnMobile?b.height_topbar:!w.sticky&&w.stickyOnMobile?[b.height_topbar,0]:0},X=B?"fixed":"sticky",G=B?"absolute":"relative",Z=[r,H&&!d?"scroll-active":""].join(" ");return i.jsx("header",f({ref:j,className:C([Z,B?"width-100":void 0,z]),role:"banner",breakpoints:N(x.breakpoint,k),style:{visibility:l?"hidden":void 0},css:f({background:A,".mobile-overlay":{display:["block","none"]}},H?{position:X,top:q(),transition:"transform .3s ease-in","&.scroll-active":{transform:"translateY(-100%)"}}:W?{top:q(),position:L?[X]:[G,X]}:!W&&L?{top:q(),position:[X,G]}:{position:G},R)},U),i.jsx(K,{errorKey:"header"},D))};Z.displayName="Header";var $=function(e){var t=e.children,n=v().linkFunction,r={id:"site-logo","aria-label":"Home page"};return n?n("/",t,r):o.createElement("a",f({href:"/"},r,{css:{display:"inline-flex"}}),t)};$.displayName="Logo";var ee=["isHeaderButton","customButton","breakpoints","className","css"],te=function(e){var t=e.isHeaderButton,n=e.customButton,r=e.breakpoints,a=e.className,i=e.css,l=h(e,ee),c=v(),u=c.header,d=c.breakpoints,m=P(),p=m.colorTheme,b=m.setColorTheme,g=m.themes;if(!g)return null;var y=f({title:"Color Theme",className:C(["color-button",a]),"aria-label":"Toggle Color Mode",onClick:function(){var e=g.indexOf(p);b(g[(e+1)%g.length])},breakpoints:t?N(u.breakpoint,d):r},l),x=n||u.colorButton;return 1===(null==g?void 0:g.length)?null:t&&u.showColorButton||!t?"function"==typeof x?x(p,y):o.createElement(s.Button,f({},y,{css:f({display:t&&u.showColorButtonOnMobile?["block"]:["none","block"]},i)}),x||p):null};te.displayName="ColorButton";var ne=function(e){var t=e.show,n=e.set;return o.createElement("button",{title:"Expand Section",className:C(["submenu-toggle",t?"expanded":void 0]),"aria-expanded":t?"true":"false","aria-label":"Expand Section",onClick:function(){return n(!t)}},o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",className:t?"rotate":void 0},o.createElement("path",{stroke:"currentcolor",strokeWidth:"2",fill:"none",d:"M14 6 L8 12 L2 6"})))};ne.displayName="ExpandButton";var oe=o.memo((function(e){var t=e.data,n=t.label,a=t.path,i=t.newTab,s=t.submenu,l=t.openNested,c=t.className,u=void 0===c?"":c,d=t.icon,m=t.divider,v=t.isExpandButton,p=e.caret,h=void 0!==p&&p,b=e.menuControls,g=e.pathname,y=e.isHeader,x=void 0!==y&&y,w=e.linkFunction,k=e.depth,N=void 0===k?0:k,E=o.useState(void 0!==l&&l),M=E[0],j=E[1],_=f({className:g===a?"current":void 0,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,"aria-label":d?n:void 0,"aria-haspopup":x&&s?"true":void 0,"aria-current":g===a?"page":void 0},b);return r.createElement("li",{className:C(["menu-item",s?"has-submenu":void 0,s&&x&&"default"===h?"caret":void 0,M?"expanded":void 0,u])},r.createElement(re,{condition:!(x||!s),wrapper:function(e){return r.createElement("div",{className:"flex"},e)}},r.createElement(r.Fragment,null,w&&a?w(a,n,_,d):!x&&m?n:!x&&v&&s?r.createElement("button",{onClick:function(){return j(!M)}},n):r.createElement("a",f({href:a},_),d?r.createElement("span",{className:"menu-icon"},d):void 0,r.createElement("span",{className:"menu-text"},n),s&&h&&o.isValidElement(h)?h:null),!x&&s?r.createElement(ne,{set:j,show:M}):null)),s&&r.createElement(r.Fragment,null,x||!x&&M?r.createElement("ul",{className:C(["submenu","depth-"+N]),role:"menu","aria-label":"submenu"},s.map((function(e,t){return r.createElement(oe,{key:t,data:e,caret:h,menuControls:b,pathname:g,isHeader:x,depth:N+1})}))):null))}));oe.displayName="MenuItem";var re=function(e){var t=e.children;return e.condition?(0,e.wrapper)(t):t},ae=["menu","menuType","pathname","className","css"],ie=o.forwardRef((function(e,t){var n=e.menu,o=void 0===n?[]:n,r=e.menuType,a=e.pathname,s=e.className,l=h(e,ae),c=v(),u=c.mobileMenu,d=c.sideNav,m=c.linkFunction,p=w()[1],b=k()[1],g=function(){if("mobile"===r&&u.closeOnRouteChange)return{onClick:function(){return p()}};if("undefined"!=typeof window&&"sideNav"===r&&d.closeOnRouteChange){var e=document.getElementById("sidenav");if(!window||!e)return;return{onClick:"fixed"===window.getComputedStyle(e,"").position?function(){return b()}:void 0}}};return i.jsx("ul",f({ref:t,className:C(["collapse-menu",s]),role:"navigation"},l),o.map((function(e,t){return i.jsx(oe,{key:t,data:e,menuControls:g(),pathname:a,linkFunction:m})})))}));ie.displayName="CollapsibleMenu";var se=["customButton","visibleOnDesktop","isCloseButton"],le=function(e){var t=e.customButton,n=e.visibleOnDesktop,r=e.isCloseButton,a=h(e,se),i=w(),s=i[0],l=i[1],c=k(),u=c[0],d=c[1],m=v(),p=m.header,b=m.sideNav,g=t||(null==p?void 0:p.menuButton),y=null!=b&&b.isPrimaryMobileNav?{"aria-expanded":!!u,onClick:d}:{"aria-expanded":!!s,onClick:l},x=f({title:"Menu",className:C(["menu-button",n?"desktop-visible":void 0]),"aria-label":"Toggle Menu"},y,a);return"function"==typeof g?g(b.isPrimaryMobileNav?u:s,x):o.createElement("button",f({},x),g||o.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:C(["menu-button-icon",r?"close-button-icon":void 0])},o.createElement("path",r?{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}:{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})))};le.displayName="MenuButton";var ce=function(e){var t=e.menuItems,n=void 0===t?[]:t,r=e.pathname,a=v(),i=a.header,s=a.linkFunction;return o.createElement("nav",{className:"nav-primary",role:"navigation"},o.createElement("ul",{className:C(["menu-primary","header-nav","dropdown-"+i.dropdown.transition])},n.map((function(e,t){var n;return o.createElement(oe,{key:t,data:e,caret:null==(n=i.dropdown)?void 0:n.caret,pathname:r,linkFunction:s,isHeader:!0})}))))};ce.displayName="NavMenu";var ue={basic:{areas:'"logo menu widgets"',columns:"auto 1fr auto",widgetArea:"flex-start"},"basic-left":{areas:'"logo menu widgets"',columns:"auto 1fr auto",widgetArea:"flex-start"},"basic-center":{areas:'"logo menu widgets"',columns:"auto 1fr auto",widgetArea:"flex-start"},center:{areas:'"logo logo" "menu widgets"',columns:"1fr",widgetArea:"flex-start"},split:{areas:'"menu-split logo menu widgets"',columns:"1fr auto 1fr",widgetArea:"flex-start"},reverse:{areas:'"menu logo widgets"',columns:"1fr auto 1fr",widgetArea:"flex-end"},minimal:{areas:'"logo widgets"',columns:"auto 1fr",widgetArea:"flex-end"},"minimal-left":{areas:'"button logo widgets"',columns:"auto auto 1fr",widgetArea:"flex-end"},"minimal-center":{areas:'"button logo widgets"',columns:"1fr auto 1fr",widgetArea:"flex-end"}},de={basic:{areas:'"logo widgets"',columns:"auto 1fr",widgetArea:"flex-end"},"basic-menu-left":{areas:'"button logo widgets"',columns:"auto auto 1fr",widgetArea:"flex-end"},"logo-center":{areas:'"button logo widgets"',columns:"1fr auto 1fr",widgetArea:"flex-end"},"logo-center-alt":{areas:'"widgets logo button"',columns:"1fr auto 1fr",widgetArea:"flex-start"}};function me(e,t){return{gridTemplateAreas:[de[t].areas,ue[e].areas],gridTemplateColumns:[de[t].columns,ue[e].columns],".widget-slot":{justifyContent:[de[t].widgetArea,ue[e].widgetArea]}}}var ve=["minimal-left","minimal-center"],fe=["basic-menu-left","logo-center","logo-center-alt"],pe=function(e){var t=e.type,n=e.mobileType,r=e.logo,a=e.menu,l=e.logoSlot,c=e.widgetSlot,u=e.menuSlot,d=e.menuButton,m=e.colorButton,p=e.maxWidth,h=e.className,b=e.id,g=e.css,y=v(),x=y.header,w=y.mobileMenu,k=y.breakpoints,E=W("nav"),M=E[0],j=E[1],_=W("mobileNav"),S=_[0],B=_[1],O=N(x.breakpoint,k),A=a&&Math.ceil(a.length/2);return o.useEffect((function(){void 0!==t&&t!==M&&j(t),void 0!==n&&n!==S&&B(n)}),[t,n,M,S]),i.jsx(s.Grid,{id:b,className:C(["nav-grid layout-"+M,"m-layout-"+S,"scroll"===x.menuOverflow?"menu-scroll":void 0,h]),breakpoints:O,css:f({maxWidth:p},me(M,S),{gridTemplateRows:["1fr","center"!==M?"1fr":"1fr 1fr"],".menu-slot":{display:["none","flex"]},"&.layout-minimal .menu-slot, &.layout-minimal-left .menu-slot, &.layout-minimal-center .menu-slot":{display:"none"},".widget-slot .menu-button":{display:[fe.includes(S)?"none":"block","minimal"===M||w.visibleOnDesktop?"block":"none"]},".nav-widgets":{display:x.showWidgetsOnMobile?"flex":["none","flex"]},"&.m-layout-logo-center-alt .button-slot":{justifyContent:["flex-end","flex-start"]},"&.layout-split .widget-slot, &.layout-center .widget-slot":{position:["relative","absolute"]}},g)},ve.includes(M)||fe.includes(S)?i.jsx("div",{className:"nav-area button-slot"},i.jsx(le,{customButton:d,visibleOnDesktop:!0})):null,"split"===M?i.jsx("div",{className:"nav-area menu-slot split"},u?null:i.jsx(ce,{menuItems:null==a?void 0:a.slice(0,A)})):null,i.jsx("div",{className:"nav-area logo-slot"},l||i.jsx($,null,r||"Add Logo")),i.jsx("div",{className:"nav-area menu-slot"},u||i.jsx(ce,{menuItems:"split"===M?null==a?void 0:a.slice(A):a})),i.jsx("div",{className:"nav-area widget-slot"},i.jsx("div",{className:"nav-widgets"},c),i.jsx(le,{customButton:d}),i.jsx(te,{isHeaderButton:!0,customButton:m})))};pe.displayName="Navbar";var he=function(e){var t=e.toggle;return o.createElement("div",{className:C(["menu-overlay","fixed","cover",e.className,e.show?" active":void 0]),role:"button",onClick:t})};he.displayName="Overlay";var be=["id","background","center","closeButton","closeButtonPosition","width","transition","menu","pathname","header","footer","className","css","children"],ge=["fade","fade-up","fade-down"],ye=o.forwardRef((function(e,t){var n=w(),r=n[0],a=n[1],s=v().mobileMenu,l=e.id,c=e.background,u=e.center,d=e.closeButton,m=void 0===d?s.closeButton:d,p=e.closeButtonPosition,b=void 0===p?"top-right":p,g=e.width,y=e.transition,x=void 0===y?s.transition:y,k=e.menu,N=void 0===k?[]:k,E=e.pathname,M=e.header,j=e.footer,_=e.className,S=e.css,B=e.children,O=h(e,be),A=c||g||S;return i.jsx(o.Fragment,null,s.closeOnBlur&&!ge.includes(x)?i.jsx(he,{className:"mobile-overlay",show:r,toggle:a}):null,i.jsx("div",f({ref:t,id:C(["mobile-menu",l]),className:C([r?"active":void 0,u?"center":void 0,ge.includes(x)?"full-width":void 0,"close-"+b,x,_]),css:void 0!==A?f({background:c,width:g},S):void 0},O),i.jsx(K,{errorKey:"mobileMenu"},s.showCloseButton||m?i.jsx(le,{customButton:m,isCloseButton:!0}):null,M||null,B||i.jsx(ie,{menu:N,menuType:"mobile",pathname:E}),j||null)))}));ye.displayName="MobileMenu";var xe=["id","className","children","css"],we=function(e){var t=e.id,n=e.className,r=e.children,a=e.css,s=h(e,xe),l=o.useState(!0),c=l[0],u=l[1],d=v(),m=d.content,p=d.sideNav,b=d.breakpoints,g=function(e,t){var n=W("content"),r=n[0],a=n[1],i=o.useState(!1),s=i[0],l=i[1];return o.useEffect((function(){if(t){var e=function(e,t){if("string"==typeof t)return"unknown";var n=o.Children.toArray(t);return n?n.map((function(e){return e.type.displayName?e.type.displayName.toLowerCase():"unknown"})).join(" ").replace("main","content").replace(/fixed|provider|context/g,"").replace(/ {2,}/g," ").trim():"unknown"}(0,t);O.find((function(t){return t===e}))?r!==e&&a(e):l(!0)}}),[r,a,"content",t]),{layout:r,showError:s}}(0,r),y=g.layout,x=g.showError;o.useEffect((function(){u(!1)}),[]);var w=y.replace(/\s+/g,"-"),k=function(e){var t,n=I().measurements,o=v(),r=o.topbar,a=o.header,i=o.sideNav;if(e&&e.includes("sidebar"))return f({},"sidebar content"===e?{".sidebar":{gridRow:[2,"auto"]}}:"sidebar content sidebar"===e?{".sidebar:first-of-type":{gridRow:[2,"auto"]}}:null,{gridTemplateColumns:["1fr",(t="var(--width_sidebar)","sidebar content"===e?t+" 1fr":"sidebar content sidebar"===e?t+" 1fr var(--width_second_sidebar)":"content sidebar"===e?"1fr "+t:null)]});if(e&&e.includes("sidenav")){var s=function(){var e=a.sticky?n.height_header:0;return r.sticky&&(e+=n.height_topbar),e};return{"#sidenav":{position:["fixed","relative"],zIndex:[101,0],transition:i.isHeader||0!==n.height_header?i.cssTransition:null,"&.hide-sidenav":{transform:["translateX("+("sidenav content"===e?"calc(-1 * var(--width_sideNav))":"var(--width_sideNav)")+")","none"]},"&.collapse-sidenav":{marginLeft:"sidenav content"===e?[0,"calc(-1 * var(--width_sideNav))"]:void 0,marginRight:"content sidenav"===e?[0,"calc(-1 * var(--width_sideNav))"]:void 0},"> .container":{top:[0,s()],height:["100vh","calc(100vh - "+s()+"px)"]}},"#toggle-sidenav":{display:["inline-block","none"]},"#collapse-sidenav":{display:["none","inline-block"]},".sidenav-overlay":{display:["block","none"]}}}return{}}(y),E=y.includes("sidenav")?p.breakpoint:m.breakpoint;return i.jsx("div",f({id:C(["site-inner",t]),className:C(["layout-"+w,n]),breakpoints:N(E,b),style:c?{visibility:"hidden"}:void 0,css:f({},k,a)},s),x?i.jsx(D,null):i.jsx(K,{errorKey:"content"},r))};we.displayName="Content";var ke=["id","children"],Ne=function(e){var t=e.id,n=e.children,o=h(e,ke);return i.jsx("main",f({id:C(["content",t]),role:"main"},o),n)};Ne.displayName="Main";var Ee=["isHeader"],Ce=["id","background","toggleButton","collapseButton","menu","pathname","header","footer","className","_css","css","children"],Me=function(e){var t=e.isHeader,n=h(e,Ee);return i.jsx(t?"header":"div",f({},n))},je=function(e){var t=e.id,n=e.background,r=e.toggleButton,a=e.collapseButton,s=e.menu,l=e.pathname,c=e.header,u=e.footer,d=e.className,m=e._css,p=e.css,b=e.children,x=h(e,Ce),w=k(),N=w[0],E=w[1],M=function(){var e=o.useContext(g).sideNavCollapse,t=o.useContext(y);if(void 0===typeof e)throw new Error("useSideNav must be used within an Maker UI layout");return[e,function(){t({type:"SIDENAV-COLLAPSE"})}]}(),j=M[0],_=M[1],S=v().sideNav,B=W("content")[0],O=r||S.toggleButton,A=a||S.collapseButton,T=n||m,I=function(e){return{id:e+"-sidenav",title:e+" side navigation","aria-label":e+" side navigation",onClick:"collapse"===e?_:E}};function P(){return"function"==typeof A?A(j,I("collapse")):S.collapse?i.jsx("button",f({},I("collapse")),"default"===A?i.jsx("svg",{className:C(["default-collapse",j?"rotate":""]),viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i.jsx("path",{d:"M9 19a1 1 0 01-.71-1.71l5.3-5.29-5.3-5.29a1 1 0 011.42-1.42l6 6a1 1 0 010 1.41l-6 6A1 1 0 019 19z"})):A):null}return i.jsx(K,{errorKey:"sideNav"},S.closeOnBlur?i.jsx(he,{className:"sidenav-overlay",show:N,toggle:E}):null,"content sidenav"===B?P():null,i.jsx(Me,f({isHeader:S.isHeader,id:C(["sidenav",t]),className:C([N?"":"hide-sidenav",j?"collapse-sidenav":"",d]),css:T?f({background:n},m):void 0},x),i.jsx("div",{className:"container",css:p},c||null,b||null,s?i.jsx(ie,{menu:s,menuType:"sideNav",pathname:l}):null,u||null)),"function"==typeof O?O(N,I("toggle")):S.showToggleOnMobile?i.jsx("button",f({},I("toggle")),"default"===O?N?"close":"open":O):null,"sidenav content"===B?P():null)};je.displayName="SideNav";var _e=["className","children"],Se=function(e){var t=e.className,n=e.children,o=h(e,_e);return i.jsx("div",f({className:C(["sidebar",t]),role:"complementary"},o),i.jsx(K,{errorKey:"sidebar"},n))};Se.displayName="Sidebar";var Be=["id","className","maxWidth","background","_css","css","children"],Oe=function(e){var t=e.id,n=e.className,o=e.maxWidth,r=e.background,a=e._css,s=e.css,l=e.children,c=h(e,Be),u=o||a,d=r||s;return i.jsx("footer",f({id:C(["footer",t]),className:n,role:"contentinfo",css:u?f({background:r},a):void 0},c),i.jsx("div",{className:"footer-container container flex",css:d?f({maxWidth:o},s):void 0},i.jsx(K,{errorKey:"footer"},l)))};Oe.displayName="Footer";var Ae=["maxWidth","background","color","container","id","className","_css","css","children"],Te=o.forwardRef((function(e,t){var n=e.maxWidth,o=void 0===n?"var(--maxWidth_section)":n,r=e.background,a=e.color,s=e.container,l=void 0===s||s,c=e.id,u=e.className,d=e._css,m=e.css,v=e.children,p=h(e,Ae),b=l?d:f({},d,m);return i.jsx("section",{ref:t,id:c,className:u,css:f({background:r,color:a},b)},l?i.jsx("div",f({className:"container",css:f({maxWidth:o},m)},p),v):v)}));Te.displayName="Section",exports.useMeasure=t,exports.merge=n,exports.CollapsibleMenu=ie,exports.ColorButton=te,exports.Content=we,exports.ErrorBoundary=V,exports.Footer=Oe,exports.Header=Z,exports.Layout=F,exports.Main=Ne,exports.MobileMenu=ye,exports.Navbar=pe,exports.Section=Te,exports.SideNav=je,exports.Sidebar=Se,exports.Topbar=q,exports.generateId=function(e){void 0===e&&(e=5);for(var t="",n="abcdefghijklmnopqrstuv1234567890",o=n.length,r=0;r<e;r++)t+=n.charAt(Math.floor(Math.random()*o));return t},exports.mergeSelectors=C,exports.useColorTheme=P,exports.useMenu=w,exports.useOptions=v,exports.useScrollPosition=J,exports.useSideNav=k;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react-use-measure")),n=e(require("deepmerge")),o=require("react"),a=e(o),r=require("@emotion/react"),i=require("@maker-ui/css"),s=require("@maker-ui/primitives"),l={fonts:{body:"sans-serif",heading:"sans-serif",monospace:"monospace"},breakpoints:["768px","960px","1440px"],colors:{light:{link:"red",link_hover:"green",text:"#333",background:"#ffffff",primary:"#1858dc",secondary:"#355cac",accent:"#1858dc",muted:"#f6f6f6",border:"#e6e6e6",bg_topbar:"#355cac",bg_header:"#ffffff",bg_mobileMenu:"black",bg_sideNav:"#eee",bg_footer:"#d3d3d3",bg_megamenu:"#fbfbfb"}},persistentColorMode:!0,useColorDefaults:!0,useMeasurementDefaults:!0,variables:{},topbar:{maxWidth:1260,hideOnMobile:!1,breakpoint:0,errorBoundary:!1},header:{navType:"basic",mobileNavType:"basic",maxWidth:1460,sticky:!1,stickyOnMobile:!1,stickyUpScroll:!1,showColorButton:!0,showColorButtonOnMobile:!0,showWidgetsOnMobile:!1,menuOverflow:"wrap",dropdown:{caret:"default",transition:"fade"},breakpoint:0,errorBoundary:!1},mobileMenu:{width:"70vw",transition:"slide-left",visibleOnDesktop:!1,showCloseButton:!0,closeOnBlur:!0,closeOnRouteChange:!1,errorBoundary:!1},sideNav:{width:[250,300],isHeader:!1,isPrimaryMobileNav:!1,showToggleOnMobile:!0,toggleButton:"default",closeOnBlur:!0,closeOnRouteChange:!0,cssTransition:"transform ease 0.3s, margin ease 0.3s",breakpoint:0,collapse:!1,collapseButton:"default",errorBoundary:!1},content:{maxWidth:1020,maxWidthSection:1020,breakpoint:0,errorBoundary:!1},sidebar:{width:300,width_2:200,sidebarGap:30,errorBoundary:!1},footer:{maxWidth:1020,errorBoundary:!1},a11y:{skiplinks:!0},errors:{showStackTrace:!1}},c=o.createContext({}),u=o.createContext((function(){}));function d(e,t){return n(e,t,{arrayMerge:function(e,t,n){return t}})}var m=function(e){var t=e.options,n=e.children,a=o.useState(d(function(e){var t=l;return e||(t.colors={}),t}(!1!==(null==t?void 0:t.useColorDefaults)),t)),r=a[0],i=a[1];return o.useEffect((function(){i((function(e){return d(e,t)}))}),[t]),o.createElement(c.Provider,{value:r},o.createElement(u.Provider,{value:i},n))};function v(){var e=o.useContext(c);if(void 0===e)throw new Error("useOptions must be used within a Maker UI Layout component");return e}function f(){return(f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e}).apply(this,arguments)}function p(e,t){return(p=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e,t){if(null==e)return{};var n,o,a={},r=Object.keys(e);for(o=0;o<r.length;o++)t.indexOf(n=r[o])>=0||(a[n]=e[n]);return a}function b(e,t){switch(t.type){case"MENU":return f({},e,{menuActive:!e.menuActive});case"SIDENAV":return f({},e,{sideNavActive:!e.sideNavActive});case"SIDENAV-COLLAPSE":return f({},e,{sideNavCollapse:!e.sideNavCollapse});default:throw new Error("Unhandled action type.")}}var g=o.createContext({}),y=o.createContext((function(){})),x=function(e){var t=e.children,n=o.useReducer(b,{menuActive:!1,sideNavActive:!1,sideNavCollapse:!1});return o.createElement(g.Provider,{value:n[0]},o.createElement(y.Provider,{value:n[1]},t))};function w(){var e=o.useContext(g).menuActive,t=o.useContext(y);if(void 0===typeof e)throw new Error("useMenu must be used within an Maker UI layout");return[e,function(){t({type:"MENU"})}]}function k(){var e=o.useContext(g).sideNavActive,t=o.useContext(y);if(void 0===typeof e)throw new Error("useSideNav must be used within an Maker UI layout");return[e,function(){t({type:"SIDENAV"})}]}var N=function(e,t){return"string"==typeof e?[e]:e<t.length?[t[e]]:[e]},E=function(e){return isNaN(e)?e:e+"px"};function C(e){var t=e?e.join(" ").replace(/ +(?= )/g,"").trim():void 0;return""===t?void 0:t}var M=function(e){var t=Object.keys(e),n=e&&"object"==typeof e[t[0]],o=n?{}:{":root":{}};return t.forEach((function(t){if(n){for(var a,r="body[data-theme='"+t+"']",i=((a={})[r]={},a),s=0,l=Object.entries(e[t]);s<l.length;s++){var c=l[s];i[r]["--color-"+c[0]]=c[1]}o=f({},o,i)}else o[":root"]["--color-"+t]=e[t]})),o},j=function(e){for(var t=n(l,e,{arrayMerge:function(e,t,n){return t}}),o=t.breakpoints,a=t.fonts,r=t.topbar,i=t.header,s=t.mobileMenu,c=t.variables,u=t.content,d=t.sidebar,m=t.sideNav,v=t.footer,f=o.map((function(e){return"@media(min-width: "+E(e)+")"})),p={},h={},b=0,g=Object.entries(c);b<g.length;b++){var y=g[b];h["--"+y[0]]=y[1]}function x(e){for(var t=function(){var e=a[o],t=e[0],r=e[1];if(r)if(Array.isArray(r)){var i={};i[t]=E(r[0]),r.forEach((function(e,n){var o;0!==n&&(i[f[n]]=((o={})[t]=E(e),o))})),p=n(p,i)}else p[t]=E(r)},o=0,a=Object.entries(e);o<a.length;o++)t()}x({"--maxWidth_header":null==i?void 0:i.maxWidth,"--maxWidth_topbar":null==r?void 0:r.maxWidth,"--maxWidth_content":null==u?void 0:u.maxWidth,"--maxWidth_section":null==u?void 0:u.maxWidthSection,"--maxWidth_footer":null==v?void 0:v.maxWidth,"--width_mobileMenu":null==s?void 0:s.width,"--width_sidebar":null==d?void 0:d.width,"--width_second_sidebar":null==d?void 0:d.width_2,"--width_sideNav":null==m?void 0:m.width,"--gap_content":null==d?void 0:d.sidebarGap}),x(h);for(var w=0,k=Object.entries(a);w<k.length;w++){var N=k[w];p["--font-"+N[0]]=N[1]}return p["--breakpoints"]=o.join(","),{":root":p}},_={"*":{boxSizing:"border-box"},body:{margin:0,fontFamily:"var(--font-body)",color:"var(--color-text)",backgroundColor:"var(--color-background)"},"h1, h2, h3, h4, h5, h6":{fontFamily:"var(--font-heading)"},"code, pre":{fontFamily:"var(--font-monospace)"},"b, strong, .bold":{fontWeight:"bold"},a:{color:"var(--color-link)","&:hover":{color:"var(--color-link_hover)"}}},S={".skiplinks":{listStyle:"none",position:"relative",zIndex:1e3,padding:0,margin:0,a:{background:"var(--color-bg_header)",display:"block",position:"absolute",fontFamily:"var(--font-body)",left:-9999,padding:"1em","&:focus":{left:0}}},header:{zIndex:100},"#site-logo":{display:"inline-flex"},".nav-grid":{margin:"0 auto",maxWidth:"var(--maxWidth_header)"},".nav-area":{display:"flex",alignItems:"center"},".button-slot":{gridArea:"button"},".menu-slot":{gridArea:"menu"},".menu-slot.split":{gridArea:"menu-split",justifyContent:"flex-end"},".logo-slot":{gridArea:"logo"},".widget-slot":{gridArea:"widgets"},".menu-scroll .menu-slot":{overflowX:"scroll",whiteSpace:"nowrap"},".desktop-visible":{display:"block"},".layout-basic .menu-slot":{justifyContent:"flex-end"},".layout-basic-left .menu-slot":{justifyContent:"flex-start"},".layout-basic-center .menu-slot":{justifyContent:"center"},".layout-center .menu-slot, .layout-center .logo-slot":{justifyContent:"center"},".layout-split .widget-slot, .layout-center .widget-slot":{top:0,right:0,height:"100%"},".layout-minimal-center .button-slot":{justifyContent:"flex-start"},"#mobile-menu":{position:"fixed",top:0,bottom:0,zIndex:100,background:"var(--color-bg_mobileMenu)",willChange:"transform, opacity",visibility:"hidden",transition:"all ease 0.3s",".menu-button":{position:"absolute"},"&.center":{display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},"&.full-width":{width:"100%",left:0},"&:not(.full-width)":{width:"var(--width_mobileMenu)"},"&.fade, &.fade-up, &.fade-down":{opacity:0,"&.active":{opacity:1,visibility:"visible",transform:"translateY(0)"}},"&.fade-up":{transform:"translateY(20px)"},"&.fade-down":{transform:"translateY(-20px)"},"&.slide-right.active, &.slide-left.active":{visibility:"visible",transform:"translateX(0)"},"&.slide-right":{right:0,transform:"translateX(100%)"},"&.slide-left":{left:0,transform:"translateX(-100%)"}},".menu-button":{display:"block",margin:0,border:"none",background:"none",svg:{display:"block",margin:"0 auto"}},".menu-button-icon":{height:27,"&.close-button-icon":{height:35}},".close-top-left .menu-button":{top:0,left:0},".close-top-right .menu-button":{top:0,right:0},".close-bottom-left .menu-button":{bottom:0,left:0},".close-bottom-right .menu-button":{bottom:0,right:0},".menu-overlay":{background:"rgba(0, 0, 0, 0.15)",zIndex:100,willChange:"opacity",transition:"all ease .4s",visibility:"hidden",opacity:0,"&.active":{visibility:"visible",opacity:1}},".nav-primary":{".submenu":{display:"inline-block",background:"var(--color-bg_header)",width:"max-content",margin:0,padding:0,zIndex:1,opacity:0,visibility:"hidden",listStyle:"none",a:{width:"100%"},li:{display:"block"}},".submenu.depth-0":{position:"absolute",top:"99%",left:0},".submenu:not(.depth-0)":{position:"fixed",height:"100%",left:"100%",top:0}},".submenu-toggle":{border:"none",background:"transparent",svg:{height:12,width:12,transition:"transform ease .2s",transformOrigin:"50% 55%","&.rotate":{transform:"rotate(180deg)"}}},".dropdown-fade, .dropdown-fade-down, .dropdown-fade-up":{".submenu":{transition:"all ease .3s"},"li:focus-within > .submenu, li:hover > .submenu":{opacity:1,visibility:"visible"}},".dropdown-fade-down .submenu":{transform:"translateY(-10px)"},".dropdown-fade-up .submenu":{transform:"translateY(10px)"},".dropdown-fade-up, .dropdown-fade-down":{"li:focus-within > .submenu, li:hover > .submenu":{transform:"translateY(0)"}},".dropdown-scale":{".submenu":{opacity:1,visibility:"visible",transform:"scale(1, 0)",transformOrigin:"0 0",transition:"transform ease-in-out .25s",li:{opacity:0,transition:"opacity .03s ease-in-out"}},"li:focus-within > .submenu, li:hover > .submenu":{transform:"scale(1, 1)",li:{opacity:1,transition:"opacity ease-in-out .2s .2s"}}},".header-nav > .menu-item":{display:"inline-flex","&.has-submenu":{position:"relative"}},".megamenu":{position:"absolute",left:0,top:"100%",width:"100%",opacity:0,background:"var(--color-bg_megamenu)",visibility:"hidden",transition:"all ease 0.4s",".container":{margin:"0 auto"}},".has-megamenu:hover .megamenu, .has-megamenu:focus-within .megamenu":{opacity:1,visibility:"visible"},".menu-item.caret > a:after":{content:'""',display:"inline-block",width:0,height:0,marginLeft:".4em",verticalAlign:".25em",borderTop:".25em solid",borderRight:".25em solid transparent",borderLeft:".25em solid transparent"},"#site-inner":{position:"relative"},"#sidenav":{top:0,bottom:0,width:"var(--width_sideNav)",background:"var(--color-bg_sideNav)",willChange:"transform",transform:"translateX(0)","> .container":{position:"sticky",overflowY:"auto"}},"#toggle-sidenav":{position:"fixed",bottom:30,zIndex:100},"#collapse-sidenav":{position:"sticky",zIndex:100,top:80,height:50},".default-collapse":{height:24},".layout-content":{display:"block",maxWidth:"var(--maxWidth_content)",margin:"0 auto"},".layout-sidebar-content, .layout-content-sidebar, .layout-sidebar-content-sidebar":{display:"grid",gap:"var(--gap_content)",maxWidth:"var(--maxWidth_content)",margin:"0 auto",minHeight:"80vh"},".layout-sidenav-content, .layout-content-sidenav":{display:"inline-flex",width:"100%",main:{maxWidth:"var(--maxWidth_content)"}},".layout-sidenav-content":{"#sidenav":{left:0},"#toggle-sidenav":{right:30},".default-collapse:not(.rotate)":{transform:"rotate(180deg)"}},".layout-content-sidenav":{"#sidenav":{right:0},"#toggle-sidenav":{left:30},".default-collapse.rotate":{transform:"rotate(180deg)"}},main:{position:"relative",flex:1,margin:"0 auto"},section:{width:"100%"},footer:{background:"var(--color-bg_footer)"},".footer-container":{maxWidth:"var(--maxWidth_footer)"}},B={".grid":{display:"grid"},".inline-flex":{display:"inline-flex"},".flex":{display:"flex"},".flex-1":{flex:1},".align-center":{alignItems:"center"},".align-flex-end":{alignItems:"flex-end"},".align-stretch":{alignItems:"stretch"},".justify-center":{justifyContent:"center"},".justify-flex-start":{justifyContent:"flex-start"},".justify-flex-end":{justifyContent:"flex-end"},".justify-between":{justifyContent:"space-between"},".width-80":{width:"80%"},".width-90":{width:"90%"},".width-100":{width:"100%"},".height-100":{height:"100%"},".sticky":{position:"sticky"},".fixed":{position:"fixed"},".absolute":{position:"absolute"},".cover":{top:0,left:0,bottom:0,right:0},".container":{margin:"0 auto"}},O=["content sidebar","content sidenav","content","sidebar content","sidebar content sidebar","sidenav content","page-transition"],T=o.createContext({state:{},setState:function(){}}),A=function(e){var t=e.styles,a=void 0===t?{}:t,r=e.children,s=v(),l=o.useState({layout_nav:s.header.navType,layout_navMobile:s.header.mobileNavType,layout_content:"content",height_header:0,height_topbar:0,height_toolbar:0,colorTheme:void 0}),c=l[0],u=l[1];o.useEffect((function(){u((function(e){return f({},e,{layout_nav:s.header.navType,layout_navMobile:s.header.mobileNavType})}))}),[s]),o.useEffect((function(){var e=Object.keys(null==s?void 0:s.colors);if("object"==typeof(null==s?void 0:s.colors[e[0]])){var t="object"==typeof s.persistentColorMode&&null!==s.persistentColorMode;if(t||s.persistentColorMode){var n=t?s.persistentColorMode.key:"color-theme",o=function(){var t;if(e.includes("dark")&&null!=(t=window)&&t.matchMedia("(prefers-color-scheme: dark)").matches)document.body.dataset.theme="dark",u((function(e){return f({},e,{colorTheme:"dark"})}));else{var o=e[0];localStorage.setItem(n,JSON.stringify({theme:o})),document.body.dataset.theme=o,u((function(e){return f({},e,{colorTheme:o})}))}};if(localStorage.getItem(n)){var a=JSON.parse(localStorage.getItem(n)).theme;(s.colors?Object.keys(s.colors):[]).includes(a)?(document.body.dataset.theme=a,u((function(e){return f({},e,{colorTheme:a})}))):o()}else o()}}else u((function(e){return f({},e,{colorTheme:void 0})}))}),[s.persistentColorMode,s.colors]);var d=n.all([M(s.colors),j(s),_,S,B]);return o.createElement(T.Provider,{value:{state:c,setState:u}},o.createElement(i.Global,{styles:d}),a?o.createElement(i.Global,{styles:a}):null,r)};function W(e){var t=o.useContext(T),n=t.state,a=t.setState;if(void 0===n)throw new Error("useLayout must be used within a Maker UI Layout component");function r(t){a((function(n){var o;return f({},n,((o={})["layout_"+e]=t,o))}))}return"nav"===e?[n.layout_nav,r]:"mobileNav"===e?[n.layout_navMobile,r]:[n.layout_content,r]}function I(){var e=o.useContext(T),t=e.state,n=e.setState;if(void 0===t)throw new Error("useMeasurement must be used within an Maker UI Layout component");return{measurements:t,setMeasurement:function(e,t){n((function(n){var o;return f({},n,((o={})["height_"+e]=t,o))}))}}}function P(){var e=v(),t=o.useContext(T),n=t.state.colorTheme,a=t.setState;return{colorTheme:n,setColorTheme:function(t){e.persistentColorMode&&localStorage.setItem("color-theme",JSON.stringify({theme:t})),document.body.dataset.theme=t,a((function(e){return f({},e,{colorTheme:t})}))},themes:n?Object.keys(e.colors):void 0}}var L=function(e){var t=v().a11y,n=W("content"),a=[];return a=e.links?e.links:[{id:"#content",label:"Skip to content"}],n[0].includes("sidenav")&&a.splice(1,0,{id:"#sidenav",label:"Skip to side navigation"}),t.skiplinks?o.createElement("ul",{className:"skiplinks"},a.map((function(e){var t=e.id;return o.createElement("li",{key:t},o.createElement("a",{href:t},e.label))}))):null};L.displayName="Skiplinks";var F=function(e){var t=e.options,a=e.styles,i=e.theme,s=void 0===i?{}:i,l=e.skiplinks,c=e.children;return o.createElement(r.ThemeProvider,{theme:t.breakpoints?n(s,{breakpoints:t.breakpoints}):s},o.createElement(m,{options:t},o.createElement(A,{styles:a},o.createElement(x,null,o.createElement(L,{links:l}),c))))};F.displayName="MakerUI_Layout";var z=function(){return o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},o.createElement("path",{d:"M256 0C114.497 0 0 114.507 0 256c0 141.503 114.507 256 256 256 141.503 0 256-114.507 256-256C512 114.497 397.493 0 256 0zm0 472c-119.393 0-216-96.615-216-216 0-119.393 96.615-216 216-216 119.393 0 216 96.615 216 216 0 119.393-96.615 216-216 216z"}),o.createElement("path",{d:"M256 128.877c-11.046 0-20 8.954-20 20V277.67c0 11.046 8.954 20 20 20s20-8.954 20-20V148.877c0-11.046-8.954-20-20-20z"}),o.createElement("circle",{cx:"256",cy:"349.16",r:"27"}))},H=function(e){var t=e.showStackTrace,n=e.errorInfo;return o.createElement(s.Div,{className:"error-boundary",css:{button:{marginLeft:5,cursor:"pointer",color:"var(--color-primary)"},svg:{height:30},details:{paddingLeft:"20px",whiteSpace:"pre"},summary:{cursor:"pointer"}}},o.createElement(z,null),o.createElement("div",null,"There was an issue loading this section of the app.",o.createElement("button",{onClick:function(){var e;return null==(e=window)?void 0:e.location.reload()}},"Try reloading the page.")),t?o.createElement("div",null,o.createElement("details",{className:"error-details"},o.createElement("summary",null,"Click for error details"),n?n.componentStack.toString():null)):null)},R=["Main","SideNav","Sidebar","PageTransition"],D=function(){return o.createElement(s.Div,{css:{margin:"150px auto",maxWidth:600,fontSize:20,lineHeight:1.5,"li, span":{padding:"0 8px",fontFamily:"monospace",backgroundColor:"var(--color-muted)",fontSize:18,borderRadius:3,border:"1px solid gainsboro"},".error-title":{padding:20,marginBottom:30,background:"var(--color-muted)",strong:{marginRight:20}},ul:{columns:2,margin:"50px 0 35px",li:{marginBottom:10,width:"min-content"}},svg:{height:35,marginRight:10}}},o.createElement("div",{className:"error-title inline-flex align-center justify-center width-100"},o.createElement(z,null),o.createElement("strong",null,"Error")," Invalid layout configuration."),o.createElement("div",null,o.createElement("p",null,"The ",o.createElement("span",null,"Content")," component only accepts the following direct children:"),o.createElement("ul",null,R.map((function(e,t){return o.createElement("li",{key:t},e)}))),o.createElement("p",null,"If your custom child component has fixed positioning or is a Provider, you can still use it here by assigning the component a"," ",o.createElement("strong",null,"displayName")," of 'Fixed', 'Provider', or 'Context'."),o.createElement("p",null,o.createElement("a",{href:"https://maker-ui.com/docs/content",target:"_blank",rel:"noreferrer"},"See the docs")," ","for a complete list of layout configurations.")))},U=["children"],K=function(e){var t=e.children,n=h(e,U),a=v(),r=Object.keys(a).includes(n.errorKey);return o.createElement(r&&a[n.errorKey].errorBoundary?V:o.Fragment,null,t)},V=function(e){var t,n;function a(){for(var t,n=arguments.length,o=new Array(n),a=0;a<n;a++)o[a]=arguments[a];return(t=e.call.apply(e,[this].concat(o))||this).state={error:"",errorInfo:"",hasError:!1},t}n=e,(t=a).prototype=Object.create(n.prototype),t.prototype.constructor=t,p(t,n),a.getDerivedStateFromError=function(e){return{error:e,hasError:!0}};var r=a.prototype;return r.componentDidCatch=function(e,t){var n=this.props.logFunction||this.context.errors.logFunction||!1;n&&n(e,t,this.props.errorKey),this.setState({errorInfo:t})},r.render=function(){return this.state.hasError?this.props.errorMessage||this.context.errors.errorMessage[""+this.props.errorKey]?this.context.errors.errorMessage[""+this.props.errorKey]:o.createElement(H,{showStackTrace:this.context.errors.errorMessage.showStackTrace,errorInfo:this.state.errorInfo}):this.props.children},a}(o.Component);V.contextType=c;var Y=["id","background","maxWidth","sticky","stickyOnMobile","scrollOverflow","className","_css","css","children"],q=function(e){var n=v(),a=n.topbar,r=n.breakpoints,s=t(),l=s[0],c=s[1].height,u=I().setMeasurement;o.useEffect((function(){0!==c&&u("topbar",c)}),[c]);var d=e.id,m=e.background,p=void 0===m?"var(--color-bg_topbar)":m,b=e.maxWidth,g=void 0===b?"var(--maxWidth_topbar)":b,y=e.sticky,x=void 0===y?a.sticky:y,w=e.stickyOnMobile,k=void 0===w?a.stickyOnMobile:w,E=e.scrollOverflow,M=void 0!==E&&E,j=e.className,_=e._css,S=e.css,B=e.children,O=h(e,Y),T=x?k?"sticky":["relative","sticky"]:!x&&k?["sticky","relative"]:void 0;return i.jsx("aside",{ref:l,id:C(["topbar",d]),className:j,breakpoints:N(a.breakpoint,r),css:f({background:p,top:0,zIndex:101,position:T,display:a.hideOnMobile?["none","block"]:["block"]},_)},i.jsx("div",f({className:"container",css:f({overflowX:M?"scroll":void 0,whiteSpace:M?"nowrap":void 0,maxWidth:g},S)},O),i.jsx(K,{errorKey:"topbar"},B)))};q.displayName="Topbar";var X="undefined"!=typeof window;function G(){if(!X)return 0;var e=document.body.getBoundingClientRect();return Math.abs(e.top)}function J(e,t,n){void 0===n&&(n=!0);var a=o.useRef(G());o.useEffect((function(){if(n&&X){var o,r=function(){var t=G();e({prevPos:a.current,currPos:t}),a.current=t,o=void 0},i=function(){t?void 0===o&&(o=setTimeout(r,t)):r()};return window.addEventListener("scroll",i),function(){return window.removeEventListener("scroll",i)}}}),[e,t,n])}var Q=["absolute","background","sticky","stickyOnMobile","stickyUpScroll","className","css","children"],Z=function(e){var n=o.useState(""),a=n[0],r=n[1],s=o.useState(!0),l=s[0],c=s[1],u=o.useState(!0),d=u[0],m=u[1],p=I(),b=p.measurements,g=p.setMeasurement,y=v(),x=y.header,w=y.topbar,k=y.breakpoints,E=!!x.scrollClass,M=t(),j=M[0],_=M[1].height;o.useEffect((function(){0!==_&&g("header",_)}),[_]),o.useEffect((function(){c(!1)}),[]);var S=e.absolute,B=void 0===S?x.absolute:S,O=e.background,T=void 0===O?"var(--color-bg_header)":O,A=e.sticky,W=void 0===A?x.sticky:A,P=e.stickyOnMobile,L=void 0===P?x.stickyOnMobile:P,F=e.stickyUpScroll,z=void 0===F?x.stickyUpScroll:F,H=e.className,R=e.css,D=e.children,U=h(e,Q),V="object"==typeof z?{exists:!0,start:null==z?void 0:z.start,delay:null==z?void 0:z.delay}:z?{exists:!0}:{exists:!1},Y=(null==V?void 0:V.start)||500;J((function(e){var t=e.currPos,n=t>e.prevPos,o=t>Y;o||d||m(!0),o&&n&&d&&m(!1),!o||n||d||m(!0)}),V.delay||350,V.exists),J((function(e){if(E){var t=x.scrollClass,n=e.currPos>t.scrollTop?t.className:"";n!==a&&r(n)}}),0,E);var q=function(){return w.sticky&&!w.stickyOnMobile?[0,b.height_topbar]:w.sticky&&w.stickyOnMobile?b.height_topbar:!w.sticky&&w.stickyOnMobile?[b.height_topbar,0]:0},X=B?"fixed":"sticky",G=B?"absolute":"relative",Z=[a,z&&!d?"scroll-active":""].join(" ");return i.jsx("header",f({ref:j,className:C([Z,B?"width-100":void 0,H]),role:"banner",breakpoints:N(x.breakpoint,k),style:{visibility:l?"hidden":void 0},css:f({background:T,".mobile-overlay":{display:["block","none"]}},z?{position:X,top:q(),transition:"transform .3s ease-in","&.scroll-active":{transform:"translateY(-100%)"}}:W?{top:q(),position:L?[X]:[G,X]}:!W&&L?{top:q(),position:[X,G]}:{position:G},R)},U),i.jsx(K,{errorKey:"header"},D))};Z.displayName="Header";var $=function(e){var t=e.children,n=v().linkFunction,a={id:"site-logo","aria-label":"Home page"};return n?n("/",t,a):o.createElement("a",f({href:"/"},a,{css:{display:"inline-flex"}}),t)};$.displayName="Logo";var ee=["isHeaderButton","customButton","breakpoints","className","css"],te=function(e){var t=e.isHeaderButton,n=e.customButton,a=e.breakpoints,r=e.className,i=e.css,l=h(e,ee),c=v(),u=c.header,d=c.breakpoints,m=P(),p=m.colorTheme,b=m.setColorTheme,g=m.themes;if(!g)return null;var y=f({title:"Color Theme",className:C(["color-button",r]),"aria-label":"Toggle Color Mode",onClick:function(){var e=g.indexOf(p);b(g[(e+1)%g.length])},breakpoints:t?N(u.breakpoint,d):a},l),x=n||u.colorButton;return 1===(null==g?void 0:g.length)?null:t&&u.showColorButton||!t?"function"==typeof x?x(p,y):o.createElement(s.Button,f({},y,{css:f({display:t&&u.showColorButtonOnMobile?["block"]:["none","block"]},i)}),x||p):null};te.displayName="ColorButton";var ne=function(e){var t=e.show,n=e.set;return o.createElement("button",{title:"Expand Section",className:C(["submenu-toggle",t?"expanded":void 0]),"aria-expanded":t?"true":"false","aria-label":"Expand Section",onClick:function(){return n(!t)}},o.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",className:t?"rotate":void 0},o.createElement("path",{stroke:"currentcolor",strokeWidth:"2",fill:"none",d:"M14 6 L8 12 L2 6"})))};ne.displayName="ExpandButton";var oe=o.memo((function(e){var t=e.data,n=t.label,r=t.path,i=t.newTab,s=t.submenu,l=t.openNested,c=t.className,u=void 0===c?"":c,d=t.icon,m=t.divider,v=t.isExpandButton,p=t.megamenu,h=t.liAttributes,b=e.caret,g=void 0!==b&&b,y=e.menuControls,x=e.pathname,w=e.isHeader,k=void 0!==w&&w,N=e.linkFunction,E=e.depth,M=void 0===E?0:E,j=o.useState(void 0!==l&&l),_=j[0],S=j[1],B=f({className:x===r?"current":void 0,target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,"aria-label":d?n:void 0,"aria-haspopup":k&&s||k&&p?"true":void 0,"aria-current":x===r?"page":void 0},y);return a.createElement("li",f({className:C(["menu-item",p?"has-megamenu":void 0,s?"has-submenu":void 0,s&&k&&"default"===g?"caret":void 0,_?"expanded":void 0,u])},h),a.createElement(ae,{condition:!(k||!s),wrapper:function(e){return a.createElement("div",{className:"flex"},e)}},a.createElement(a.Fragment,null,N&&r?N(r,n,B,d):!k&&m?n:!k&&v&&s?a.createElement("button",{onClick:function(){return S(!_)}},n):a.createElement("a",f({href:r},B),d?a.createElement("span",{className:"menu-icon"},d):void 0,a.createElement("span",{className:"menu-text"},n),s&&g&&o.isValidElement(g)?g:null),!k&&s?a.createElement(ne,{set:S,show:_}):null)),p&&k?a.createElement("div",{className:C(["megamenu"]),role:"menu"},a.createElement("div",{className:"container"},p)):s?a.createElement(a.Fragment,null,k||!k&&_?a.createElement("ul",{className:C(["submenu","depth-"+M]),role:"menu","aria-label":"submenu"},s.map((function(e,t){return a.createElement(oe,{key:t,data:e,caret:g,menuControls:y,linkFunction:N,pathname:x,isHeader:k,depth:M+1})}))):null):null)}));oe.displayName="MenuItem";var ae=function(e){var t=e.children;return e.condition?(0,e.wrapper)(t):t},re=["menu","menuType","pathname","className","css"],ie=o.forwardRef((function(e,t){var n=e.menu,o=void 0===n?[]:n,a=e.menuType,r=e.pathname,s=e.className,l=h(e,re),c=v(),u=c.mobileMenu,d=c.sideNav,m=c.linkFunction,p=w()[1],b=k()[1],g=function(){if("mobile"===a&&u.closeOnRouteChange)return{onClick:function(){return p()}};if("undefined"!=typeof window&&"sideNav"===a&&d.closeOnRouteChange){var e=document.getElementById("sidenav");if(!window||!e)return;return{onClick:"fixed"===window.getComputedStyle(e,"").position?function(){return b()}:void 0}}};return i.jsx("ul",f({ref:t,className:C(["collapse-menu",s]),role:"navigation"},l),o.map((function(e,t){return i.jsx(oe,{key:t,data:e,menuControls:g(),pathname:r,linkFunction:m})})))}));ie.displayName="CollapsibleMenu";var se=["customButton","visibleOnDesktop","isCloseButton"],le=function(e){var t=e.customButton,n=e.visibleOnDesktop,a=e.isCloseButton,r=h(e,se),i=w(),s=i[0],l=i[1],c=k(),u=c[0],d=c[1],m=v(),p=m.header,b=m.sideNav,g=t||(null==p?void 0:p.menuButton),y=null!=b&&b.isPrimaryMobileNav?{"aria-expanded":!!u,onClick:d}:{"aria-expanded":!!s,onClick:l},x=f({title:"Menu",className:C(["menu-button",n?"desktop-visible":void 0]),"aria-label":"Toggle Menu"},y,r);return"function"==typeof g?g(b.isPrimaryMobileNav?u:s,x):o.createElement("button",f({},x),g||o.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:C(["menu-button-icon",a?"close-button-icon":void 0])},o.createElement("path",a?{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}:{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"})))};le.displayName="MenuButton";var ce=function(e){var t=e.menuItems,n=void 0===t?[]:t,a=e.pathname,r=v(),i=r.header,s=r.linkFunction;return o.createElement("nav",{className:"nav-primary",role:"navigation"},o.createElement("ul",{className:C(["menu-primary","header-nav","dropdown-"+i.dropdown.transition])},n.map((function(e,t){var n;return o.createElement(oe,{key:t,data:e,caret:null==(n=i.dropdown)?void 0:n.caret,pathname:a,linkFunction:s,isHeader:!0})}))))};ce.displayName="NavMenu";var ue={basic:{areas:'"logo menu widgets"',columns:"auto 1fr auto",widgetArea:"flex-start"},"basic-left":{areas:'"logo menu widgets"',columns:"auto 1fr auto",widgetArea:"flex-start"},"basic-center":{areas:'"logo menu widgets"',columns:"auto 1fr auto",widgetArea:"flex-start"},center:{areas:'"logo logo" "menu widgets"',columns:"1fr",widgetArea:"flex-start"},split:{areas:'"menu-split logo menu widgets"',columns:"1fr auto 1fr",widgetArea:"flex-start"},reverse:{areas:'"menu logo widgets"',columns:"1fr auto 1fr",widgetArea:"flex-end"},minimal:{areas:'"logo widgets"',columns:"auto 1fr",widgetArea:"flex-end"},"minimal-left":{areas:'"button logo widgets"',columns:"auto auto 1fr",widgetArea:"flex-end"},"minimal-center":{areas:'"button logo widgets"',columns:"1fr auto 1fr",widgetArea:"flex-end"}},de={basic:{areas:'"logo widgets"',columns:"auto 1fr",widgetArea:"flex-end"},"basic-menu-left":{areas:'"button logo widgets"',columns:"auto auto 1fr",widgetArea:"flex-end"},"logo-center":{areas:'"button logo widgets"',columns:"1fr auto 1fr",widgetArea:"flex-end"},"logo-center-alt":{areas:'"widgets logo button"',columns:"1fr auto 1fr",widgetArea:"flex-start"}};function me(e,t){return{gridTemplateAreas:[de[t].areas,ue[e].areas],gridTemplateColumns:[de[t].columns,ue[e].columns],".widget-slot":{justifyContent:[de[t].widgetArea,ue[e].widgetArea]}}}var ve=["minimal-left","minimal-center"],fe=["basic-menu-left","logo-center","logo-center-alt"],pe=function(e){var t=e.type,n=e.mobileType,a=e.logo,r=e.menu,l=e.logoSlot,c=e.widgetSlot,u=e.menuSlot,d=e.menuButton,m=e.colorButton,p=e.maxWidth,h=e.className,b=e.id,g=e.css,y=v(),x=y.header,w=y.mobileMenu,k=y.breakpoints,E=W("nav"),M=E[0],j=E[1],_=W("mobileNav"),S=_[0],B=_[1],O=N(x.breakpoint,k),T=r&&Math.ceil(r.length/2);return o.useEffect((function(){void 0!==t&&t!==M&&j(t),void 0!==n&&n!==S&&B(n)}),[t,n,M,S]),i.jsx(s.Grid,{id:b,className:C(["nav-grid layout-"+M,"m-layout-"+S,M.includes("minimal")?"desktop-minimal":void 0,"scroll"===x.menuOverflow?"menu-scroll":void 0,h]),breakpoints:O,css:f({maxWidth:p},me(M,S),{gridTemplateRows:["1fr","center"!==M?"1fr":"1fr 1fr"],".menu-slot":{display:["none","flex"]},".widget-slot .menu-button":{display:[fe.includes(S)?"none":"block","minimal"===M||w.visibleOnDesktop?"block":"none"]},"&.desktop-minimal .menu-slot":{display:"none"},"&:not(.desktop-minimal) .button-slot":{display:["flex","none"]},".nav-widgets":{display:x.showWidgetsOnMobile?"flex":["none","flex"]},"&.m-layout-logo-center-alt .button-slot":{justifyContent:["flex-end","flex-start"]},"&.layout-minimal.m-layout-logo-center-alt .button-slot, &.layout-minimal.m-layout-basic-menu-left .button-slot":{display:["flex","none"]},"&.layout-minimal-left.m-layout-basic .button-slot":{display:["none","flex"]},"&.layout-split .widget-slot, &.layout-center .widget-slot":{position:["relative","absolute"]}},g)},ve.includes(M)||fe.includes(S)?i.jsx("div",{className:"nav-area button-slot"},i.jsx(le,{customButton:d,visibleOnDesktop:!0})):null,"split"===M?i.jsx("div",{className:"nav-area menu-slot split"},u?null:i.jsx(ce,{menuItems:null==r?void 0:r.slice(0,T)})):null,i.jsx("div",{className:"nav-area logo-slot"},l||i.jsx($,null,a||"Add Logo")),i.jsx("div",{className:"nav-area menu-slot"},u||i.jsx(ce,{menuItems:"split"===M?null==r?void 0:r.slice(T):r})),i.jsx("div",{className:"nav-area widget-slot"},i.jsx("div",{className:"nav-widgets"},c),i.jsx(le,{customButton:d}),i.jsx(te,{isHeaderButton:!0,customButton:m})))};pe.displayName="Navbar";var he=function(e){var t=e.toggle;return o.createElement("div",{className:C(["menu-overlay","fixed","cover",e.className,e.show?" active":void 0]),role:"button",onClick:t})};he.displayName="Overlay";var be=["id","background","center","closeButton","closeButtonPosition","width","transition","menu","pathname","header","footer","className","css","children"],ge=["fade","fade-up","fade-down"],ye=o.forwardRef((function(e,t){var n=w(),a=n[0],r=n[1],s=v().mobileMenu,l=e.id,c=e.background,u=e.center,d=e.closeButton,m=void 0===d?s.closeButton:d,p=e.closeButtonPosition,b=void 0===p?"top-right":p,g=e.width,y=e.transition,x=void 0===y?s.transition:y,k=e.menu,N=void 0===k?[]:k,E=e.pathname,M=e.header,j=e.footer,_=e.className,S=e.css,B=e.children,O=h(e,be),T=c||g||S;return i.jsx(o.Fragment,null,s.closeOnBlur&&!ge.includes(x)?i.jsx(he,{className:"mobile-overlay",show:a,toggle:r}):null,i.jsx("div",f({ref:t,id:C(["mobile-menu",l]),className:C([a?"active":void 0,u?"center":void 0,ge.includes(x)?"full-width":void 0,"close-"+b,x,_]),css:void 0!==T?f({background:c,width:g},S):void 0},O),i.jsx(K,{errorKey:"mobileMenu"},s.showCloseButton||m?i.jsx(le,{customButton:m,isCloseButton:!0}):null,M||null,B||i.jsx(ie,{menu:N,menuType:"mobile",pathname:E}),j||null)))}));ye.displayName="MobileMenu";var xe=["id","className","children","css"],we=function(e){var t=e.id,n=e.className,a=e.children,r=e.css,s=h(e,xe),l=o.useState(!0),c=l[0],u=l[1],d=v(),m=d.content,p=d.sideNav,b=d.breakpoints,g=function(e,t){var n=W("content"),a=n[0],r=n[1],i=o.useState(!1),s=i[0],l=i[1];return o.useEffect((function(){if(t){var e=function(e,t){if("string"==typeof t)return"unknown";var n=o.Children.toArray(t);return n?n.map((function(e){return e.type.displayName?e.type.displayName.toLowerCase():"unknown"})).join(" ").replace("main","content").replace(/fixed|provider|context/g,"").replace(/ {2,}/g," ").trim():"unknown"}(0,t);O.find((function(t){return t===e}))?a!==e&&r(e):l(!0)}}),[a,r,"content",t]),{layout:a,showError:s}}(0,a),y=g.layout,x=g.showError;o.useEffect((function(){u(!1)}),[]);var w=y.replace(/\s+/g,"-"),k=function(e){var t,n=I().measurements,o=v(),a=o.topbar,r=o.header,i=o.sideNav;if(e&&e.includes("sidebar"))return f({},"sidebar content"===e?{".sidebar":{gridRow:[2,"auto"]}}:"sidebar content sidebar"===e?{".sidebar:first-of-type":{gridRow:[2,"auto"]}}:null,{gridTemplateColumns:["1fr",(t="var(--width_sidebar)","sidebar content"===e?t+" 1fr":"sidebar content sidebar"===e?t+" 1fr var(--width_second_sidebar)":"content sidebar"===e?"1fr "+t:null)]});if(e&&e.includes("sidenav")){var s=function(){var e=r.sticky?n.height_header:0;return a.sticky&&(e+=n.height_topbar),e};return{"#sidenav":{position:["fixed","relative"],zIndex:[101,0],transition:i.isHeader||0!==n.height_header?i.cssTransition:null,"&.hide-sidenav":{transform:["translateX("+("sidenav content"===e?"calc(-1 * var(--width_sideNav))":"var(--width_sideNav)")+")","none"]},"&.collapse-sidenav":{marginLeft:"sidenav content"===e?[0,"calc(-1 * var(--width_sideNav))"]:void 0,marginRight:"content sidenav"===e?[0,"calc(-1 * var(--width_sideNav))"]:void 0},"> .container":{top:[0,s()],height:["100vh","calc(100vh - "+s()+"px)"]}},"#toggle-sidenav":{display:["inline-block","none"]},"#collapse-sidenav":{display:["none","inline-block"]},".sidenav-overlay":{display:["block","none"]}}}return{}}(y),E=y.includes("sidenav")?p.breakpoint:m.breakpoint;return i.jsx("div",f({id:C(["site-inner",t]),className:C(["layout-"+w,n]),breakpoints:N(E,b),style:c?{visibility:"hidden"}:void 0,css:f({},k,r)},s),x?i.jsx(D,null):i.jsx(K,{errorKey:"content"},a))};we.displayName="Content";var ke=["id","children"],Ne=function(e){var t=e.id,n=e.children,o=h(e,ke);return i.jsx("main",f({id:C(["content",t]),role:"main"},o),n)};Ne.displayName="Main";var Ee=["isHeader"],Ce=["id","background","toggleButton","collapseButton","menu","pathname","header","footer","className","_css","css","children"],Me=function(e){var t=e.isHeader,n=h(e,Ee);return i.jsx(t?"header":"div",f({},n))},je=function(e){var t=e.id,n=e.background,a=e.toggleButton,r=e.collapseButton,s=e.menu,l=e.pathname,c=e.header,u=e.footer,d=e.className,m=e._css,p=e.css,b=e.children,x=h(e,Ce),w=k(),N=w[0],E=w[1],M=function(){var e=o.useContext(g).sideNavCollapse,t=o.useContext(y);if(void 0===typeof e)throw new Error("useSideNav must be used within an Maker UI layout");return[e,function(){t({type:"SIDENAV-COLLAPSE"})}]}(),j=M[0],_=M[1],S=v().sideNav,B=W("content")[0],O=a||S.toggleButton,T=r||S.collapseButton,A=n||m,I=function(e){return{id:e+"-sidenav",title:e+" side navigation","aria-label":e+" side navigation",onClick:"collapse"===e?_:E}};function P(){return"function"==typeof T?T(j,I("collapse")):S.collapse?i.jsx("button",f({},I("collapse")),"default"===T?i.jsx("svg",{className:C(["default-collapse",j?"rotate":""]),viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i.jsx("path",{d:"M9 19a1 1 0 01-.71-1.71l5.3-5.29-5.3-5.29a1 1 0 011.42-1.42l6 6a1 1 0 010 1.41l-6 6A1 1 0 019 19z"})):T):null}return i.jsx(K,{errorKey:"sideNav"},S.closeOnBlur?i.jsx(he,{className:"sidenav-overlay",show:N,toggle:E}):null,"content sidenav"===B?P():null,i.jsx(Me,f({isHeader:S.isHeader,id:C(["sidenav",t]),className:C([N?"":"hide-sidenav",j?"collapse-sidenav":"",d]),css:A?f({background:n},m):void 0},x),i.jsx("div",{className:"container",css:p},c||null,b||null,s?i.jsx(ie,{menu:s,menuType:"sideNav",pathname:l}):null,u||null)),"function"==typeof O?O(N,I("toggle")):S.showToggleOnMobile?i.jsx("button",f({},I("toggle")),"default"===O?N?"close":"open":O):null,"sidenav content"===B?P():null)};je.displayName="SideNav";var _e=["className","children"],Se=function(e){var t=e.className,n=e.children,o=h(e,_e);return i.jsx("div",f({className:C(["sidebar",t]),role:"complementary"},o),i.jsx(K,{errorKey:"sidebar"},n))};Se.displayName="Sidebar";var Be=["id","className","maxWidth","background","_css","css","children"],Oe=function(e){var t=e.id,n=e.className,o=e.maxWidth,a=e.background,r=e._css,s=e.css,l=e.children,c=h(e,Be),u=o||r,d=a||s;return i.jsx("footer",f({id:C(["footer",t]),className:n,role:"contentinfo",css:u?f({background:a},r):void 0},c),i.jsx("div",{className:"footer-container container flex",css:d?f({maxWidth:o},s):void 0},i.jsx(K,{errorKey:"footer"},l)))};Oe.displayName="Footer";var Te=["maxWidth","background","color","container","id","className","_css","css","children"],Ae=o.forwardRef((function(e,t){var n=e.maxWidth,o=void 0===n?"var(--maxWidth_section)":n,a=e.background,r=e.color,s=e.container,l=void 0===s||s,c=e.id,u=e.className,d=e._css,m=e.css,v=e.children,p=h(e,Te),b=l?d:f({},d,m);return i.jsx("section",{ref:t,id:c,className:u,css:f({background:a,color:r},b)},l?i.jsx("div",f({className:"container",css:f({maxWidth:o},m)},p),v):v)}));Ae.displayName="Section",exports.useMeasure=t,exports.merge=n,exports.CollapsibleMenu=ie,exports.ColorButton=te,exports.Content=we,exports.ErrorBoundary=V,exports.Footer=Oe,exports.Header=Z,exports.Layout=F,exports.Main=Ne,exports.MobileMenu=ye,exports.Navbar=pe,exports.Section=Ae,exports.SideNav=je,exports.Sidebar=Se,exports.Topbar=q,exports.generateId=function(e){void 0===e&&(e=5);for(var t="",n="abcdefghijklmnopqrstuv1234567890",o=n.length,a=0;a<e;a++)t+=n.charAt(Math.floor(Math.random()*o));return t},exports.mergeSelectors=C,exports.useColorTheme=P,exports.useMenu=w,exports.useOptions=v,exports.useScrollPosition=J,exports.useSideNav=k;
 //# sourceMappingURL=layout.cjs.production.min.js.map

package.json

 {
   "name": "@maker-ui/layout",
   "description": "The fastest way to build themeable, responsive layouts in React",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "license": "Apache-2.0",
@@ -23,4 +23,4 @@ "author": "Mike Darche <[e-mail]>",
     "@emotion/react": "^11.1.4",
-    "@maker-ui/css": "1.1.0",
-    "@maker-ui/primitives": "1.1.0",
+    "@maker-ui/css": "1.1.1",
+    "@maker-ui/primitives": "1.1.1",
     "deepmerge": "^4.2.2",
@@ -27,0 +27,0 @@ "react-use-measure": "^2.0.4",

No alert changes

Improved metrics

Total package byte prevSize

728025

increased by1%

Lines of code

6812

increased by0.84%

Dependency changes

• + Added@maker-ui/css@1.1.1(transitive)

• + Added@maker-ui/primitives@1.1.1(transitive)

• - Removed@maker-ui/css@1.1.0(transitive)

• - Removed@maker-ui/primitives@1.1.0(transitive)

• Updated@maker-ui/css@1.1.1

• Updated@maker-ui/primitives@1.1.1