https://ocoder.ai/assets/routes-BJVd9e-1.js

1import{a as e}from"./chunk-BNv3lrIs.js";import{Gn as t,Un as n,Wn as r,ci as i,ia as a}from"./index-BESbtBHD.js";import{t as o}from"./form-error-text-BcYjfG1u.js";import{t as s}from"./public-api-DnVbzmIa.js";var c=e(a(),1),l=e(i(),1),u=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,d=500,f=260;function p(e){let t=e.trim();return t===``?!1:!!(/\s/.test(t)||/[,;<>()[\]\\"]/.test(t)||t.startsWith(`@`)||t.split(`@`).length>2||t.includes(`..`)||t.includes(`@.`))}function m({className:e}){return(0,l.jsx)(`svg`,{viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`,className:e,"aria-hidden":`true`,children:(0,l.jsx)(`path`,{d:`M3.5 8.5l3 3 6-6.5`})})}function h({className:e}){return(0,l.jsx)(`svg`,{viewBox:`0 0 16 16`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,className:e,"aria-hidden":`true`,children:(0,l.jsx)(`path`,{d:`M4.5 4.5l7 7M11.5 4.5l-7 7`})})}function g(){let e=(0,c.useId)(),t=(0,c.useId)(),r=(0,c.useId)(),i=(0,c.useRef)(null),[a,g]=(0,c.useState)(``),[_,v]=(0,c.useState)(``),[y,b]=(0,c.useState)(`idle`),[x,S]=(0,c.useState)(!1),[C,w]=(0,c.useState)(!1),[T,E]=(0,c.useState)(!1),D=y===`invalid`,O=y===`failed`,k=D||O,A=y===`done`,j=x?`cross`:`label`,M=y===`submitting`||A?`Joining…`:`Get early access`;(0,c.useEffect)(()=>{if(!T)return;i.current?.focus();let e=setTimeout(()=>E(!1),f);return()=>clearTimeout(e)},[T]),(0,c.useEffect)(()=>{if(!x)return;let e=setTimeout(()=>S(!1),d);return()=>clearTimeout(e)},[x]);function N(){b(`invalid`),S(!0),w(!0)}function P(){b(`idle`),g(``),v(``),E(!0)}async function F(e){if(e.preventDefault(),y===`submitting`||y===`done`)return;let t=a.trim();if(!u.test(t)){N();return}S(!1),b(`submitting`);try{let e=await s(`/waitlist`,{email:t,website:_});if(!e.ok){if(e.status===400){N();return}b(`failed`);return}b(`done`)}catch{b(`failed`)}}return(0,l.jsxs)(`form`,{onSubmit:F,noValidate:!0,className:`w-full sm:max-w-md`,children:[(0,l.jsx)(`label`,{htmlFor:e,className:`sr-only`,children:`Email address`}),(0,l.jsxs)(`div`,{"aria-hidden":`true`,className:`absolute -left-[10000px] h-px w-px overflow-hidden`,children:[(0,l.jsx)(`label`,{htmlFor:t,children:`Website`}),(0,l.jsx)(`input`,{id:t,name:`website`,value:_,onChange:e=>v(e.target.value),"aria-hidden":`true`,autoComplete:`off`,tabIndex:-1})]}),(0,l.jsxs)(`div`,{className:`grid`,children:[(0,l.jsxs)(`div`,{inert:A||void 0,onAnimationEnd:e=>{e.target===e.currentTarget&&e.animationName===`splash-shake`&&w(!1)},className:n(`col-start-1 row-start-1 flex flex-col gap-2 transition-colors sm:flex-row sm:items-center sm:rounded-[calc(var(--radius-lg)+0.375rem)] sm:border sm:bg-card sm:p-1.5 sm:pl-3`,k?`sm:border-destructive`:`sm:border-border`,C&&`splash-shake`,A&&`splash-pill-out`,T&&`splash-pill-in`),children:[(0,l.jsx)(`input`,{ref:i,id:e,type:`email`,value:a,onChange:e=>{let t=e.target.value;g(t),p(t)?y!==`invalid`&&b(`invalid`):(y===`invalid`||y===`failed`)&&b(`idle`)},placeholder:`[email protected]`,autoComplete:`email`,"aria-invalid":D,"aria-describedby":D?r:void 0,disabled:y===`submitting`,className:n(`text-foreground placeholder:text-muted-foreground min-w-0 pt-[9px] pb-[7px] transition-[opacity,border-color] duration-200 outline-none disabled:opacity-60 sm:flex-1`,`bg-card h-12 rounded-[calc(var(--radius-lg)+0.375rem)] border px-3 text-[17px]`,k?`border-destructive`:`border-border`,`sm:h-auto sm:rounded-none sm:border-0 sm:bg-transparent sm:px-0 sm:text-[15px]`,A&&`max-sm:opacity-50`)}),(0,l.jsx)(`button`,{type:`submit`,disabled:y===`submitting`,"aria-label":j===`cross`?`Invalid email address`:void 0,className:n(`text-primary-foreground focus-visible:outline-ring h-12 w-full shrink-0 rounded-[calc(var(--radius-lg)+0.375rem)] bg-[var(--brand-env-color,var(--primary))] px-4 text-[17px] font-normal transition-[background-color,scale] duration-100 active:duration-50 hover:bg-[oklch(from_var(--brand-env-color,var(--primary))_calc(l_-_0.05)_calc(c_+_0.03)_h)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 disabled:opacity-60 motion-safe:active:scale-[0.985] sm:h-auto sm:w-auto 

1sm:rounded-lg sm:py-2 sm:text-sm sm:motion-safe:active:scale-[0.97]`,A&&`splash-button-out`,T&&`splash-button-in`),children:(0,l.jsxs)(`span`,{className:`grid place-items-center`,children:[(0,l.jsx)(`span`,{className:`invisible col-start-1 row-start-1 whitespace-nowrap`,children:`Get early access`}),(0,l.jsx)(`span`,{"aria-hidden":j!==`label`,className:n(`col-start-1 row-start-1 whitespace-nowrap`,j!==`label`&&`opacity-0`),children:M}),(0,l.jsx)(`span`,{"aria-hidden":`true`,className:n(`col-start-1 row-start-1`,j!==`cross`&&`opacity-0`),children:(0,l.jsx)(h,{className:`h-4 w-4`})})]})})]}),A&&(0,l.jsxs)(`button`,{type:`button`,onClick:P,className:`splash-card-in border-border bg-card text-foreground hover:border-muted-foreground/50 focus-visible:outline-ring col-start-1 row-start-1 flex h-12 w-full cursor-pointer items-center justify-center gap-2 self-end rounded-[calc(var(--radius-lg)+0.375rem)] border text-[15px] transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 sm:h-auto sm:self-stretch`,children:[(0,l.jsx)(m,{className:`h-4 w-4`}),`You’re on the list.`]})]}),(0,l.jsx)(`span`,{role:`status`,className:`sr-only`,children:A?`Success — you are on the list.`:``}),(0,l.jsx)(o,{id:r,role:`alert`,message:D?`Enter a valid email address.`:O?`Couldn’t join right now. Try again.`:null})]})}function _(e){(0,c.useEffect)(()=>{window.location.hash.startsWith(`#waitlist`)&&((e.current?.querySelector(`input[type="email"]`))?.focus(),history.replaceState(null,``,window.location.pathname+window.location.search))},[e])}var v=.12,y=.4,b={hidden:{opacity:0,y:14},shown:e=>({opacity:1,y:0,transition:{duration:.6,ease:[.16,1,.3,1],delay:v*((1-y**e)/(1-y))}})},x=800;function S(){let[e,t]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{let e=!1,n=()=>{e||t(!0)};return Promise.race([Promise.all([document.fonts.load(`600 1em Inter`),document.fonts.load(`300 1em Inter`)]),new Promise(e=>setTimeout(e,x))]).then(n,n),()=>{e=!0}},[]),e}function C(){let e=S(),n=(0,c.useRef)(null);return _(n),(0,l.jsx)(`main`,{className:`relative flex flex-1 flex-col px-6 py-8 sm:px-10`,children:(0,l.jsx)(`div`,{className:`flex flex-1 items-center justify-center py-16`,children:(0,l.jsx)(t,{reducedMotion:`user`,children:(0,l.jsxs)(r.div,{className:`relative w-full max-w-xl`,initial:`hidden`,animate:e?`shown`:`hidden`,children:[(0,l.jsxs)(r.h1,{variants:b,custom:0,className:`text-4xl leading-[1.08] font-semibold tracking-[-0.03em] text-balance sm:text-5xl`,children:[`Work with your design s`,(0,l.jsx)(`span`,{className:`tracking-[-0.055em]`,children:`y`}),`stem, not against it`]}),(0,l.jsx)(r.p,{variants:b,custom:1,className:`text-foreground mt-6 max-w-lg text-lg leading-normal font-light tracking-[-0.02em] text-pretty sm:text-[17px]`,children:`Track how agents and developers actually use your design system. Maintain & expand it from any AI environment.`}),(0,l.jsx)(r.p,{variants:b,custom:2,className:`text-foreground mt-5 max-w-lg text-lg leading-normal font-light tracking-[-0.02em] text-pretty sm:text-[17px]`,children:`Keep everyone — human or not — in sync.`}),(0,l.jsx)(r.div,{ref:n,variants:b,custom:3,className:`mt-12`,children:(0,l.jsx)(g,{})})]})})})})}var w=C;export{w as component};