https://modulo59-22xhm.ondigitalocean.app/assets/contact-BLAPZHyL.js

1import{i as e,t}from"./jsx-runtime-Cx0BB4qO.js";import{t as n}from"./react-3BKWdGy3.js";import{f as r,l as i,p as a,r as o,u as s,y as c}from"./index-YrhnhpAf.js";var l=a(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),u=a(`copy`,[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]),d=a(`mail`,[[`path`,{d:`m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7`,key:`132q7q`}],[`rect`,{x:`2`,y:`4`,width:`20`,height:`16`,rx:`2`,key:`izxlao`}]]),f=e(n(),1),p=t(),m=f.forwardRef(({className:e,type:t,...n},i)=>(0,p.jsx)(`input`,{type:t,className:r(`flex h-11 w-full rounded-md border border-border bg-elevated px-3 font-sans text-sm text-fg`,`placeholder:text-subtle`,`transition-[border-color,box-shadow] duration-150 ease-out`,`focus-visible:border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`,`disabled:cursor-not-allowed disabled:opacity-50`,e),ref:i,...n}));m.displayName=`Input`;var h=e(c(),1),g=Object.defineProperty,_=(e,t)=>

1g(e,`name`,{value:t,configurable:!0}),v=[`a`,`button`,`div`,`form`,`h2`,`h3`,`img`,`input`,`label`,`li`,`nav`,`ol`,`p`,`select`,`span`,`svg`,`ul`].reduce((e,t)=>{let n=s(`Primitive.${t}`),r=f.forwardRef((e,r)=>{let{asChild:i,...a}=e,o=i?n:t;return typeof window<`u`&&(window[Symbol.for(`radix-ui`)]=!0),(0,p.jsx)(o,{...a,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function y(e,t){e&&h.flushSync(()=>e.dispatchEvent(t))}_(y,`dispatchDiscreteCustomEvent`);var b=Object.defineProperty,x=f.forwardRef(((e,t)=>b(e,`name`,{value:t,configurable:!0}))(function(e,t){return(0,p.jsx)(v.label,{...e,ref:t,onMouseDown:t=>{t.target.closest(`button, input, select, textarea`)||(e.onMouseDown?.(t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}})},`Label`)),S=f.forwardRef(({className:e,...t},n)=>(0,p.jsx)(x,{ref:n,className:r(`font-mono text-xs tracking-widest text-muted uppercase`,e),...t}));S.displayName=x.displayName;var C=f.forwardRef(({className:e,...t},n)=>(0,p.jsx)(`textarea`,{className:r(`flex min-h-36 w-full rounded-md border border-border bg-elevated px-3 py-3 font-sans text-sm text-fg`,`placeholder:text-subtle`,`transition-[border-color,box-shadow] duration-150 ease-out`,`focus-visible:border-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40`,`disabled:cursor-not-allowed disabled:opacity-50`,e),ref:n,...t}));C.displayName=`Textarea`;var w=[`Website`,`System`,`Archive`,`Game`,`Broadcast`,`Other`];function T(){let[e,t]=(0,f.useState)(``),[n,a]=(0,f.useState)(``),[s,c]=(0,f.useState)(`Website`),[h,g]=(0,f.useState)(``),[_,v]=(0,f.useState)(!1),[y,b]=(0,f.useState)(null);function x(t){if(t.preventDefault(),!e.trim()||!n.trim()||!h.trim()){b(`Name, email, and a note are required.`);return}b(null);let r=encodeURIComponent(`Modulo 59 brief: ${e.trim()}`),i=encodeURIComponent(`Name: ${e.trim()}\nEmail: ${n.trim()}\nFocus: ${s}\n\n${h.trim()}`);window.location.href=`mailto:${o.email}?subject=${r}&body=${i}`}async function T(){try{await navigator.clipboard.writeText(o.email),v(!0),window.setTimeout(()=>v(!1),1600)}catch{v(!1)}}return(0,p.jsxs)(`div`,{className:`grid gap-10 lg:grid-cols-12`,children:[(0,p.jsxs)(`form`,{onSubmit:x,className:`flex flex-col gap-5 lg:col-span-7`,children:[(0,p.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(S,{htmlFor:`name`,children:`Name`}),(0,p.jsx)(m,{id:`name`,name:`name`,autoComplete:`name`,value:e,onChange:e=>t(e.target.value),placeholder:`What should we call you`})]}),(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(S,{htmlFor:`email`,children:`Email`}),(0,p.jsx)(m,{id:`email`,name:`email`,type:`email`,autoComplete:`email`,value:n,onChange:e=>a(e.target.value),placeholder:`[email protected]`})]})]}),(0,p.jsxs)(`fieldset`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(`legend`,{className:`font-mono text-xs tracking-widest text-muted uppercase`,children:`Focus`}),(0,p.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-2`,children:w.map(e=>{let t=e===s;return(0,p.jsx)(`button`,{type:`button`,onClick:()=>c(e),className:r(`h-11 rounded-md border px-4 font-mono text-xs tracking-widest uppercase transition-colors duration-150`,t?`border-accent bg-accent text-accent-fg`:`border-border bg-elevated text-muted hover:text-fg`),"aria-pressed":t,children:e},e)})})]}),(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(S,{htmlFor:`message`,children:`The brief`}),(0,p.jsx)(C,{id:`message`,name:`message`,value:h,onChange:e=>g(e.target.value),placeholder:`What you are trying to build, and what is currently getting in the way.`})]}),y?(0,p.jsx)(`p`,{className:`border-l-2 border-accent pl-3 text-sm text-fg`,role:`alert`,children:y}):null,(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,p.jsxs)(i,{type:`submit`,children:[`Send a transmission`,(0,p.jsx)(d,{className:`size-3.5`})]}),(0,p.jsxs)(i,{type:`button`,variant:`secondary`,onClick:T,children:[_?(0,p.jsx)(l,{className:`size-3.5`}):(0,p.jsx)(u,{className:`size-3.5`}),_?`Copied`:`Copy email`]})]})]}),(0,p.jsxs)(`aside`,{className:`flex flex-col gap-6 rounded-2xl bg-surface p-6 shadow-[var(--shadow-border)] lg:col-span-5`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`p`,{className:`m59-kicker`,children:`Direct`}),(0,p.jsx)(`a`,{href:`mailto:${o.email}`,className:`mt-3 block font-display text-2xl font-medium tracking-tight text-fg`,children:o.email})]}),(0,p.jsx)(`div`,{className:`m59-rule`}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`p`,{className:`m59-kicker`,children:`Telegram`}),(0,p.jsx)(`a`,{href:o.telegram,target:`_blank`,rel:`noreferrer`,className:`mt-3 block text-fg transition-colors duration-150 hover:text-accent`,children:o.telegramHandle})]}),(0,p.jsx)(`div`,{className:`m59-rule`}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`p`,{className:`m59-kicker`,children:`X`}),(0,p.jsx)(`a`,{href:o.x,target:`_blank`,rel:`noreferrer`,className:`mt-3 block text-fg transition-colors duration-150 hover:text-accent`,children:o.xHandle})]}),(0,p.jsx)(`p`,{className:`text-sm leading-relaxed text-muted`,children:`Start with the real problem. Kat will come back with scope, not a pitch deck.`})]})]})}function E(){return(0,p.jsxs)(`main`,{id:`main-content`,children:[(0,p.jsxs)(`section`,{className:`mx-auto max-w-7xl px-4 pt-10 pb-6 sm:px-6 lg:pt-16`,children:[(0,p.jsx)(`p`,{className:`m59-kicker`,children:`Project desk`}),(0,p.jsx)(`h1`,{className:`m59-title mt-4 max-w-3xl`,children:`Tell me what you are trying to build, and what is currently getting in the way.`}),(0,p.jsx)(`p`,{className:`m59-lede mt-5`,children:`Have a project that needs structure, direction, or a proper home online? Open a brief. The strange ones are the point.`})]}),(0,p.jsx)(`section`,{className:`mx-auto max-w-7xl px-4 py-10 sm:px-6`,children:(0,p.jsx)(T,{})})]})}export{E as component};