https://dreamcleanservice.com/assets_remix/useNavbarBreakpoint-DY8lZZnb.js

1import{a as e,t}from"./rolldown-runtime-B0Z9INg1.js";import{$ as n,A as r,G as i,I as a,O as o,P as s,g as c,h as l,k as u}from"./uiFramework-CmzQ-hQv.js";import{c as d,d as ee,i as f,m as p,n as m,s as h,t as g,v as _}from"./dist-mmH4yOc3.js";var v=e(n(),1),y=s();function b({businessName:e,clientHubUrl:t,fullViewNavigationMenu:n,hamburgerNavigationMenu:r,handleNavigationInPreview:a,logoUrl:s,navbarSectionFields:c,phone:l}){let{largeAndUp:u,mediumAndUp:f,smallAndUp:p}=h(),[g,_]=(0,v.useState)(!1),b=i(),{trackButtonClick:x}=ee(),S=c?.sections?.find(e=>e.__typename===`LinkSection`),C=e=>{_(e),window.dispatchEvent(new CustomEvent(`menuStateChange`,{detail:e}))},w=()=>{a?a():(C(!1),b(`/`))};return(0,y.jsx)(`nav`,{className:`sticky top-0 z-menu border-b border-border text-textOnLight shadow-base ${g&&!u?`bg-surface--background--subtle`:`bg-white`}`,children:(0,y.jsxs)(`div`,{className:`website-section-container navbar flex min-h-24 items-center gap-12`,children:[s?(0,y.jsx)(`button`,{className:`bg-transparent border-0 p-0`,onClick:w,type:`button`,children:(0,y.jsx)(`img`,{alt:`${e}'s logo`,className:`h-auto max-h-[theme(height.logo)] max-w-[theme(width.logo)] cursor-pointer object-contain`,src:s})}):(0,y.jsx)(`button`,{className:`bg-transparent border-0 p-0 text-left`,onClick:w,type:`button`,children:(0,y.jsx)(`h4`,{children:e})}),(0,y.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center justify-end gap-6`,children:[n,(0,y.jsxs)(`div`,{className:`flex items-center gap-base sm:gap-small`,children:[l&&f&&(0,y.jsx)(o,{icon:`phone`,label:l,type:`secondary`,url:`tel:${l}`,variation:`subtle`}),t&&(0,y.jsx)(o,{UNSAFE_className:{container:`hidden md:flex`},external:!0,label:`Client Login`,onClick:()=>{x(`Client Login Navbar`)},type:`secondary`,url:t,variation:`learning`}),(!r||p)&&(0,y.jsx)(`div`,{className:`hidden sm:flex lg:pr-0`,children:S&&(0,y.jsx)(m,{__typename:S?.__typename||`LinkSection`,buttonStyle:`accent`,enabled:S?.enabled??!1,linkUrl:S?.linkUrl,title:S?.title,variant:S?.variant??d.LINK_FORM})})]}),r&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(o,{"aria-label":g?`Close menu`:`Open menu`,icon:g?`cross`:`list`,label:``,onClick:()=>C(!g),size:`large`,type:`tertiary`,variation:`subtle`}),(0,y.jsx)(`nav`,{className:`fixed inset-0 top-24 overflow-y-auto bg-surface--background--subtle pb-largest pt-largest sm:left-auto sm:w-[545px] sm:max-w-full ${g?`block`:`hidden`}`,children:(0,y.jsxs)(`div`,{className:`website-section-container navbar flex h-full flex-col justify-between sm:justify-start`,children:[r&&r({onMenuClose:()=>C(!1)}),(0,y.jsxs)(`div`,{className:`flex flex-col gap-base sm:w-56`,children:[t&&(0,y.jsx)(o,{external:!0,fullWidth:!0,label:`Client Login`,onClick:()=>{x(`Client Login Navbar`),C(!1)},type:`secondary`,url:t,variation:`learning`}),l&&(0,y.jsx)(o,{fullWidth:!0,icon:`phone`,label:l,type:`secondary`,url:`tel:${l}`,variation:`learning`}),S&&(0,y.jsx)(m,{__typename:S?.__typename||`LinkSection`,buttonStyle:`accent`,enabled:S?.enabled??!1,linkUrl:S?.linkUrl,onClick:()=>C(!1),title:S?.title,variant:S?.variant??d.LINK_FORM})]})]})})]})]})]})})}var x=g({defaultVariants:{variant:`primary`},slots:{outerContainer:`overflow-hidden rounded-small py-small transition-colors interactive-focus hover:cursor-pointer focus-visible:bg-surface--hover focus-visible:shadow-focus`,text:``},variants:{variant:{primary:{outerContainer:``,text:`text-bodyEmphasis`},secondary:{outerContainer:`pl-base`,text:`text-button`}}}}),S=(0,v.forwardRef)(({children:e,className:t,href:n,onClick:r,onMenuClose:i,variant:o},s)=>{if(n){let c=e=>{r?.(e),i?.()},{outerContainer:l,text:u}=x({variant:o});return(0,y.jsx)(`div`,{className:`${t||l()} overflow-hidden`,children:(0,y.jsx)(a,{className:`${u()} py-base`,onClick:c,ref:s,to:n,children:e})})}let c=e=>{r?.(e),i?.()},{outerContainer:l,text:u}=x({variant:o});return(0,y.jsx)(`li`,{children:(0,y.jsx)(`button`,{className:t||l()&&u(),onClick:c,ref:s,type:`button`,children:e})})});S.displayName=`PrimaryMobileLink`;function C({children:e,title:t}){let[n,r]=(0,v.useState)(!1),{outerContainer:i,text:a}=x({variant:`primary`});return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(`button`,{className:`${i()} ${a()}`,onClick:()=>r(!n),type:`button`,children:[t,` `,(0,y.jsx)(u,{UNSAFE_className:{path:`!fill-textOnLight`},name:n?`arrowUp`:`arrowDown`,size:`large`})]}),(0,y.jsx)(`div`,{className:n?`block`:`hidden`,children:e})]})}var w=`inline-flex items-center justify-center rounded-base p-base text-base font-semibold text-heading transition-colors hover:bg-surface--hover focus-visible:bg-surface--hover focus-visible:shadow-focus font-['Open Sans']`;function T(e){return e.path===`/`?`Home`:e.title}function E(e){let t=e.reduce((e,t)=>

1{if(t.path===`/`)return e.homePage=t,e;let n=t.group?.name;return!n&&t.path?.includes(`/service/`)&&(n=`Services`),n?(e.groups[n]||(e.groups[n]={order:t.group?.order??0,pages:[],title:n}),e.groups[n].pages.push(t)):e.topLevelPages.push(t),e},{homePage:void 0,groups:{},topLevelPages:[]});Object.values(t.groups).forEach(e=>{e.pages.sort((e,t)=>e.order-t.order)});let n=[...Object.values(t.groups).map(e=>({type:`group`,group:e,order:e.order})),...t.topLevelPages.map(e=>({type:`page`,page:e,order:e.order}))].sort((e,t)=>e.order-t.order);return{homePage:t.homePage,topLevelItems:n}}function D({handleNavigationInPreview:e,onMenuClose:t,pages:n}){let r=E(n),i=r.homePage,a=n=>(0,y.jsx)(S,{href:e?void 0:n.path,onClick:()=>e?.(n),onMenuClose:t,children:T(n)},n.id);return n.length<2?null:(0,y.jsxs)(`ul`,{className:`mb-larger flex flex-col gap-base text-left text-textOnLight`,children:[(0,y.jsx)(`li`,{children:i&&a(i)}),r.topLevelItems.map(n=>(0,y.jsx)(`li`,{children:n.type===`group`?(0,y.jsx)(C,{title:n.group.title,children:(0,y.jsx)(`ul`,{className:`flex flex-col gap-small py-small`,children:n.group.pages.map(n=>(0,y.jsx)(S,{href:e?void 0:n.path,onClick:()=>e?.(n),onMenuClose:t,variant:`secondary`,children:n.title},n.id))})}):a(n.page)},n.type===`group`?n.group.title:n.page.id))]})}function O({handleNavigationInPreview:e,pages:t}){let n=i(),r=E(t),s=t.find(e=>e.path===`/`);if(t.length<2)return null;let l=t=>{let n=T(t),r=n.length>20;return(0,y.jsx)(`div`,{className:`max-w-navBtn ${r?`min-w-navBtn`:`overflow-hidden text-ellipsis whitespace-nowrap`}`,children:e?(0,y.jsx)(o,{label:n,onClick:()=>e(t),size:`base`,type:`secondary`,variation:`subtle`}):(0,y.jsx)(a,{className:w,to:t.path,children:n})})};return(0,y.jsxs)(`ul`,{className:`hidden min-w-0 flex-1 items-center overflow-hidden md:flex`,children:[s&&l(s),r.topLevelItems.map(t=>(0,y.jsx)(`li`,{children:t.type===`group`?(()=>{let r=t.group.title.length>20;return(0,y.jsx)(c,{activator:(0,y.jsx)(`div`,{className:`max-w-navBtn ${r?`min-w-navBtn`:`overflow-hidden text-ellipsis whitespace-nowrap`}`,children:(0,y.jsx)(o,{UNSAFE_className:{buttonLabel:{textStyle:`text-base text-heading font-semibold !font-['Open Sans']`},container:w}

1,UNSAFE_style:{buttonIcon:{path:{fill:`var(--brand-main) !important`}}},icon:`arrowDown`,iconOnRight:!0,label:t.group.title,size:`large`,type:`secondary`,variation:`subtle`})}),items:[{actions:t.group.pages.map(t=>({label:t.title,onClick:()=>{e?e(t):n(t.path)}}))}]})})():l(t.page)},t.type===`group`?t.group.title:t.page.id))]})}var k=128,A=`#FFFFFF`,j=`#333333`,M={BACKGROUND_BRAND_DARK:`--background-brand-dark`,BACKGROUND_BRAND_LIGHT:`--background-brand-light`,BACKGROUND_NEUTRAL:`--background-neutral`,BRAND_ACCENT:`--brand-accent`,BRAND_MAIN:`--brand-main`,HOVER_ACCENT:`--hover-accent`,HOVER_BRAND:`--hover-brand`,TEXT_ON_ACCENT:`--text-on-accent`,TEXT_ON_BRAND:`--text-on-brand`,TEXT_ON_DARK:`--text-on-dark`,TEXT_ON_LIGHT:`--text-on-light`},N=e=>{let t=e.replace(`#`,``);t.length===3&&(t=t.split(``).map(e=>e+e).join(``));let n=parseInt(t.substring(0,2),16),r=parseInt(t.substring(2,4),16),i=parseInt(t.substring(4,6),16);return(n*299+r*587+i*114)/1e3},P=e=>{let t=e.replace(`#`,``),n=parseInt(t,16);return{b:n%256,g:Math.floor(n/256)%256,r:Math.floor(n/65536)%256}},F=(e,t,n)=>{let r=Math.max(0,Math.min(255,e)),i=Math.max(0,Math.min(255,t)),a=Math.max(0,Math.min(255,n));return`#`+(r*65536+i*256+a).toString(16).padStart(6,`0`)},I=(e,t,n)=>{let{b:r,g:i,r:a}=P(e),o=n/100,[s,c,l]=t===`darken`?[a*(1-o),i*(1-o),r*(1-o)]:[a+(255-a)*o,i+(255-i)*o,r+(255-r)*o];return F(Math.round(s),Math.round(c),Math.round(l))},L=e=>N(e)>=k?I(e,`darken`,20):I(e,`lighten`,20),R=e=>L(e),z=e=>L(e),B=e=>({darkBrand:I(e,`darken`,56),lightBrand:I(e,`lighten`,95)}),V=e=>N(e)>=k?j:A,H=e=>{let t=e.primaryColor,n=e.secondaryColor;if(!t)return null;let r=n||t,i=R(t),a=z(r),o=B(t),s={onDark:A,onLight:j};return{backgroundBrandDark:o.darkBrand,backgroundBrandLight:o.lightBrand,backgroundNeutral:`#FFFFFF`,brandAccent:r,brandMain:t,hoverAccent:a,hoverBrand:i,textOnAccent:V(r),textOnBrand:V(t),textOnDark:s.onDark,textOnLight:s.onLight}},U=e=>{let t=H(e);return t?{[M.BRAND_MAIN]:t.brandMain,[M.BRAND_ACCENT]:t.brandAccent,[M.BACKGROUND_NEUTRAL]:t.backgroundNeutral,[M.BACKGROUND_BRAND_LIGHT]:t.backgroundBrandLight,[M.BACKGROUND_BRAND_DARK]:t.backgroundBrandDark,[M.TEXT_ON_LIGHT]:t.textOnLight,[M.TEXT_ON_DARK]:t.textOnDark,[M.TEXT_ON_BRAND]:t.textOnBrand,[M.TEXT_ON_ACCENT]:t.textOnAccent,[M.HOVER_BRAND]:t.hoverBrand,[M.HOVER_ACCENT]:t.hoverAccent}:{}},W=e=>{let t=H(e);return t?{"color-accent":t.brandAccent,"color-accent--hover":t.hoverAccent,"color-heading":t.textOnLight,"color-interactive":t.brandMain,"color-interactive--subtle":t.textOnLight,"color-interactive--subtle--focus":t.textOnLight,"color-interactive--subtle--hover":t.textOnLight,"color-surface--background--subtle":t.backgroundBrandLight,"color-surface--reverse":t.brandMain}:{}},G=({brandingOptions:e,children:t})=>{let n=(0,v.useMemo)(()=>U(e),[e]),r=(0,v.useMemo)(()=>W(e),[e]),i=!!e.primaryColor&&!!e.secondaryColor,a={"typography--fontFamily-display":`'Open Sans', system-ui, sans-serif`,"typography--fontFamily-normal":`'Open Sans', system-ui, sans-serif`,...i?r:{}};return(0,y.jsx)(_,{shouldUseBrandColors:i,children:(0,y.jsx)(l,{dangerouslyOverrideTheme:`light`,dangerouslyOverrideTokens:a,children:(0,y.jsx)(`div`,{className:f.themedWebsiteContainer,"data-branded-theme":i?`active`:void 0,"data-testid":`themed-website-container`,style:{display:`contents`,...i?n:{}},children:t})})})},K=t((e=>{Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return n}});function t(e,t){return{handler:e,config:t}}t.withOptions=function(e,t=()=>({})){let n=function(n){return{__options:n,handler:e(n),config:t(n)}};return n.__isOptionsFunction=!0,n.__pluginFunction=e,n.__configFunction=t,n};var n=t})),q=t((e=>{Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return r}});var t=n(K());function n(e){return e&&e.__esModule?e:{default:e}}var r=t.default})),J={content:[`./app/**/*.{ts,tsx}`],plugins:[e(t(((e,t)=>{var n=q();t.exports=(n.__esModule?n:{default:n}).default}))(),1).default.withOptions(function(e){return function({addUtilities:e,addVariant:t}){t(`poi`,[`&:hover`,`&:focus-within`]),t(`pointer-coarse`,`@media (pointer: coarse)`),t(`pointer-fine`,`@media (pointer: fine)`),e([{".icon-fill-reset":{"svg, svg path":{fill:`currentColor`}}},{".interactive-focus":{"&:focus-visible":{"box-shadow":`var(--shadow-focus)`,outline:`transparent`,transition:`all var(--timing-base) ease-out`}}}]),[`low`,`base`,`high`,`focus`].forEach(t=>{e({[`.shadow-${t}`]:{boxShadow:`var(--shadow-${t})`}})})}},function(e){let t=e?.tokens;if(!t)throw Error(`Tokens are required`);let n=e=>{let n={};return Object.keys(t).forEach(t=>{t.startsWith(e)&&(n[t.replace(e,``)]=`var(--${t})`)}),n};return{theme:{boxShadow:{...n(`shadow-`),none:`0 0 #0000`},colors:{...n(`color-`),current:`currentColor`},extend:{borderRadius:{...n(`radius-`)},borderWidth:{...n(`border-`)},fontSize:{...n(`typography--fontSize-`)},lineHeight:{...n(`typography--lineHeight-`)},opacity:{...n(`opacity-`)},spacing:{...n(`space-`)},transitionDelay:{...n(`timing-`)},transitionDuration:{...n(`timing-`)}},fontFamily:{...n(`typography--fontFamily-`)},letterSpacing:{...n(`typography--letterSpacing-`)}

1,screens:{lg:`1080px`,md:`768px`,sm:`490px`,xl:`1440px`,xxl:`1920px`},typography:{...n(`typography-`)},zIndex:{...n(`elevation-`)}}}})({tokens:r})],theme:{container:{center:!0,padding:{DEFAULT:`calc(var(--space-large) + var(--space-base))`,lg:`calc(var(--space-largest) + var(--space-large))`,md:`calc(var(--space-large) + var(--space-large))`}},fontFamily:{display:[`Open Sans`,`sans-serif`],normal:[`Open Sans`,`sans-serif`],heading:[`Poppins`,`sans-serif`],inter:[`Inter`,`sans-serif`]},fontWeight:{normal:`400`,semibold:`600`,bold:`700`},extend:{boxShadow:{none:`none`},colors:{brand:`#1F3B4D`,textOnBrand:`#FFFFFF`,bgDark:`#0E1A22`,textOnDark:`#FFFFFF`,textOnLight:`##1A1A1A`,bgNeutral:`#FFFFFF`,hover:`#355E73`,accent:`#4E9271`,imageOverlay:`#032B3A`},spacing:{jumbo:`80px`},width:{navBtn:`200px`,logo:`200px`},height:{logo:`50px`},lineHeight:{small:`1.2`,base:`1.25`,medium:`1.35`,wide:`1.5`},fontSize:{heading1:[`2rem`,{lineHeight:`theme(lineHeight.small)`,fontWeight:`theme(fontWeight.bold)`}],heading2:[`1.625rem`,{lineHeight:`theme(lineHeight.small)`,fontWeight:`theme(fontWeight.bold)`}],heading3:[`1.5rem`,{lineHeight:`theme(lineHeight.base)`,fontWeight:`theme(fontWeight.semibold)`}],bodyEmphasis:[`1.25rem`,{lineHeight:`theme(lineHeight.medium)`,fontWeight:`theme(fontWeight.semibold)`}],bodyLarge:[`1.25rem`,{lineHeight:`theme(lineHeight.medium)`,fontWeight:`theme(fontWeight.normal)`}],body:[`1rem`,{lineHeight:`theme(lineHeight.wide)`,fontWeight:`theme(fontWeight.normal)`}],caption:[`0.875rem`,{fontWeight:`theme(fontWeight.semibold)`}],button:[`1rem`,{fontWeight:`theme(fontWeight.semibold)`}],heading1Desktop:[`2.75rem`,{lineHeight:`theme(lineHeight.small)`,fontWeight:`theme(fontWeight.bold)`}],heading2Desktop:[`2.25rem`,{lineHeight:`theme(lineHeight.small)`,fontWeight:`theme(fontWeight.bold)`}],heading3Desktop:[`1.625rem`,{lineHeight:`theme(lineHeight.base)`,fontWeight:`theme(fontWeight.semibold)`}]}},screens:{lg:`992px`,md:`768px`,sm:`576px`,xl:`1440px`}}},Y={breakpoints:{extraLarge:parseInt(J.theme.screens.xl,10)},spacing:{jumbo:parseInt(J.theme.extend.spacing.jumbo,10)},width:{logo:parseInt(J.theme.extend.width.logo,10),navBtn:parseInt(J.theme.extend.width.navBtn,10)}},X=9;function Z(){let e=(0,v.useSyncExternalStore)(Q,te,ne),t=e>0,{extraLargeAndUp:n,largeAndUp:i,mediumAndUp:a,smallAndUp:o}=h(),s;return s=n?Y.breakpoints.extraLarge:i?e-Y.spacing.jumbo:a?e-r[`space-largest`]*2:o?e-r[`space-large`]*2:e-r[`space-base`]*2,{isReady:t,width:s}}function Q(e){let t=p();return t.addEventListener(`resize`,e),()=>t.removeEventListener(`resize`,e)}function te(){return p().innerWidth}function ne(){return 0}function re(e,t){let{isReady:n,width:r}=Z();if(!e)return{fullViewNavigation:!1,isReady:!1};let{topLevelItems:i}=E(e),a=i?.map(e=>$(e.type===`page`?e.page.title:e.group.title,e.type===`group`)),o=$(`Home`),s=[...a,o].reduce((e,t)=>e+t,0),c=ae(r,t);return{fullViewNavigation:n&&s<c,isReady:n}}function $(e,t=!1){let n=e?.length*X;return t&&(n+=r[`space-larger`]),n+=r[`space-base`]*2,n>Y.width.navBtn&&(n=Y.width.navBtn),n}function ie(e){let t=0;e?.phone&&(t+=$(e.phone.toString(),!0)+r[`space-base`]),e?.clientHubUrl&&(t+=$(`Client Login`)+r[`space-base`]);let n=e?.navbarSectionFields?.sections?.find(e=>e.__typename===`LinkSection`);return t+=n?.title?$(n?.title):0,t+=r[`space-large`],t}function ae(e,t){let n=e;if(t?.logoUrl){let e=Y.width.logo+Y.spacing.jumbo;n-=e}else{let e=t.businessName?.length*X*1.25+Y.spacing.jumbo;n-=e}return n-=ie(t),n}export{b as a,D as i,G as n,O as r,re as t};