https://pelagohealth.com/_next/static/chunks/8537.ae3b8deab7ff9668.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8537],{41477:(e,t,s)=>{s.d(t,{dp:()=>h,zm:()=>m});var a=s(37876),n=s(14232),l=s(58103),i=s.n(l),r=s(5135),o=s(81134);let d=[.16,1,.3,1],c={type:"spring",stiffness:380,damping:32},u={type:"spring",stiffness:260,damping:20},p={scaleX:[1,2,.9,1],scaleY:[1,.6,1.1,1]};function m(e){let t=[],s=new Map;return(e??[]).forEach(e=>{let a=e?.group?.trim();if(!a)return;let n=a.toLowerCase();if(s.has(n))return;let l={label:a,items:[]};s.set(n,l),t.push(l)}),t.length&&(e??[]).forEach(e=>{let a=e?.group?.trim().toLowerCase();a?s.get(a).items.push(e):t.forEach(t=>t.items.push(e))}),t}function h({tabs:e,activeIndex:t,onSelect:s,idPrefix:l,panelId:o,label:d="Groups",className:c}){let u=(0,n.useRef)([]),[p,m]=(0,n.useState)(!1),h=(0,r.I)();if(!e?.length)return null;let g=e=>{m(!0),s(e)},b=s=>{let a={ArrowRight:1,ArrowDown:1,ArrowLeft:-1,ArrowUp:-1},n=null;a[s.key]&&(n=(t+a[s.key]+e.length)%e.length),"Home"===s.key&&(n=0),"End"===s.key&&(n=e.length-1),null!==n&&(s.preventDefault(),g(n),u.current[n]?.focus())};return(0,a.jsx)("div",{role:"tablist","aria-label":d,className:i()("flex w-fit items-center gap-3 rounded-full p-2 ring-4 ring-inset ring-stone-40",c),children:e.map((e,s)=>(0,a.jsx)(x,{label:e.label,isActive:t===s,onSelect:()=>g(s),onKeyDown:b,id:`${l}-tab-${s}`,panelId:o,groundId:`${l}-ground`,markId:`${l}-mark`,animateArrival:p,reduceMotion:h,buttonRef:e=>{u.current[s]=e}},e.label))})}function x({label:e,isActive:t,onSelect:s,onKeyDown:n,id:l,panelId:r,groundId:m,markId:h,animateArrival:x,reduceMotion:g,buttonRef:b}){let f=x&&!g;return(0,a.jsxs)("button",{ref:b,type:"button",role:"tab",id:l,"aria-selected":t,"aria-controls":r,tabIndex:t?0:-1,onClick:s,onKeyDown:n,className:i()("text-label relative flex shrink-0 items-center whitespace-nowrap rounded-full py-2 pl-[35px] pr-4 transition-colors duration-200",t?"text-white":"text-black-80 hover:text-black"),children:[t&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.P.span,{layoutId:m,"aria-hidden":"true",className:"absolute inset-0 bg-black",style:{borderRadius:500},transition:g?{duration:0}:c}),(0,a.jsx)("span",{"aria-hidden":"true",className:"absolute inset-y-0 left-4 flex items-center",children:(0,a.jsx)(o.P.span,{layoutId:h,className:"h-[11px] w-[7px]",transition:g?{duration:0}:u,children:(0,a.jsx)(o.P.span,{className:"block h-full w-full rounded-[100%] bg-yellow",initial:!!f&&{scaleX:1,scaleY:1},animate:f?p:{scaleX:1,scaleY:1},transition:{duration:.55,ease:d,times:[0,.35,.7,1]}})})})]}),(0,a.jsx)("span",{className:"relative",children:e})]})}},58537:(e,t,s)=>{s.r(t),s.d(t,{default:()=>N});var a=s(37876),n=s(14232),l=s(5135),i=s(64575),r=s(81134),o=s(41477),d=s(58103),c=s.n(d),u=s(56340),p=s(73291),m=s(84289);let h={stone:"bg-stone-20",stone_40:"bg-stone-40",black:"bg-card-ondark text-white"};function x({cards:e=[],card_theme:t="stone"}){return e?.length?(0,a.jsx)("div",{className:"grid gap-6 md:grid-cols-2 md:gap-4",children:e.map(({asset:e,text_card:s},n)=>(0,a.jsxs)("div",{className:c()("space-y-2 rounded-lg border border-card-border-ondark p-2 sm:space-y-4 sm:rounded-xl sm:p-3",h[t]??h.stone),children:[(0,u.Ro)(e)&&(0,a.jsx)("div",{className:"relative aspect-[570/360] overflow-hidden rounded sm:rounded-lg",children:(0,a.jsx)(m.A,{asset:e,layout:"fill",objectFit:"cover"})}),(0,a.jsx)("div",{className:"p-4 sm:p-3 lg:p-7",children:(0,a.jsx)(p.yA,{...s,options:{...s?.options??{},y_spacing:"tight"}})})]},`feature-card-${n}`))}):null}let g={stone:"bg-stone-40",stone_40:"bg-stone-40",black:"border border-card-border-ondark bg-card-ondark text-white"};function b({asset:e,text_card:t,theme:s,mediaRatio:n,fullBleedMedia:l}){return(0,a.jsxs)("article",{className:c()("h-full overflow-hidden rounded-lg sm:rounded-xl",g[s]??g.stone),children:[(0,u.Ro)(e)&&(0,a.jsx)("div",{className:l?null:"p-3",children:(0,a.jsx)("div",{className:"relative w-full overflow-hidden",style:{aspectRatio:n},children:(0,a.jsx)("div",{className:"absolute inset-x-0 top-0",children:(0,a.jsx)(m.A,{asset:e,layout:"responsive"})})})}),(0,a.jsx)("div",{className:"px-6 pb-6 pt-1 sm:px-7 sm:pb-7",children:(0,a.jsx)(p.yA,{...t,options:{...t?.options??{},y_spacing:"tight",content_font_size:"16"}})})]})}function f({asset:e,text_card:t}){return(0,a.jsxs)("article",{className:"space-y-5 lg:space-y-8",children:[(0,u.Ro)(e)&&(0,a.jsx)("div",{className:"relative aspect-[389/440] overflow-hidden rounded-lg sm:rounded-xl",children:(0,a.jsx)(m.A,{asset:e,layout:"fill",objectFit:"cover"})}),(0,a.jsx)(p.yA,{...t,options:{...t?.options??{},y_spacing:"tight",content_classes:"text-body-14"}})]})}let y=16/11,j={bento:x,three_col:function({cards:e=[],card_style:t="contained",card_theme:s="stone",full_bleed_media:n=!1}){if(!e?.length)return null;let l="loose"===t,i=l?f:b,r=e.map(({asset:e})=>(function(e){if(!e||(e.type??"image")!=="image")return null;let{width:t,height:s}=e.image??{};return t>0&&s>0?t/s:null}

