@frequencyads/components 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14,7 +14,9 @@ export interface HeroProps {
14
14
  /** Subtitle shown below the logo or heading */
15
15
  tagline?: string;
16
16
  /** Image source for logo variant (defaults to Frequency mark) */
17
- logoSrc?: string;
17
+ logoSrc?: string | {
18
+ src: string;
19
+ };
18
20
  /** Brand gradient for text variant heading (default 'frequencyAlive') */
19
21
  gradient?: GradientName;
20
22
  /** Enable shimmer animation on gradient text (default true) */
@@ -1 +1 @@
1
- {"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/Hero/Hero.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAKvD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,SAAS;IACxB,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAgB,EAChB,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAwB,EACxB,QAAQ,EAAE,YAA+B,EACzC,OAAc,EACd,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,mBAA2B,GAC5B,EAAE,SAAS,2CAwIX"}
1
+ {"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../src/Hero/Hero.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAKvD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,SAAS,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,SAAS;IACxB,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,yEAAyE;IACzE,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC;IAC7B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,IAAI,CAAC,EACnB,OAAgB,EAChB,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAwB,EACxB,QAAQ,EAAE,YAA+B,EACzC,OAAc,EACd,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,mBAA2B,GAC5B,EAAE,SAAS,2CAyIX"}
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),t=require("@mantine/core"),k=require("framer-motion"),z=require("@tabler/icons-react"),fe=require("@frequencyads/brand/assets/frequency-mark-white.svg"),_e=require("@frequencyads/brand/colors");function ve({value:s,suffix:n="",prefix:i="",duration:a=2e3,threshold:l=.5,abbreviate:p=!0,decimals:g,...j}){const[_,d]=c.useState(0),[h,y]=c.useState(!1),r=c.useRef(null);c.useEffect(()=>{const m=r.current;if(!m)return;const u=new IntersectionObserver(([b])=>{b.isIntersecting&&!h&&y(!0)},{threshold:l});return u.observe(m),()=>u.disconnect()},[h,l]),c.useEffect(()=>{if(!h)return;let m,u;const b=o=>{m||(m=o);const f=Math.min((o-m)/a,1),w=1-Math.pow(1-f,3);d(w*s),f<1&&(u=requestAnimationFrame(b))};return u=requestAnimationFrame(b),()=>cancelAnimationFrame(u)},[h,s,a]);const v=()=>{if(p&&s>=1e3){const m=_/1e3;return m%1===0?`${Math.round(m)}K`:`${m.toFixed(1)}K`}return g!==void 0?_.toFixed(g):s!==Math.floor(s)?_.toFixed(1):Math.round(_).toString()};return e.jsxs(t.Text,{component:"span",ref:r,style:{fontVariantNumeric:"tabular-nums"},...j,children:[i,v(),n]})}const je="_root_1bq7s_1",ge="_svg_1bq7s_12",oe={root:je,svg:ge},ye=140,ne=3,ae=10,he=150,F=he/2;function te({barCount:s=ye,duration:n=3,repeatDelay:i=3}){const[a,l]=c.useState(!1);if(c.useEffect(()=>{l(!0)},[]),!a)return null;const p=s*ae;return e.jsx("div",{className:oe.root,children:e.jsxs("svg",{className:oe.svg,viewBox:`0 0 ${p} ${he}`,preserveAspectRatio:"none",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"waveformBarGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"white",stopOpacity:"0"}),e.jsx("stop",{offset:"15%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"50%",stopColor:"white",stopOpacity:"0.25"}),e.jsx("stop",{offset:"85%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"100%",stopColor:"white",stopOpacity:"0"})]})}),[...Array(s)].map((g,j)=>{const _=j*ae,d=18+Math.sin(j*.4)*6+Math.cos(j*.7)*4,h=Math.min(j,s-1-j)*.04;return e.jsxs("g",{children:[e.jsx(k.motion.rect,{x:_,width:ne,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:d/2,y:F-d/4},animate:{height:[d/2,d*2,d/2,d*1.2,d/2],y:[F-d/4,F-d,F-d/4,F-d*.6,F-d/4]},transition:{duration:n,repeat:1/0,ease:"easeInOut",delay:h,repeatDelay:i}}),e.jsx(k.motion.rect,{x:_,y:F,width:ne,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:d/2},animate:{height:[d/2,d*2,d/2,d*1.2,d/2]},transition:{duration:n,repeat:1/0,ease:"easeInOut",delay:h,repeatDelay:i}})]},j)})]})})}const be="_root_1pkxe_1",we="_progressOverlay_1pkxe_9",Ie="_bars_1pkxe_19",Ne="_bar_1pkxe_19",Se="_loading_1pkxe_34",H={root:be,progressOverlay:we,bars:Ie,bar:Ne,loading:Se};function Ce(s=100){const n=[];for(let i=0;i<s;i++){const a=i/(s-1),l=20+Math.sin(i*.1)*15,p=(Math.random()-.5)*20,g=Math.sin(a*Math.PI)*30,j=a>.2&&a<.8?Math.random()*10:0,_=a<.05||a>.95?Math.min(a/.05,(1-a)/.05):1;n.push(Math.max(5,Math.min(90,(l+p+g+j)*_)))}return n}const K=c.forwardRef(({audioRef:s,currentTime:n=0,onSeek:i,loading:a=!1,waveColor:l="#CCCCCC",progressColor:p="#169bde",height:g=60,barWidth:j=2,barGap:_=1},d)=>{const h=c.useRef(null),[y]=c.useState(()=>Ce()),[r,v]=c.useState(0),[m,u]=c.useState(0);c.useImperativeHandle(d,()=>({seekTo:o=>{r>0&&u(Math.max(0,Math.min(100,o/r*100)))},getCurrentTime:()=>m/100*r,getDuration:()=>r})),c.useEffect(()=>{const o=s.current;if(!o)return;const f=()=>{o.duration&&!isNaN(o.duration)&&v(o.duration)},w=()=>{o.duration>0&&u(o.currentTime/o.duration*100)};return o.duration&&!isNaN(o.duration)&&v(o.duration),o.addEventListener("loadedmetadata",f),o.addEventListener("timeupdate",w),()=>{o.removeEventListener("loadedmetadata",f),o.removeEventListener("timeupdate",w)}},[s]),c.useEffect(()=>{r>0&&typeof n=="number"&&u(n/r*100)},[n,r]);const b=c.useCallback(o=>{if(!h.current||!i||r===0)return;const f=h.current.getBoundingClientRect(),w=(o.clientX-f.left)/f.width*r;i(w)},[i,r]);return e.jsxs(t.Box,{ref:h,className:H.root,style:{height:g},onClick:b,children:[e.jsx("div",{className:H.progressOverlay,style:{width:`${m}%`,backgroundColor:`${p}15`}}),e.jsx("div",{className:H.bars,style:{gap:_},children:y.map((o,f)=>{const w=f/y.length*100<=m;return e.jsx("div",{className:H.bar,style:{width:j,height:`${o}%`,backgroundColor:w?p:l}},f)})}),a&&e.jsx("div",{className:H.loading,children:"Loading waveform..."})]})});K.displayName="AudioWaveform";const Te="_root_n9zxy_1",ke="_playButton_n9zxy_8",Me="_time_n9zxy_22",ze="_volumeGroup_n9zxy_28",O={root:Te,playButton:ke,time:Me,volumeGroup:ze};function Q(s){const n=Math.floor(s/60),i=Math.floor(s%60);return`${n.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`}function Be({src:s,filename:n="audio",playButtonColor:i,playButtonSize:a=32,waveColor:l="#D0D0D0",progressColor:p="#a8a8a8",waveHeight:g=64,barWidth:j=3,barGap:_=2,showVolume:d=!0,showDownload:h=!0}){const y=c.useRef(null),[r,v]=c.useState(!1),[m,u]=c.useState(0),[b,o]=c.useState("00:00"),[f,w]=c.useState("00:00"),[M,E]=c.useState(50),[W,P]=c.useState(50),[C,N]=c.useState(!1);c.useEffect(()=>{const x=y.current;if(!x)return;x.volume=M/100;const I=()=>{u(x.currentTime),o(Q(x.currentTime))},T=()=>w(Q(x.duration)),A=()=>{setTimeout(()=>{u(0),o("00:00"),v(!1)},500)},V=()=>v(!0),U=()=>v(!1);return x.addEventListener("timeupdate",I),x.addEventListener("loadedmetadata",T),x.addEventListener("ended",A),x.addEventListener("play",V),x.addEventListener("pause",U),()=>{x.removeEventListener("timeupdate",I),x.removeEventListener("loadedmetadata",T),x.removeEventListener("ended",A),x.removeEventListener("play",V),x.removeEventListener("pause",U)}},[s]);const $=c.useCallback(()=>{const x=y.current;x&&(r?x.pause():x.play().catch(()=>{}))},[r]),L=c.useCallback(x=>{const I=y.current;I&&!isNaN(x)&&isFinite(x)&&(I.currentTime=x,u(x),o(Q(x)))},[]),G=c.useCallback(x=>{const I=y.current;I&&(I.volume=x/100,E(x),x>0?(P(x),N(!1)):N(!0))},[]),R=c.useCallback(()=>{const x=y.current;if(x)if(C){const I=W||50;x.volume=I/100,E(I),N(!1)}else P(M),x.volume=0,E(0),N(!0)},[C,M,W]),q=c.useCallback(()=>{fetch(s).then(x=>x.blob()).then(x=>{const I=URL.createObjectURL(x),T=document.createElement("a");T.href=I,T.download=n,document.body.appendChild(T),T.click(),document.body.removeChild(T),URL.revokeObjectURL(I)}).catch(()=>window.open(s,"_blank"))},[s,n]);return e.jsxs(t.Group,{gap:"sm",wrap:"nowrap",className:O.root,children:[e.jsx("audio",{ref:y,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",radius:"xl",size:a,color:i,onClick:$,"aria-label":r?"Pause":"Play",className:O.playButton,children:r?e.jsx(z.IconPlayerPauseFilled,{size:a*.5}):e.jsx(z.IconPlayerPlayFilled,{size:a*.5})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:O.time,children:b}),e.jsx(t.Box,{style:{flex:1,minWidth:0},children:e.jsx(K,{audioRef:y,currentTime:m,onSeek:L,waveColor:l,progressColor:p,height:g,barWidth:j,barGap:_})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:O.time,children:f}),d&&e.jsxs(t.Group,{gap:4,wrap:"nowrap",className:O.volumeGroup,children:[e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:R,"aria-label":C?"Unmute":"Mute",children:C?e.jsx(z.IconVolumeOff,{size:16}):e.jsx(z.IconVolume,{size:16})}),e.jsx(t.Slider,{value:M,onChange:G,size:"xs",w:80,"aria-label":"Volume"})]}),h&&e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:q,"aria-label":"Download",children:e.jsx(z.IconDownload,{size:16})})]})}const $e="_root_ujac8_1",Pe="_textarea_ujac8_5",ie={root:$e,textarea:Pe};function Le({code:s,filename:n,height:i=384}){const[a,l]=c.useState(!1),p=c.useCallback(async()=>{try{await navigator.clipboard.writeText(s),l(!0),setTimeout(()=>l(!1),2e3)}catch{}},[s]);return e.jsxs(t.Box,{className:ie.root,children:[e.jsxs(t.Group,{justify:"space-between",mb:"xs",children:[n&&e.jsx(t.Text,{size:"sm",fw:500,c:"dimmed",children:n}),e.jsx(t.Button,{size:"xs",radius:"md",color:a?"green":"blue",onClick:p,children:a?"Copied!":"Copy"})]}),e.jsx("textarea",{readOnly:!0,value:s,className:ie.textarea,style:{height:i}})]})}const Ee="_root_ix1b2_1",We="_toast_ix1b2_5",re={root:Ee,toast:We};function J({value:s,children:n}){const[i,a]=c.useState(null),l=c.useCallback(()=>{navigator.clipboard.writeText(s).then(()=>{a(`Copied ${s}`),setTimeout(()=>a(null),1800)})},[s]);return e.jsxs(e.Fragment,{children:[e.jsx("span",{onClick:l,className:re.root,title:`Click to copy ${s}`,children:n}),i&&e.jsx(t.Portal,{children:e.jsx(t.Notification,{withCloseButton:!1,className:re.toast,color:"blue",children:i})})]})}const Ge="_root_3ht5s_1",Re="_shade_3ht5s_5",Fe="_color_3ht5s_10",De="_main_3ht5s_20",X={root:Ge,shade:Re,color:Fe,main:De};function Ae({name:s,shades:n,mainIndex:i=5}){return e.jsxs("div",{className:X.root,children:[e.jsx(t.Title,{order:4,size:"lg",tt:"capitalize",mb:"xs",children:s}),e.jsx(t.SimpleGrid,{cols:10,spacing:4,children:n.map((a,l)=>e.jsx(J,{value:a,children:e.jsxs("div",{className:X.shade,children:[e.jsx("div",{className:`${X.color} ${l===i?X.main:""}`,style:{backgroundColor:a}}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",mt:4,children:l}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",ff:"monospace",children:a})]})},l))})]})}const qe="_root_1vxkx_1",He="_preview_1vxkx_11",Oe="_info_1vxkx_15",Z={root:qe,preview:He,info:Oe};function Ve({name:s,hex:n,label:i}){return e.jsx(J,{value:n,children:e.jsxs(t.Paper,{className:Z.root,shadow:"lg",radius:"md",withBorder:!1,children:[e.jsx("div",{className:Z.preview,style:{backgroundColor:n}}),e.jsxs("div",{className:Z.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),e.jsx(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:n}),i&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:i})]})]})})}const Ue="_root_dzed6_1",Xe="_dont_dzed6_7",Ye="_dontIcon_dzed6_12",Ke="_dontLabel_dzed6_13",Je="_doIcon_dzed6_22",Qe="_doLabel_dzed6_23",D={root:Ue,dont:Xe,dontIcon:Ye,dontLabel:Ke,do:"_do_dzed6_7",doIcon:Je,doLabel:Qe};function Ze({items:s}){return e.jsx("div",{className:D.root,children:s.map((n,i)=>e.jsxs(t.SimpleGrid,{cols:{base:1,sm:2},spacing:"md",children:[e.jsxs(t.Paper,{className:D.dont,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx(z.IconX,{size:16,className:D.dontIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:D.dontLabel,children:"Don't"})]}),e.jsx(t.Text,{size:"sm",children:n.dont})]}),e.jsxs(t.Paper,{className:D.do,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx(z.IconCheck,{size:16,className:D.doIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:D.doLabel,children:"Do"})]}),e.jsx(t.Text,{size:"sm",children:n.do})]})]},i))})}const et="_root_xi08i_1",tt="_inner_xi08i_6",ce={root:et,inner:tt};function st({title:s,description:n,expandedContent:i,icon:a,color:l="blue",iconSize:p="lg",collapsedHeight:g=120,threshold:j=.5,delay:_=300,expanded:d,onExpandedChange:h}){const y=c.useRef(null),[r,v]=c.useState(!1),m=d!==void 0,u=m?d:r;return c.useEffect(()=>{if(m)return;const b=y.current;if(!b)return;const o=new IntersectionObserver(([f])=>{f.isIntersecting&&setTimeout(()=>{v(!0),h==null||h(!0)},_)},{threshold:j});return o.observe(b),()=>o.disconnect()},[m,j,_,h]),e.jsx(t.Paper,{ref:y,radius:4,className:ce.root,component:k.motion.div,animate:{height:u?"auto":g},transition:{duration:.5,ease:"easeOut"},children:e.jsx("div",{className:ce.inner,children:e.jsxs(t.Group,{align:"flex-start",justify:"space-between",gap:"lg",wrap:"nowrap",children:[e.jsxs(t.Stack,{gap:"xs",style:{flex:1},children:[e.jsx(t.Text,{fw:700,size:"xl",lh:1.3,children:s}),e.jsx(t.Text,{size:"md",c:"dimmed",children:n}),e.jsx(k.motion.div,{initial:{opacity:0,height:0},animate:{opacity:u?1:0,height:u?"auto":0},transition:{duration:.4,delay:.2},style:{overflow:"hidden"},children:typeof i=="string"?e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"sm",children:i}):i})]}),e.jsx(k.motion.div,{animate:{scale:u?1.1:1},transition:{duration:.3},children:e.jsx(t.ThemeIcon,{size:p,radius:4,color:l,variant:"filled",children:e.jsx(a,{size:20,stroke:1.5})})})]})})})}const ot="_root_ho0ln_1",nt="_visible_ho0ln_7",le={root:ot,visible:nt};function at({children:s,delay:n=0,threshold:i=.1,className:a,...l}){const p=c.useRef(null),[g,j]=c.useState(!1);return c.useEffect(()=>{const _=p.current;if(!_)return;const d=new IntersectionObserver(([h])=>{h.isIntersecting&&(n>0?setTimeout(()=>j(!0),n):j(!0))},{threshold:i});return d.observe(_),()=>d.disconnect()},[n,i]),e.jsx(t.Box,{ref:p,className:`${le.root} ${g?le.visible:""} ${a??""}`,...l,children:s})}function it({isActive:s=!1,height:n=60}){const i=c.useRef(null),a=c.useRef(void 0),[l,p]=c.useState(!1),g=c.useRef(null),j=c.useRef(null),{colorScheme:_}=t.useMantineColorScheme(),d=_==="dark",h={start:d?"#7950F2":"#9775FA",mid:d?"#BE4BDB":"#DA77F2",end:d?"#15AABF":"#22B8CF"},y=c.useCallback((r,v,m,u)=>{r.clearRect(0,0,v,m);const b=s||l,o=m*.65,f=s?5:l?7:1.5;b&&(j.current===null&&(j.current=Math.random()),Math.floor(u/500)!==Math.floor((u-16)/500)&&(j.current=Math.random()));const w=r.createLinearGradient(0,0,v,0);w.addColorStop(0,h.start),w.addColorStop(.5,h.mid),w.addColorStop(1,h.end),r.strokeStyle=w,r.lineWidth=b?2.5:1.5,r.lineCap="round",r.lineJoin="round",b?(r.shadowColor=h.mid,r.shadowBlur=l?12:8):r.shadowBlur=0,r.beginPath();const M=300,E=v/M,W=s?.02:l?.025:.003;for(let P=0;P<=M;P++){const C=P*E,N=C/v;let $=o;if(b){const L=Math.sin(N*Math.PI*6+u*W)*f,G=Math.sin(N*Math.PI*12+u*W*1.3)*(f*.4),R=Math.sin(N*Math.PI*18+u*W*.8)*(f*.2),q=j.current??.5,x=Math.abs(N-q),I=x<.15?(1-x/.15)*f*1:0,T=Math.sin(N*Math.PI*20+u*W*2)*I;let A=0;l&&(A=Math.sin(N*Math.PI*30+u*.03)*f*.4,A+=Math.sin(N*Math.PI*8+u*.015)*f*.5);const V=L+G+R+T+A,U=Math.sin(N*Math.PI);$=o+V*U}else $+=Math.sin(N*Math.PI*2+u*W)*f;P===0?r.moveTo(C,$):r.lineTo(C,$)}if(r.stroke(),s){const N=v/80,$=16;r.shadowBlur=3;for(let L=0;L<80;L++){const G=L*N+N/2,R=G/v,q=Math.sin(R*Math.PI*8+u*.025)*.5+Math.sin(R*Math.PI*14+u*.018)*.3+Math.sin(R*Math.PI*4+u*.03)*.2,x=Math.sin(R*Math.PI),I=Math.abs(q)*$*x,T=r.createLinearGradient(G,o-I/2,G,o+I/2);T.addColorStop(0,h.start+"90"),T.addColorStop(.5,h.mid+"70"),T.addColorStop(1,h.end+"50"),r.fillStyle=T,r.fillRect(G-2/2,o-I/2,2,I)}}if(l)for(let C=0;C<15;C++){const N=(Math.sin(u*.001+C*1.5)*.5+.5)*v,$=o+Math.sin(u*.002+C)*8,L=1.5+Math.sin(u*.003+C*2)*.5;r.beginPath(),r.arc(N,$,L,0,Math.PI*2),r.fillStyle=C%2===0?h.start+"80":h.end+"80",r.fill()}},[s,l,h.start,h.mid,h.end]);return c.useEffect(()=>{const r=i.current;if(!r)return;const v=r.getContext("2d");if(!v)return;const m=()=>{const o=window.devicePixelRatio||1,f=r.getBoundingClientRect();r.width=f.width*o,r.height=f.height*o,v.scale(o,o)};m(),window.addEventListener("resize",m);const u=performance.now(),b=o=>{const f=o-u,w=r.getBoundingClientRect();y(v,w.width,w.height,f),a.current=requestAnimationFrame(b)};return a.current=requestAnimationFrame(b),()=>{window.removeEventListener("resize",m),a.current&&cancelAnimationFrame(a.current)}},[y]),c.useEffect(()=>{if(s){queueMicrotask(()=>p(!1)),g.current=Date.now();return}const v=setInterval(()=>{const m=Date.now();g.current===null&&(g.current=m);const u=m-g.current,b=12e4+Math.random()*6e4;u>=b&&!l&&(p(!0),g.current=m,setTimeout(()=>p(!1),4e3))},5e3);return()=>clearInterval(v)},[s,l]),e.jsx(t.Box,{style:{position:"relative",width:"100%",height:n,overflow:"hidden",pointerEvents:"none",opacity:d?1:.8},children:e.jsx("canvas",{ref:i,style:{width:"100%",height:"100%",display:"block"}})})}const rt="_root_9li00_1",ct="_preview_9li00_11",lt="_info_9li00_15",ee={root:rt,preview:ct,info:lt};function dt({name:s,colors:n,description:i}){const a=`linear-gradient(135deg, ${n[0]} 0%, ${n[1]} 100%)`;return e.jsx(J,{value:a,children:e.jsxs(t.Paper,{className:ee.root,shadow:"lg",radius:"md",children:[e.jsx("div",{className:ee.preview,style:{background:a}}),e.jsxs("div",{className:ee.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),i&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:i}),e.jsxs(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:[n[0]," → ",n[1]]})]})]})})}const ut="_root_1vlvy_1",mt="_video_1vlvy_9",de={root:ut,video:mt};function xe({src:s,opacity:n=.3}){return e.jsx("div",{className:de.root,style:{opacity:n},children:e.jsx("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:de.video,children:e.jsx("source",{src:s,type:"video/mp4"})})})}const ht="_root_1suaa_1",xt="_content_1suaa_8",pt="_label_1suaa_21",ft="_vignette_1suaa_37",_t="_logoWrapper_1suaa_50",vt="_logo_1suaa_50",jt="_glow_1suaa_73",gt="_textWrapper_1suaa_85",yt="_heading_1suaa_91",bt="_shimmer_1suaa_125",wt="_tagline_1suaa_129",It="_primaryButton_1suaa_143",Nt="_secondaryButton_1suaa_148",St="_scrollIndicator_1suaa_160",Ct="_scrollLabel_1suaa_171",Tt="_scrollLine_1suaa_179",S={root:ht,content:xt,label:pt,vignette:ft,logoWrapper:_t,logo:vt,glow:jt,textWrapper:gt,heading:yt,shimmer:bt,tagline:wt,primaryButton:It,secondaryButton:Nt,scrollIndicator:St,scrollLabel:Ct,scrollLine:Tt};function kt({variant:s="logo",heading:n,label:i,tagline:a,logoSrc:l=fe,gradient:p="frequencyAlive",shimmer:g=!0,primaryAction:j,secondaryAction:_,backgroundVideoSrc:d,showWaveform:h,showScrollIndicator:y=!1}){const[r,v]=c.useState(!1),m=n??(s==="text"?"Your Message":void 0),u=i||(s==="logo"?"Welcome":void 0),b=j||_,o=h??!0,f=_e.gradients[p];return c.useEffect(()=>{v(!0)},[]),e.jsxs(t.Box,{component:"section",className:S.root,children:[d&&e.jsx(xe,{src:d}),e.jsxs("div",{className:S.content,children:[r&&e.jsxs(e.Fragment,{children:[u&&e.jsx(k.motion.p,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.8,delay:.2},className:S.label,children:u}),s==="logo"&&e.jsxs(k.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:S.logoWrapper,children:[o&&e.jsx(te,{}),o&&e.jsx("div",{className:S.vignette}),e.jsx(k.motion.img,{src:l,alt:m??"Frequency",className:S.logo,animate:{rotate:[0,.5,-.5,0]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),e.jsx("div",{className:S.glow})]}),s==="text"&&m&&e.jsxs(k.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:S.textWrapper,children:[o&&e.jsx(te,{}),o&&e.jsx("div",{className:S.vignette}),e.jsx(t.Title,{order:1,className:`${S.heading} ${g?S.shimmer:""}`,style:{backgroundImage:`linear-gradient(135deg, ${f.from}, ${f.to}, ${f.from})`,backgroundSize:g?"200% 100%":void 0},children:m})]}),a&&e.jsx(k.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.7},children:e.jsx(t.Text,{className:S.tagline,children:a})}),b&&e.jsx(k.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.9},children:e.jsxs(t.Group,{gap:"md",justify:"center",wrap:"wrap",children:[j&&e.jsx(t.Button,{component:"a",href:j.href,size:"lg",radius:4,className:S.primaryButton,children:j.label}),_&&e.jsx(t.Button,{component:"a",href:_.href,size:"lg",radius:4,variant:"outline",className:S.secondaryButton,children:_.label})]})})]}),r&&y&&e.jsxs(k.motion.div,{className:S.scrollIndicator,initial:{opacity:0},animate:{opacity:1},transition:{duration:1,delay:1.4},children:[e.jsx("span",{className:S.scrollLabel,children:"Scroll"}),e.jsx(k.motion.div,{className:S.scrollLine,animate:{scaleY:[1,1.5,1]},transition:{duration:1.5,repeat:1/0}})]})]})]})}function se({variant:s,children:n}){const i=s==="do";return e.jsxs(t.Badge,{variant:"light",color:i?"green":"red",size:"lg",radius:"sm",styles:{root:{textTransform:"none",fontWeight:400},label:{whiteSpace:"normal",lineHeight:1.4}},children:[e.jsxs("strong",{children:[i?"Do":"Don't",":"]})," ",n]})}const Mt="_root_13w21_1",zt="_playButton_13w21_11",ue={root:Mt,playButton:zt},Bt={mini:{height:24,buttonSize:20,iconSize:14,waveHeight:16,barWidth:1,barGap:0},small:{height:32,buttonSize:28,iconSize:16,waveHeight:20,barWidth:1,barGap:0},compact:{height:40,buttonSize:32,iconSize:18,waveHeight:24,barWidth:2,barGap:1}},pe=c.forwardRef(({audioUrl:s,size:n="mini",waveColor:i="#CCCCCC",progressColor:a="#169bde",onPlay:l,onPause:p,className:g,style:j},_)=>{const d=c.useRef(null),[h,y]=c.useState(!1),[r,v]=c.useState(0),m=Bt[n];c.useEffect(()=>{const o=d.current;if(!o)return;const f=()=>v(o.currentTime),w=()=>{y(!1),v(0)},M=()=>y(!1),E=()=>y(!0);return o.addEventListener("timeupdate",f),o.addEventListener("ended",w),o.addEventListener("pause",M),o.addEventListener("play",E),()=>{o.removeEventListener("timeupdate",f),o.removeEventListener("ended",w),o.removeEventListener("pause",M),o.removeEventListener("play",E)}},[s]);const u=c.useCallback(()=>{const o=d.current;o&&(h?(o.pause(),p==null||p()):(o.play().catch(()=>{}),l==null||l()))},[h,l,p]),b=c.useCallback(o=>{const f=d.current;f&&!isNaN(o)&&isFinite(o)&&(f.currentTime=o,v(o))},[]);return e.jsxs(t.Group,{ref:_,gap:n==="mini"?6:n==="small"?8:10,wrap:"nowrap",className:`${ue.root} ${g??""}`,style:{height:m.height,...j},children:[e.jsx("audio",{ref:d,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",color:"blue",radius:"xl",size:m.buttonSize,onClick:u,"aria-label":h?"Pause":"Play",className:ue.playButton,children:h?e.jsx(z.IconPlayerPauseFilled,{size:m.iconSize}):e.jsx(z.IconPlayerPlayFilled,{size:m.iconSize})}),e.jsx(t.Box,{style:{flex:1,minWidth:80},children:e.jsx(K,{audioRef:d,currentTime:r,onSeek:b,waveColor:i,progressColor:a,height:m.waveHeight,barWidth:m.barWidth,barGap:m.barGap})})]})});pe.displayName="MiniAudioPlayer";const $t="_root_1bah1_1",Pt={root:$t};function Lt({accentColor:s,title:n,description:i,doHint:a,dontHint:l}){return e.jsxs(t.Paper,{className:Pt.root,p:"lg",radius:"md",style:{borderLeftColor:s},children:[e.jsx(t.Title,{order:3,size:"h4",mb:"xs",children:n}),e.jsx(t.Text,{c:"dimmed",children:i}),(a||l)&&e.jsxs(t.Group,{gap:"sm",mt:"md",wrap:"wrap",children:[a&&e.jsx(se,{variant:"do",children:a}),l&&e.jsx(se,{variant:"dont",children:l})]})]})}const Et="_root_ydu7j_1",Wt="_actions_ydu7j_22",Gt="_fab_ydu7j_43",Rt="_actionButton_ydu7j_61",Y={root:Et,actions:Wt,fab:Gt,actionButton:Rt};function Ft({actions:s,icon:n,openIcon:i,direction:a="up",color:l="blue",size:p=56,defaultOpen:g=!1,open:j,onOpenChange:_,style:d,className:h}){const[y,r]=c.useState(g),v=j??y,m=c.useCallback(()=>{const o=!v;r(o),_==null||_(o)},[v,_]),u=c.useCallback(()=>{r(!1),_==null||_(!1)},[_]),b=a==="up"||a==="down";return e.jsxs(t.Box,{className:`${Y.root} ${h??""}`,style:d,"data-direction":a,children:[e.jsx("div",{className:Y.actions,"data-direction":a,children:s.map((o,f)=>{const w=a==="up"||a==="left"?s.length-1-f:f;return e.jsx(t.Transition,{mounted:v,transition:b?"slide-up":"slide-right",duration:200,timingFunction:"ease",enterDelay:w*40,children:M=>e.jsx(t.Tooltip,{label:o.label,position:b?"left":"top",children:e.jsx(t.ActionIcon,{variant:"filled",color:"gray",radius:"xl",size:p*.7,style:M,className:Y.actionButton,onClick:()=>{o.onClick(),u()},"aria-label":o.label,children:o.icon})})},o.label)})}),e.jsx(t.ActionIcon,{variant:"filled",color:l,radius:"xl",size:p,onClick:m,className:Y.fab,"data-open":v||void 0,"aria-label":v?"Close actions":"Open actions",children:v?i??n??e.jsx(z.IconPlus,{size:p*.45}):n??e.jsx(z.IconPlus,{size:p*.45})})]})}const Dt="_container_9xj91_1",At="_layout_9xj91_16",qt="_reversed_9xj91_29",Ht="_headingSide_9xj91_39",Ot="_sticky_9xj91_49",Vt="_stickyInner_9xj91_54",Ut="_contentSide_9xj91_65",Xt="_title_9xj91_76",Yt="_preTitle_9xj91_82",Kt="_titleHighlight_9xj91_88",Jt="_description_9xj91_95",B={container:Dt,layout:At,reversed:qt,headingSide:Ht,sticky:Ot,stickyInner:Vt,contentSide:Ut,title:Xt,preTitle:Yt,titleHighlight:Kt,description:Jt};function Qt({badge:s,badgeColor:n="violet",subtitle:i,title:a,titleColor:l="blue",preTitle:p,description:g,actions:j,heading:_,children:d,stickyHeading:h=!1,py:y,reversed:r=!1,id:v,className:m}){const u=_??e.jsxs(t.Stack,{gap:"sm",children:[s&&e.jsxs(t.Box,{children:[e.jsx(t.Badge,{color:n,variant:"filled",size:"sm",radius:4,tt:"uppercase",fw:700,children:s}),i&&e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"xs",tt:"uppercase",style:{letterSpacing:"0.05em"},children:i})]}),!s&&i&&e.jsx(t.Text,{size:"sm",c:"dimmed",tt:"uppercase",style:{letterSpacing:"0.05em"},children:i}),(p||a)&&e.jsxs(t.Title,{order:2,className:B.title,children:[p&&e.jsx("span",{className:B.preTitle,children:p}),p&&e.jsx("br",{}),a&&e.jsx(t.Text,{component:"span",inherit:!0,className:B.titleHighlight,c:l,children:a})]}),g&&e.jsx(t.Text,{size:"lg",c:"dimmed",lh:1.7,className:B.description,children:g}),j&&e.jsx(t.Box,{mt:"md",children:j})]});return e.jsx(t.Box,{component:"section",py:y??"calc(var(--mantine-spacing-xl) * 3)",pos:"relative",id:v,className:m,children:e.jsx(t.Box,{className:B.container,children:e.jsxs(t.Box,{className:`${B.layout} ${r?B.reversed:""}`,children:[e.jsx(t.Box,{className:`${B.headingSide} ${h?B.sticky:""}`,children:e.jsx(t.Box,{className:h?B.stickyInner:void 0,children:u})}),e.jsx(t.Box,{className:B.contentSide,children:d})]})})})}const Zt="_root_ioshc_1",es="_quoteIcon_ioshc_6",me={root:Zt,quoteIcon:es};function ts(s){return s.split(" ").map(n=>n[0]).join("").toUpperCase().slice(0,2)}function ss({quote:s,name:n,role:i,company:a,avatarSrc:l,accentColor:p="blue"}){const g=`var(--mantine-color-${p}-filled)`;return e.jsxs(t.Paper,{className:me.root,p:"lg",radius:"md",style:{borderLeftColor:g},children:[e.jsx(z.IconQuote,{size:32,className:me.quoteIcon,color:g}),e.jsx(t.Text,{fs:"italic",mt:"xs",mb:"md",children:s}),e.jsxs(t.Group,{gap:"sm",children:[e.jsx(t.Avatar,{src:l,alt:n,color:p,radius:"xl",size:"md",children:ts(n)}),e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Text,{fw:600,size:"sm",children:n}),(i||a)&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:[i,a].filter(Boolean).join(", ")})]})]})]})}exports.AnimatedCounter=ve;exports.AnimatedWaveform=te;exports.AudioPlayer=Be;exports.AudioWaveform=K;exports.CodeBlock=Le;exports.ColorPalette=Ae;exports.ColorSwatch=Ve;exports.Copyable=J;exports.DosDonts=Ze;exports.ExpandableCard=st;exports.FadeInSection=at;exports.FrequencyWave=it;exports.GradientSwatch=dt;exports.Hero=kt;exports.HintBadge=se;exports.MiniAudioPlayer=pe;exports.PrincipleCard=Lt;exports.SpeedDial=Ft;exports.SplitSection=Qt;exports.TestimonialCard=ss;exports.VideoBackground=xe;
2
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),t=require("@mantine/core"),k=require("framer-motion"),z=require("@tabler/icons-react"),fe=require("@frequencyads/brand/assets/frequency-mark-white.svg"),_e=require("@frequencyads/brand/colors");function ve({value:s,suffix:o="",prefix:i="",duration:a=2e3,threshold:l=.5,abbreviate:f=!0,decimals:g,...j}){const[_,u]=c.useState(0),[m,b]=c.useState(!1),r=c.useRef(null);c.useEffect(()=>{const h=r.current;if(!h)return;const d=new IntersectionObserver(([y])=>{y.isIntersecting&&!m&&b(!0)},{threshold:l});return d.observe(h),()=>d.disconnect()},[m,l]),c.useEffect(()=>{if(!m)return;let h,d;const y=n=>{h||(h=n);const x=Math.min((n-h)/a,1),w=1-Math.pow(1-x,3);u(w*s),x<1&&(d=requestAnimationFrame(y))};return d=requestAnimationFrame(y),()=>cancelAnimationFrame(d)},[m,s,a]);const v=()=>{if(f&&s>=1e3){const h=_/1e3;return h%1===0?`${Math.round(h)}K`:`${h.toFixed(1)}K`}return g!==void 0?_.toFixed(g):s!==Math.floor(s)?_.toFixed(1):Math.round(_).toString()};return e.jsxs(t.Text,{component:"span",ref:r,style:{fontVariantNumeric:"tabular-nums"},...j,children:[i,v(),o]})}const je="_root_1bq7s_1",ge="_svg_1bq7s_12",ne={root:je,svg:ge},ye=140,oe=3,ae=10,he=150,F=he/2;function te({barCount:s=ye,duration:o=3,repeatDelay:i=3}){const[a,l]=c.useState(!1);if(c.useEffect(()=>{l(!0)},[]),!a)return null;const f=s*ae;return e.jsx("div",{className:ne.root,children:e.jsxs("svg",{className:ne.svg,viewBox:`0 0 ${f} ${he}`,preserveAspectRatio:"none",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"waveformBarGradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"white",stopOpacity:"0"}),e.jsx("stop",{offset:"15%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"50%",stopColor:"white",stopOpacity:"0.25"}),e.jsx("stop",{offset:"85%",stopColor:"white",stopOpacity:"0.15"}),e.jsx("stop",{offset:"100%",stopColor:"white",stopOpacity:"0"})]})}),[...Array(s)].map((g,j)=>{const _=j*ae,u=18+Math.sin(j*.4)*6+Math.cos(j*.7)*4,m=Math.min(j,s-1-j)*.04;return e.jsxs("g",{children:[e.jsx(k.motion.rect,{x:_,width:oe,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:u/2,y:F-u/4},animate:{height:[u/2,u*2,u/2,u*1.2,u/2],y:[F-u/4,F-u,F-u/4,F-u*.6,F-u/4]},transition:{duration:o,repeat:1/0,ease:"easeInOut",delay:m,repeatDelay:i}}),e.jsx(k.motion.rect,{x:_,y:F,width:oe,rx:"1.5",fill:"url(#waveformBarGradient)",initial:{height:u/2},animate:{height:[u/2,u*2,u/2,u*1.2,u/2]},transition:{duration:o,repeat:1/0,ease:"easeInOut",delay:m,repeatDelay:i}})]},j)})]})})}const be="_root_1pkxe_1",we="_progressOverlay_1pkxe_9",Ie="_bars_1pkxe_19",Ne="_bar_1pkxe_19",Ce="_loading_1pkxe_34",H={root:be,progressOverlay:we,bars:Ie,bar:Ne,loading:Ce};function Se(s=100){const o=[];for(let i=0;i<s;i++){const a=i/(s-1),l=20+Math.sin(i*.1)*15,f=(Math.random()-.5)*20,g=Math.sin(a*Math.PI)*30,j=a>.2&&a<.8?Math.random()*10:0,_=a<.05||a>.95?Math.min(a/.05,(1-a)/.05):1;o.push(Math.max(5,Math.min(90,(l+f+g+j)*_)))}return o}const K=c.forwardRef(({audioRef:s,currentTime:o=0,onSeek:i,loading:a=!1,waveColor:l="#CCCCCC",progressColor:f="#169bde",height:g=60,barWidth:j=2,barGap:_=1},u)=>{const m=c.useRef(null),[b]=c.useState(()=>Se()),[r,v]=c.useState(0),[h,d]=c.useState(0);c.useImperativeHandle(u,()=>({seekTo:n=>{r>0&&d(Math.max(0,Math.min(100,n/r*100)))},getCurrentTime:()=>h/100*r,getDuration:()=>r})),c.useEffect(()=>{const n=s.current;if(!n)return;const x=()=>{n.duration&&!isNaN(n.duration)&&v(n.duration)},w=()=>{n.duration>0&&d(n.currentTime/n.duration*100)};return n.duration&&!isNaN(n.duration)&&v(n.duration),n.addEventListener("loadedmetadata",x),n.addEventListener("timeupdate",w),()=>{n.removeEventListener("loadedmetadata",x),n.removeEventListener("timeupdate",w)}},[s]),c.useEffect(()=>{r>0&&typeof o=="number"&&d(o/r*100)},[o,r]);const y=c.useCallback(n=>{if(!m.current||!i||r===0)return;const x=m.current.getBoundingClientRect(),w=(n.clientX-x.left)/x.width*r;i(w)},[i,r]);return e.jsxs(t.Box,{ref:m,className:H.root,style:{height:g},onClick:y,children:[e.jsx("div",{className:H.progressOverlay,style:{width:`${h}%`,backgroundColor:`${f}15`}}),e.jsx("div",{className:H.bars,style:{gap:_},children:b.map((n,x)=>{const w=x/b.length*100<=h;return e.jsx("div",{className:H.bar,style:{width:j,height:`${n}%`,backgroundColor:w?f:l}},x)})}),a&&e.jsx("div",{className:H.loading,children:"Loading waveform..."})]})});K.displayName="AudioWaveform";const Te="_root_n9zxy_1",ke="_playButton_n9zxy_8",Me="_time_n9zxy_22",ze="_volumeGroup_n9zxy_28",O={root:Te,playButton:ke,time:Me,volumeGroup:ze};function Q(s){const o=Math.floor(s/60),i=Math.floor(s%60);return`${o.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`}function Be({src:s,filename:o="audio",playButtonColor:i,playButtonSize:a=32,waveColor:l="#D0D0D0",progressColor:f="#a8a8a8",waveHeight:g=64,barWidth:j=3,barGap:_=2,showVolume:u=!0,showDownload:m=!0}){const b=c.useRef(null),[r,v]=c.useState(!1),[h,d]=c.useState(0),[y,n]=c.useState("00:00"),[x,w]=c.useState("00:00"),[M,E]=c.useState(50),[W,P]=c.useState(50),[S,N]=c.useState(!1);c.useEffect(()=>{const p=b.current;if(!p)return;p.volume=M/100;const I=()=>{d(p.currentTime),n(Q(p.currentTime))},T=()=>w(Q(p.duration)),A=()=>{setTimeout(()=>{d(0),n("00:00"),v(!1)},500)},V=()=>v(!0),U=()=>v(!1);return p.addEventListener("timeupdate",I),p.addEventListener("loadedmetadata",T),p.addEventListener("ended",A),p.addEventListener("play",V),p.addEventListener("pause",U),()=>{p.removeEventListener("timeupdate",I),p.removeEventListener("loadedmetadata",T),p.removeEventListener("ended",A),p.removeEventListener("play",V),p.removeEventListener("pause",U)}},[s]);const $=c.useCallback(()=>{const p=b.current;p&&(r?p.pause():p.play().catch(()=>{}))},[r]),L=c.useCallback(p=>{const I=b.current;I&&!isNaN(p)&&isFinite(p)&&(I.currentTime=p,d(p),n(Q(p)))},[]),G=c.useCallback(p=>{const I=b.current;I&&(I.volume=p/100,E(p),p>0?(P(p),N(!1)):N(!0))},[]),R=c.useCallback(()=>{const p=b.current;if(p)if(S){const I=W||50;p.volume=I/100,E(I),N(!1)}else P(M),p.volume=0,E(0),N(!0)},[S,M,W]),q=c.useCallback(()=>{fetch(s).then(p=>p.blob()).then(p=>{const I=URL.createObjectURL(p),T=document.createElement("a");T.href=I,T.download=o,document.body.appendChild(T),T.click(),document.body.removeChild(T),URL.revokeObjectURL(I)}).catch(()=>window.open(s,"_blank"))},[s,o]);return e.jsxs(t.Group,{gap:"sm",wrap:"nowrap",className:O.root,children:[e.jsx("audio",{ref:b,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",radius:"xl",size:a,color:i,onClick:$,"aria-label":r?"Pause":"Play",className:O.playButton,children:r?e.jsx(z.IconPlayerPauseFilled,{size:a*.5}):e.jsx(z.IconPlayerPlayFilled,{size:a*.5})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:O.time,children:y}),e.jsx(t.Box,{style:{flex:1,minWidth:0},children:e.jsx(K,{audioRef:b,currentTime:h,onSeek:L,waveColor:l,progressColor:f,height:g,barWidth:j,barGap:_})}),e.jsx(t.Text,{size:"xs",ff:"monospace",c:"dimmed",className:O.time,children:x}),u&&e.jsxs(t.Group,{gap:4,wrap:"nowrap",className:O.volumeGroup,children:[e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:R,"aria-label":S?"Unmute":"Mute",children:S?e.jsx(z.IconVolumeOff,{size:16}):e.jsx(z.IconVolume,{size:16})}),e.jsx(t.Slider,{value:M,onChange:G,size:"xs",w:80,"aria-label":"Volume"})]}),m&&e.jsx(t.ActionIcon,{variant:"subtle",size:"sm",onClick:q,"aria-label":"Download",children:e.jsx(z.IconDownload,{size:16})})]})}const $e="_root_ujac8_1",Pe="_textarea_ujac8_5",ie={root:$e,textarea:Pe};function Le({code:s,filename:o,height:i=384}){const[a,l]=c.useState(!1),f=c.useCallback(async()=>{try{await navigator.clipboard.writeText(s),l(!0),setTimeout(()=>l(!1),2e3)}catch{}},[s]);return e.jsxs(t.Box,{className:ie.root,children:[e.jsxs(t.Group,{justify:"space-between",mb:"xs",children:[o&&e.jsx(t.Text,{size:"sm",fw:500,c:"dimmed",children:o}),e.jsx(t.Button,{size:"xs",radius:"md",color:a?"green":"blue",onClick:f,children:a?"Copied!":"Copy"})]}),e.jsx("textarea",{readOnly:!0,value:s,className:ie.textarea,style:{height:i}})]})}const Ee="_root_ix1b2_1",We="_toast_ix1b2_5",re={root:Ee,toast:We};function J({value:s,children:o}){const[i,a]=c.useState(null),l=c.useCallback(()=>{navigator.clipboard.writeText(s).then(()=>{a(`Copied ${s}`),setTimeout(()=>a(null),1800)})},[s]);return e.jsxs(e.Fragment,{children:[e.jsx("span",{onClick:l,className:re.root,title:`Click to copy ${s}`,children:o}),i&&e.jsx(t.Portal,{children:e.jsx(t.Notification,{withCloseButton:!1,className:re.toast,color:"blue",children:i})})]})}const Ge="_root_3ht5s_1",Re="_shade_3ht5s_5",Fe="_color_3ht5s_10",De="_main_3ht5s_20",X={root:Ge,shade:Re,color:Fe,main:De};function Ae({name:s,shades:o,mainIndex:i=5}){return e.jsxs("div",{className:X.root,children:[e.jsx(t.Title,{order:4,size:"lg",tt:"capitalize",mb:"xs",children:s}),e.jsx(t.SimpleGrid,{cols:10,spacing:4,children:o.map((a,l)=>e.jsx(J,{value:a,children:e.jsxs("div",{className:X.shade,children:[e.jsx("div",{className:`${X.color} ${l===i?X.main:""}`,style:{backgroundColor:a}}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",mt:4,children:l}),e.jsx(t.Text,{size:"xs",c:"dimmed",ta:"center",ff:"monospace",children:a})]})},l))})]})}const qe="_root_1vxkx_1",He="_preview_1vxkx_11",Oe="_info_1vxkx_15",Z={root:qe,preview:He,info:Oe};function Ve({name:s,hex:o,label:i}){return e.jsx(J,{value:o,children:e.jsxs(t.Paper,{className:Z.root,shadow:"lg",radius:"md",withBorder:!1,children:[e.jsx("div",{className:Z.preview,style:{backgroundColor:o}}),e.jsxs("div",{className:Z.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),e.jsx(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:o}),i&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:i})]})]})})}const Ue="_root_dzed6_1",Xe="_dont_dzed6_7",Ye="_dontIcon_dzed6_12",Ke="_dontLabel_dzed6_13",Je="_doIcon_dzed6_22",Qe="_doLabel_dzed6_23",D={root:Ue,dont:Xe,dontIcon:Ye,dontLabel:Ke,do:"_do_dzed6_7",doIcon:Je,doLabel:Qe};function Ze({items:s}){return e.jsx("div",{className:D.root,children:s.map((o,i)=>e.jsxs(t.SimpleGrid,{cols:{base:1,sm:2},spacing:"md",children:[e.jsxs(t.Paper,{className:D.dont,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx(z.IconX,{size:16,className:D.dontIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:D.dontLabel,children:"Don't"})]}),e.jsx(t.Text,{size:"sm",children:o.dont})]}),e.jsxs(t.Paper,{className:D.do,p:"md",radius:"md",children:[e.jsxs(t.Group,{gap:6,mb:6,children:[e.jsx(z.IconCheck,{size:16,className:D.doIcon}),e.jsx(t.Text,{size:"sm",fw:600,className:D.doLabel,children:"Do"})]}),e.jsx(t.Text,{size:"sm",children:o.do})]})]},i))})}const et="_root_xi08i_1",tt="_inner_xi08i_6",ce={root:et,inner:tt};function st({title:s,description:o,expandedContent:i,icon:a,color:l="blue",iconSize:f="lg",collapsedHeight:g=120,threshold:j=.5,delay:_=300,expanded:u,onExpandedChange:m}){const b=c.useRef(null),[r,v]=c.useState(!1),h=u!==void 0,d=h?u:r;return c.useEffect(()=>{if(h)return;const y=b.current;if(!y)return;const n=new IntersectionObserver(([x])=>{x.isIntersecting&&setTimeout(()=>{v(!0),m==null||m(!0)},_)},{threshold:j});return n.observe(y),()=>n.disconnect()},[h,j,_,m]),e.jsx(t.Paper,{ref:b,radius:4,className:ce.root,component:k.motion.div,animate:{height:d?"auto":g},transition:{duration:.5,ease:"easeOut"},children:e.jsx("div",{className:ce.inner,children:e.jsxs(t.Group,{align:"flex-start",justify:"space-between",gap:"lg",wrap:"nowrap",children:[e.jsxs(t.Stack,{gap:"xs",style:{flex:1},children:[e.jsx(t.Text,{fw:700,size:"xl",lh:1.3,children:s}),e.jsx(t.Text,{size:"md",c:"dimmed",children:o}),e.jsx(k.motion.div,{initial:{opacity:0,height:0},animate:{opacity:d?1:0,height:d?"auto":0},transition:{duration:.4,delay:.2},style:{overflow:"hidden"},children:typeof i=="string"?e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"sm",children:i}):i})]}),e.jsx(k.motion.div,{animate:{scale:d?1.1:1},transition:{duration:.3},children:e.jsx(t.ThemeIcon,{size:f,radius:4,color:l,variant:"filled",children:e.jsx(a,{size:20,stroke:1.5})})})]})})})}const nt="_root_ho0ln_1",ot="_visible_ho0ln_7",le={root:nt,visible:ot};function at({children:s,delay:o=0,threshold:i=.1,className:a,...l}){const f=c.useRef(null),[g,j]=c.useState(!1);return c.useEffect(()=>{const _=f.current;if(!_)return;const u=new IntersectionObserver(([m])=>{m.isIntersecting&&(o>0?setTimeout(()=>j(!0),o):j(!0))},{threshold:i});return u.observe(_),()=>u.disconnect()},[o,i]),e.jsx(t.Box,{ref:f,className:`${le.root} ${g?le.visible:""} ${a??""}`,...l,children:s})}function it({isActive:s=!1,height:o=60}){const i=c.useRef(null),a=c.useRef(void 0),[l,f]=c.useState(!1),g=c.useRef(null),j=c.useRef(null),{colorScheme:_}=t.useMantineColorScheme(),u=_==="dark",m={start:u?"#7950F2":"#9775FA",mid:u?"#BE4BDB":"#DA77F2",end:u?"#15AABF":"#22B8CF"},b=c.useCallback((r,v,h,d)=>{r.clearRect(0,0,v,h);const y=s||l,n=h*.65,x=s?5:l?7:1.5;y&&(j.current===null&&(j.current=Math.random()),Math.floor(d/500)!==Math.floor((d-16)/500)&&(j.current=Math.random()));const w=r.createLinearGradient(0,0,v,0);w.addColorStop(0,m.start),w.addColorStop(.5,m.mid),w.addColorStop(1,m.end),r.strokeStyle=w,r.lineWidth=y?2.5:1.5,r.lineCap="round",r.lineJoin="round",y?(r.shadowColor=m.mid,r.shadowBlur=l?12:8):r.shadowBlur=0,r.beginPath();const M=300,E=v/M,W=s?.02:l?.025:.003;for(let P=0;P<=M;P++){const S=P*E,N=S/v;let $=n;if(y){const L=Math.sin(N*Math.PI*6+d*W)*x,G=Math.sin(N*Math.PI*12+d*W*1.3)*(x*.4),R=Math.sin(N*Math.PI*18+d*W*.8)*(x*.2),q=j.current??.5,p=Math.abs(N-q),I=p<.15?(1-p/.15)*x*1:0,T=Math.sin(N*Math.PI*20+d*W*2)*I;let A=0;l&&(A=Math.sin(N*Math.PI*30+d*.03)*x*.4,A+=Math.sin(N*Math.PI*8+d*.015)*x*.5);const V=L+G+R+T+A,U=Math.sin(N*Math.PI);$=n+V*U}else $+=Math.sin(N*Math.PI*2+d*W)*x;P===0?r.moveTo(S,$):r.lineTo(S,$)}if(r.stroke(),s){const N=v/80,$=16;r.shadowBlur=3;for(let L=0;L<80;L++){const G=L*N+N/2,R=G/v,q=Math.sin(R*Math.PI*8+d*.025)*.5+Math.sin(R*Math.PI*14+d*.018)*.3+Math.sin(R*Math.PI*4+d*.03)*.2,p=Math.sin(R*Math.PI),I=Math.abs(q)*$*p,T=r.createLinearGradient(G,n-I/2,G,n+I/2);T.addColorStop(0,m.start+"90"),T.addColorStop(.5,m.mid+"70"),T.addColorStop(1,m.end+"50"),r.fillStyle=T,r.fillRect(G-2/2,n-I/2,2,I)}}if(l)for(let S=0;S<15;S++){const N=(Math.sin(d*.001+S*1.5)*.5+.5)*v,$=n+Math.sin(d*.002+S)*8,L=1.5+Math.sin(d*.003+S*2)*.5;r.beginPath(),r.arc(N,$,L,0,Math.PI*2),r.fillStyle=S%2===0?m.start+"80":m.end+"80",r.fill()}},[s,l,m.start,m.mid,m.end]);return c.useEffect(()=>{const r=i.current;if(!r)return;const v=r.getContext("2d");if(!v)return;const h=()=>{const n=window.devicePixelRatio||1,x=r.getBoundingClientRect();r.width=x.width*n,r.height=x.height*n,v.scale(n,n)};h(),window.addEventListener("resize",h);const d=performance.now(),y=n=>{const x=n-d,w=r.getBoundingClientRect();b(v,w.width,w.height,x),a.current=requestAnimationFrame(y)};return a.current=requestAnimationFrame(y),()=>{window.removeEventListener("resize",h),a.current&&cancelAnimationFrame(a.current)}},[b]),c.useEffect(()=>{if(s){queueMicrotask(()=>f(!1)),g.current=Date.now();return}const v=setInterval(()=>{const h=Date.now();g.current===null&&(g.current=h);const d=h-g.current,y=12e4+Math.random()*6e4;d>=y&&!l&&(f(!0),g.current=h,setTimeout(()=>f(!1),4e3))},5e3);return()=>clearInterval(v)},[s,l]),e.jsx(t.Box,{style:{position:"relative",width:"100%",height:o,overflow:"hidden",pointerEvents:"none",opacity:u?1:.8},children:e.jsx("canvas",{ref:i,style:{width:"100%",height:"100%",display:"block"}})})}const rt="_root_9li00_1",ct="_preview_9li00_11",lt="_info_9li00_15",ee={root:rt,preview:ct,info:lt};function dt({name:s,colors:o,description:i}){const a=`linear-gradient(135deg, ${o[0]} 0%, ${o[1]} 100%)`;return e.jsx(J,{value:a,children:e.jsxs(t.Paper,{className:ee.root,shadow:"lg",radius:"md",children:[e.jsx("div",{className:ee.preview,style:{background:a}}),e.jsxs("div",{className:ee.info,children:[e.jsx(t.Text,{fw:600,size:"sm",children:s}),i&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:i}),e.jsxs(t.Text,{size:"xs",c:"dimmed",ff:"monospace",children:[o[0]," → ",o[1]]})]})]})})}const ut="_root_1vlvy_1",mt="_video_1vlvy_9",de={root:ut,video:mt};function pe({src:s,opacity:o=.3}){return e.jsx("div",{className:de.root,style:{opacity:o},children:e.jsx("video",{autoPlay:!0,muted:!0,loop:!0,playsInline:!0,className:de.video,children:e.jsx("source",{src:s,type:"video/mp4"})})})}const ht="_root_1suaa_1",pt="_content_1suaa_8",xt="_label_1suaa_21",ft="_vignette_1suaa_37",_t="_logoWrapper_1suaa_50",vt="_logo_1suaa_50",jt="_glow_1suaa_73",gt="_textWrapper_1suaa_85",yt="_heading_1suaa_91",bt="_shimmer_1suaa_125",wt="_tagline_1suaa_129",It="_primaryButton_1suaa_143",Nt="_secondaryButton_1suaa_148",Ct="_scrollIndicator_1suaa_160",St="_scrollLabel_1suaa_171",Tt="_scrollLine_1suaa_179",C={root:ht,content:pt,label:xt,vignette:ft,logoWrapper:_t,logo:vt,glow:jt,textWrapper:gt,heading:yt,shimmer:bt,tagline:wt,primaryButton:It,secondaryButton:Nt,scrollIndicator:Ct,scrollLabel:St,scrollLine:Tt};function kt({variant:s="logo",heading:o,label:i,tagline:a,logoSrc:l=fe,gradient:f="frequencyAlive",shimmer:g=!0,primaryAction:j,secondaryAction:_,backgroundVideoSrc:u,showWaveform:m,showScrollIndicator:b=!1}){const[r,v]=c.useState(!1),h=typeof l=="string"?l:l==null?void 0:l.src,d=o??(s==="text"?"Your Message":void 0),y=i||(s==="logo"?"Welcome":void 0),n=j||_,x=m??!0,w=_e.gradients[f];return c.useEffect(()=>{v(!0)},[]),e.jsxs(t.Box,{component:"section",className:C.root,children:[u&&e.jsx(pe,{src:u}),e.jsxs("div",{className:C.content,children:[r&&e.jsxs(e.Fragment,{children:[y&&e.jsx(k.motion.p,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.8,delay:.2},className:C.label,children:y}),s==="logo"&&e.jsxs(k.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:C.logoWrapper,children:[x&&e.jsx(te,{}),x&&e.jsx("div",{className:C.vignette}),e.jsx(k.motion.img,{src:h,alt:d??"Frequency",className:C.logo,animate:{rotate:[0,.5,-.5,0]},transition:{duration:8,repeat:1/0,ease:"easeInOut"}}),e.jsx("div",{className:C.glow})]}),s==="text"&&d&&e.jsxs(k.motion.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:1.2,delay:.3,ease:"easeOut"},className:C.textWrapper,children:[x&&e.jsx(te,{}),x&&e.jsx("div",{className:C.vignette}),e.jsx(t.Title,{order:1,className:`${C.heading} ${g?C.shimmer:""}`,style:{backgroundImage:`linear-gradient(135deg, ${w.from}, ${w.to}, ${w.from})`,backgroundSize:g?"200% 100%":void 0},children:d})]}),a&&e.jsx(k.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.7},children:e.jsx(t.Text,{className:C.tagline,children:a})}),n&&e.jsx(k.motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.9},children:e.jsxs(t.Group,{gap:"md",justify:"center",wrap:"wrap",children:[j&&e.jsx(t.Button,{component:"a",href:j.href,size:"lg",radius:4,className:C.primaryButton,children:j.label}),_&&e.jsx(t.Button,{component:"a",href:_.href,size:"lg",radius:4,variant:"outline",className:C.secondaryButton,children:_.label})]})})]}),r&&b&&e.jsxs(k.motion.div,{className:C.scrollIndicator,initial:{opacity:0},animate:{opacity:1},transition:{duration:1,delay:1.4},children:[e.jsx("span",{className:C.scrollLabel,children:"Scroll"}),e.jsx(k.motion.div,{className:C.scrollLine,animate:{scaleY:[1,1.5,1]},transition:{duration:1.5,repeat:1/0}})]})]})]})}function se({variant:s,children:o}){const i=s==="do";return e.jsxs(t.Badge,{variant:"light",color:i?"green":"red",size:"lg",radius:"sm",styles:{root:{textTransform:"none",fontWeight:400},label:{whiteSpace:"normal",lineHeight:1.4}},children:[e.jsxs("strong",{children:[i?"Do":"Don't",":"]})," ",o]})}const Mt="_root_13w21_1",zt="_playButton_13w21_11",ue={root:Mt,playButton:zt},Bt={mini:{height:24,buttonSize:20,iconSize:14,waveHeight:16,barWidth:1,barGap:0},small:{height:32,buttonSize:28,iconSize:16,waveHeight:20,barWidth:1,barGap:0},compact:{height:40,buttonSize:32,iconSize:18,waveHeight:24,barWidth:2,barGap:1}},xe=c.forwardRef(({audioUrl:s,size:o="mini",waveColor:i="#CCCCCC",progressColor:a="#169bde",onPlay:l,onPause:f,className:g,style:j},_)=>{const u=c.useRef(null),[m,b]=c.useState(!1),[r,v]=c.useState(0),h=Bt[o];c.useEffect(()=>{const n=u.current;if(!n)return;const x=()=>v(n.currentTime),w=()=>{b(!1),v(0)},M=()=>b(!1),E=()=>b(!0);return n.addEventListener("timeupdate",x),n.addEventListener("ended",w),n.addEventListener("pause",M),n.addEventListener("play",E),()=>{n.removeEventListener("timeupdate",x),n.removeEventListener("ended",w),n.removeEventListener("pause",M),n.removeEventListener("play",E)}},[s]);const d=c.useCallback(()=>{const n=u.current;n&&(m?(n.pause(),f==null||f()):(n.play().catch(()=>{}),l==null||l()))},[m,l,f]),y=c.useCallback(n=>{const x=u.current;x&&!isNaN(n)&&isFinite(n)&&(x.currentTime=n,v(n))},[]);return e.jsxs(t.Group,{ref:_,gap:o==="mini"?6:o==="small"?8:10,wrap:"nowrap",className:`${ue.root} ${g??""}`,style:{height:h.height,...j},children:[e.jsx("audio",{ref:u,src:s,preload:"metadata"}),e.jsx(t.ActionIcon,{variant:"filled",color:"blue",radius:"xl",size:h.buttonSize,onClick:d,"aria-label":m?"Pause":"Play",className:ue.playButton,children:m?e.jsx(z.IconPlayerPauseFilled,{size:h.iconSize}):e.jsx(z.IconPlayerPlayFilled,{size:h.iconSize})}),e.jsx(t.Box,{style:{flex:1,minWidth:80},children:e.jsx(K,{audioRef:u,currentTime:r,onSeek:y,waveColor:i,progressColor:a,height:h.waveHeight,barWidth:h.barWidth,barGap:h.barGap})})]})});xe.displayName="MiniAudioPlayer";const $t="_root_1bah1_1",Pt={root:$t};function Lt({accentColor:s,title:o,description:i,doHint:a,dontHint:l}){return e.jsxs(t.Paper,{className:Pt.root,p:"lg",radius:"md",style:{borderLeftColor:s},children:[e.jsx(t.Title,{order:3,size:"h4",mb:"xs",children:o}),e.jsx(t.Text,{c:"dimmed",children:i}),(a||l)&&e.jsxs(t.Group,{gap:"sm",mt:"md",wrap:"wrap",children:[a&&e.jsx(se,{variant:"do",children:a}),l&&e.jsx(se,{variant:"dont",children:l})]})]})}const Et="_root_ydu7j_1",Wt="_actions_ydu7j_22",Gt="_fab_ydu7j_43",Rt="_actionButton_ydu7j_61",Y={root:Et,actions:Wt,fab:Gt,actionButton:Rt};function Ft({actions:s,icon:o,openIcon:i,direction:a="up",color:l="blue",size:f=56,defaultOpen:g=!1,open:j,onOpenChange:_,style:u,className:m}){const[b,r]=c.useState(g),v=j??b,h=c.useCallback(()=>{const n=!v;r(n),_==null||_(n)},[v,_]),d=c.useCallback(()=>{r(!1),_==null||_(!1)},[_]),y=a==="up"||a==="down";return e.jsxs(t.Box,{className:`${Y.root} ${m??""}`,style:u,"data-direction":a,children:[e.jsx("div",{className:Y.actions,"data-direction":a,children:s.map((n,x)=>{const w=a==="up"||a==="left"?s.length-1-x:x;return e.jsx(t.Transition,{mounted:v,transition:y?"slide-up":"slide-right",duration:200,timingFunction:"ease",enterDelay:w*40,children:M=>e.jsx(t.Tooltip,{label:n.label,position:y?"left":"top",children:e.jsx(t.ActionIcon,{variant:"filled",color:"gray",radius:"xl",size:f*.7,style:M,className:Y.actionButton,onClick:()=>{n.onClick(),d()},"aria-label":n.label,children:n.icon})})},n.label)})}),e.jsx(t.ActionIcon,{variant:"filled",color:l,radius:"xl",size:f,onClick:h,className:Y.fab,"data-open":v||void 0,"aria-label":v?"Close actions":"Open actions",children:v?i??o??e.jsx(z.IconPlus,{size:f*.45}):o??e.jsx(z.IconPlus,{size:f*.45})})]})}const Dt="_container_9xj91_1",At="_layout_9xj91_16",qt="_reversed_9xj91_29",Ht="_headingSide_9xj91_39",Ot="_sticky_9xj91_49",Vt="_stickyInner_9xj91_54",Ut="_contentSide_9xj91_65",Xt="_title_9xj91_76",Yt="_preTitle_9xj91_82",Kt="_titleHighlight_9xj91_88",Jt="_description_9xj91_95",B={container:Dt,layout:At,reversed:qt,headingSide:Ht,sticky:Ot,stickyInner:Vt,contentSide:Ut,title:Xt,preTitle:Yt,titleHighlight:Kt,description:Jt};function Qt({badge:s,badgeColor:o="violet",subtitle:i,title:a,titleColor:l="blue",preTitle:f,description:g,actions:j,heading:_,children:u,stickyHeading:m=!1,py:b,reversed:r=!1,id:v,className:h}){const d=_??e.jsxs(t.Stack,{gap:"sm",children:[s&&e.jsxs(t.Box,{children:[e.jsx(t.Badge,{color:o,variant:"filled",size:"sm",radius:4,tt:"uppercase",fw:700,children:s}),i&&e.jsx(t.Text,{size:"sm",c:"dimmed",mt:"xs",tt:"uppercase",style:{letterSpacing:"0.05em"},children:i})]}),!s&&i&&e.jsx(t.Text,{size:"sm",c:"dimmed",tt:"uppercase",style:{letterSpacing:"0.05em"},children:i}),(f||a)&&e.jsxs(t.Title,{order:2,className:B.title,children:[f&&e.jsx("span",{className:B.preTitle,children:f}),f&&e.jsx("br",{}),a&&e.jsx(t.Text,{component:"span",inherit:!0,className:B.titleHighlight,c:l,children:a})]}),g&&e.jsx(t.Text,{size:"lg",c:"dimmed",lh:1.7,className:B.description,children:g}),j&&e.jsx(t.Box,{mt:"md",children:j})]});return e.jsx(t.Box,{component:"section",py:b??"calc(var(--mantine-spacing-xl) * 3)",pos:"relative",id:v,className:h,children:e.jsx(t.Box,{className:B.container,children:e.jsxs(t.Box,{className:`${B.layout} ${r?B.reversed:""}`,children:[e.jsx(t.Box,{className:`${B.headingSide} ${m?B.sticky:""}`,children:e.jsx(t.Box,{className:m?B.stickyInner:void 0,children:d})}),e.jsx(t.Box,{className:B.contentSide,children:u})]})})})}const Zt="_root_ioshc_1",es="_quoteIcon_ioshc_6",me={root:Zt,quoteIcon:es};function ts(s){return s.split(" ").map(o=>o[0]).join("").toUpperCase().slice(0,2)}function ss({quote:s,name:o,role:i,company:a,avatarSrc:l,accentColor:f="blue"}){const g=`var(--mantine-color-${f}-filled)`;return e.jsxs(t.Paper,{className:me.root,p:"lg",radius:"md",style:{borderLeftColor:g},children:[e.jsx(z.IconQuote,{size:32,className:me.quoteIcon,color:g}),e.jsx(t.Text,{fs:"italic",mt:"xs",mb:"md",children:s}),e.jsxs(t.Group,{gap:"sm",children:[e.jsx(t.Avatar,{src:l,alt:o,color:f,radius:"xl",size:"md",children:ts(o)}),e.jsxs(t.Stack,{gap:0,children:[e.jsx(t.Text,{fw:600,size:"sm",children:o}),(i||a)&&e.jsx(t.Text,{size:"xs",c:"dimmed",children:[i,a].filter(Boolean).join(", ")})]})]})]})}exports.AnimatedCounter=ve;exports.AnimatedWaveform=te;exports.AudioPlayer=Be;exports.AudioWaveform=K;exports.CodeBlock=Le;exports.ColorPalette=Ae;exports.ColorSwatch=Ve;exports.Copyable=J;exports.DosDonts=Ze;exports.ExpandableCard=st;exports.FadeInSection=at;exports.FrequencyWave=it;exports.GradientSwatch=dt;exports.Hero=kt;exports.HintBadge=se;exports.MiniAudioPlayer=xe;exports.PrincipleCard=Lt;exports.SpeedDial=Ft;exports.SplitSection=Qt;exports.TestimonialCard=ss;exports.VideoBackground=pe;