https://www.smalls.com/assets/fact-cards-carousel-BgxiMqzp.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="67eba865-5f96-58c3-a9c6-04b2525a32a2")}catch(e){}}();
3import{r as x,j as e}from"./chunk-QUQL4437-u7y9NfBn.js";import{T as h,u as N}from"./index-DmaqorGX.js";import{W as y,C as k}from"./index-DND5SS9h.js";import{P as I}from"./index-D824xelB.js";import{r as E,m as S,a as C}from"./proxy-BnyKFKVf.js";import{a as T}from"./index-DE4K6ENE.js";import{I as V}from"./index-BU9QqJwA.js";import{L as W}from"./index-DYG-VRUo.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{};n.SENTRY_RELEASE={id:"0693db97ce4fecab819a3939f0d0cccae75bb5de"}}catch{}})();const B={some:0,all:1};function D(n,a,{root:i,margin:s,amount:t="some"}={}){const f=E(n),l=new WeakMap,r=c=>{c.forEach(d=>{const m=l.get(d.target);if(d.isIntersecting!==!!m)if(d.isIntersecting){const u=a(d.target,d);typeof u=="function"?l.set(d.target,u):o.unobserve(d.target)}else typeof m=="function"&&(m(d),l.delete(d.target))})},o=new IntersectionObserver(r,{root:i,rootMargin:s,threshold:typeof t=="number"?t:B[t]});return f.forEach(c=>o.observe(c)),()=>o.disconnect()}function g(n,{root:a,margin:i,amount:s,once:t=!1,initial:f=!1}={}){const[l,r]=x.useState(f);return x.useEffect(()=>{if(!n.current||t&&l)return;const o=()=>(r(!0),t?void 0:()=>r(!1)),c={root:a&&a.current||void 0,margin:i,amount:s};return D(n.current,o,c)},[a,n,i,t,s]),l}function L({from:n=0,to:a,duration:i=1,className:s="text-black"}){const t=x.useRef(null),f=g(t,{once:!0}),[l,r]=x.useState(n);return C(()=>{if(f&&t.current){const o=T(n,a,{duration:i,onUpdate(c){r(Math.ceil(c))}});return()=>o.stop()}},[f,n,a]),e.jsx("span",{ref:t,className:`text-monument sm:text-heading-5xl lg:text-heading-6xl text-heading-lg lining-nums ${s}`,children:e.jsxs(h,{variant:"callout",children:[l,"%"]})})}function M({to:n,from:a=0,duration:i=1,size:s=80,className:t="text-black"}){const f=x.useRef(null),l=g(f,{once:!0}),r=45,o=Math.ceil(2*Math.PI*r),c=Math.abs(Math.ceil(o/100*(n-100))),d=10,m={duration:1,ease:"easeIn"},u={hidden:{strokeDashoffset:o,transition:m},show:{strokeDashoffset:c,transition:m}};return e.jsxs("div",{ref:f,className:"flex items-center justify-center",children:[e.jsx("div",{className:"absolute",children:e.jsx(L,{to:n,from:a,duration:i,className:t})}),e.jsxs("div",{className:"relative",style:{height:s},children:[e.jsx("svg",{viewBox:"0 0 90 90",version:"1.1",xmlns:"http://www.w3.org/2000/svg",width:s,height:s,className:"overflow-visible","aria-hidden":"true",children:e.jsx("circle",{cx:"45",cy:"45",r,className:"circle",strokeWidth:d,stroke:"none",fill:"transparent"})}),e.jsx("svg",{viewBox:"0 0 90 90",width:s,height:s,className:`absolute left-0 top-0 rotate-[-10deg] overflow-visible ${t}`,"aria-hidden":"true",children:e.jsx(S.circle,{cx:"45",cy:"45",r,strokeWidth:2,stroke:"currentColor",fill:"transparent",strokeDashoffset:c,strokeDasharray:o,variants:u,initial:"hidden",animate:l?"show":"hidden"})})]})]})}const O=({pieStatValue:n,caption:a,description:i,photo:s,title:t})=>e.jsxs("div",{role:"listitem",className:"flex w-screen shrink-0 grow-0 basis-[95%] flex-col items-center justify-center overflow-hidden text-center sm:basis-2/3 md:basis-1/2 sm:lg:basis-1/3 xl:basis-1/3 px-4 md:px-2 first-of-type:pl-4",children:[e.jsxs("div",{className:"relative flex h-[384px] w-full flex-col items-start rounded-t-lg overflow-hidden justify-end gap-2 bg-black p-4 text-left text-white",children:[e.jsxs("span",{className:"z-10 flex flex-col items-start gap-2",children:[e.jsx(M,{to:n,className:"text-white"}),e.jsx(h,{variant:"body/bold",children:a})]}),e.jsx("img",{src:s,alt:"",className:"absolute bottom-0 left-0 h-full w-full object-cover opacity-70",loading:"lazy"})]}),e.jsxs("div",{className:"bg-warm-grey rounded-b-lg overflow-hidden w-full flex flex-col gap-2 p-4 pb-6",children:[e.jsx(h,{as:"p",variant:"caps",className:"text-center",children:t}),e.jsx(h,{as:"p",variant:"body/small/bold",className:"text-left",children:i})]})]}),q=({title:n,items:a,children:i,cta:s})=>{const{width:t}=N();return e.jsxs("div",{className:"flex w-full flex-col items-center justify-center gap-8 bg-yellow pb-8 pt-6 text-center md:py-6 md:gap-6 md:pb-6",children:[e.jsxs(h,{variant:"h2",lg:"h1",as:"h2",className:"px-8 pt-1 mt-px",children:[e.jsx(V,{name:"icon-arrow-long","aria-hidden":!0,

3className:"mr-2 inline-block h-7 w-7 mb-1"}),"88% of customers report health improvements after switching to Smalls"]}),e.jsx("div",{className:"w-screen max-w-1264 pt-1 overflow-hidden sm:w-small md:pt-1",children:e.jsx(y,{title:n,align:"center",startIndex:0,containScroll:t&&t>=1024?"trimSnaps":!1,children:(f,l,r,o,c,d,m)=>e.jsxs(e.Fragment,{children:[e.jsx(k,{emblaRef:l,title:f,children:a.map((u,v)=>{var w,b;const p=Object.hasOwn(u,"fields")?u.fields:u,j=Object.hasOwn(u,"fields")?(b=(w=u.fields.image)==null?void 0:w.fields.file)==null?void 0:b.url:u.photo;return e.jsx(O,{pieStatValue:p.pieStatValue,caption:p.caption,description:p.description,title:p.title,photo:j},v)})}),t&&t>=1024?void 0:e.jsx(I,{scrollNext:r,scrollPrev:c,mode:"wide",intent:"naked",showCount:!0,className:"mx-auto my-0 w-[calc(95%-2rem)] sm:w-[calc(66%-2rem)] md:w-[calc(50%-2rem)] rounded-full bg-warm-grey",total:3,value:(m||0)+1})]})})}),i,s&&e.jsx("div",{className:"w-full px-7 text-center md:w-auto",children:e.jsx(W,{to:s.fields.buttonLink,size:"large",className:"w-full md:w-auto",intent:s.fields.buttonType,"aria-label":s.fields.buttonAccessibleName,children:s.fields.buttonLabel})})]})};export{q as F};
4//# sourceMappingURL=fact-cards-carousel-BgxiMqzp.js.map
5
6//# debugId=67eba865-5f96-58c3-a9c6-04b2525a32a2