@stfrigerio/sito-template 0.1.95 → 0.1.96

package/storybook-static/assets/{VariableProximity.stories-RaopvofU.js → VariableProximity.stories-BTLVRXWD.js}

@@ -1,4 +1,4 @@
-import{r as l,j as m}from"./iframe-D7y7FUTK.js";import{m as T}from"./proxy-Ce-uTDDv.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-Dyabqz-b.js";const E={"variable-proximity":"_variable-proximity_14yrm_3","sr-only":"_sr-only_14yrm_7"};function W(e){l.useEffect(()=>{let r;const c=()=>{e(),r=requestAnimationFrame(c)};return r=requestAnimationFrame(c),()=>cancelAnimationFrame(r)},[e])}function O(e){const r=l.useRef({x:0,y:0});return l.useEffect(()=>{const c=(n,a)=>{if(e!=null&&e.current){const y=e.current.getBoundingClientRect();r.current={x:n-y.left,y:a-y.top}}else r.current={x:n,y:a}},p=n=>c(n.clientX,n.clientY),d=n=>{const a=n.touches[0];c(a.clientX,a.clientY)};return window.addEventListener("mousemove",p),window.addEventListener("touchmove",d),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("touchmove",d)}},[e]),r}const x=l.forwardRef((e,r)=>{const{label:c,fromFontVariationSettings:p,toFontVariationSettings:d,containerRef:n,radius:a=50,falloff:y="linear",className:C="",onClick:z,style:A,...L}=e,V=l.useRef([]),b=l.useRef([]),h=O(n),w=l.useRef({x:null,y:null}),N=l.useMemo(()=>{const s=t=>new Map(t.split(",").map(i=>i.trim()).map(i=>{const[f,S]=i.split(" ");return[f.replace(/['"]/g,""),parseFloat(S)]})),o=s(p),u=s(d);return Array.from(o.entries()).map(([t,i])=>({axis:t,fromValue:i,toValue:u.get(t)??i}))},[p,d]),$=(s,o,u,t)=>Math.sqrt((u-s)**2+(t-o)**2),k=s=>{const o=Math.min(Math.max(1-s/a,0),1);switch(y){case"exponential":return o**2;case"gaussian":return Math.exp(-((s/(a/2))**2)/2);case"linear":default:return o}};W(()=>{if(!(n!=null&&n.current))return;const s=n.current.getBoundingClientRect(),{x:o,y:u}=h.current;w.current.x===o&&w.current.y===u||(w.current={x:o,y:u},V.current.forEach((t,i)=>{if(!t)return;const f=t.getBoundingClientRect(),S=f.left+f.width/2-s.left,I=f.top+f.height/2-s.top,P=$(h.current.x,h.current.y,S,I);if(P>=a){t.style.fontVariationSettings=p;return}const q=k(P),j=N.map(({axis:D,fromValue:F,toValue:X})=>{const Y=F+(X-F)*q;return`'${D}' ${Y}`}).join(", ");b.current[i]=j,t.style.fontVariationSettings=j}))});const v=c.split(" ");let B=0;return m.jsxs("span",{ref:r,className:`${C} ${E["variable-proximity"]}`,onClick:z,style:{display:"inline",...A},...L,children:[v.map((s,o)=>m.jsxs("span",{style:{display:"inline-block",whiteSpace:"nowrap"},children:[s.split("").map(u=>{const t=B++;return m.jsx(T.span,{ref:i=>{V.current[t]=i},style:{display:"inline-block",fontVariationSettings:b.current[t]},"aria-hidden":"true",children:u},t)}),o<v.length-1&&m.jsx("span",{style:{display:"inline-block"},children:" "})]},o)),m.jsx("span",{className:`${E["sr-only"]}`,children:c})]})});x.displayName="VariableProximity";x.__docgenInfo={description:"",methods:[],displayName:"VariableProximity"};const U={title:"ReactBits/TextAnimations/VariableProximity",component:x,parameters:{layout:"fullscreen"}},G=e=>{const r=l.useRef(null);return m.jsx("div",{ref:r,style:{position:"relative",width:"100%",height:"300px",display:"flex",alignItems:"center",justifyContent:"center",background:"#000"},children:m.jsx(x,{...e,containerRef:r})})},g={render:e=>m.jsx(G,{...e}),args:{label:"Variable Proximity",fromFontVariationSettings:"'wght' 400, 'opsz' 9",toFontVariationSettings:"'wght' 900, 'opsz' 40",radius:150,falloff:"linear",style:{fontSize:"3rem",color:"#fff"}}};var M,_,R;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
+import{r as l,j as m}from"./iframe-rPhsLpUF.js";import{m as T}from"./proxy-uJ8evSzT.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-HXxMOMJo.js";const E={"variable-proximity":"_variable-proximity_14yrm_3","sr-only":"_sr-only_14yrm_7"};function W(e){l.useEffect(()=>{let r;const c=()=>{e(),r=requestAnimationFrame(c)};return r=requestAnimationFrame(c),()=>cancelAnimationFrame(r)},[e])}function O(e){const r=l.useRef({x:0,y:0});return l.useEffect(()=>{const c=(n,a)=>{if(e!=null&&e.current){const y=e.current.getBoundingClientRect();r.current={x:n-y.left,y:a-y.top}}else r.current={x:n,y:a}},p=n=>c(n.clientX,n.clientY),d=n=>{const a=n.touches[0];c(a.clientX,a.clientY)};return window.addEventListener("mousemove",p),window.addEventListener("touchmove",d),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("touchmove",d)}},[e]),r}const x=l.forwardRef((e,r)=>{const{label:c,fromFontVariationSettings:p,toFontVariationSettings:d,containerRef:n,radius:a=50,falloff:y="linear",className:C="",onClick:z,style:A,...L}=e,V=l.useRef([]),b=l.useRef([]),h=O(n),w=l.useRef({x:null,y:null}),N=l.useMemo(()=>{const s=t=>new Map(t.split(",").map(i=>i.trim()).map(i=>{const[f,S]=i.split(" ");return[f.replace(/['"]/g,""),parseFloat(S)]})),o=s(p),u=s(d);return Array.from(o.entries()).map(([t,i])=>({axis:t,fromValue:i,toValue:u.get(t)??i}))},[p,d]),$=(s,o,u,t)=>Math.sqrt((u-s)**2+(t-o)**2),k=s=>{const o=Math.min(Math.max(1-s/a,0),1);switch(y){case"exponential":return o**2;case"gaussian":return Math.exp(-((s/(a/2))**2)/2);case"linear":default:return o}};W(()=>{if(!(n!=null&&n.current))return;const s=n.current.getBoundingClientRect(),{x:o,y:u}=h.current;w.current.x===o&&w.current.y===u||(w.current={x:o,y:u},V.current.forEach((t,i)=>{if(!t)return;const f=t.getBoundingClientRect(),S=f.left+f.width/2-s.left,I=f.top+f.height/2-s.top,P=$(h.current.x,h.current.y,S,I);if(P>=a){t.style.fontVariationSettings=p;return}const q=k(P),j=N.map(({axis:D,fromValue:F,toValue:X})=>{const Y=F+(X-F)*q;return`'${D}' ${Y}`}).join(", ");b.current[i]=j,t.style.fontVariationSettings=j}))});const v=c.split(" ");let B=0;return m.jsxs("span",{ref:r,className:`${C} ${E["variable-proximity"]}`,onClick:z,style:{display:"inline",...A},...L,children:[v.map((s,o)=>m.jsxs("span",{style:{display:"inline-block",whiteSpace:"nowrap"},children:[s.split("").map(u=>{const t=B++;return m.jsx(T.span,{ref:i=>{V.current[t]=i},style:{display:"inline-block",fontVariationSettings:b.current[t]},"aria-hidden":"true",children:u},t)}),o<v.length-1&&m.jsx("span",{style:{display:"inline-block"},children:" "})]},o)),m.jsx("span",{className:`${E["sr-only"]}`,children:c})]})});x.displayName="VariableProximity";x.__docgenInfo={description:"",methods:[],displayName:"VariableProximity"};const U={title:"ReactBits/TextAnimations/VariableProximity",component:x,parameters:{layout:"fullscreen"}},G=e=>{const r=l.useRef(null);return m.jsx("div",{ref:r,style:{position:"relative",width:"100%",height:"300px",display:"flex",alignItems:"center",justifyContent:"center",background:"#000"},children:m.jsx(x,{...e,containerRef:r})})},g={render:e=>m.jsx(G,{...e}),args:{label:"Variable Proximity",fromFontVariationSettings:"'wght' 400, 'opsz' 9",toFontVariationSettings:"'wght' 900, 'opsz' 40",radius:150,falloff:"linear",style:{fontSize:"3rem",color:"#fff"}}};var M,_,R;g.parameters={...g.parameters,docs:{...(M=g.parameters)==null?void 0:M.docs,source:{originalSource:`{
   render: args => <VariableProximityWrapper {...args} />,
   args: {
     label: 'Variable Proximity',

package/storybook-static/assets/{Waves.stories-oO9FrJAS.js → Waves.stories-_NtAqm6K.js}

@@ -1 +1 @@
-import{r as i,j as J}from"./iframe-D7y7FUTK.js";import"./preload-helper-C1FmrZbK.js";const le="_waves_vgm9y_1",K={waves:le,"waves-canvas":"_waves-canvas_vgm9y_25"};class l{constructor(s,r,o){this.x=s,this.y=r,this.z=o}dot2(s,r){return this.x*s+this.y*r}}class ie{constructor(s=0){this.grad3=[new l(1,1,0),new l(-1,1,0),new l(1,-1,0),new l(-1,-1,0),new l(1,0,1),new l(-1,0,1),new l(1,0,-1),new l(-1,0,-1),new l(0,1,1),new l(0,-1,1),new l(0,1,-1),new l(0,-1,-1)],this.p=[151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180],this.perm=new Array(512),this.gradP=new Array(512),this.seed(s)}seed(s){s>0&&s<1&&(s*=65536),s=Math.floor(s),s<256&&(s|=s<<8);for(let r=0;r<256;r++){let o=r&1?this.p[r]^s&255:this.p[r]^s>>8&255;this.perm[r]=this.perm[r+256]=o,this.gradP[r]=this.gradP[r+256]=this.grad3[o%12]}}fade(s){return s*s*s*(s*(s*6-15)+10)}lerp(s,r,o){return(1-o)*s+o*r}perlin2(s,r){let o=Math.floor(s),f=Math.floor(r);s-=o,r-=f,o&=255,f&=255;const g=this.gradP[o+this.perm[f]].dot2(s,r),M=this.gradP[o+this.perm[f+1]].dot2(s,r-1),R=this.gradP[o+1+this.perm[f]].dot2(s-1,r),q=this.gradP[o+1+this.perm[f+1]].dot2(s-1,r-1),x=this.fade(s);return this.lerp(this.lerp(g,R,x),this.lerp(M,q,x),this.fade(r))}}const ee=({lineColor:p="black",backgroundColor:s="transparent",waveSpeedX:r=.0125,waveSpeedY:o=.005,waveAmpX:f=32,waveAmpY:g=16,xGap:M=10,yGap:R=32,friction:q=.925,tension:x=.005,maxCursorMove:A=100,style:te={},className:se=""})=>{const X=i.useRef(null),Y=i.useRef(null),$=i.useRef(null),w=i.useRef({width:0,height:0,left:0,top:0}),re=i.useRef(new ie(Math.random())),E=i.useRef([]),S=i.useRef({x:-10,y:0,lx:0,ly:0,sx:0,sy:0,v:0,vs:0,a:0,set:!1}),V=i.useRef({lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}),b=i.useRef(null);return i.useEffect(()=>{V.current={lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}},[p,r,o,f,g,q,x,A,M,R]),i.useEffect(()=>{console.log("Waves mounted");const j=Y.current,z=X.current;$.current=j.getContext("2d");function T(){w.current=z.getBoundingClientRect(),j.width=w.current.width,j.height=w.current.height}function B(){const{width:n,height:e}=w.current;E.current=[];const t=n+200,c=e+30,{xGap:u,yGap:v}=V.current,m=Math.ceil(t/u),d=Math.ceil(c/v),y=(n-u*m)/2,P=(e-v*d)/2;for(let h=0;h<=m;h++){const L=[];for(let a=0;a<=d;a++)L.push({x:y+u*h,y:P+v*a,wave:{x:0,y:0},cursor:{x:0,y:0,vx:0,vy:0}});E.current.push(L)}}function ae(n){const e=E.current,t=S.current,c=re.current,{waveSpeedX:u,waveSpeedY:v,waveAmpX:m,waveAmpY:d,friction:y,tension:P,maxCursorMove:h}=V.current;e.forEach(L=>{L.forEach(a=>{const I=c.perlin2((a.x+n*u)*.002,(a.y+n*v)*.0015)*12;a.wave.x=Math.cos(I)*m,a.wave.y=Math.sin(I)*d;const oe=a.x-t.sx,ce=a.y-t.sy,W=Math.hypot(oe,ce),_=Math.max(175,t.vs);if(W<_){const ue=1-W/_,O=Math.cos(W*.001)*ue;a.cursor.vx+=Math.cos(t.a)*O*_*t.vs*65e-5,a.cursor.vy+=Math.sin(t.a)*O*_*t.vs*65e-5}a.cursor.vx+=(0-a.cursor.x)*P,a.cursor.vy+=(0-a.cursor.y)*P,a.cursor.vx*=y,a.cursor.vy*=y,a.cursor.x+=a.cursor.vx*2,a.cursor.y+=a.cursor.vy*2,a.cursor.x=Math.min(h,Math.max(-h,a.cursor.x)),a.cursor.y=Math.min(h,Math.max(-h,a.cursor.y))})})}function N(n,e=!0){const t=n.x+n.wave.x+(e?n.cursor.x:0),c=n.y+n.wave.y+(e?n.cursor.y:0);return{x:Math.round(t*10)/10,y:Math.round(c*10)/10}}function ne(){const{width:n,height:e}=w.current,t=$.current;t.clearRect(0,0,n,e),t.beginPath(),t.strokeStyle=V.current.lineColor,E.current.forEach(c=>{let u=N(c[0],!1);t.moveTo(u.x,u.y),c.forEach((v,m)=>{const d=m===c.length-1;u=N(v,!d);const y=N(c[m+1]||c[c.length-1],!d);t.lineTo(u.x,u.y),d&&t.moveTo(y.x,y.y)})}),t.stroke()}function C(n){const e=S.current;e.sx+=(e.x-e.sx)*.1,e.sy+=(e.y-e.sy)*.1;const t=e.x-e.lx,c=e.y-e.ly,u=Math.hypot(t,c);e.v=u,e.vs+=(u-e.vs)*.1,e.vs=Math.min(100,e.vs),e.lx=e.x,e.ly=e.y,e.a=Math.atan2(c,t),z.style.setProperty("--x",`${e.sx}px`),z.style.setProperty("--y",`${e.sy}px`),ae(n),ne(),b.current=requestAnimationFrame(C)}function F(){T(),B()}function G(n){H(n.clientX,n.clientY)}function D(n){const e=n.touches[0];H(e.clientX,e.clientY)}function H(n,e){const t=S.current,c=w.current;t.x=n-c.left,t.y=e-c.top,t.set||(t.sx=t.x,t.sy=t.y,t.lx=t.x,t.ly=t.y,t.set=!0)}return T(),B(),b.current=requestAnimationFrame(C),window.addEventListener("resize",F),window.addEventListener("mousemove",G),window.addEventListener("touchmove",D,{passive:!1}),()=>{window.removeEventListener("resize",F),window.removeEventListener("mousemove",G),window.removeEventListener("touchmove",D),cancelAnimationFrame(b.current)}},[]),J.jsx("div",{ref:X,className:`${K.waves} ${se}`,style:{position:"relative",margin:0,padding:0,width:"100%",minHeight:"100vh",overflow:"hidden",backgroundColor:s,...te},children:J.jsx("canvas",{ref:Y,className:`${K["waves-canvas"]}`})})};ee.__docgenInfo={description:"",methods:[],displayName:"Waves",props:{lineColor:{defaultValue:{value:"'black'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'transparent'",computed:!1},required:!1},waveSpeedX:{defaultValue:{value:"0.0125",computed:!1},required:!1},waveSpeedY:{defaultValue:{value:"0.005",computed:!1},required:!1},waveAmpX:{defaultValue:{value:"32",computed:!1},required:!1},waveAmpY:{defaultValue:{value:"16",computed:!1},required:!1},xGap:{defaultValue:{value:"10",computed:!1},required:!1},yGap:{defaultValue:{value:"32",computed:!1},required:!1},friction:{defaultValue:{value:"0.925",computed:!1},required:!1},tension:{defaultValue:{value:"0.005",computed:!1},required:!1},maxCursorMove:{defaultValue:{value:"100",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const he={title:"ReactBits/Backgrounds/Waves",component:ee,parameters:{layout:"fullscreen"}},k={};var Q,U,Z;k.parameters={...k.parameters,docs:{...(Q=k.parameters)==null?void 0:Q.docs,source:{originalSource:"{}",...(Z=(U=k.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};const ve=["Default"];export{k as Default,ve as __namedExportsOrder,he as default};
+import{r as i,j as J}from"./iframe-rPhsLpUF.js";import"./preload-helper-C1FmrZbK.js";const le="_waves_vgm9y_1",K={waves:le,"waves-canvas":"_waves-canvas_vgm9y_25"};class l{constructor(s,r,o){this.x=s,this.y=r,this.z=o}dot2(s,r){return this.x*s+this.y*r}}class ie{constructor(s=0){this.grad3=[new l(1,1,0),new l(-1,1,0),new l(1,-1,0),new l(-1,-1,0),new l(1,0,1),new l(-1,0,1),new l(1,0,-1),new l(-1,0,-1),new l(0,1,1),new l(0,-1,1),new l(0,1,-1),new l(0,-1,-1)],this.p=[151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180],this.perm=new Array(512),this.gradP=new Array(512),this.seed(s)}seed(s){s>0&&s<1&&(s*=65536),s=Math.floor(s),s<256&&(s|=s<<8);for(let r=0;r<256;r++){let o=r&1?this.p[r]^s&255:this.p[r]^s>>8&255;this.perm[r]=this.perm[r+256]=o,this.gradP[r]=this.gradP[r+256]=this.grad3[o%12]}}fade(s){return s*s*s*(s*(s*6-15)+10)}lerp(s,r,o){return(1-o)*s+o*r}perlin2(s,r){let o=Math.floor(s),f=Math.floor(r);s-=o,r-=f,o&=255,f&=255;const g=this.gradP[o+this.perm[f]].dot2(s,r),M=this.gradP[o+this.perm[f+1]].dot2(s,r-1),R=this.gradP[o+1+this.perm[f]].dot2(s-1,r),q=this.gradP[o+1+this.perm[f+1]].dot2(s-1,r-1),x=this.fade(s);return this.lerp(this.lerp(g,R,x),this.lerp(M,q,x),this.fade(r))}}const ee=({lineColor:p="black",backgroundColor:s="transparent",waveSpeedX:r=.0125,waveSpeedY:o=.005,waveAmpX:f=32,waveAmpY:g=16,xGap:M=10,yGap:R=32,friction:q=.925,tension:x=.005,maxCursorMove:A=100,style:te={},className:se=""})=>{const X=i.useRef(null),Y=i.useRef(null),$=i.useRef(null),w=i.useRef({width:0,height:0,left:0,top:0}),re=i.useRef(new ie(Math.random())),E=i.useRef([]),S=i.useRef({x:-10,y:0,lx:0,ly:0,sx:0,sy:0,v:0,vs:0,a:0,set:!1}),V=i.useRef({lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}),b=i.useRef(null);return i.useEffect(()=>{V.current={lineColor:p,waveSpeedX:r,waveSpeedY:o,waveAmpX:f,waveAmpY:g,friction:q,tension:x,maxCursorMove:A,xGap:M,yGap:R}},[p,r,o,f,g,q,x,A,M,R]),i.useEffect(()=>{console.log("Waves mounted");const j=Y.current,z=X.current;$.current=j.getContext("2d");function T(){w.current=z.getBoundingClientRect(),j.width=w.current.width,j.height=w.current.height}function B(){const{width:n,height:e}=w.current;E.current=[];const t=n+200,c=e+30,{xGap:u,yGap:v}=V.current,m=Math.ceil(t/u),d=Math.ceil(c/v),y=(n-u*m)/2,P=(e-v*d)/2;for(let h=0;h<=m;h++){const L=[];for(let a=0;a<=d;a++)L.push({x:y+u*h,y:P+v*a,wave:{x:0,y:0},cursor:{x:0,y:0,vx:0,vy:0}});E.current.push(L)}}function ae(n){const e=E.current,t=S.current,c=re.current,{waveSpeedX:u,waveSpeedY:v,waveAmpX:m,waveAmpY:d,friction:y,tension:P,maxCursorMove:h}=V.current;e.forEach(L=>{L.forEach(a=>{const I=c.perlin2((a.x+n*u)*.002,(a.y+n*v)*.0015)*12;a.wave.x=Math.cos(I)*m,a.wave.y=Math.sin(I)*d;const oe=a.x-t.sx,ce=a.y-t.sy,W=Math.hypot(oe,ce),_=Math.max(175,t.vs);if(W<_){const ue=1-W/_,O=Math.cos(W*.001)*ue;a.cursor.vx+=Math.cos(t.a)*O*_*t.vs*65e-5,a.cursor.vy+=Math.sin(t.a)*O*_*t.vs*65e-5}a.cursor.vx+=(0-a.cursor.x)*P,a.cursor.vy+=(0-a.cursor.y)*P,a.cursor.vx*=y,a.cursor.vy*=y,a.cursor.x+=a.cursor.vx*2,a.cursor.y+=a.cursor.vy*2,a.cursor.x=Math.min(h,Math.max(-h,a.cursor.x)),a.cursor.y=Math.min(h,Math.max(-h,a.cursor.y))})})}function N(n,e=!0){const t=n.x+n.wave.x+(e?n.cursor.x:0),c=n.y+n.wave.y+(e?n.cursor.y:0);return{x:Math.round(t*10)/10,y:Math.round(c*10)/10}}function ne(){const{width:n,height:e}=w.current,t=$.current;t.clearRect(0,0,n,e),t.beginPath(),t.strokeStyle=V.current.lineColor,E.current.forEach(c=>{let u=N(c[0],!1);t.moveTo(u.x,u.y),c.forEach((v,m)=>{const d=m===c.length-1;u=N(v,!d);const y=N(c[m+1]||c[c.length-1],!d);t.lineTo(u.x,u.y),d&&t.moveTo(y.x,y.y)})}),t.stroke()}function C(n){const e=S.current;e.sx+=(e.x-e.sx)*.1,e.sy+=(e.y-e.sy)*.1;const t=e.x-e.lx,c=e.y-e.ly,u=Math.hypot(t,c);e.v=u,e.vs+=(u-e.vs)*.1,e.vs=Math.min(100,e.vs),e.lx=e.x,e.ly=e.y,e.a=Math.atan2(c,t),z.style.setProperty("--x",`${e.sx}px`),z.style.setProperty("--y",`${e.sy}px`),ae(n),ne(),b.current=requestAnimationFrame(C)}function F(){T(),B()}function G(n){H(n.clientX,n.clientY)}function D(n){const e=n.touches[0];H(e.clientX,e.clientY)}function H(n,e){const t=S.current,c=w.current;t.x=n-c.left,t.y=e-c.top,t.set||(t.sx=t.x,t.sy=t.y,t.lx=t.x,t.ly=t.y,t.set=!0)}return T(),B(),b.current=requestAnimationFrame(C),window.addEventListener("resize",F),window.addEventListener("mousemove",G),window.addEventListener("touchmove",D,{passive:!1}),()=>{window.removeEventListener("resize",F),window.removeEventListener("mousemove",G),window.removeEventListener("touchmove",D),cancelAnimationFrame(b.current)}},[]),J.jsx("div",{ref:X,className:`${K.waves} ${se}`,style:{position:"relative",margin:0,padding:0,width:"100%",minHeight:"100vh",overflow:"hidden",backgroundColor:s,...te},children:J.jsx("canvas",{ref:Y,className:`${K["waves-canvas"]}`})})};ee.__docgenInfo={description:"",methods:[],displayName:"Waves",props:{lineColor:{defaultValue:{value:"'black'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'transparent'",computed:!1},required:!1},waveSpeedX:{defaultValue:{value:"0.0125",computed:!1},required:!1},waveSpeedY:{defaultValue:{value:"0.005",computed:!1},required:!1},waveAmpX:{defaultValue:{value:"32",computed:!1},required:!1},waveAmpY:{defaultValue:{value:"16",computed:!1},required:!1},xGap:{defaultValue:{value:"10",computed:!1},required:!1},yGap:{defaultValue:{value:"32",computed:!1},required:!1},friction:{defaultValue:{value:"0.925",computed:!1},required:!1},tension:{defaultValue:{value:"0.005",computed:!1},required:!1},maxCursorMove:{defaultValue:{value:"100",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const he={title:"ReactBits/Backgrounds/Waves",component:ee,parameters:{layout:"fullscreen"}},k={};var Q,U,Z;k.parameters={...k.parameters,docs:{...(Q=k.parameters)==null?void 0:Q.docs,source:{originalSource:"{}",...(Z=(U=k.parameters)==null?void 0:U.docs)==null?void 0:Z.source}}};const ve=["Default"];export{k as Default,ve as __namedExportsOrder,he as default};

package/storybook-static/assets/{calendar-JsvgBBDH.js → calendar-jGMMZsgE.js}

@@ -1,4 +1,4 @@
-import{c as e}from"./createLucideIcon-D1rlWUhC.js";/**
+import{c as e}from"./createLucideIcon-DhNY7W9i.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{chart-column-mrC32qXf.js → chart-column-jT4jlZWv.js}

@@ -1,4 +1,4 @@
-import{c as t}from"./createLucideIcon-D1rlWUhC.js";/**
+import{c as t}from"./createLucideIcon-DhNY7W9i.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{check-CvrIUYEl.js → check-D_NpTUYB.js}

@@ -1,4 +1,4 @@
-import{c}from"./createLucideIcon-D1rlWUhC.js";/**
+import{c}from"./createLucideIcon-DhNY7W9i.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{chevron-down-BUZZ9BTx.js → chevron-down-C40D1TRM.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-D1rlWUhC.js";/**
+import{c as o}from"./createLucideIcon-DhNY7W9i.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{chevron-right-SVhPWVWz.js → chevron-right-pJjQoHt-.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-D1rlWUhC.js";/**
+import{c as o}from"./createLucideIcon-DhNY7W9i.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/client-BAyDOFGI.js

@@ -0,0 +1 @@
+import{r}from"./index-DVywRwbF.js";var t,o=r;t=o.createRoot,o.hydrateRoot;export{t as c};

package/storybook-static/assets/{createLucideIcon-D1rlWUhC.js → createLucideIcon-DhNY7W9i.js}

@@ -1,4 +1,4 @@
-import{r as s}from"./iframe-D7y7FUTK.js";/**
+import{r as s}from"./iframe-rPhsLpUF.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{download-Bmqc20p3.js → download-DDadr76l.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-D1rlWUhC.js";/**
+import{c as o}from"./createLucideIcon-DhNY7W9i.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{folder-BCJqv57N.js → folder-Dt06LOrp.js}

@@ -1,4 +1,4 @@
-import{c as o}from"./createLucideIcon-D1rlWUhC.js";/**
+import{c as o}from"./createLucideIcon-DhNY7W9i.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{iconBase-Bvu3HEFH.js → iconBase-HFPlWF3A.js}

@@ -1 +1 @@
-import{R as i}from"./iframe-D7y7FUTK.js";var y={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},f=i.createContext&&i.createContext(y),g=["attr","size","title"];function p(e,r){if(e==null)return{};var t,n,o=O(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)===-1&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function O(e,r){if(e==null)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.indexOf(n)!==-1)continue;t[n]=e[n]}return t}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(null,arguments)}function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,n)}return t}function c(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?m(Object(t),!0).forEach(function(n){d(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function d(e,r,t){return(r=j(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function j(e){var r=P(e,"string");return typeof r=="symbol"?r:r+""}function P(e,r){if(typeof e!="object"||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var n=t.call(e,r);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function b(e){return e&&e.map((r,t)=>i.createElement(r.tag,c({key:t},r.attr),b(r.child)))}function x(e){return r=>i.createElement(h,u({attr:c({},e.attr)},r),b(e.child))}function h(e){var r=t=>{var{attr:n,size:o,title:a}=e,v=p(e,g),s=o||t.size||"1em",l;return t.className&&(l=t.className),e.className&&(l=(l?l+" ":"")+e.className),i.createElement("svg",u({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,v,{className:l,style:c(c({color:e.color||t.color},t.style),e.style),height:s,width:s,xmlns:"http://www.w3.org/2000/svg"}),a&&i.createElement("title",null,a),e.children)};return f!==void 0?i.createElement(f.Consumer,null,t=>r(t)):r(y)}export{x as G};
+import{R as i}from"./iframe-rPhsLpUF.js";var y={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},f=i.createContext&&i.createContext(y),g=["attr","size","title"];function p(e,r){if(e==null)return{};var t,n,o=O(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)===-1&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}function O(e,r){if(e==null)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(r.indexOf(n)!==-1)continue;t[n]=e[n]}return t}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)({}).hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},u.apply(null,arguments)}function m(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,n)}return t}function c(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?m(Object(t),!0).forEach(function(n){d(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):m(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function d(e,r,t){return(r=j(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function j(e){var r=P(e,"string");return typeof r=="symbol"?r:r+""}function P(e,r){if(typeof e!="object"||!e)return e;var t=e[Symbol.toPrimitive];if(t!==void 0){var n=t.call(e,r);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function b(e){return e&&e.map((r,t)=>i.createElement(r.tag,c({key:t},r.attr),b(r.child)))}function x(e){return r=>i.createElement(h,u({attr:c({},e.attr)},r),b(e.child))}function h(e){var r=t=>{var{attr:n,size:o,title:a}=e,v=p(e,g),s=o||t.size||"1em",l;return t.className&&(l=t.className),e.className&&(l=(l?l+" ":"")+e.className),i.createElement("svg",u({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,v,{className:l,style:c(c({color:e.color||t.color},t.style),e.style),height:s,width:s,xmlns:"http://www.w3.org/2000/svg"}),a&&i.createElement("title",null,a),e.children)};return f!==void 0?i.createElement(f.Consumer,null,t=>r(t)):r(y)}export{x as G};

package/storybook-static/assets/iframe-1P7UMs1C.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,500&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}code{font-family:var(--font-family-mono)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1{font-size:36px;font-weight:700;color:var(--color-text);margin-bottom:16px}h2{font-size:32px;font-weight:600;color:var(--color-text);margin-bottom:12px}h3{font-size:20px;font-weight:600;color:var(--color-text);margin-bottom:12px}h4{font-size:18px;font-weight:600;color:var(--color-text);margin-bottom:8px}h5{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:8px}h6{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px}p{color:var(--color-text);line-height:1.6;margin-bottom:16px}@media (max-width: 768px){.header{padding:16px;margin-bottom:24px}h1{font-size:28px}h2{font-size:24px}h3{font-size:18px}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root:not([data-theme*=dark]),:root[data-theme=default],[data-theme=lossito],[data-theme=dao]{--color-success: #10b981;--color-success-light: #34d399;--color-success-bg: #d1fae5;--color-error: #ef4444;--color-error-light: #fb7185;--color-error-bg: #fee2e2;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-bg: #fef3c7;--color-info: #0ea5e9;--color-info-light: #38bdf8;--color-info-bg: #e0f2fe;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08), 0 10px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .12);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06)}[data-theme=dark],[data-theme=lossito-dark],[data-theme=dao-dark]{--color-success: #34d399;--color-success-light: #6ee7b7;--color-success-bg: #064e3b;--color-error: #fb7185;--color-error-light: #fda4af;--color-error-bg: #881337;--color-warning: #fbbf24;--color-warning-light: #fcd34d;--color-warning-bg: #451a03;--color-info: #38bdf8;--color-info-light: #7dd3fc;--color-info-bg: #082f49;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .35), 0 4px 6px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .35), 0 10px 10px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .45);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .25)}:root,:root[data-theme=default],[data-theme=default]{--color-primary: #7c3aed;--color-secondary: #14b8a6;--color-accent: #ec4899;--color-background: #ffffff;--color-background-secondary: #fafafa;--color-background-tertiary: #f5f5f5;--color-surface: #ffffff;--color-surface-hover: #fafafa;--color-text: #18181b;--color-text-secondary: #71717a;--color-text-tertiary: #a1a1aa;--color-text-muted: #d4d4d8;--color-text-inverse: #ffffff;--color-border: #e4e4e7;--color-border-hover: #d4d4d8}:root[data-theme=dark],[data-theme=dark]{--color-primary: #a78bfa;--color-secondary: #2dd4bf;--color-accent: #f472b6;--color-background: #0a0a0a;--color-background-secondary: #18181b;--color-background-tertiary: #27272a;--color-surface: #18181b;--color-surface-hover: #27272a;--color-text: #fafafa;--color-text-secondary: #a1a1aa;--color-text-tertiary: #71717a;--color-text-muted: #52525b;--color-text-inverse: #0a0a0a;--color-border: #27272a;--color-border-hover: #3f3f46}:root[data-theme=lossito],[data-theme=lossito]{--lossito-bg: #f5f1e8;--lossito-bg-warm: #efe9da;--lossito-paper: #fbf7ee;--lossito-ink: #2b2a26;--lossito-ink-soft: #4a4840;--lossito-ink-faint: #8a8676;--lossito-rule: #d8cfb8;--lossito-rule-soft: #e6dfc9;--lossito-sage: #6b7f5c;--lossito-sage-deep: #4f6243;--lossito-sage-wash: #e6e8d9;--lossito-terra: #b85c3c;--lossito-terra-wash: #f1ddce;--lossito-mustard: #c19a3f;--lossito-mustard-wash: #efe3c4;--color-primary: var(--lossito-sage);--color-primary-hover: var(--lossito-sage-deep);--color-primary-active: var(--lossito-sage-deep);--color-primary-light: #8fa076;--color-primary-lighter: #b6c2a1;--color-secondary: var(--lossito-ink-soft);--color-secondary-hover: var(--lossito-ink);--color-secondary-active: var(--lossito-ink);--color-secondary-light: var(--lossito-ink-faint);--color-secondary-lighter: var(--lossito-rule);--color-accent: var(--lossito-terra);--color-accent-hover: #8c4a2e;--color-accent-active: #8c4a2e;--color-success: var(--lossito-sage);--color-success-hover: var(--lossito-sage-deep);--color-success-active: var(--lossito-sage-deep);--color-success-light: var(--lossito-sage-wash);--color-success-bg: var(--lossito-sage-wash);--color-error: var(--lossito-terra);--color-error-hover: #8c4a2e;--color-error-active: #8c4a2e;--color-error-light: var(--lossito-terra-wash);--color-error-bg: var(--lossito-terra-wash);--color-warning: var(--lossito-mustard);--color-warning-hover: #a8832a;--color-warning-active: #8a6a1c;--color-warning-light: #f4e5bf;--color-warning-bg: #f9efd2;--color-info: var(--lossito-sage);--color-info-hover: var(--lossito-sage-deep);--color-info-active: var(--lossito-sage-deep);--color-info-light: var(--lossito-sage-wash);--color-info-bg: var(--lossito-sage-wash);--color-background: var(--lossito-bg);--color-background-secondary: var(--lossito-paper);--color-background-tertiary: var(--lossito-bg-warm);--color-surface: var(--lossito-paper);--color-surface-hover: var(--lossito-bg-warm);--color-text: var(--lossito-ink);--color-text-secondary: var(--lossito-ink-soft);--color-text-tertiary: var(--lossito-ink-faint);--color-text-muted: var(--lossito-ink-faint);--color-text-inverse: var(--lossito-paper);--color-border: var(--lossito-rule);--color-border-soft: var(--lossito-rule-soft);--color-border-hover: var(--lossito-ink-faint);--color-border-focus: var(--lossito-sage);--color-primary-bg: var(--lossito-sage-wash);--color-accent-bg: var(--lossito-terra-wash);--radius-sm: 2px;--radius-md: 2px;--radius-lg: 3px;--radius-xl: 3px;--radius-2xl: 4px;--shadow-xs: 0 1px 2px rgba(43, 42, 38, .05);--shadow-sm: 0 1px 3px rgba(43, 42, 38, .07), 0 1px 2px rgba(43, 42, 38, .05);--shadow-md: 0 2px 6px rgba(43, 42, 38, .08);--shadow-lg: 0 6px 14px rgba(43, 42, 38, .1);--shadow-xl: 0 12px 24px rgba(43, 42, 38, .1);--shadow-2xl: 0 18px 36px rgba(43, 42, 38, .14);--shadow-inner: inset 0 1px 2px rgba(43, 42, 38, .06)}[data-theme=lossito] body,[data-theme=lossito] .app,[data-theme=lossito] .app-main{background-color:var(--lossito-bg);background-image:radial-gradient(rgba(43,42,38,.035) 1px,transparent 1px),radial-gradient(rgba(43,42,38,.025) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px}[data-theme=lossito] .emoji,[data-theme=lossito] [class*=emoji]{filter:sepia(.35) saturate(.85) hue-rotate(-8deg) brightness(.96)}:root[data-theme=lossito-dark],[data-theme=lossito-dark]{--lossito-bg: #1e1b15;--lossito-bg-warm: #181510;--lossito-paper: #27231c;--lossito-ink: #e8dfc8;--lossito-ink-soft: #c4bba4;--lossito-ink-faint: #8a8270;--lossito-rule: #3d362a;--lossito-rule-soft: #2f2a21;--lossito-flame: #cc5e37;--lossito-flame-bright: #e07a4f;--lossito-flame-wash: #3a2319;--lossito-terra: #d78464;--lossito-terra-wash: #3a2822;--lossito-mustard: #d4b56a;--lossito-mustard-wash: #36301f;--color-primary: var(--lossito-flame);--color-primary-hover: var(--lossito-flame-bright);--color-primary-active: var(--lossito-flame-bright);--color-primary-light: #e07a4f;--color-primary-lighter: #eb9b7a;--color-primary-rgb: 204, 94, 55;--color-secondary: var(--lossito-ink-soft);--color-secondary-hover: var(--lossito-ink);--color-secondary-active: var(--lossito-ink);--color-secondary-light: var(--lossito-ink-faint);--color-secondary-lighter: var(--lossito-rule);--color-accent: var(--lossito-terra);--color-accent-hover: #e09378;--color-accent-active: #e09378;--color-success: var(--lossito-flame);--color-success-hover: var(--lossito-flame-bright);--color-success-active: var(--lossito-flame-bright);--color-success-light: var(--lossito-flame-wash);--color-success-bg: var(--lossito-flame-wash);--color-error: var(--lossito-terra);--color-error-hover: #e09378;--color-error-active: #e09378;--color-error-light: var(--lossito-terra-wash);--color-error-bg: var(--lossito-terra-wash);--color-warning: var(--lossito-mustard);--color-warning-hover: #dec278;--color-warning-active: #c4a453;--color-warning-light: var(--lossito-mustard-wash);--color-warning-bg: var(--lossito-mustard-wash);--color-info: var(--lossito-flame);--color-info-hover: var(--lossito-flame-bright);--color-info-active: var(--lossito-flame-bright);--color-info-light: var(--lossito-flame-wash);--color-info-bg: var(--lossito-flame-wash);--color-background: var(--lossito-bg);--color-background-secondary: var(--lossito-paper);--color-background-tertiary: var(--lossito-bg-warm);--color-surface: var(--lossito-paper);--color-surface-hover: var(--lossito-bg-warm);--color-text: var(--lossito-ink);--color-text-secondary: var(--lossito-ink-soft);--color-text-tertiary: var(--lossito-ink-faint);--color-text-muted: var(--lossito-ink-faint);--color-text-inverse: var(--lossito-bg);--color-border: var(--lossito-rule);--color-border-soft: var(--lossito-rule-soft);--color-border-hover: var(--lossito-ink-faint);--color-border-focus: var(--lossito-flame);--color-primary-bg: var(--lossito-flame-wash);--color-accent-bg: var(--lossito-terra-wash);--radius-sm: 2px;--radius-md: 2px;--radius-lg: 3px;--radius-xl: 3px;--radius-2xl: 4px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 6px 14px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .45);--shadow-2xl: 0 18px 36px rgba(0, 0, 0, .5);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .3)}[data-theme=lossito-dark] body,[data-theme=lossito-dark] .app,[data-theme=lossito-dark] .app-main{background-color:var(--lossito-bg);background-image:radial-gradient(rgba(232,223,200,.035) 1px,transparent 1px),radial-gradient(rgba(232,223,200,.025) 1px,transparent 1px);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px}[data-theme=lossito-dark] .emoji,[data-theme=lossito-dark] [class*=emoji]{filter:sepia(.3) saturate(.8) hue-rotate(-8deg) brightness(1.1)}:root[data-theme^=dao],[data-theme^=dao]{--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-xl: 0;--radius-2xl: 0;--radius-full: 0;--font-family-primary: "Space Grotesk", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "Share Tech Mono", "JetBrains Mono", "SF Mono", Consolas, monospace}:root[data-theme=dao],[data-theme=dao]{--color-primary: #555555;--color-secondary: #707070;--color-accent: #555555;--color-background: #f8f8f8;--color-background-secondary: #eeeeee;--color-background-tertiary: #e2e2e2;--color-surface: #eeeeee;--color-surface-hover: #e2e2e2;--color-text: #1a1a1a;--color-text-secondary: #505050;--color-text-tertiary: #808080;--color-text-muted: #b0b0b0;--color-text-inverse: #f8f8f8;--color-border: #d8d8d8;--color-border-hover: #c0c0c0}:root[data-theme=dao-dark],[data-theme=dao-dark]{--color-primary: #d0d0d0;--color-secondary: #a0a0a0;--color-accent: #d0d0d0;--color-background: #0a0a0a;--color-background-secondary: #141414;--color-background-tertiary: #1e1e1e;--color-surface: #141414;--color-surface-hover: #1e1e1e;--color-text: #e8e8e8;--color-text-secondary: #b0b0b0;--color-text-tertiary: #787878;--color-text-muted: #565656;--color-text-inverse: #0a0a0a;--color-border: #282828;--color-border-hover: #404040}:root:not([data-theme*=dark]),:root[data-theme=default],[data-theme=lossito],[data-theme=dao]{--color-primary-hover: color-mix(in oklch, var(--color-primary) 85%, black);--color-primary-active: color-mix(in oklch, var(--color-primary) 70%, black);--color-primary-light: color-mix(in oklch, var(--color-primary) 35%, white);--color-primary-lighter: color-mix(in oklch, var(--color-primary) 20%, white);--color-secondary-hover: color-mix(in oklch, var(--color-secondary) 85%, black);--color-secondary-active: color-mix(in oklch, var(--color-secondary) 70%, black);--color-secondary-light: color-mix(in oklch, var(--color-secondary) 35%, white);--color-secondary-lighter: color-mix(in oklch, var(--color-secondary) 20%, white);--color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, black);--color-accent-active: color-mix(in oklch, var(--color-accent) 70%, black);--color-success-hover: color-mix(in oklch, var(--color-success) 85%, black);--color-success-active: color-mix(in oklch, var(--color-success) 70%, black);--color-error-hover: color-mix(in oklch, var(--color-error) 85%, black);--color-error-active: color-mix(in oklch, var(--color-error) 70%, black);--color-warning-hover: color-mix(in oklch, var(--color-warning) 85%, black);--color-warning-active: color-mix(in oklch, var(--color-warning) 70%, black);--color-info-hover: color-mix(in oklch, var(--color-info) 85%, black);--color-info-active: color-mix(in oklch, var(--color-info) 70%, black)}[data-theme=dark],[data-theme=lossito-dark],[data-theme=dao-dark]{--color-primary-hover: color-mix(in oklch, var(--color-primary) 85%, white);--color-primary-active: color-mix(in oklch, var(--color-primary) 85%, black);--color-primary-light: color-mix(in oklch, var(--color-primary) 50%, black);--color-primary-lighter: color-mix(in oklch, var(--color-primary) 30%, black);--color-secondary-hover: color-mix(in oklch, var(--color-secondary) 85%, white);--color-secondary-active: color-mix(in oklch, var(--color-secondary) 85%, black);--color-secondary-light: color-mix(in oklch, var(--color-secondary) 50%, black);--color-secondary-lighter: color-mix(in oklch, var(--color-secondary) 30%, black);--color-accent-hover: color-mix(in oklch, var(--color-accent) 85%, white);--color-accent-active: color-mix(in oklch, var(--color-accent) 85%, black);--color-success-hover: color-mix(in oklch, var(--color-success) 80%, white);--color-success-active: color-mix(in oklch, var(--color-success) 85%, black);--color-error-hover: color-mix(in oklch, var(--color-error) 80%, white);--color-error-active: color-mix(in oklch, var(--color-error) 85%, black);--color-warning-hover: color-mix(in oklch, var(--color-warning) 80%, white);--color-warning-active: color-mix(in oklch, var(--color-warning) 85%, black);--color-info-hover: color-mix(in oklch, var(--color-info) 80%, white);--color-info-active: color-mix(in oklch, var(--color-info) 85%, black)}:root,[data-theme]{--color-border-focus: var(--color-primary)}