@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/Aurora.stories-D2saYiRk.js

@@ -0,0 +1,97 @@
+import{r as f,j as E}from"./iframe-Cz1R6gKZ.js";import{R as B,P,M as T}from"./Mesh-CwXV3WjE.js";import{T as L}from"./Triangle-64ffRKNB.js";import{C as h}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const N={"aurora-container":"_aurora-container_10y7n_1"},O=`#version 300 es
+in vec2 position;
+void main() {
+  gl_Position = vec4(position, 0.0, 1.0);
+}
+`,I=`#version 300 es
+precision highp float;
+
+uniform float uTime;
+uniform float uAmplitude;
+uniform vec3 uColorStops[3];
+uniform vec2 uResolution;
+uniform float uBlend;
+
+out vec4 fragColor;
+
+vec3 permute(vec3 x) {
+  return mod(((x * 34.0) + 1.0) * x, 289.0);
+}
+
+float snoise(vec2 v){
+  const vec4 C = vec4(
+      0.211324865405187, 0.366025403784439,
+      -0.577350269189626, 0.024390243902439
+  );
+  vec2 i  = floor(v + dot(v, C.yy));
+  vec2 x0 = v - i + dot(i, C.xx);
+  vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);
+  vec4 x12 = x0.xyxy + C.xxzz;
+  x12.xy -= i1;
+  i = mod(i, 289.0);
+
+  vec3 p = permute(
+      permute(i.y + vec3(0.0, i1.y, 1.0))
+    + i.x + vec3(0.0, i1.x, 1.0)
+  );
+
+  vec3 m = max(
+      0.5 - vec3(
+          dot(x0, x0),
+          dot(x12.xy, x12.xy),
+          dot(x12.zw, x12.zw)
+      ), 
+      0.0
+  );
+  m = m * m;
+  m = m * m;
+
+  vec3 x = 2.0 * fract(p * C.www) - 1.0;
+  vec3 h = abs(x) - 0.5;
+  vec3 ox = floor(x + 0.5);
+  vec3 a0 = x - ox;
+  m *= 1.79284291400159 - 0.85373472095314 * (a0*a0 + h*h);
+
+  vec3 g;
+  g.x  = a0.x  * x0.x  + h.x  * x0.y;
+  g.yz = a0.yz * x12.xz + h.yz * x12.yw;
+  return 130.0 * dot(m, g);
+}
+
+struct ColorStop {
+  vec3 color;
+  float position;
+};
+
+#define COLOR_RAMP(colors, factor, finalColor) {                int index = 0;                                              for (int i = 0; i < 2; i++) {                                    ColorStop currentColor = colors[i];                         bool isInBetween = currentColor.position <= factor;         index = int(mix(float(index), float(i), float(isInBetween)));   }                                                           ColorStop currentColor = colors[index];                     ColorStop nextColor = colors[index + 1];                    float range = nextColor.position - currentColor.position;   float lerpFactor = (factor - currentColor.position) / range;   finalColor = mix(currentColor.color, nextColor.color, lerpFactor); }
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / uResolution;
+  
+  ColorStop colors[3];
+  colors[0] = ColorStop(uColorStops[0], 0.0);
+  colors[1] = ColorStop(uColorStops[1], 0.5);
+  colors[2] = ColorStop(uColorStops[2], 1.0);
+  
+  vec3 rampColor;
+  COLOR_RAMP(colors, uv.x, rampColor);
+  
+  float height = snoise(vec2(uv.x * 2.0 + uTime * 0.1, uTime * 0.25)) * 0.5 * uAmplitude;
+  height = exp(height);
+  height = (uv.y * 2.0 - height + 0.2);
+  float intensity = 0.6 * height;
+  
+  float midPoint = 0.20;
+  float auroraAlpha = smoothstep(midPoint - uBlend * 0.5, midPoint + uBlend * 0.5, intensity);
+  
+  vec3 auroraColor = intensity * rampColor;
+  
+  fragColor = vec4(auroraColor * auroraAlpha, auroraAlpha);
+}
+`;function F(s){const{colorStops:d=["#5227FF","#7cff67","#5227FF"],amplitude:x=1,blend:v=.5}=s,i=f.useRef(s);i.current=s;const C=f.useRef(null);return f.useEffect(()=>{const e=C.current;if(!e)return;const l=new B({alpha:!0,premultipliedAlpha:!0,antialias:!0}),o=l.gl;o.clearColor(0,0,0,0),o.enable(o.BLEND),o.blendFunc(o.ONE,o.ONE_MINUS_SRC_ALPHA),o.canvas.style.backgroundColor="transparent";let t;function c(){if(!e)return;const r=e.offsetWidth,n=e.offsetHeight;l.setSize(r,n),t&&(t.uniforms.uResolution.value=[r,n])}window.addEventListener("resize",c);const u=new L(o);u.attributes.uv&&delete u.attributes.uv;const w=d.map(r=>{const n=new h(r);return[n.r,n.g,n.b]});t=new P(o,{vertex:O,fragment:I,uniforms:{uTime:{value:0},uAmplitude:{value:x},uColorStops:{value:w},uResolution:{value:[e.offsetWidth,e.offsetHeight]},uBlend:{value:v}}});const R=new T(o,{geometry:u,program:t});e.appendChild(o.canvas);let m=0;const g=r=>{m=requestAnimationFrame(g);const{time:n=r*.01,speed:_=1}=i.current;t.uniforms.uTime.value=n*_*.1,t.uniforms.uAmplitude.value=i.current.amplitude??1,t.uniforms.uBlend.value=i.current.blend??v;const b=i.current.colorStops??d;t.uniforms.uColorStops.value=b.map(z=>{const p=new h(z);return[p.r,p.g,p.b]}),l.render({scene:R})};return m=requestAnimationFrame(g),c(),()=>{var r;cancelAnimationFrame(m),window.removeEventListener("resize",c),e&&o.canvas.parentNode===e&&e.removeChild(o.canvas),(r=o.getExtension("WEBGL_lose_context"))==null||r.loseContext()}},[x]),E.jsx("div",{ref:C,className:`${N["aurora-container"]}`})}F.__docgenInfo={description:"",methods:[],displayName:"Aurora"};const k={title:"ReactBits/Backgrounds/Aurora",component:F,parameters:{layout:"fullscreen"},tags:["autodocs"]},a={args:{colorStops:["#5227FF","#7cff67","#5227FF"],amplitude:1,blend:.5}};var y,S,A;a.parameters={...a.parameters,docs:{...(y=a.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    colorStops: ['#5227FF', '#7cff67', '#5227FF'],
+    amplitude: 1.0,
+    blend: 0.5
+  }
+}`,...(A=(S=a.parameters)==null?void 0:S.docs)==null?void 0:A.source}}};const q=["Default"];export{a as Default,q as __namedExportsOrder,k as default};

package/storybook-static/assets/Beams-BaZopjLr.css

@@ -0,0 +1 @@
+._beams-container_wtefy_1{position:relative;width:100%;min-height:100vh}

package/storybook-static/assets/Beams.stories-BnM_wPsm.js

@@ -0,0 +1,122 @@
+import{r as n,j as x}from"./iframe-Cz1R6gKZ.js";import{n as A,x as L,y as D,j as W,i as T,h as U,t as b}from"./three.module--_vTUKhS.js";import{u as h,a as O,C as X}from"./react-three-fiber.esm-t8sCLCER.js";import{u as G,_ as Z}from"./Fbo-CjO1EXQj.js";import"./preload-helper-C1FmrZbK.js";const Y=e=>typeof e=="function",J=n.forwardRef(({envMap:e,resolution:t=256,frames:a=1/0,makeDefault:r,children:o,...i},m)=>{const f=h(({set:c})=>c),s=h(({camera:c})=>c),g=h(({size:c})=>c),u=n.useRef(null);n.useImperativeHandle(m,()=>u.current,[]);const d=n.useRef(null),y=G(t);n.useLayoutEffect(()=>{i.manual||(u.current.aspect=g.width/g.height)},[g,i]),n.useLayoutEffect(()=>{u.current.updateProjectionMatrix()});let l=0,v=null;const p=Y(o);return O(c=>{p&&(a===1/0||l<a)&&(d.current.visible=!1,c.gl.setRenderTarget(y),v=c.scene.background,e&&(c.scene.background=e),c.gl.render(c.scene,u.current),c.scene.background=v,c.gl.setRenderTarget(null),d.current.visible=!0,l++)}),n.useLayoutEffect(()=>{if(r){const c=s;return f(()=>({camera:u.current})),()=>f(()=>({camera:c}))}},[u,r,f]),n.createElement(n.Fragment,null,n.createElement("perspectiveCamera",Z({ref:u},i),!p&&o),n.createElement("group",{ref:d},p&&o(y.texture)))}),K=Math.PI/180;function Q(e){return e*K}const ee={"beams-container":"_beams-container_wtefy_1"};function te(e,t){var y;const a=D.physical,{vertexShader:r,fragmentShader:o,uniforms:i}=a,m=a.defines??{},f=W.clone(i),s=new e(t.material||{});s.color&&(f.diffuse.value=s.color),"roughness"in s&&(f.roughness.value=s.roughness),"metalness"in s&&(f.metalness.value=s.metalness),"envMap"in s&&(f.envMap.value=s.envMap),"envMapIntensity"in s&&(f.envMapIntensity.value=s.envMapIntensity),Object.entries(t.uniforms??{}).forEach(([l,v])=>{f[l]=v!==null&&typeof v=="object"&&"value"in v?v:{value:v}});let g=`${t.header}
+${t.vertexHeader??""}
+${r}`,u=`${t.header}
+${t.fragmentHeader??""}
+${o}`;for(const[l,v]of Object.entries(t.vertex??{}))g=g.replace(l,`${l}
+${v}`);for(const[l,v]of Object.entries(t.fragment??{}))u=u.replace(l,`${l}
+${v}`);return new T({defines:{...m},uniforms:f,vertexShader:g,fragmentShader:u,lights:!0,fog:!!((y=t.material)!=null&&y.fog)})}const re=({children:e})=>x.jsx(X,{dpr:[1,2],frameloop:"always",className:`${ee["beams-container"]}`,children:e}),ne=e=>{const t=e.replace("#",""),a=parseInt(t.substring(0,2),16),r=parseInt(t.substring(2,4),16),o=parseInt(t.substring(4,6),16);return[a/255,r/255,o/255]},ae=`
+float random (in vec2 st) {
+    return fract(sin(dot(st.xy,
+                         vec2(12.9898,78.233)))*
+        43758.5453123);
+}
+float noise (in vec2 st) {
+    vec2 i = floor(st);
+    vec2 f = fract(st);
+    float a = random(i);
+    float b = random(i + vec2(1.0, 0.0));
+    float c = random(i + vec2(0.0, 1.0));
+    float d = random(i + vec2(1.0, 1.0));
+    vec2 u = f * f * (3.0 - 2.0 * f);
+    return mix(a, b, u.x) +
+           (c - a)* u.y * (1.0 - u.x) +
+           (d - b) * u.x * u.y;
+}
+vec4 permute(vec4 x){return mod(((x*34.0)+1.0)*x, 289.0);}
+vec4 taylorInvSqrt(vec4 r){return 1.79284291400159 - 0.85373472095314 * r;}
+vec3 fade(vec3 t) {return t*t*t*(t*(t*6.0-15.0)+10.0);}
+float cnoise(vec3 P){
+  vec3 Pi0 = floor(P);
+  vec3 Pi1 = Pi0 + vec3(1.0);
+  Pi0 = mod(Pi0, 289.0);
+  Pi1 = mod(Pi1, 289.0);
+  vec3 Pf0 = fract(P);
+  vec3 Pf1 = Pf0 - vec3(1.0);
+  vec4 ix = vec4(Pi0.x, Pi1.x, Pi0.x, Pi1.x);
+  vec4 iy = vec4(Pi0.yy, Pi1.yy);
+  vec4 iz0 = Pi0.zzzz;
+  vec4 iz1 = Pi1.zzzz;
+  vec4 ixy = permute(permute(ix) + iy);
+  vec4 ixy0 = permute(ixy + iz0);
+  vec4 ixy1 = permute(ixy + iz1);
+  vec4 gx0 = ixy0 / 7.0;
+  vec4 gy0 = fract(floor(gx0) / 7.0) - 0.5;
+  gx0 = fract(gx0);
+  vec4 gz0 = vec4(0.5) - abs(gx0) - abs(gy0);
+  vec4 sz0 = step(gz0, vec4(0.0));
+  gx0 -= sz0 * (step(0.0, gx0) - 0.5);
+  gy0 -= sz0 * (step(0.0, gy0) - 0.5);
+  vec4 gx1 = ixy1 / 7.0;
+  vec4 gy1 = fract(floor(gx1) / 7.0) - 0.5;
+  gx1 = fract(gx1);
+  vec4 gz1 = vec4(0.5) - abs(gx1) - abs(gy1);
+  vec4 sz1 = step(gz1, vec4(0.0));
+  gx1 -= sz1 * (step(0.0, gx1) - 0.5);
+  gy1 -= sz1 * (step(0.0, gy1) - 0.5);
+  vec3 g000 = vec3(gx0.x,gy0.x,gz0.x);
+  vec3 g100 = vec3(gx0.y,gy0.y,gz0.y);
+  vec3 g010 = vec3(gx0.z,gy0.z,gz0.z);
+  vec3 g110 = vec3(gx0.w,gy0.w,gz0.w);
+  vec3 g001 = vec3(gx1.x,gy1.x,gz1.x);
+  vec3 g101 = vec3(gx1.y,gy1.y,gz1.y);
+  vec3 g011 = vec3(gx1.z,gy1.z,gz1.z);
+  vec3 g111 = vec3(gx1.w,gy1.w,gz1.w);
+  vec4 norm0 = taylorInvSqrt(vec4(dot(g000,g000),dot(g010,g010),dot(g100,g100),dot(g110,g110)));
+  g000 *= norm0.x; g010 *= norm0.y; g100 *= norm0.z; g110 *= norm0.w;
+  vec4 norm1 = taylorInvSqrt(vec4(dot(g001,g001),dot(g011,g011),dot(g101,g101),dot(g111,g111)));
+  g001 *= norm1.x; g011 *= norm1.y; g101 *= norm1.z; g111 *= norm1.w;
+  float n000 = dot(g000, Pf0);
+  float n100 = dot(g100, vec3(Pf1.x,Pf0.yz));
+  float n010 = dot(g010, vec3(Pf0.x,Pf1.y,Pf0.z));
+  float n110 = dot(g110, vec3(Pf1.xy,Pf0.z));
+  float n001 = dot(g001, vec3(Pf0.xy,Pf1.z));
+  float n101 = dot(g101, vec3(Pf1.x,Pf0.y,Pf1.z));
+  float n011 = dot(g011, vec3(Pf0.x,Pf1.yz));
+  float n111 = dot(g111, Pf1);
+  vec3 fade_xyz = fade(Pf0);
+  vec4 n_z = mix(vec4(n000,n100,n010,n110),vec4(n001,n101,n011,n111),fade_xyz.z);
+  vec2 n_yz = mix(n_z.xy,n_z.zw,fade_xyz.y);
+  float n_xyz = mix(n_yz.x,n_yz.y,fade_xyz.x);
+  return 2.2 * n_xyz;
+}
+`,$=({beamWidth:e=2,beamHeight:t=15,beamNumber:a=12,lightColor:r="#ffffff",speed:o=2,noiseIntensity:i=1.75,scale:m=.2,rotation:f=0})=>{const s=n.useRef(null),g=n.useMemo(()=>te(L,{header:`
+  varying vec3 vEye;
+  varying float vNoise;
+  varying vec2 vUv;
+  varying vec3 vPosition;
+  uniform float time;
+  uniform float uSpeed;
+  uniform float uNoiseIntensity;
+  uniform float uScale;
+  ${ae}`,vertexHeader:`
+  float getPos(vec3 pos) {
+    vec3 noisePos =
+      vec3(pos.x * 0., pos.y - uv.y, pos.z + time * uSpeed * 3.) * uScale;
+    return cnoise(noisePos);
+  }
+  vec3 getCurrentPos(vec3 pos) {
+    vec3 newpos = pos;
+    newpos.z += getPos(pos);
+    return newpos;
+  }
+  vec3 getNormal(vec3 pos) {
+    vec3 curpos = getCurrentPos(pos);
+    vec3 nextposX = getCurrentPos(pos + vec3(0.01, 0.0, 0.0));
+    vec3 nextposZ = getCurrentPos(pos + vec3(0.0, -0.01, 0.0));
+    vec3 tangentX = normalize(nextposX - curpos);
+    vec3 tangentZ = normalize(nextposZ - curpos);
+    return normalize(cross(tangentZ, tangentX));
+  }`,fragmentHeader:"",vertex:{"#include <begin_vertex>":"transformed.z += getPos(transformed.xyz);","#include <beginnormal_vertex>":"objectNormal = getNormal(position.xyz);"},fragment:{"#include <dithering_fragment>":`
+    float randomNoise = noise(gl_FragCoord.xy);
+    gl_FragColor.rgb -= randomNoise / 15. * uNoiseIntensity;`},material:{fog:!0},uniforms:{diffuse:new A(...ne("#000000")),time:{shared:!0,mixed:!0,linked:!0,value:0},roughness:.3,metalness:.3,uSpeed:{shared:!0,mixed:!0,linked:!0,value:o},envMapIntensity:10,uNoiseIntensity:i,uScale:m}}),[o,i,m]);return x.jsxs(re,{children:[x.jsxs("group",{rotation:[0,0,Q(f)],children:[x.jsx(B,{ref:s,material:g,count:a,width:e,height:t}),x.jsx(se,{color:r,position:[0,3,10]})]}),x.jsx("ambientLight",{intensity:1}),x.jsx("color",{attach:"background",args:["#000000"]}),x.jsx(J,{makeDefault:!0,position:[0,0,20],fov:30})]})};function oe(e,t,a,r,o){const i=new U,m=e*(o+1)*2,f=e*o*2,s=new Float32Array(m*3),g=new Uint32Array(f*3),u=new Float32Array(m*2);let d=0,y=0,l=0;const p=-(e*t+(e-1)*r)/2;for(let c=0;c<e;c++){const w=p+c*(t+r),_=Math.random()*300,I=Math.random()*300;for(let z=0;z<=o;z++){const j=a*(z/o-.5),V=[w,j,0],F=[w+t,j,0];s.set([...V,...F],d*3);const M=z/o;if(u.set([_,M+I,_+1,M+I],l),z<o){const H=d,N=d+1,R=d+2,k=d+3;g.set([H,N,R,R,N,k],y),y+=6}d+=2,l+=4}}return i.setAttribute("position",new b(s,3)),i.setAttribute("uv",new b(u,2)),i.setIndex(new b(g,1)),i.computeVertexNormals(),i}const q=n.forwardRef(({material:e,width:t,count:a,height:r},o)=>{const i=n.useRef(null);n.useImperativeHandle(o,()=>i.current);const m=n.useMemo(()=>oe(a,t,r,0,100),[a,t,r]);return O((f,s)=>{i.current.material.uniforms.time.value+=.1*s}),x.jsx("mesh",{ref:i,geometry:m,material:e})});q.displayName="MergedPlanes";const B=n.forwardRef((e,t)=>x.jsx(q,{ref:t,material:e.material,width:e.width,count:e.count,height:e.height}));B.displayName="PlaneNoise";const se=({position:e,color:t})=>{const a=n.useRef(null);return n.useEffect(()=>{if(!a.current)return;const r=a.current.shadow.camera;r&&(r.top=24,r.bottom=-24,r.left=-24,r.right=24,r.far=64,a.current.shadow.bias=-.004)},[]),x.jsx("directionalLight",{ref:a,color:t,intensity:1,position:e})};$.__docgenInfo={description:"",methods:[],displayName:"Beams",props:{beamWidth:{defaultValue:{value:"2",computed:!1},required:!1},beamHeight:{defaultValue:{value:"15",computed:!1},required:!1},beamNumber:{defaultValue:{value:"12",computed:!1},required:!1},lightColor:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},speed:{defaultValue:{value:"2",computed:!1},required:!1},noiseIntensity:{defaultValue:{value:"1.75",computed:!1},required:!1},scale:{defaultValue:{value:"0.2",computed:!1},required:!1},rotation:{defaultValue:{value:"0",computed:!1},required:!1}}};const ve={title:"ReactBits/Backgrounds/Beams",component:$,parameters:{layout:"fullscreen"},tags:["autodocs"]},P={args:{beamWidth:2,beamHeight:15,beamNumber:12,lightColor:"#ffffff",speed:2,noiseIntensity:1.75,scale:.2,rotation:0}};var C,E,S;P.parameters={...P.parameters,docs:{...(C=P.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    beamWidth: 2,
+    beamHeight: 15,
+    beamNumber: 12,
+    lightColor: '#ffffff',
+    speed: 2,
+    noiseIntensity: 1.75,
+    scale: 0.2,
+    rotation: 0
+  }
+}`,...(S=(E=P.parameters)==null?void 0:E.docs)==null?void 0:S.source}}};const ge=["Default"];export{P as Default,ge as __namedExportsOrder,ve as default};

