https://proteinchips.org/assets/SparkInput-0Qx0UN8J.js

1import{j as e}from"./vendor-motion-DeqZC-4t.js";import{e as u,N as m,r as n}from"./vendor-react-DhMA_kEV.js";import{V as p,S as x}from"./ScoringPanel-CeSi3sc7.js";import{u as f,A as h}from"./DomainField-BtHAz1oY.js";import{s as g}from"./synthesizePreview-B7nxI8D3.js";import"./App-CVGAgymZ.js";import"./index-WqAUWWUN.js";import"./vendor-supabase-CHGq0V2O.js";import"./vendor-query-cy1x5wk5.js";import"./vendor-charts-DKUbyPp_.js";import"./vendor-icons-xAlReevQ.js";import"./logChunkLoadFailure-BWuYLh8E.js";const v=["D","A","B","C"].map(t=>({id:t,href:`/lab/spark-input/${t.toLowerCase()}`,title:t}));function F(){const{variant:t}=u(),r=(t||"d").toUpperCase();return"ABCD".includes(r)?e.jsxs(p,{lab:"spark-input",labTitle:"The domain field, examined",variant:r,variantTitle:b[r],variantTagline:j[r],siblings:v,scoring:e.jsx(x,{lab:"spark-input",variant:r}),children:[r==="D"&&e.jsx(y,{}),r==="A"&&e.jsx(N,{}),r==="B"&&e.jsx(w,{}),r==="C"&&e.jsx(S,{})]}):e.jsx(m,{to:"/lab/spark-input/d",replace:!0})}const b={D:"Live Transformation · Type → intent reveals itself",A:"Apple-minimal · A field, a cursor, a hint",B:"Panda-forward · Encouragement at every keystroke",C:"Stripe-functional · DNS + WHOIS + intent inline"},j={D:"Each character changes what we know about you.",A:"Single field. No assist. No fuss.",B:"Warm reassurance as you type.",C:"Show what we infer, in monospace."};function y(){const[t,r]=n.useState(""),[s,l]=n.useState("");n.useEffect(()=>{const o=window.setTimeout(()=>l(t.trim()),220);return()=>window.clearTimeout(o)},[t]);const i=s.length>=2,c=f(i,600),a=n.useMemo(()=>i?g(s):null,[s,i]);return e.jsxs("section",{className:"space-y-8 py-6",children:[e.jsx("input",{autoFocus:!0,value:t,onChange:o=>r(o.target.value),placeholder:"start typing…",className:"w-full text-3xl sm:text-5xl font-medium tracking-tight bg-transparent border-0 border-b-2 border-foreground

1/15 focus:border-foreground outline-none py-4"}),e.jsx("div",{className:"min-h-[20px]",children:i&&e.jsx(h,{pct:c,label:"Reading"})}),a&&e.jsxs("div",{className:"grid sm:grid-cols-3 gap-3 text-sm",children:[e.jsxs("div",{className:"rounded-md border-2 p-4",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-widest text-muted-foreground",children:"Intent"}),e.jsx("div",{className:"font-medium capitalize mt-1",children:a.intent})]}),e.jsxs("div",{className:"rounded-md border-2 p-4",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-widest text-muted-foreground",children:"Layout"}),e.jsx("div",{className:"font-medium capitalize mt-1",children:a.archetype})]}),e.jsxs("div",{className:"rounded-md border-2 p-4",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-widest text-muted-foreground",children:"Palette"}),e.jsx("div",{className:"flex gap-1.5 mt-1",children:[a.palette.primary,a.palette.accent,a.palette.ink].map((o,d)=>e.jsx("span",{className:"h-5 w-5 rounded-sm border",style:{background:`hsl(${o})`}},d))})]})]})]})}function N(){return e.jsx("section",{className:"min-h-[50vh] flex flex-col items-center justify-center py-16",children:e.jsx("input",{autoFocus:!0,placeholder:"domain",className:"text-4xl text-center bg-transparent border-b-2 border-foreground

1/15 focus:border-foreground outline-none px-0 py-3 w-full max-w-md"})})}function w(){const[t,r]=n.useState(""),s=t?t.length<3?"Almost there…":t.includes(".")?"Lovely. Press enter when you're set.":"Add a `.com` (or any TLD)":"Drop one in when you're ready.";return e.jsxs("section",{className:"space-y-4 py-10 max-w-xl",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"text-3xl","aria-hidden":!0,children:"🐼"}),e.jsx("span",{className:"text-muted-foreground text-sm",children:s})]}),e.jsx("input",{autoFocus:!0,value:t,onChange:l=>r(l.target.value),placeholder:"yourdomain.com",className:"w-full text-2xl bg-transparent border-b-2 border-border focus:border-primary outline-none py-3"})]})}function S(){const[t,r]=n.useState("");return e.jsxs("section",{className:"space-y-4 py-6 font-mono",children:[e.jsx("input",{autoFocus:!0,value:t,onChange:s=>r(s.target.value),placeholder:"hostname.tld",className:"w-full text-xl bg-card border rounded-md px-3 py-2 outline-none focus:border-foreground"}),e.jsx("pre",{className:"text-xs bg-card border rounded-md p-4 overflow-x-auto",children:`> resolve(${JSON.stringify(t||"")})
2  intent     ${t?"inferred":"—"}
3  whois      ${t?"lookup queued":"—"}
4  ns         ${t?"ns1.frenly.dns":"—"}
5  preview    ${t?"ready":"idle"}`})]})}export{F as default};