https://production.assets.hyperpad.com/assets/MarketingHelpArticle-QZZOMPQH.js

1import{a as _}from"/assets/chunk-QVIWZSSD.js";import{h as N}from"/assets/chunk-3MV2XQI5.js";import"/assets/chunk-WG7OYX3N.js";import"/assets/chunk-RQKCK5XP.js";import{a as b,b as y,c as d,d as k}from"/assets/chunk-PLIVJWR7.js";import{a as v,e as g}from"/assets/chunk-Q52LPDN7.js";import"/assets/chunk-3H4HFEM2.js";import"/assets/chunk-KGH7CVAG.js";import"/assets/chunk-HRMUJI4G.js";import"/assets/chunk-2Q3AOBNI.js";import"/assets/chunk-B5NQ5ALC.js";import"/assets/chunk-P6RAE5QN.js";import{a as x}from"/assets/chunk-SI6UPAX7.js";import"/assets/chunk-QZEGL5W7.js";import"/assets/chunk-OAZ6AVAI.js";import"/assets/chunk-DZLEZB65.js";import"/assets/chunk-G3HLGEGV.js";import{a as R}from"/assets/chunk-K7GVSPCM.js";import"/assets/chunk-4Z4DMVOV.js";import{a as h}from"/assets/chunk-J3IT7JTE.js";import"/assets/chunk-EVZFXDCM.js";import"/assets/chunk-YOVBKOR2.js";import"/assets/chunk-BKPPJ4ZG.js";import"/assets/chunk-WBPNUDAW.js";import"/assets/chunk-5C75MHMF.js";import"/assets/chunk-P6BIUDLH.js";import"/assets/chunk-6QHMOWSJ.js";import{c as u}from"/assets/chunk-3P2IUJ3S.js";var f=u(R());var e=u(h()),$={...d,tagNames:[...d.tagNames??[],"figure","figcaption"],attributes:{...d.attributes,img:["src","alt","title","width","height","loading","decoding","srcset","sizes"],"*":[...d.attributes?.["*"]??[],"className"]}},S=t=>{if(!t)return null;let r=new Date(t);return Number.isNaN(r.getTime())?null:r.toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"})},H=t=>{if(!t)return[];let r=t.split(/\r?\n/),n=[],a=new Map,o=!1;for(let p of r){if(/^```/.test(p)){o=!o;continue}if(o)continue;let s=/^(#{2,3})\s+(.+?)\s*#*$/.exec(p);if(!s)continue;let i=s[1].length,m=s[2].replace(/[*_`]/g,"").trim();if(!m)continue;let l=g(m),c=a.get(l)??0;a.set(l,c+1),c>0&&(l=`${l}-${c}`),n.push({id:l,label:m,level:i})}return n},w=t=>{let r=new Map;return({node:n,children:a,...o})=>{let p=v(a).replace(/[*_`]/g,"").trim(),s=g(p),i=r.get(s)??0;r.set(s,i+1),i>0&&(s=`${s}-${i}`);let m=`h${t}`;return(0,e.jsx)(m,{id:s,...o,children:a})}},A="brightness(0) saturate(100%) invert(51%) sepia(57%) saturate(739%) hue-rotate(116deg) brightness(95%) contrast(93%)",T=t=>`${t.locale==="en-us"?"/documentation":`/documentation/${t.locale}`}/${t.slug}`,C=(t,r)=>`${g(t)}--${g(r)}`,E=({article:t})=>{let r=t.category_name&&t.section_name?C(t.category_name,t.section_name):null,n=t.locale==="en-us"?"/documentation":`/documentation/${t.locale}`;return(0,e.jsxs)("div",{className:"mb-6 flex flex-wrap items-center gap-2 text-sm text-marketing-fg-muted",children:[(0,e.jsx)("a",{href:n,className:"hover:text-hyperpad-green",children:"Documentation"}),t.section_name&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{"aria-hidden":"true",children:">"}),(0,e.jsx)("a",{href:`${n}${r?`#${r}`:""}`,className:"hover:text-hyperpad-green",children:t.section_name})]}),(0,e.jsx)("span",{"aria-hidden":"true",children:">"}),(0,e.jsx)("span",{className:"text-hyperpad-green",children:t.title})]})},M=({article:t,related:r})=>{let n=S(t.published_at);return(0,e.jsx)("section",{className:"bg-marketing-surface px-4 sm:px-6 lg:px-8 py-16",children:(0,e.jsxs)("div",{className:"mx-auto max-w-6xl",children:[(0,e.jsx)(E,{article:t}),(0,e.jsxs)("div",{className:"grid items-start gap-8 md:grid-cols-3",children:[(0,e.jsxs)("div",{className:"md:col-span-2",children:[(0,e.jsxs)("div",{className:"mb-4 flex items-center gap-3",children:[(0,e.jsx)("div",{className:"flex h-12 w-12 flex-none items-center justify-center rounded-lg border border-hyperpad-green/50 bg-hyperpad-green/10",children:(0,e.jsx)("i",{className:"fa-solid fa-book-open text-hyperpad-green","aria-hidden":"true"})}),t.section_name&&(0,e.jsx)("div",{className:"rounded-lg border border-hyperpad-green/50 bg-hyperpad-green/10 px-2 py-1 text-xs leading-3 text-hyperpad-green",children:t.section_name})]}),(0,e.jsx)("h1",{className:"mb-6 text-3xl font-semibold leading-8 text-marketing-fg md:text-5xl md:leading-none",children:t.title}),n&&(0,e.jsxs)("div",{className:"text-sm text-marketing-fg-muted",children:["Published ",n]}),t.cover_image&&(0,e.jsx)(x,{image:t.cover_image,alt:t.title,quality:"high",fill:!1,className:"mt-6 w-full rounded-lg border border-marketing-border"})]}),r.length>0&&(0,e.jsxs)("aside",{className:"rounded-lg border border-marketing-border bg-marketing-card p-6",children:[(0,e.jsxs)("div",{className:"mb-4 flex items-center gap-2",children:[(0,e.jsx)("img",{src:"/marketing/images/arrow-right_1.svg",alt:"","aria-hidden":"true",className:"h-3.5 w-3.5",

1style:{filter:A}}),(0,e.jsx)("span",{className:"font-semibold text-marketing-fg",children:"Related Articles"})]}),(0,e.jsx)("div",{className:"flex flex-col",children:r.map(a=>(0,e.jsxs)("a",{href:T(a),className:"group flex items-start gap-2 rounded-lg p-3 transition-colors hover:bg-black/5",children:[(0,e.jsx)("div",{className:"flex h-8 w-8 flex-none items-center justify-center rounded-lg bg-hyperpad-green/10",children:(0,e.jsx)("i",{className:"fa-solid fa-file-lines text-hyperpad-green","aria-hidden":"true"})}),(0,e.jsx)("div",{className:"min-w-0",children:(0,e.jsx)("div",{className:"line-clamp-2 font-medium text-marketing-fg group-hover:text-hyperpad-green",children:a.title})})]},a.id))})]})]})]})})},P=({toc:t})=>t.length===0?null:(0,e.jsxs)("aside",{className:"self-start rounded-lg border border-marketing-border bg-marketing-card p-6 md:sticky md:top-32",children:[(0,e.jsxs)("div",{className:"mb-4 flex items-center gap-2",children:[(0,e.jsx)("img",{src:"/marketing/images/arrow-right_1.svg",alt:"","aria-hidden":"true",className:"h-3 w-3",style:{filter:A}}),(0,e.jsx)("span",{className:"font-semibold text-marketing-fg",children:"In This Article"})]}),(0,e.jsx)("nav",{className:"flex flex-col gap-3",children:t.map(r=>(0,e.jsx)("a",{href:`#${r.id}`,className:`text-sm text-marketing-fg-muted transition-colors hover:text-hyperpad-green ${r.level===3?"pl-4":""}`,children:r.label},r.id))})]}),I=["prose prose-base max-w-none","prose-headings:text-marketing-fg prose-headings:font-semibold","prose-h2:text-2xl prose-h2:leading-none prose-h2:text-hyperpad-green prose-h2:mt-12 prose-h2:mb-6","prose-h3:text-xl prose-h3:leading-7 prose-h3:text-marketing-fg prose-h3:mt-8 prose-h3:mb-4","prose-p:text-lg prose-p:leading-6 prose-p:text-marketing-fg-muted","prose-a:text-hyperpad-green prose-a:no-underline hover:prose-a:underline","prose-strong:text-marketing-fg","prose-li:text-marketing-fg-muted prose-li:marker:text-hyperpad-green","prose-ul:my-4 prose-ol:my-4","prose-img:rounded-lg prose-img:border prose-img:border-marketing-border prose-img:mx-auto","prose-blockquote:border-l-hyperpad-green prose-blockquote:text-marketing-fg-muted prose-blockquote:not-italic","prose-code:text-marketing-fg prose-code:bg-marketing-surface prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:text-[0.9em] prose-code:before:content-none prose-code:after:content-none","prose-pre:bg-marketing-surface prose-pre:text-marketing-fg prose-pre:border prose-pre:border-marketing-border","prose-hr:border-marketing-fg-muted/30","prose-table:text-marketing-fg-muted prose-th:text-marketing-fg prose-td:border-marketing-border prose-th:border-marketing-border"].join(" "),F=({article:t})=>{let r=t.body_markdown?.trim(),n=(0,f.useMemo)(()=>_(t.images,void 0,void 0,t.title),[t.images,t.title]),a={h2:w(2),h3:w(3),img:n,pre:o=>(0,e.jsx)("pre",{...o,dir:"ltr"})};return r?(0,e.jsx)("div",{className:I,children:(0,e.jsx)(b,{rehypePlugins:[y,[k,$]],components:a,children:r})}):(0,e.jsx)("p",{className:"text-marketing-fg-muted",children:"This article has no content yet."})},L=({article:t})=>{let r=(0,f.useMemo)(()=>H(t.body_markdown??null),[t.body_markdown]);return(0,e.jsx)("section",{className:"bg-marketing-bg px-4 sm:px-6 lg:px-8 py-16",children:(0,e.jsxs)("div",{className:"mx-auto grid max-w-6xl gap-8 md:grid-cols-3",children:[(0,e.jsx)("div",{className:"md:col-span-2",children:(0,e.jsx)(F,{article:t})}),(0,e.jsx)(P,{toc:r})]})})},q=({article:t,related:r=[]})=>(0,e.jsxs)(N,{children:[(0,e.jsx)(M,{article:t,related:r}),(0,e.jsx)(L,{article:t})]}),Z=q;export{Z as default};
2