package/storybook-static/assets/BlobCursor-sr9FxN5W.css

@@ -0,0 +1 @@
+._blob-container_xnpks_1{position:relative;top:0;left:0;width:100%;min-height:100vh}._blob-main_xnpks_9{pointer-events:none;position:absolute;width:100%;min-height:100vh;overflow:hidden;background:transparent;-webkit-user-select:none;user-select:none;cursor:default}._blob_xnpks_1{position:absolute;will-change:transform;transform:translate(-50%,-50%)}._inner-dot_xnpks_26{position:absolute}

package/storybook-static/assets/BlobCursor.stories-DDxFJs49.js

@@ -0,0 +1,24 @@
+import{r as t,j as a}from"./iframe-Cz1R6gKZ.js";import{g as Y}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const N="_blob_xnpks_1",u={"blob-container":"_blob-container_xnpks_1","blob-main":"_blob-main_xnpks_9",blob:N,"inner-dot":"_inner-dot_xnpks_26"};function y({blobType:f="circle",fillColor:E="#5227FF",trailCount:j=3,sizes:r=[60,125,75],innerSizes:o=[20,35,25],innerColor:D="rgba(255,255,255,0.8)",opacities:F=[.6,.6,.6],shadowColor:R="rgba(0,0,0,0.75)",shadowBlur:B=5,shadowOffsetX:$=10,shadowOffsetY:k=10,filterId:c="blob-filter",filterStdDeviation:M=30,filterColorMatrixValues:O="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10",useFilter:p=!0,fastDuration:b=.1,slowDuration:m=.5,fastEase:v="power3.out",slowEase:h="power1.out",zIndex:S=100}){const i=t.useRef(null),w=t.useRef([]),s=t.useCallback(()=>{if(!i.current)return{left:0,top:0};const e=i.current.getBoundingClientRect();return{left:e.left,top:e.top}},[]),x=t.useCallback(e=>{const{left:l,top:d}=s(),z="clientX"in e?e.clientX:e.touches[0].clientX,I="clientY"in e?e.clientY:e.touches[0].clientY;w.current.forEach((C,X)=>{if(!C)return;const g=X===0;Y.to(C,{x:z-l,y:I-d,duration:g?b:m,ease:g?v:h})})},[s,b,m,v,h]);return t.useEffect(()=>{const e=()=>s();return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[s]),a.jsxs("div",{ref:i,className:`${u["blob-container"]}`,style:{zIndex:S},onMouseMove:x,onTouchMove:x,children:[p&&a.jsx("svg",{style:{position:"absolute",width:0,height:0},children:a.jsxs("filter",{id:c,children:[a.jsx("feGaussianBlur",{in:"SourceGraphic",result:"blur",stdDeviation:M}),a.jsx("feColorMatrix",{in:"blur",values:O})]})}),a.jsx("div",{className:`${u["blob-main"]}`,style:{filter:p?`url(#${c})`:void 0},children:Array.from({length:j}).map((e,l)=>a.jsx("div",{ref:d=>w.current[l]=d,className:`${u.blob}`,style:{width:r[l],height:r[l],borderRadius:f==="circle"?"50%":"0%",backgroundColor:E,opacity:F[l],boxShadow:`${$}px ${k}px ${B}px 0 ${R}`},children:a.jsx("div",{className:`${u["inner-dot"]}`,style:{width:o[l],height:o[l],top:(r[l]-o[l])/2,left:(r[l]-o[l])/2,backgroundColor:D,borderRadius:f==="circle"?"50%":"0%"}})},l))})]})}y.__docgenInfo={description:"",methods:[],displayName:"BlobCursor",props:{blobType:{defaultValue:{value:"'circle'",computed:!1},required:!1},fillColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},trailCount:{defaultValue:{value:"3",computed:!1},required:!1},sizes:{defaultValue:{value:"[60, 125, 75]",computed:!1},required:!1},innerSizes:{defaultValue:{value:"[20, 35, 25]",computed:!1},required:!1},innerColor:{defaultValue:{value:"'rgba(255,255,255,0.8)'",computed:!1},required:!1},opacities:{defaultValue:{value:"[0.6, 0.6, 0.6]",computed:!1},required:!1},shadowColor:{defaultValue:{value:"'rgba(0,0,0,0.75)'",computed:!1},required:!1},shadowBlur:{defaultValue:{value:"5",computed:!1},required:!1},shadowOffsetX:{defaultValue:{value:"10",computed:!1},required:!1},shadowOffsetY:{defaultValue:{value:"10",computed:!1},required:!1},filterId:{defaultValue:{value:"'blob-filter'",computed:!1},required:!1},filterStdDeviation:{defaultValue:{value:"30",computed:!1},required:!1},filterColorMatrixValues:{defaultValue:{value:"'1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10'",computed:!1},required:!1},useFilter:{defaultValue:{value:"true",computed:!1},required:!1},fastDuration:{defaultValue:{value:"0.1",computed:!1},required:!1},slowDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},fastEase:{defaultValue:{value:"'power3.out'",computed:!1},required:!1},slowEase:{defaultValue:{value:"'power1.out'",computed:!1},required:!1},zIndex:{defaultValue:{value:"100",computed:!1},required:!1}}};const G={title:"ReactBits/Animations/BlobCursor",component:y,parameters:{layout:"fullscreen"},tags:["autodocs"]},n={args:{blobType:"circle",fillColor:"#5227FF",trailCount:3,sizes:[60,125,75],innerSizes:[20,35,25],innerColor:"rgba(255,255,255,0.8)",opacities:[.6,.6,.6],shadowColor:"rgba(0,0,0,0.75)",shadowBlur:5,shadowOffsetX:10,shadowOffsetY:10,filterId:"blob",filterStdDeviation:30,filterColorMatrixValues:"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10",useFilter:!0,fastDuration:.1,slowDuration:.5,fastEase:"power3.out",slowEase:"power1.out",zIndex:100}};var V,q,_;n.parameters={...n.parameters,docs:{...(V=n.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  args: {
+    blobType: 'circle',
+    fillColor: '#5227FF',
+    trailCount: 3,
+    sizes: [60, 125, 75],
+    innerSizes: [20, 35, 25],
+    innerColor: 'rgba(255,255,255,0.8)',
+    opacities: [0.6, 0.6, 0.6],
+    shadowColor: 'rgba(0,0,0,0.75)',
+    shadowBlur: 5,
+    shadowOffsetX: 10,
+    shadowOffsetY: 10,
+    filterId: 'blob',
+    filterStdDeviation: 30,
+    filterColorMatrixValues: '1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 35 -10',
+    useFilter: true,
+    fastDuration: 0.1,
+    slowDuration: 0.5,
+    fastEase: 'power3.out',
+    slowEase: 'power1.out',
+    zIndex: 100
+  }
+}`,...(_=(q=n.parameters)==null?void 0:q.docs)==null?void 0:_.source}}};const W=["Default"];export{n as Default,W as __namedExportsOrder,G as default};

package/storybook-static/assets/BlurText.stories-Bpt2Pxty.js

@@ -0,0 +1,11 @@
+import{r as l,j as h}from"./iframe-Cz1R6gKZ.js";import{m as k}from"./proxy-CAwOFzsk.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";const A=(r,n)=>{const d=new Set([...Object.keys(r),...n.flatMap(e=>Object.keys(e))]),s={};return d.forEach(e=>{s[e]=[r[e],...n.map(u=>u[e])]}),s},w=({text:r="",delay:n=200,className:d="",animateBy:s="words",direction:e="top",threshold:u=.1,rootMargin:m="0px",animationFrom:V,animationTo:q,easing:j=o=>o,onAnimationComplete:B,stepDuration:D=.35})=>{const o=s==="words"?r.split(" "):r.split(""),[T,E]=l.useState(!1),i=l.useRef(null);l.useEffect(()=>{if(!i.current)return;const a=new IntersectionObserver(([t])=>{t.isIntersecting&&(E(!0),a.unobserve(i.current))},{threshold:u,rootMargin:m});return a.observe(i.current),()=>a.disconnect()},[u,m]);const M=l.useMemo(()=>e==="top"?{filter:"blur(10px)",opacity:0,y:-50}:{filter:"blur(10px)",opacity:0,y:50},[e]),S=l.useMemo(()=>[{filter:"blur(5px)",opacity:.5,y:e==="top"?5:-5},{filter:"blur(0px)",opacity:1,y:0}],[e]),f=V??M,y=q??S,c=y.length+1,_=D*(c-1),I=Array.from({length:c},(a,t)=>c===1?0:t/(c-1));return h.jsx("p",{ref:i,className:d,style:{display:"flex",flexWrap:"wrap"},children:o.map((a,t)=>{const O=A(f,y),x={duration:_,times:I,delay:t*n/1e3};return x.ease=j,h.jsxs(k.span,{className:"inline-block will-change-[transform,filter,opacity]",initial:f,animate:T?O:f,transition:x,onAnimationComplete:t===o.length-1?B:void 0,children:[a===" "?" ":a,s==="words"&&t<o.length-1&&" "]},t)})})};w.__docgenInfo={description:"",methods:[],displayName:"BlurText",props:{text:{defaultValue:{value:"''",computed:!1},required:!1},delay:{defaultValue:{value:"200",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},animateBy:{defaultValue:{value:"'words'",computed:!1},required:!1},direction:{defaultValue:{value:"'top'",computed:!1},required:!1},threshold:{defaultValue:{value:"0.1",computed:!1},required:!1},rootMargin:{defaultValue:{value:"'0px'",computed:!1},required:!1},easing:{defaultValue:{value:"t => t",computed:!1},required:!1},stepDuration:{defaultValue:{value:"0.35",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/BlurText",component:w,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{text:"Hello World!",delay:200,animateBy:"words",direction:"top",threshold:.1,rootMargin:"0px",stepDuration:.35}};var v,g,b;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    text: 'Hello World!',
+    delay: 200,
+    animateBy: 'words',
+    direction: 'top',
+    threshold: 0.1,
+    rootMargin: '0px',
+    stepDuration: 0.35
+  }
+}`,...(b=(g=p.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};const K=["Default"];export{p as Default,K as __namedExportsOrder,H as default};

package/storybook-static/assets/{BooleansHeatmap.stories-2u4SThph.js → BooleansHeatmap.stories-3npXygec.js}

@@ -1,8 +1,8 @@
-import{r as W,j as l}from"./iframe-BUaP2gIF.js";import{s as F}from"./transform-NloTqvdv.js";import{t as it}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const dt="_container_ma4de_1",ct="_title_ma4de_8",lt="_habitEmoji_ma4de_18",mt="_chart_ma4de_23",ht="_monthLabel_ma4de_28",gt="_dayLabel_ma4de_34",pt="_cell_ma4de_39",ut="_legend_ma4de_51",bt="_legendItem_ma4de_58",ft="_legendColor_ma4de_66",yt="_tooltip_ma4de_73",r={container:dt,title:ct,habitEmoji:lt,chart:mt,monthLabel:ht,dayLabel:gt,cell:pt,legend:ut,legendItem:bt,legendColor:ft,tooltip:yt},Dt=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],wt=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],et=({data:e,habitName:t,width:a=800,height:i=200,habitColor:o="#6BCB77",habitEmoji:m="✓"})=>{const S=W.useRef(null),{startDate:p,endDate:R,weeksToShow:b}=W.useMemo(()=>{const h=Object.keys(e).sort();if(h.length===0){const g=new Date;return{startDate:g,endDate:g,weeksToShow:1}}const d=new Date(h[0]),f=new Date(h[h.length-1]),v=Math.ceil((f.getTime()-d.getTime())/(1e3*60*60*24))+1,c=Math.ceil(v/7);return{startDate:d,endDate:f,weeksToShow:c}},[e]);return W.useEffect(()=>{if(!S.current)return;const h=F(S.current);h.selectAll("*").remove();const d={top:40,right:20,bottom:20,left:40},f=a-d.left-d.right,v=i-d.top-d.bottom,c=Math.min(Math.floor(v/7)-1,Math.floor(f/b)-1,20),g=2,k=h.append("g").attr("transform",`translate(${d.left},${d.top})`),N=(p.getDay()+6)%7,C=new Map;let y=p.getMonth();C.set(y,0);for(let s=0;s<b;s++){const n=new Date(p);n.setDate(n.getDate()+s*7-N),n.getMonth()!==y&&(y=n.getMonth(),C.set(y,s))}C.forEach((s,n)=>{k.append("text").attr("x",s*(c+g)).attr("y",-10).attr("class",r.monthLabel).text(wt[n])}),Dt.forEach((s,n)=>{k.append("text").attr("x",-10).attr("y",n*(c+g)+c/2).attr("class",r.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(s)});const D=F("body").append("div").attr("class",r.tooltip).style("opacity",0).style("position","absolute"),at=b*7;for(let s=0;s<at;s++){const n=new Date(p);if(n.setDate(n.getDate()+s-N),n<p||n>R)continue;const O=n.toISOString().split("T")[0],nt=(n.getDay()+6)%7,ot=Math.floor((s+N)/7),T=O in e&&e[O];k.append("rect").attr("x",ot*(c+g)).attr("y",nt*(c+g)).attr("width",c).attr("height",c).attr("rx",3).attr("class",r.cell).attr("data-date",O).attr("data-value",T?"true":"false").style("fill",T?o:"#4D4D4DFF").on("mouseover",function(I){D.transition().duration(200).style("opacity",1);const st=it("%b %d, %Y"),rt=T?`${m} Done`:"✗ Not done";D.html(`
+import{r as W,j as l}from"./iframe-Cz1R6gKZ.js";import{s as F}from"./transform-BKmuZieF.js";import{t as it}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const dt="_container_ma4de_1",ct="_title_ma4de_8",lt="_habitEmoji_ma4de_18",mt="_chart_ma4de_23",ht="_monthLabel_ma4de_28",gt="_dayLabel_ma4de_34",pt="_cell_ma4de_39",ut="_legend_ma4de_51",bt="_legendItem_ma4de_58",ft="_legendColor_ma4de_66",yt="_tooltip_ma4de_73",r={container:dt,title:ct,habitEmoji:lt,chart:mt,monthLabel:ht,dayLabel:gt,cell:pt,legend:ut,legendItem:bt,legendColor:ft,tooltip:yt},Dt=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],_t=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],et=({data:e,habitName:t,width:a=800,height:i=200,habitColor:o="#6BCB77",habitEmoji:m="✓"})=>{const S=W.useRef(null),{startDate:p,endDate:R,weeksToShow:b}=W.useMemo(()=>{const h=Object.keys(e).sort();if(h.length===0){const g=new Date;return{startDate:g,endDate:g,weeksToShow:1}}const d=new Date(h[0]),f=new Date(h[h.length-1]),v=Math.ceil((f.getTime()-d.getTime())/(1e3*60*60*24))+1,c=Math.ceil(v/7);return{startDate:d,endDate:f,weeksToShow:c}},[e]);return W.useEffect(()=>{if(!S.current)return;const h=F(S.current);h.selectAll("*").remove();const d={top:40,right:20,bottom:20,left:40},f=a-d.left-d.right,v=i-d.top-d.bottom,c=Math.min(Math.floor(v/7)-1,Math.floor(f/b)-1,20),g=2,k=h.append("g").attr("transform",`translate(${d.left},${d.top})`),N=(p.getDay()+6)%7,C=new Map;let y=p.getMonth();C.set(y,0);for(let s=0;s<b;s++){const n=new Date(p);n.setDate(n.getDate()+s*7-N),n.getMonth()!==y&&(y=n.getMonth(),C.set(y,s))}C.forEach((s,n)=>{k.append("text").attr("x",s*(c+g)).attr("y",-10).attr("class",r.monthLabel).text(_t[n])}),Dt.forEach((s,n)=>{k.append("text").attr("x",-10).attr("y",n*(c+g)+c/2).attr("class",r.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(s)});const D=F("body").append("div").attr("class",r.tooltip).style("opacity",0).style("position","absolute"),at=b*7;for(let s=0;s<at;s++){const n=new Date(p);if(n.setDate(n.getDate()+s-N),n<p||n>R)continue;const O=n.toISOString().split("T")[0],nt=(n.getDay()+6)%7,ot=Math.floor((s+N)/7),T=O in e&&e[O];k.append("rect").attr("x",ot*(c+g)).attr("y",nt*(c+g)).attr("width",c).attr("height",c).attr("rx",3).attr("class",r.cell).attr("data-date",O).attr("data-value",T?"true":"false").style("fill",T?o:"#4D4D4DFF").on("mouseover",function(I){D.transition().duration(200).style("opacity",1);const st=it("%b %d, %Y"),rt=T?`${m} Done`:"✗ Not done";D.html(`
                     <div><strong>${t}</strong></div>
                     <div>${st(n)}</div>
                     <div>${rt}</div>
-                `).style("left",I.pageX+10+"px").style("top",I.pageY-28+"px")}).on("mouseout",function(){D.transition().duration(500).style("opacity",0)})}return()=>{D.remove()}},[e,t,a,i,p,R,b,o,m]),l.jsxs("div",{className:r.container,children:[l.jsxs("h3",{className:r.title,children:[l.jsx("span",{className:r.habitEmoji,children:m}),t]}),l.jsx("svg",{ref:S,width:a,height:i,className:r.chart}),l.jsxs("div",{className:r.legend,children:[l.jsxs("span",{className:r.legendItem,children:[l.jsx("span",{className:r.legendColor,style:{backgroundColor:o}}),"Done"]}),l.jsxs("span",{className:r.legendItem,children:[l.jsx("span",{className:r.legendColor,style:{backgroundColor:"#4D4D4DFF"}}),"Not done"]})]})]})};et.__docgenInfo={description:"",methods:[],displayName:"BooleansHeatmap",props:{data:{required:!0,tsType:{name:"signature",type:"object",raw:"{ [date: string]: boolean }",signature:{properties:[{key:{name:"string"},value:{name:"boolean",required:!0}}]}},description:""},habitName:{required:!0,tsType:{name:"string"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"200",computed:!1}},habitColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#6BCB77'",computed:!1}},habitEmoji:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'✓'",computed:!1}}}};const St={title:"Organisms/Charts/BooleansHeatmap",component:et,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:150,max:400,step:50}},habitColor:{control:{type:"color"}},habitEmoji:{control:{type:"text"}}}},u=e=>{const t=[],a=new Date;for(let i=e-1;i>=0;i--){const o=new Date(a);o.setDate(o.getDate()-i),t.push(o.toISOString().split("T")[0])}return t},w={args:{data:(()=>{const e=u(90),t={};return e.forEach(a=>{t[a]=Math.random()>.3}),t})(),habitName:"Daily Exercise",width:900,height:200,habitColor:"#10b981",habitEmoji:"💪"}},E={args:{data:(()=>{const e=u(60),t={};return e.forEach(a=>{t[a]=Math.random()>.4}),t})(),habitName:"Meditation",width:800,height:200,habitColor:"#8b5cf6",habitEmoji:"🧘"}},_={args:{data:(()=>{const e=u(120),t={};return e.forEach((a,i)=>{const o=new Date(a).getDay(),m=o===0||o===6;t[a]=Math.random()>(m?.2:.5)}),t})(),habitName:"Daily Reading",width:1e3,height:200,habitColor:"#f59e0b",habitEmoji:"📚"}},M={args:{data:(()=>{const e=u(30),t={};return e.forEach(a=>{t[a]=Math.random()>.15}),t})(),habitName:"8 Glasses of Water",width:800,height:180,habitColor:"#3b82f6",habitEmoji:"💧"}},x={args:{data:(()=>{const e=u(365),t={};return e.forEach((a,i)=>{const o=new Date(a).getMonth(),m=o>=5&&o<=8;t[a]=Math.random()>(m?.25:.45)}),t})(),habitName:"Outdoor Activity",width:1100,height:250,habitColor:"#10b981",habitEmoji:"🏃"}},j={args:{data:(()=>{const e=u(60),t={};return e.forEach(a=>{Math.random()>.3&&(t[a]=Math.random()>.6)}),t})(),habitName:"Side Project Work",width:800,height:200,habitColor:"#7c3aed",habitEmoji:"💻"}};var L,q,B;w.parameters={...w.parameters,docs:{...(L=w.parameters)==null?void 0:L.docs,source:{originalSource:`{
+                `).style("left",I.pageX+10+"px").style("top",I.pageY-28+"px")}).on("mouseout",function(){D.transition().duration(500).style("opacity",0)})}return()=>{D.remove()}},[e,t,a,i,p,R,b,o,m]),l.jsxs("div",{className:r.container,children:[l.jsxs("h3",{className:r.title,children:[l.jsx("span",{className:r.habitEmoji,children:m}),t]}),l.jsx("svg",{ref:S,width:a,height:i,className:r.chart}),l.jsxs("div",{className:r.legend,children:[l.jsxs("span",{className:r.legendItem,children:[l.jsx("span",{className:r.legendColor,style:{backgroundColor:o}}),"Done"]}),l.jsxs("span",{className:r.legendItem,children:[l.jsx("span",{className:r.legendColor,style:{backgroundColor:"#4D4D4DFF"}}),"Not done"]})]})]})};et.__docgenInfo={description:"",methods:[],displayName:"BooleansHeatmap",props:{data:{required:!0,tsType:{name:"signature",type:"object",raw:"{ [date: string]: boolean }",signature:{properties:[{key:{name:"string"},value:{name:"boolean",required:!0}}]}},description:""},habitName:{required:!0,tsType:{name:"string"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"200",computed:!1}},habitColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#6BCB77'",computed:!1}},habitEmoji:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'✓'",computed:!1}}}};const St={title:"Organisms/Charts/BooleansHeatmap",component:et,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:150,max:400,step:50}},habitColor:{control:{type:"color"}},habitEmoji:{control:{type:"text"}}}},u=e=>{const t=[],a=new Date;for(let i=e-1;i>=0;i--){const o=new Date(a);o.setDate(o.getDate()-i),t.push(o.toISOString().split("T")[0])}return t},_={args:{data:(()=>{const e=u(90),t={};return e.forEach(a=>{t[a]=Math.random()>.3}),t})(),habitName:"Daily Exercise",width:900,height:200,habitColor:"#10b981",habitEmoji:"💪"}},w={args:{data:(()=>{const e=u(60),t={};return e.forEach(a=>{t[a]=Math.random()>.4}),t})(),habitName:"Meditation",width:800,height:200,habitColor:"#8b5cf6",habitEmoji:"🧘"}},E={args:{data:(()=>{const e=u(120),t={};return e.forEach((a,i)=>{const o=new Date(a).getDay(),m=o===0||o===6;t[a]=Math.random()>(m?.2:.5)}),t})(),habitName:"Daily Reading",width:1e3,height:200,habitColor:"#f59e0b",habitEmoji:"📚"}},M={args:{data:(()=>{const e=u(30),t={};return e.forEach(a=>{t[a]=Math.random()>.15}),t})(),habitName:"8 Glasses of Water",width:800,height:180,habitColor:"#3b82f6",habitEmoji:"💧"}},x={args:{data:(()=>{const e=u(365),t={};return e.forEach((a,i)=>{const o=new Date(a).getMonth(),m=o>=5&&o<=8;t[a]=Math.random()>(m?.25:.45)}),t})(),habitName:"Outdoor Activity",width:1100,height:250,habitColor:"#10b981",habitEmoji:"🏃"}},j={args:{data:(()=>{const e=u(60),t={};return e.forEach(a=>{Math.random()>.3&&(t[a]=Math.random()>.6)}),t})(),habitName:"Side Project Work",width:800,height:200,habitColor:"#7c3aed",habitEmoji:"💻"}};var L,q,B;_.parameters={..._.parameters,docs:{...(L=_.parameters)==null?void 0:L.docs,source:{originalSource:`{
   args: {
     data: (() => {
       const dates = generateDateRange(90);
@@ -20,7 +20,7 @@ import{r as W,j as l}from"./iframe-BUaP2gIF.js";import{s as F}from"./transform-N
     habitColor: '#10b981',
     habitEmoji: '💪'
   }
-}`,...(B=(q=w.parameters)==null?void 0:q.docs)==null?void 0:B.source}}};var A,H,$;E.parameters={...E.parameters,docs:{...(A=E.parameters)==null?void 0:A.docs,source:{originalSource:`{
+}`,...(B=(q=_.parameters)==null?void 0:q.docs)==null?void 0:B.source}}};var A,H,$;w.parameters={...w.parameters,docs:{...(A=w.parameters)==null?void 0:A.docs,source:{originalSource:`{
   args: {
     data: (() => {
       const dates = generateDateRange(60);
@@ -38,14 +38,14 @@ import{r as W,j as l}from"./iframe-BUaP2gIF.js";import{s as F}from"./transform-N
     habitColor: '#8b5cf6',
     habitEmoji: '🧘'
   }
-}`,...($=(H=E.parameters)==null?void 0:H.docs)==null?void 0:$.source}}};var Y,V,G;_.parameters={..._.parameters,docs:{...(Y=_.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+}`,...($=(H=w.parameters)==null?void 0:H.docs)==null?void 0:$.source}}};var Y,V,G;E.parameters={...E.parameters,docs:{...(Y=E.parameters)==null?void 0:Y.docs,source:{originalSource:`{
   args: {
     data: (() => {
       const dates = generateDateRange(120);
       const data: {
         [date: string]: boolean;
       } = {};
-      dates.forEach((date, i) => {
+      dates.forEach((date, _i) => {
         // More likely to read on weekends
         const dayOfWeek = new Date(date).getDay();
         const isWeekend = dayOfWeek === 0 || dayOfWeek === 6;
@@ -59,7 +59,7 @@ import{r as W,j as l}from"./iframe-BUaP2gIF.js";import{s as F}from"./transform-N
     habitColor: '#f59e0b',
     habitEmoji: '📚'
   }
-}`,...(G=(V=_.parameters)==null?void 0:V.docs)==null?void 0:G.source}}};var J,P,z;M.parameters={...M.parameters,docs:{...(J=M.parameters)==null?void 0:J.docs,source:{originalSource:`{
+}`,...(G=(V=E.parameters)==null?void 0:V.docs)==null?void 0:G.source}}};var J,P,z;M.parameters={...M.parameters,docs:{...(J=M.parameters)==null?void 0:J.docs,source:{originalSource:`{
   args: {
     data: (() => {
       const dates = generateDateRange(30);
@@ -85,7 +85,7 @@ import{r as W,j as l}from"./iframe-BUaP2gIF.js";import{s as F}from"./transform-N
       const data: {
         [date: string]: boolean;
       } = {};
-      dates.forEach((date, i) => {
+      dates.forEach((date, _i) => {
         // Simulate seasonal patterns
         const month = new Date(date).getMonth();
         const isSummer = month >= 5 && month <= 8;
@@ -120,4 +120,4 @@ import{r as W,j as l}from"./iframe-BUaP2gIF.js";import{s as F}from"./transform-N
     habitColor: '#7c3aed',
     habitEmoji: '💻'
   }
-}`,...(tt=(Z=j.parameters)==null?void 0:Z.docs)==null?void 0:tt.source}}};const vt=["DailyExercise","Meditation","Reading","WaterIntake","YearlyOverview","SparseData"];export{w as DailyExercise,E as Meditation,_ as Reading,j as SparseData,M as WaterIntake,x as YearlyOverview,vt as __namedExportsOrder,St as default};
+}`,...(tt=(Z=j.parameters)==null?void 0:Z.docs)==null?void 0:tt.source}}};const vt=["DailyExercise","Meditation","Reading","WaterIntake","YearlyOverview","SparseData"];export{_ as DailyExercise,w as Meditation,E as Reading,j as SparseData,M as WaterIntake,x as YearlyOverview,vt as __namedExportsOrder,St as default};

package/storybook-static/assets/BorderGlow-BkXv9hP6.css

@@ -0,0 +1 @@
+._border-glow-card_1ey34_1{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #060010);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}._border-glow-card_1ey34_1:before,._border-glow-card_1ey34_1:after,._border-glow-card_1ey34_1>._edge-light_1ey34_29{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}._border-glow-card_1ey34_1:not(:hover):not(._sweep-active_1ey34_38):before,._border-glow-card_1ey34_1:not(:hover):not(._sweep-active_1ey34_38):after,._border-glow-card_1ey34_1:not(:hover):not(._sweep-active_1ey34_38)>._edge-light_1ey34_29{opacity:0;transition:opacity .75s ease-in-out}._border-glow-card_1ey34_1:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #060010) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}._border-glow-card_1ey34_1:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}._border-glow-card_1ey34_1>._edge-light_1ey34_29{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}._border-glow-card_1ey34_1>._edge-light_1ey34_29:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}._border-glow-inner_1ey34_135{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}

package/storybook-static/assets/BorderGlow.stories-Ctdci-vM.js

@@ -0,0 +1,15 @@
+import{r as m,j as V}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const w={"border-glow-card":"_border-glow-card_1ey34_1","edge-light":"_edge-light_1ey34_29","sweep-active":"_sweep-active_1ey34_38","border-glow-inner":"_border-glow-inner_1ey34_135"};function A(e){const n=e.match(/([\d.]+)\s*([\d.]+)%?\s*([\d.]+)%?/);return n?{h:parseFloat(n[1]),s:parseFloat(n[2]),l:parseFloat(n[3])}:{h:40,s:80,l:80}}function B(e,n){const{h:s,s:d,l:y}=A(e),b=`${s}deg ${d}% ${y}%`,i=[100,60,50,40,30,20,10],h=["","-60","-50","-40","-30","-20","-10"],c={};for(let l=0;l<i.length;l++)c[`--glow-color${h[l]}`]=`hsl(${b} / ${Math.min(i[l]*n,100)}%)`;return c}const j=["80% 55%","69% 34%","8% 6%","41% 38%","86% 85%","82% 18%","51% 4%"],D=["--gradient-one","--gradient-two","--gradient-three","--gradient-four","--gradient-five","--gradient-six","--gradient-seven"],L=[0,1,2,0,1,2,1];function T(e){const n={};for(let s=0;s<7;s++){const d=e[Math.min(L[s],e.length-1)];n[D[s]]=`radial-gradient(at ${j[s]}, ${d} 0px, transparent 50%)`}return n["--gradient-base"]=`linear-gradient(${e[0]} 0 100%)`,n}function E(e){return 1-Math.pow(1-e,3)}function P(e){return e*e*e}function _({start:e=0,end:n=100,duration:s=1e3,delay:d=0,ease:y=E,onUpdate:b,onEnd:i}){const h=performance.now()+d;function c(){const l=performance.now()-h,v=Math.min(l/s,1);b(e+(n-e)*y(v)),v<1?requestAnimationFrame(c):i&&i()}setTimeout(()=>requestAnimationFrame(c),d)}const O=({children:e,className:n="",edgeSensitivity:s=30,glowColor:d="40 80 80",backgroundColor:y="#060010",borderRadius:b=28,glowRadius:i=40,glowIntensity:h=1,coneSpread:c=25,animated:l=!1,colors:v=["#c084fc","#f472b6","#38bdf8"],fillOpacity:N=.5})=>{const x=m.useRef(null),$=m.useCallback(a=>{const{width:t,height:o}=a.getBoundingClientRect();return[t/2,o/2]},[]),M=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;let R=1/0,p=1/0;return f!==0&&(R=r/Math.abs(f)),g!==0&&(p=u/Math.abs(g)),Math.min(Math.max(1/Math.min(R,p),0),1)},[$]),q=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;if(f===0&&g===0)return 0;let p=Math.atan2(g,f)*(180/Math.PI)+90;return p<0&&(p+=360),p},[$]),F=m.useCallback(a=>{const t=x.current;if(!t)return;const o=t.getBoundingClientRect(),r=a.clientX-o.left,u=a.clientY-o.top,f=M(t,r,u),g=q(t,r,u);t.style.setProperty("--edge-proximity",`${(f*100).toFixed(3)}`),t.style.setProperty("--cursor-angle",`${g.toFixed(3)}deg`)},[M,q]);m.useEffect(()=>{if(!l||!x.current)return;const a=x.current,t=110,o=465;a.classList.add(w["sweep-active"]),a.style.setProperty("--cursor-angle",`${t}deg`),_({duration:500,onUpdate:r=>a.style.setProperty("--edge-proximity",r)}),_({ease:P,duration:1500,end:50,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:E,delay:1500,duration:2250,start:50,end:100,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:P,delay:2500,duration:1500,start:100,end:0,onUpdate:r=>a.style.setProperty("--edge-proximity",r),onEnd:()=>a.classList.remove(w["sweep-active"])})},[l]);const G=B(d,h);return V.jsxs("div",{ref:x,onPointerMove:F,className:`${w["border-glow-card"]} ${n}`,style:{"--card-bg":y,"--edge-sensitivity":s,"--border-radius":`${b}px`,"--glow-padding":`${i}px`,"--cone-spread":c,"--fill-opacity":N,...G,...T(v)},children:[V.jsx("span",{className:`${w["edge-light"]}`}),V.jsx("div",{className:`${w["border-glow-inner"]}`,children:e})]})};O.__docgenInfo={description:"",methods:[],displayName:"BorderGlow",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},edgeSensitivity:{defaultValue:{value:"30",computed:!1},required:!1},glowColor:{defaultValue:{value:"'40 80 80'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},borderRadius:{defaultValue:{value:"28",computed:!1},required:!1},glowRadius:{defaultValue:{value:"40",computed:!1},required:!1},glowIntensity:{defaultValue:{value:"1.0",computed:!1},required:!1},coneSpread:{defaultValue:{value:"25",computed:!1},required:!1},animated:{defaultValue:{value:"false",computed:!1},required:!1},colors:{defaultValue:{value:"['#c084fc', '#f472b6', '#38bdf8']",computed:!1},required:!1},fillOpacity:{defaultValue:{value:"0.5",computed:!1},required:!1}}};const W={title:"ReactBits/Components/BorderGlow",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{children:"Hello World",edgeSensitivity:30,glowColor:"40 80 80",backgroundColor:"#060010",borderRadius:28,glowRadius:40,glowIntensity:1,coneSpread:25,animated:!1,colors:["#c084fc","#f472b6","#38bdf8"],fillOpacity:.5}};var I,S,k;C.parameters={...C.parameters,docs:{...(I=C.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    children: 'Hello World',
+    edgeSensitivity: 30,
+    glowColor: '40 80 80',
+    backgroundColor: '#060010',
+    borderRadius: 28,
+    glowRadius: 40,
+    glowIntensity: 1.0,
+    coneSpread: 25,
+    animated: false,
+    colors: ['#c084fc', '#f472b6', '#38bdf8'],
+    fillOpacity: 0.5
+  }
+}`,...(k=(S=C.parameters)==null?void 0:S.docs)==null?void 0:k.source}}};const Y=["Default"];export{C as Default,Y as __namedExportsOrder,W as default};

package/storybook-static/assets/BubbleMenu-C856-Amm.css

@@ -0,0 +1 @@
+._bubble-menu_13ibu_1{left:0;right:0;top:2em;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2em;pointer-events:none;z-index:99}._bubble-menu_13ibu_1._fixed_13ibu_14{position:fixed}._bubble-menu_13ibu_1._absolute_13ibu_18{position:absolute}._bubble-menu_13ibu_1 ._bubble_13ibu_1{--bubble-size: 48px;width:var(--bubble-size);height:var(--bubble-size);border-radius:50%;background:#fff;box-shadow:0 4px 16px #0000001f;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto}._bubble-menu_13ibu_1 ._logo-bubble_13ibu_35,._bubble-menu_13ibu_1 ._toggle-bubble_13ibu_36{will-change:transform}._bubble-menu_13ibu_1 ._logo-bubble_13ibu_35{width:auto;min-height:var(--bubble-size);height:var(--bubble-size);padding:0 16px;border-radius:calc(var(--bubble-size) / 2);gap:8px}._bubble-menu_13ibu_1 ._toggle-bubble_13ibu_36{width:var(--bubble-size);height:var(--bubble-size)}._bubble-menu_13ibu_1 ._bubble-logo_13ibu_54{max-height:60%;max-width:100%;object-fit:contain;display:block}._bubble-menu_13ibu_1 ._logo-content_13ibu_61{--logo-max-height: 60%;--logo-max-width: 100%;display:inline-flex;align-items:center;justify-content:center;width:120px;min-height:100vh}._bubble-menu_13ibu_1 ._logo-content_13ibu_61>._bubble-logo_13ibu_54,._bubble-menu_13ibu_1 ._logo-content_13ibu_61>img,._bubble-menu_13ibu_1 ._logo-content_13ibu_61>svg{max-height:var(--logo-max-height);max-width:var(--logo-max-width)}._bubble-menu_13ibu_1 ._menu-btn_13ibu_78{border:none;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}._bubble-menu_13ibu_1 ._menu-line_13ibu_89{width:26px;height:2px;background:#111;border-radius:2px;display:block;margin:0 auto;transition:transform .3s ease,opacity .3s ease;transform-origin:center}._bubble-menu_13ibu_1 ._menu-line_13ibu_89+._menu-line_13ibu_89{margin-top:6px}._bubble-menu_13ibu_1 ._menu-btn_13ibu_78._open_13ibu_106 ._menu-line_13ibu_89:first-child{transform:translateY(4px) rotate(45deg)}._bubble-menu_13ibu_1 ._menu-btn_13ibu_78._open_13ibu_106 ._menu-line_13ibu_89:last-child{transform:translateY(-4px) rotate(-45deg)}@media (min-width: 768px){._bubble-menu_13ibu_1 ._bubble_13ibu_1{--bubble-size: 56px}._bubble-menu_13ibu_1 ._logo-bubble_13ibu_35{padding:0 16px}}._bubble-menu-items_13ibu_124{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:98}._bubble-menu-items_13ibu_124._fixed_13ibu_14{position:fixed}._bubble-menu-items_13ibu_124._absolute_13ibu_18{position:absolute}._bubble-menu-items_13ibu_124 ._pill-list_13ibu_142{list-style:none;padding:0 24px;display:flex;flex-wrap:wrap;gap:0;row-gap:4px;width:100%;max-width:1600px;margin:0 auto;pointer-events:auto;justify-content:stretch}._bubble-menu-items_13ibu_124 ._pill-list_13ibu_142 ._pill-spacer_13ibu_158{width:100%;height:0;pointer-events:none}._bubble-menu-items_13ibu_124 ._pill-list_13ibu_142 ._pill-col_13ibu_164{display:flex;justify-content:center;align-items:stretch;flex:0 0 calc(100% / 3);box-sizing:border-box}._bubble-menu-items_13ibu_124 ._pill-list_13ibu_142 ._pill-col_13ibu_164:nth-child(4):nth-last-child(2){margin-left:calc(100% / 6)}._bubble-menu-items_13ibu_124 ._pill-list_13ibu_142 ._pill-col_13ibu_164:nth-child(4):last-child{margin-left:calc(100% / 3)}._bubble-menu-items_13ibu_124 ._pill-link_13ibu_180{--pill-bg: #ffffff;--pill-color: #111;--pill-border: rgba(0, 0, 0, .12);--item-rot: 0deg;--pill-min-h: 160px;--hover-bg: #f3f4f6;--hover-color: #111;width:100%;min-height:var(--pill-min-h);padding:clamp(1.5rem,3vw,8rem) 0;font-size:clamp(1.5rem,4vw,4rem);font-weight:400;line-height:0;border-radius:999px;background:var(--pill-bg);color:var(--pill-color);text-decoration:none;box-shadow:0 4px 14px #0000001a;display:flex;align-items:center;justify-content:center;position:relative;transition:background .3s ease,color .3s ease;will-change:transform;box-sizing:border-box;white-space:nowrap;overflow:hidden;height:10px}@media (min-width: 900px){._bubble-menu-items_13ibu_124 ._pill-link_13ibu_180{transform:rotate(var(--item-rot))}._bubble-menu-items_13ibu_124 ._pill-link_13ibu_180:hover{transform:rotate(var(--item-rot)) scale(1.06);background:var(--hover-bg);color:var(--hover-color)}._bubble-menu-items_13ibu_124 ._pill-link_13ibu_180:active{transform:rotate(var(--item-rot)) scale(.94)}}._bubble-menu-items_13ibu_124 ._pill-link_13ibu_180 ._pill-label_13ibu_229{display:inline-block;will-change:transform,opacity;height:1.2em;line-height:1.2}@media (max-width: 899px){._bubble-menu-items_13ibu_124{align-items:flex-start;padding-top:120px}._bubble-menu-items_13ibu_124 ._pill-list_13ibu_142{row-gap:16px}._bubble-menu-items_13ibu_124 ._pill-list_13ibu_142 ._pill-col_13ibu_164{flex:0 0 100%;margin-left:0!important;overflow:visible}._bubble-menu-items_13ibu_124 ._pill-link_13ibu_180{font-size:clamp(1.2rem,3vw,4rem);padding:clamp(1rem,2vw,2rem) 0;min-height:80px}._bubble-menu-items_13ibu_124 ._pill-link_13ibu_180:hover{transform:scale(1.06);background:var(--hover-bg);color:var(--hover-color)}._bubble-menu-items_13ibu_124 ._pill-link_13ibu_180:active{transform:scale(.94)}}

package/storybook-static/assets/BubbleMenu.stories-D0BfU9Sn.js

@@ -0,0 +1,57 @@
+import{r as b,j as o}from"./iframe-Cz1R6gKZ.js";import{g as r}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const V="_fixed_13ibu_14",F="_absolute_13ibu_18",I="_bubble_13ibu_1",M="_open_13ibu_106",e={"bubble-menu":"_bubble-menu_13ibu_1",fixed:V,absolute:F,bubble:I,"logo-bubble":"_logo-bubble_13ibu_35","toggle-bubble":"_toggle-bubble_13ibu_36","bubble-logo":"_bubble-logo_13ibu_54","logo-content":"_logo-content_13ibu_61","menu-btn":"_menu-btn_13ibu_78","menu-line":"_menu-line_13ibu_89",open:M,"bubble-menu-items":"_bubble-menu-items_13ibu_124","pill-list":"_pill-list_13ibu_142","pill-col":"_pill-col_13ibu_164","pill-link":"_pill-link_13ibu_180","pill-label":"_pill-label_13ibu_229"},P=[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Documentation",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}];function B({logo:p,onMenuClick:h,className:A,style:R,menuAriaLabel:T="Toggle menu",menuBg:_="#fff",menuContentColor:i="#111",useFixedPosition:C=!1,items:u,animationEase:S="back.out(1.5)",animationDuration:c=.5,staggerDelay:L=.12}){const[s,O]=b.useState(!1),[x,j]=b.useState(!1),$=b.useRef(null),y=b.useRef([]),N=b.useRef([]),v=u!=null&&u.length?u:P,q=[e["bubble-menu"],C?e.fixed:e.absolute,A].filter(Boolean).join(" "),D=()=>{const l=!s;l&&j(!0),O(l),h==null||h(l)};return b.useEffect(()=>{const l=$.current,a=y.current.filter(Boolean),t=N.current.filter(Boolean);!l||!a.length||(s?(r.set(l,{display:"flex"}),r.killTweensOf([...a,...t]),r.set(a,{scale:0,transformOrigin:"50% 50%"}),r.set(t,{y:24,autoAlpha:0}),a.forEach((f,n)=>{const m=n*L+r.utils.random(-.05,.05),d=r.timeline({delay:m});d.to(f,{scale:1,duration:c,ease:S}),t[n]&&d.to(t[n],{y:0,autoAlpha:1,duration:c,ease:"power3.out"},`-=${c*.9}`)})):x&&(r.killTweensOf([...a,...t]),r.to(t,{y:24,autoAlpha:0,duration:.2,ease:"power3.in"}),r.to(a,{scale:0,duration:.2,ease:"power3.in",onComplete:()=>{r.set(l,{display:"none"}),j(!1)}})))},[s,x,S,c,L]),b.useEffect(()=>{const l=()=>{if(s){const a=y.current.filter(Boolean),t=window.innerWidth>=900;a.forEach((f,n)=>{const m=v[n];if(f&&m){const d=t?m.rotation??0:0;r.set(f,{rotation:d})}})}};return window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[s,v]),o.jsxs(o.Fragment,{children:[o.jsxs("nav",{className:q,style:R,"aria-label":"Main navigation",children:[o.jsx("div",{className:`${e.bubble} ${e["logo-bubble"]}`,"aria-label":"Logo",style:{background:_},children:o.jsx("span",{className:`${e["logo-content"]}`,children:typeof p=="string"?o.jsx("img",{src:p,alt:"Logo",className:`${e["bubble-logo"]}`}):p})}),o.jsxs("button",{type:"button",className:`${e.bubble} ${e["toggle-bubble"]} ${e["menu-btn"]} ${s?e.open:""}`,onClick:D,"aria-label":T,"aria-pressed":s,style:{background:_},children:[o.jsx("span",{className:`${e["menu-line"]}`,style:{background:i}}),o.jsx("span",{className:`${e["menu-line"]} short`,style:{background:i}})]})]}),x&&o.jsx("div",{ref:$,className:`${e["bubble-menu-items"]} ${C?e.fixed:e.absolute}`,"aria-hidden":!s,children:o.jsx("ul",{className:`${e["pill-list"]}`,role:"menu","aria-label":"Menu links",children:v.map((l,a)=>{var t,f;return o.jsx("li",{role:"none",className:`${e["pill-col"]}`,children:o.jsx("a",{role:"menuitem",href:l.href,"aria-label":l.ariaLabel||l.label,className:`${e["pill-link"]}`,style:{"--item-rot":`${l.rotation??0}deg`,"--pill-bg":_,"--pill-color":i,"--hover-bg":((t=l.hoverStyles)==null?void 0:t.bgColor)||"#f3f4f6","--hover-color":((f=l.hoverStyles)==null?void 0:f.textColor)||i},ref:n=>{n&&(y.current[a]=n)},children:o.jsx("span",{className:`${e["pill-label"]}`,ref:n=>{n&&(N.current[a]=n)},children:l.label})})},a)})})})]})}B.__docgenInfo={description:"",methods:[],displayName:"BubbleMenu",props:{menuAriaLabel:{defaultValue:{value:"'Toggle menu'",computed:!1},required:!1},menuBg:{defaultValue:{value:"'#fff'",computed:!1},required:!1},menuContentColor:{defaultValue:{value:"'#111'",computed:!1},required:!1},useFixedPosition:{defaultValue:{value:"false",computed:!1},required:!1},animationEase:{defaultValue:{value:"'back.out(1.5)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},staggerDelay:{defaultValue:{value:"0.12",computed:!1},required:!1}}};const U={title:"ReactBits/Components/BubbleMenu",component:B,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={args:{menuAriaLabel:"Toggle menu",menuBg:"#fff",menuContentColor:"#111",useFixedPosition:!1,items:[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Projects",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}],animationEase:"back.out(1.5)",animationDuration:.5,staggerDelay:.12}};var w,E,k;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  args: {
+    menuAriaLabel: 'Toggle menu',
+    menuBg: '#fff',
+    menuContentColor: '#111',
+    useFixedPosition: false,
+    items: [{
+      label: 'home',
+      href: '#',
+      ariaLabel: 'Home',
+      rotation: -8,
+      hoverStyles: {
+        bgColor: '#3b82f6',
+        textColor: '#ffffff'
+      }
+    }, {
+      label: 'about',
+      href: '#',
+      ariaLabel: 'About',
+      rotation: 8,
+      hoverStyles: {
+        bgColor: '#10b981',
+        textColor: '#ffffff'
+      }
+    }, {
+      label: 'projects',
+      href: '#',
+      ariaLabel: 'Projects',
+      rotation: 8,
+      hoverStyles: {
+        bgColor: '#f59e0b',
+        textColor: '#ffffff'
+      }
+    }, {
+      label: 'blog',
+      href: '#',
+      ariaLabel: 'Blog',
+      rotation: 8,
+      hoverStyles: {
+        bgColor: '#ef4444',
+        textColor: '#ffffff'
+      }
+    }, {
+      label: 'contact',
+      href: '#',
+      ariaLabel: 'Contact',
+      rotation: -8,
+      hoverStyles: {
+        bgColor: '#8b5cf6',
+        textColor: '#ffffff'
+      }
+    }],
+    animationEase: 'back.out(1.5)',
+    animationDuration: 0.5,
+    staggerDelay: 0.12
+  }
+}`,...(k=(E=g.parameters)==null?void 0:E.docs)==null?void 0:k.source}}};const G=["Default"];export{g as Default,G as __namedExportsOrder,U as default};

package/storybook-static/assets/{Button-VfdDKp2T.js → Button-Bkr9S309.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./iframe-BUaP2gIF.js";import{m as f}from"./proxy-9Y4F2rF8.js";const h="_button_7s9mx_1",_="_primary_7s9mx_43",g="_secondary_7s9mx_61",y="_outline_7s9mx_79",x="_ghost_7s9mx_119",v="_danger_7s9mx_142",b="_small_7s9mx_160",B="_medium_7s9mx_166",T="_large_7s9mx_171",W="_fullWidth_7s9mx_178",q="_loading_7s9mx_199",w="_spinner_7s9mx_204",L="_spin_7s9mx_204",N="_iconLeft_7s9mx_231",R="_iconRight_7s9mx_232",e={button:h,primary:_,secondary:g,outline:y,ghost:x,danger:v,small:b,medium:B,large:T,fullWidth:W,loading:q,spinner:w,spin:L,iconLeft:N,iconRight:R},j=({variant:i="primary",size:l="medium",fullWidth:r=!1,loading:n=!1,iconLeft:o,iconRight:s,children:m,className:u="",disabled:a,motionProps:d,...c})=>{const p=[e.button,e[i],e[l],r&&e.fullWidth,n&&e.loading,u].filter(Boolean).join(" ");return t.jsxs(f.button,{className:p,disabled:a||n,whileHover:{scale:a||n?1:1.02},whileTap:{scale:a||n?1:.98},transition:{type:"spring",stiffness:400,damping:17},...d,...c,children:[n&&t.jsx("span",{className:e.spinner}),o&&t.jsx("span",{className:e.iconLeft,children:o}),m,s&&t.jsx("span",{className:e.iconRight,children:s})]})};j.__docgenInfo={description:`Button Component
+import{j as a}from"./iframe-Cz1R6gKZ.js";import{u as T}from"./useSound-DOpt9DfD.js";import{m as q}from"./proxy-CAwOFzsk.js";const W="_button_7s9mx_1",w="_primary_7s9mx_43",C="_secondary_7s9mx_61",L="_outline_7s9mx_79",N="_ghost_7s9mx_119",R="_danger_7s9mx_142",S="_small_7s9mx_160",j="_medium_7s9mx_166",V="_large_7s9mx_171",z="_fullWidth_7s9mx_178",I="_loading_7s9mx_199",M="_spinner_7s9mx_204",k="_spin_7s9mx_204",F="_iconLeft_7s9mx_231",P="_iconRight_7s9mx_232",e={button:W,primary:w,secondary:C,outline:L,ghost:N,danger:R,small:S,medium:j,large:V,fullWidth:z,loading:I,spinner:M,spin:k,iconLeft:F,iconRight:P},A=({variant:d="primary",size:c="medium",fullWidth:p=!1,loading:t=!1,iconLeft:u,iconRight:m,children:f,className:h="",disabled:s,motionProps:_,soundConfig:g,onClick:i,onMouseEnter:l,onFocus:y,...x})=>{const{handlers:n}=T(g),v=[e.button,e[d],e[c],p&&e.fullWidth,t&&e.loading,h].filter(Boolean).join(" "),b=r=>{var o;(o=n.onClick)==null||o.call(n),i==null||i(r)},B=r=>{var o;(o=n.onMouseEnter)==null||o.call(n),l==null||l(r)};return a.jsxs(q.button,{className:v,disabled:s||t,whileHover:{scale:s||t?1:1.02},whileTap:{scale:s||t?1:.98},transition:{type:"spring",stiffness:400,damping:17},onClick:b,onMouseEnter:B,onFocus:y,..._,...x,children:[t&&a.jsx("span",{className:e.spinner}),u&&a.jsx("span",{className:e.iconLeft,children:u}),f,m&&a.jsx("span",{className:e.iconRight,children:m})]})};A.__docgenInfo={description:`Button Component
 
 @component
 @description
@@ -34,4 +34,4 @@ and full accessibility support.
 </Button>
 
 @param {ButtonProps} props - The props for the Button component
-@returns {JSX.Element} The rendered Button component`,methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'primary' | 'secondary' | 'outline' | 'ghost' | 'danger'",elements:[{name:"literal",value:"'primary'"},{name:"literal",value:"'secondary'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'danger'"}]},description:"Visual style variant of the button",defaultValue:{value:"'primary'",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"'small' | 'medium' | 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:"Size of the button",defaultValue:{value:"'medium'",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"Whether the button should take full width of its container",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Whether the button is in loading state (shows spinner, disabled interaction)",defaultValue:{value:"false",computed:!1}},iconLeft:{required:!1,tsType:{name:"ReactNode"},description:"Icon to display on the left side of the button text"},iconRight:{required:!1,tsType:{name:"ReactNode"},description:"Icon to display on the right side of the button text"},children:{required:!1,tsType:{name:"ReactNode"},description:"Button content (text, elements, etc.)"},motionProps:{required:!1,tsType:{name:"HTMLMotionProps",elements:[{name:"literal",value:'"button"'}],raw:'HTMLMotionProps<"button">'},description:"Additional Framer Motion props for custom animations"},className:{defaultValue:{value:"''",computed:!1},required:!1}},composes:["Omit"]};export{j as B};
+@returns {JSX.Element} The rendered Button component`,methods:[],displayName:"Button",props:{variant:{required:!1,tsType:{name:"union",raw:"'primary' | 'secondary' | 'outline' | 'ghost' | 'danger'",elements:[{name:"literal",value:"'primary'"},{name:"literal",value:"'secondary'"},{name:"literal",value:"'outline'"},{name:"literal",value:"'ghost'"},{name:"literal",value:"'danger'"}]},description:"Visual style variant of the button",defaultValue:{value:"'primary'",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"'small' | 'medium' | 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:"Size of the button",defaultValue:{value:"'medium'",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"Whether the button should take full width of its container",defaultValue:{value:"false",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Whether the button is in loading state (shows spinner, disabled interaction)",defaultValue:{value:"false",computed:!1}},iconLeft:{required:!1,tsType:{name:"ReactNode"},description:"Icon to display on the left side of the button text"},iconRight:{required:!1,tsType:{name:"ReactNode"},description:"Icon to display on the right side of the button text"},children:{required:!1,tsType:{name:"ReactNode"},description:"Button content (text, elements, etc.)"},motionProps:{required:!1,tsType:{name:"HTMLMotionProps",elements:[{name:"literal",value:'"button"'}],raw:'HTMLMotionProps<"button">'},description:"Additional Framer Motion props for custom animations"},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:"Optional sound configuration for button interactions"},className:{defaultValue:{value:"''",computed:!1},required:!1}},composes:["Omit"]};export{A as B};