https://www.agney.dev/assets/SubscribeNewsletter--2b7cEW8.js

1import{p as e,u as t,v as n}from"./index-CzEH8C9I.js";import{t as r}from"./clsx-CjueKrWZ.js";var i=n(e(),1),a=!0,o=`Invariant failed`;function s(e,t){if(!e){if(a)throw Error(o);var n=typeof t==`function`?t():t,r=n?`${o}: ${n}`:o;throw Error(r)}}var c=t(),l=(0,i.createContext)(null),u=()=>{let e=(0,i.useContext)(l);return s(e,`Input compound components cannot be rendered outside the Input component`),e};function d({className:e,hasDescription:t,children:n,...a}){let o=(0,i.useId)(),s=(0,i.useId)(),u=(0,i.useMemo)(()=>({inputId:o,descriptionId:s,hasDescription:t}),[o,s,t]);return(0,c.jsx)(l.Provider,{value:u,children:(0,c.jsx)(`div`,{className:r(`flex flex-col gap-y-0.5`,e),...a,children:n})})}function f({className:e,...t}){let{inputId:n,hasDescription:i,descriptionId:a}=u();return(0,c.jsx)(`div`,{children:(0,c.jsx)(`input`,{id:n,className:r(`block w-full rounded-md border-0 py-2 text-primary shadow-xs ring-1 ring-muted ring-inset placeholder:text-tertiary focus:ring-2 focus:ring-accent focus:ring-inset sm:text-sm sm:leading-6 bg-surface`,e),"aria-describedby":i?a:void 0,...t})})}var p=({children:e,className:t,...n})=>{let{hasDescription:i,descriptionId:a}=u();return s(i,`Set hasDescription on InputGroup to true when rendering InputDescription`),(0,c.jsx)(`p`,{className:r(`mt-1 text-sm text-secondary`,t),id:a,...n,children:e})};function m({className:e,...t}){let{inputId:n}=u();return(0,c.jsx)(`label`,{htmlFor:n,className:r(`block text-sm leading-6 font-medium text-primary`,e),...t})}var h=Object.assign({Group:d,InputBase:f,Label:m,Description:p});function g(){return(0,c.jsxs)(`div`,{className:`text-primary flex flex-col-reverse gap-x-16 gap-y-16 px-8 md:flex-row lg:px-4`,children:[(0,c.jsxs)(`div`,{className:`flex max-w-md flex-col gap-y-3 text-balance md:basis-1/2`,children:[(0,c.jsxs)(`p`,{children:[(0,c.jsx)(`span`,{children:`Stay ahead of the curve in Web Development with `}),(0,c.jsx)(`span`,{className:`italic`,children:`Javascript Every Month`}),(0,c.jsx)(`span`,{children:` Newsletter.`})]}),(0,c.jsx)(`p`,{children:`I will deliver a curated selection of articles, tutorials, and resources straight to your inbox once a month.`}),(0,c.jsxs)(`p`,{children:[(0,c.jsx)(`span`,{children:`Read the `}),(0,c.jsx)(`a`,{href:`https://buttondown.email/agney/archive/`,target:`_blank`,className:`underline decoration-dotted underline-offset-2 hover:

1decoration-solid`,children:`Archives`})]})]}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-y-4 md:basis-1/2`,children:[(0,c.jsxs)(`h2`,{className:`text-primary text-xl`,children:[(0,c.jsx)(`span`,{children:`Subscribe to `}),(0,c.jsx)(`span`,{className:`font-semibold`,children:`JEM`}),(0,c.jsx)(`span`,{children:` Newsletter`})]}),(0,c.jsx)(`form`,{action:`https://buttondown.email/api/emails/embed-subscribe/agney`,method:`post`,target:`popupwindow`,children:(0,c.jsxs)(`div`,{className:`flex flex-col gap-y-4`,children:[(0,c.jsxs)(h.Group,{hasDescription:!0,children:[(0,c.jsx)(h.Label,{children:`Email`}),(0,c.jsx)(h.InputBase,{type:`email`,autoComplete:`email`,inputMode:`email`,placeholder:`[email protected]`,required:!0,name:`email`}),(0,c.jsx)(h.Description,{children:`No spam, unsubscribe anytime.`})]}),(0,c.jsx)(`input`,{type:`hidden`,value:`1`,name:`embed`}),(0,c.jsx)(`input`,{type:`hidden`,name:`tag`,value:`blog`}),(0,c.jsx)(`button`,{type:`submit`,className:`bg-accent hover:bg-accent-hover focus-visible:outline-accent inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-semibold text-white shadow-xs focus-visible:outline-2 focus-visible:outline-offset-2`,children:`I want in!`})]})})]})]})}export{g as t};