https://extralt.com/assets/Header-C0LoQq6b.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._posthogChunkIds=e._posthogChunkIds||{},e._posthogChunkIds[n]="01a0f819-7587-7dd1-ab34-204882f18347")}catch(e){}}();import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./link-ChZUBUyN.js";import{t as n}from"./react-B9a-1PY3.js";import{t as r}from"./jsx-runtime-DsKLSDJq.js";import{t as i}from"./react-dom-CFBYsXfj.js";import{Dn as a,Tn as o,sr as s,xn as c}from"./index-wa02q8fu.js";import{t as l}from"./CaretDown.es-DtikBgFy.js";import{t as u}from"./CaretLeft.es-DK1eTW1q.js";import{t as d}from"./CaretRight.es-bcMWIiey.js";import{t as f}from"./utils-DJF9gtYK.js";import{t as p}from"./wordmark-BnQZhZaW.js";var m=a(),h=e(n(),1),g=e(i(),1),_=e(r(),1);function v(){(0,g.preload)(c,{as:`style`})}function y(e){let t=(0,m.c)(5),{children:n,active:r}=e,i=r&&`after:absolute after:-bottom-2 after:left-1/2 after:size-1 after:-translate-x-1/2 after:bg-current`,a;t[0]===i?a=t[1]:(a=f(`relative font-normal`,i),t[0]=i,t[1]=a);let o;return t[2]!==n||t[3]!==a?(o=(0,_.jsx)(`span`,{className:a,children:n}),t[2]=n,t[3]=a,t[4]=o):o=t[4],o}function b(e){let t=(0,m.c)(10),[n,r]=(0,h.useState)(!1),i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i=()=>r(!0),t[0]=i):i=t[0];let a=i,o;t[1]===e?o=t[2]:(o=()=>{r(!1),e?.()},t[1]=e,t[2]=o);let s=o,c;t[3]!==s||t[4]!==n?(c=()=>n?s():a(),t[3]=s,t[4]=n,t[5]=c):c=t[5];let l;return t[6]!==s||t[7]!==n||t[8]!==c?(l={open:n,show:a,hide:s,toggle:c},t[6]=s,t[7]=n,t[8]=c,t[9]=l):l=t[9],l}function x(){let{isSignedIn:e}=o(),n=s({select:e=>e.location.pathname}),r=n.startsWith(`/products`),i=n.startsWith(`/use-cases`),a=n===`/pricing`,c=n.startsWith(`/docs`),m=n.startsWith(`/blog`),[g,x]=(0,h.useState)(`root`),S=b(()=>x(`root`)),C=b(),[w,T]=(0,h.useState)(0),E=b(),[D,O]=(0,h.useState)(0),k=(0,h.useRef)(null),A=(0,h.useRef)(null),j=(0,h.useRef)(null),M=(0,h.useRef)(null),N=S.open,P=C.open,F=E.open,I=(0,h.useEffectEvent)(()=>C.hide()),L=(0,h.useEffectEvent)(()=>E.hide()),R=()=>{let e=j.current,t=k.current;!e||!t||T(e.getBoundingClientRect().left-t.getBoundingClientRect().left)},z=()=>{let e=M.current,t=k.current;!e||!t||O(e.getBoundingClientRect().left-t.getBoundingClientRect().left)},B=()=>{P||(R(),E.hide()),C.show()},V=()=>{F||(z(),C.hide()),E.show()},H=()=>{S.hide(),C.hide(),E.hide(),x(`root`)};(0,h.useEffect)(()=>{let e=k.current;if(!e)return;let t=new ResizeObserver(([e])=>{let t=e.borderBoxSize?.[0]?.blockSize??e.contentRect.height,n=A.current?.offsetHeight??t,r=Math.max(0,t-n);document.documentElement.style.setProperty(`--header-extra`,`${r}px`)});return t.observe(e),()=>t.disconnect()},[]),(0,h.useEffect)(()=>{if(!P)return;let e=e=>{e.key===`Escape`&&I()},t=e=>{k.current&&!k.current.contains(e.target)&&I()};return document.addEventListener(`keydown`,e),document.addEventListener(`mousedown`,t),()=>{document.removeEventListener(`keydown`,e),document.removeEventListener(`mousedown`,t)}},[P]),(0,h.useEffect)(()=>{if(!P)return;let e=()=>{let e=j.current,t=k.current;!e||!t||T(e.getBoundingClientRect().left-t.getBoundingClientRect().left)};return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[P]),(0,h.useEffect)(()=>{if(!F)return;let e=e=>{e.key===`Escape`&&L()},t=e=>{k.current&&!k.current.contains(e.target)&&L()};return document.addEventListener(`keydown`,e),document.addEventListener(`mousedown`,t),()=>{document.removeEventListener(`keydown`,e),document.removeEventListener(`mousedown`,t)}},[F]),(0,h.useEffect)(()=>{if(!F)return;let e=()=>{let e=M.current,t=k.current;!e||!t||O(e.getBoundingClientRect().left-t.getBoundingClientRect().left)};return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[F]);let U=[{label:`overview`,href:`/products`,number:null},{label:`how it works`,href:`/how-it-works`,number:null},{label:`extract`,href:`/products/extract`,number:`01`},{label:`enrich`,href:`/products/enrich`,number:`02`},{label:`explore`,href:`/products/explore`,number:`03`}],W=[{label:`overview`,href:`/use-cases`,number:null},{label:`web scraping`,href:`/use-cases/ecommerce-web-scraping`,number:`01`},{label:`price monitoring`,href:`/use-cases/price-monitoring`,number:`02`},{label:`product data`,href:`/use-cases/product-data`,number:`03`},{label:`market intelligence`,href:`/use-cases/market-intelligence`,number:`04`}],G=(e=!1)=>(0,_.jsxs)(_.Fragment,{children:[e&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(`button`,{ref:j,type:`button`,className:`hidden md:flex relative items-center text-sm text-white hover:text-muted-foreground transition-colors outline-none cursor-pointer py-3`,onClick:()=>P?C.hide():B(),onPointerEnter:e=>{e.pointerType===`mouse`&&B()},"aria-expanded":P,children:[(0,_.jsx)(y,{active:r,children:`products`}),(0,_.jsx)(l,{className:`ml-1.5 size-3 transition-transform duration-300 ${P?`rotate-180`:``}`})]}),(0,_.jsxs)(`button`,{ref:M,type:`button`,className:`hidden md:flex relative items-center text-sm text-white hover:text-muted-foreground transition-colors outline-none cursor-pointer py-3`,onClick:()=>F?E.hide():V(),onPointerEnter:e=>{e.pointerType===`mouse`&&V()},"aria-expanded":F,children:[(0,_.jsx)(y,{active:i,children:`use cases`}),(0,_.jsx)(l,{className:`ml-1.5 size-3 transition-transform duration-300 ${F?`rotate-180`:``}`})]})]}),(0,_.jsx)(t,{to:`/pricing`,className:`text-sm text-white hover:text-muted-foreground transition-colors py-3`,onClick:H,children:(0,_.jsx)(y,{active:a,children:`pricing`})}),(0,_.jsx)(t,{to:`/docs`,preload:`intent`,className:`text-sm text-white hover:text-muted-foreground transition-colors py-3`,onFocus:v,onMouseEnter:v,onTouchStart:v,onClick:H,children:(0,_.jsx)(y,{active:c,children:`docs`})}),(0,_.jsx)(t,{to:`/blog`,className:`text-sm text-white hover:text-muted-foreground transition-colors py-3`,onClick:H,children:(0,_.jsx)(y,{active:m,children:`blog`})})]});return(0,_.jsxs)(`header`,{ref:k,className:`marketing-theme fixed inset-x-0 top-0 z-30 text-white`,onPointerLeave:e=>{e.pointerType===`mouse`&&(C.hide(),E.hide())},children:[(0,_.jsxs)(`div`,{ref:A,className:`site-chrome`,children:[(0,_.jsxs)(`a`,{href:`/`,className:`brand`,"aria-label":`Extralt home`,children:[(0,_.jsx)(`img`,{src:`/logo.svg`,alt:``,width:20,height:20,className:`brand-mark`}),(0,_.jsx)(p,{className:`brand-word`})]}),(0,_.jsx)(`nav`,{"aria-label":`Main`,className:`hidden md:flex items-center gap-8`,children:G(!0)}),(0,_.jsxs)(`div`,{className:`flex items-center`,children:[(0,_.jsx)(t,{to:e?`/dashboard`:`/sign-up`,className:`chrome-action hidden md:inline-flex bg-primary text-sm text-primary-foreground transition-colors hover:bg-zinc-200`,onClick:H,children:e?`Dashboard`:`Get started`}),(0,_.jsx)(`button`,{type:`button`,className:`chrome-action md:hidden text-white hover:text-muted-foreground transition-colors`,onClick:S.toggle,"aria-label":`Toggle menu`,"aria-expanded":N,children:(0,_.jsx)(l,{className:`size-4 transition-transform duration-300 ${N?`rotate-180`:``}`})})]})]}),P&&(0,_.jsx)(`div`,{className:`hidden md:block`,children:(0,_.jsx)(`div`,{className:`flex flex-col items-start gap-3 pb-(--page-margin) text-sm`,style:{paddingLeft:`${w}px`},children:U.map(e=>(0,_.jsxs)(t,{to:e.href,className:`text-white hover:text-muted-foreground transition-colors`,onClick:H,children:[e.number&&(0,_.jsx)(`span`,{className:`tabular-nums text-muted-foreground mr-3`,children:e.number}),e.label]},e.href))})}),F&&(0,_.jsx)(`div`,{className:`hidden md:block`,children:(0,_.jsx)(`div`,{className:`flex flex-col items-start gap-3 pb-(--page-margin) text-sm`,style:{paddingLeft:`${D}px`},children:W.map(e=>(0,_.jsxs)(t,{to:e.href,className:`text-white hover:text-muted-foreground transition-colors`,onClick:H,children:[e.number&&(0,_.jsx)(`span`,{className:`tabular-nums text-muted-foreground mr-3`,children:e.number}),e.label]},e.href))})}),N&&(0,_.jsx)(`div`,{className:`md:hidden`,children:(0,_.jsxs)(`nav`,{className:`flex flex-col items-end pr-[max(16px,env(safe-area-inset-right))] pl-[max(16px,env(safe-area-inset-left))] pb-(--page-margin)`,children:[g===`root`&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-sm text-white hover:text-muted-foreground transition-colors py-3 cursor-pointer`,onClick:()=>x(`products`),children:[(0,_.jsx)(y,{active:r,children:`products`}),(0,_.jsx)(d,{className:`size-3`})]}),(0,_.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-sm text-white hover:text-muted-foreground transition-colors py-3 cursor-pointer`,onClick:()=>x(`use-cases`),children:[(0,_.jsx)(y,{active:i,children:`use cases`}),(0,_.jsx)(d,{className:`size-3`})]}),G(),(0,_.jsx)(t,{to:e?`/dashboard`:`/sign-up`,className:`text-sm text-white hover:text-muted-foreground transition-colors py-3`,onClick:H,children:e?`Dashboard`:`Get started`})]}),g===`products`&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-sm text-white hover:text-muted-foreground transition-colors py-3 cursor-pointer`,onClick:()=>x(`root`),children:[(0,_.jsx)(u,{className:`size-3`}),(0,_.jsx)(y,{active:r,children:`products`})]}),U.map(e=>(0,_.jsxs)(t,{to:e.href,className:f(`text-sm text-muted-foreground hover:text-white transition-colors py-2`,n===e.href&&`text-white`),onClick:H,children:[e.number&&(0,_.jsx)(`span`,{className:`tabular-nums mr-2`,children:e.number}),e.label]},e.href))]}),g===`use-cases`&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(`button`,{type:`button`,className:`flex items-center gap-2 text-sm text-white hover:text-muted-foreground transition-colors py-3 cursor-pointer`,onClick:()=>x(`root`),children:[(0,_.jsx)(u,{className:`size-3`}),(0,_.jsx)(y,{active:i,children:`use cases`})]}),W.map(e=>(0,_.jsxs)(t,{to:e.href,className:f(`text-sm text-muted-foreground hover:text-white transition-colors py-2`,n===e.href&&`text-white`),onClick:H,children:[e.number&&(0,_.jsx)(`span`,{className:`tabular-nums mr-2`,children:e.number}),e.label]},e.href))]})]})})]})}export{x as t};
2//# chunkId=01a0f819-7587-7dd1-ab34-204882f18347