1)(e)).filter(Boolean),o=r.length?Math.min(...r):y;return(0,a.jsx)("ul",{className:c()("grid lg:grid-cols-3",l?"gap-x-4 gap-y-10":"gap-x-3 gap-y-8"),children:e.map(({asset:e,text_card:t},l)=>(0,a.jsx)("li",{children:(0,a.jsx)(i,{asset:e,text_card:t,theme:s,mediaRatio:o,fullBleedMedia:n})},`feature-card-${l}`))})}},v=[.16,1,.3,1],w={hidden:{opacity:0,y:16},visible:{opacity:1,y:0,transition:{duration:.4,ease:v}},exit:{opacity:0,y:-8,transition:{duration:.2,ease:v}}};function N({layout:e="bento",cards:t,...s}){let d=(0,n.useId)(),[c,u]=(0,n.useState)(0),p=(0,l.I)(),m=j[e]||x,h=(0,o.zm)(t),g=h.length>1,b=g?h[c]?.items??h[0].items:t;return b?.length?g?(0,a.jsxs)("div",{children:[(0,a.jsx)(o.dp,{tabs:h,activeIndex:c,onSelect:u,idPrefix:d,panelId:`${d}-panel`,label:"Card groups",className:"mb-10 md:mb-16 lg:mb-24"}),(0,a.jsx)(i.N,{mode:"wait",initial:!1,children:(0,a.jsx)(r.P.div,{id:`${d}-panel`,role:"tabpanel","aria-labelledby":`${d}-tab-${c}`,variants:w,initial:!p&&"hidden",animate:"visible",exit:p?{opacity:0}:"exit",children:(0,a.jsx)(m,{...s,cards:b})},c)})]}):(0,a.jsx)(m,{...s,cards:b}):null}}}]);