@stfrigerio/sito-template 0.1.37 → 0.1.44

package/storybook-static/assets/PixelSnow.stories-40ms3GpO.js

@@ -0,0 +1,155 @@
+import{r as t,j as B}from"./iframe-2N7rjfXm.js";import{n as K,e as O,S as T,a as U,W as X,i as G,d as H,q as W,M as Y}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const J={"pixel-snow-container":"_pixel-snow-container_udm6i_1"},L=`
+void main() {
+  gl_Position = vec4(position, 1.0);
+}
+`,N=`
+precision mediump float;
+
+uniform float uTime;
+uniform vec2 uResolution;
+uniform float uFlakeSize;
+uniform float uMinFlakeSize;
+uniform float uPixelResolution;
+uniform float uSpeed;
+uniform float uDepthFade;
+uniform float uFarPlane;
+uniform vec3 uColor;
+uniform float uBrightness;
+uniform float uGamma;
+uniform float uDensity;
+uniform float uVariant;
+uniform float uDirection;
+
+// Precomputed constants
+#define PI 3.14159265
+#define PI_OVER_6 0.5235988
+#define PI_OVER_3 1.0471976
+#define INV_SQRT3 0.57735027
+#define M1 1597334677U
+#define M2 3812015801U
+#define M3 3299493293U
+#define F0 2.3283064e-10
+
+// Optimized hash - inline multiplication
+#define hash(n) (n * (n ^ (n >> 15)))
+#define coord3(p) (uvec3(p).x * M1 ^ uvec3(p).y * M2 ^ uvec3(p).z * M3)
+
+// Precomputed camera basis vectors (normalized vec3(1,1,1), vec3(1,0,-1))
+const vec3 camK = vec3(0.57735027, 0.57735027, 0.57735027);
+const vec3 camI = vec3(0.70710678, 0.0, -0.70710678);
+const vec3 camJ = vec3(-0.40824829, 0.81649658, -0.40824829);
+
+// Precomputed branch direction
+const vec2 b1d = vec2(0.574, 0.819);
+
+vec3 hash3(uint n) {
+  uvec3 hashed = hash(n) * uvec3(1U, 511U, 262143U);
+  return vec3(hashed) * F0;
+}
+
+float snowflakeDist(vec2 p) {
+  float r = length(p);
+  float a = atan(p.y, p.x);
+  a = abs(mod(a + PI_OVER_6, PI_OVER_3) - PI_OVER_6);
+  vec2 q = r * vec2(cos(a), sin(a));
+  float dMain = max(abs(q.y), max(-q.x, q.x - 1.0));
+  float b1t = clamp(dot(q - vec2(0.4, 0.0), b1d), 0.0, 0.4);
+  float dB1 = length(q - vec2(0.4, 0.0) - b1t * b1d);
+  float b2t = clamp(dot(q - vec2(0.7, 0.0), b1d), 0.0, 0.25);
+  float dB2 = length(q - vec2(0.7, 0.0) - b2t * b1d);
+  return min(dMain, min(dB1, dB2)) * 10.0;
+}
+
+void main() {
+  // Precompute reciprocals to avoid division
+  float invPixelRes = 1.0 / uPixelResolution;
+  float pixelSize = max(1.0, floor(0.5 + uResolution.x * invPixelRes));
+  float invPixelSize = 1.0 / pixelSize;
+  
+  vec2 fragCoord = floor(gl_FragCoord.xy * invPixelSize);
+  vec2 res = uResolution * invPixelSize;
+  float invResX = 1.0 / res.x;
+
+  vec3 ray = normalize(vec3((fragCoord - res * 0.5) * invResX, 1.0));
+  ray = ray.x * camI + ray.y * camJ + ray.z * camK;
+
+  // Precompute time-based values
+  float timeSpeed = uTime * uSpeed;
+  float windX = cos(uDirection) * 0.4;
+  float windY = sin(uDirection) * 0.4;
+  vec3 camPos = (windX * camI + windY * camJ + 0.1 * camK) * timeSpeed;
+  vec3 pos = camPos;
+
+  // Precompute ray reciprocal for strides
+  vec3 absRay = max(abs(ray), vec3(0.001));
+  vec3 strides = 1.0 / absRay;
+  vec3 raySign = step(ray, vec3(0.0));
+  vec3 phase = fract(pos) * strides;
+  phase = mix(strides - phase, phase, raySign);
+
+  // Precompute for intersection test
+  float rayDotCamK = dot(ray, camK);
+  float invRayDotCamK = 1.0 / rayDotCamK;
+  float invDepthFade = 1.0 / uDepthFade;
+  float halfInvResX = 0.5 * invResX;
+  vec3 timeAnim = timeSpeed * 0.1 * vec3(7.0, 8.0, 5.0);
+
+  float t = 0.0;
+  for (int i = 0; i < 128; i++) {
+    if (t >= uFarPlane) break;
+    
+    vec3 fpos = floor(pos);
+    uint cellCoord = coord3(fpos);
+    float cellHash = hash3(cellCoord).x;
+
+    if (cellHash < uDensity) {
+      vec3 h = hash3(cellCoord);
+      
+      // Optimized flake position calculation
+      vec3 sinArg1 = fpos.yzx * 0.073;
+      vec3 sinArg2 = fpos.zxy * 0.27;
+      vec3 flakePos = 0.5 - 0.5 * cos(4.0 * sin(sinArg1) + 4.0 * sin(sinArg2) + 2.0 * h + timeAnim);
+      flakePos = flakePos * 0.8 + 0.1 + fpos;
+
+      float toIntersection = dot(flakePos - pos, camK) * invRayDotCamK;
+      
+      if (toIntersection > 0.0) {
+        vec3 testPos = pos + ray * toIntersection - flakePos;
+        float testX = dot(testPos, camI);
+        float testY = dot(testPos, camJ);
+        vec2 testUV = abs(vec2(testX, testY));
+        
+        float depth = dot(flakePos - camPos, camK);
+        float flakeSize = max(uFlakeSize, uMinFlakeSize * depth * halfInvResX);
+        
+        // Avoid branching with step functions where possible
+        float dist;
+        if (uVariant < 0.5) {
+          dist = max(testUV.x, testUV.y);
+        } else if (uVariant < 1.5) {
+          dist = length(testUV);
+        } else {
+          float invFlakeSize = 1.0 / flakeSize;
+          dist = snowflakeDist(vec2(testX, testY) * invFlakeSize) * flakeSize;
+        }
+
+        if (dist < flakeSize) {
+          float flakeSizeRatio = uFlakeSize / flakeSize;
+          float intensity = exp2(-(t + toIntersection) * invDepthFade) *
+                           min(1.0, flakeSizeRatio * flakeSizeRatio) * uBrightness;
+          gl_FragColor = vec4(uColor * pow(vec3(intensity), vec3(uGamma)), 1.0);
+          return;
+        }
+      }
+    }
+
+    float nextStep = min(min(phase.x, phase.y), phase.z);
+    vec3 sel = step(phase, vec3(nextStep));
+    phase = phase - nextStep + strides * sel;
+    t += nextStep;
+    pos = mix(pos + ray * nextStep, floor(pos + ray * nextStep + 0.5), sel);
+  }
+
+  gl_FragColor = vec4(0.0);
+}
+`;function _({color:V="#ffffff",flakeSize:c=.01,minFlakeSize:f=1.25,pixelResolution:d=200,speed:m=1.25,depthFade:v=8,farPlane:p=20,brightness:h=1,gamma:x=.4545,density:S=.3,variant:P="square",direction:R=125,className:M="",style:E={}}){const n=t.useRef(null),k=t.useRef(0),b=t.useRef(!0),y=t.useRef(null),l=t.useRef(null),r=t.useRef(null),w=t.useMemo(()=>P==="round"?1:P==="snowflake"?2:0,[P]),z=t.useMemo(()=>{const e=new K(V);return new O(e.r,e.g,e.b)},[V]),g=t.useCallback(()=>{r.current&&clearTimeout(r.current),r.current=window.setTimeout(()=>{const e=n.current,o=y.current,i=l.current;if(!e||!o||!i)return;const a=e.offsetWidth,s=e.offsetHeight;o.setSize(a,s),i.uniforms.uResolution.value.set(a,s)},100)},[]);return t.useEffect(()=>{const e=n.current;if(!e)return;const o=new IntersectionObserver(([i])=>{b.current=i.isIntersecting},{threshold:0});return o.observe(e),()=>o.disconnect()},[]),t.useEffect(()=>{const e=n.current;if(!e)return;const o=new T,i=new U(-1,1,1,-1,0,1),a=new X({antialias:!1,alpha:!0,premultipliedAlpha:!1,powerPreference:"high-performance",stencil:!1,depth:!1});a.setPixelRatio(Math.min(window.devicePixelRatio,2)),a.setSize(e.offsetWidth,e.offsetHeight),a.setClearColor(0,0),e.appendChild(a.domElement),y.current=a;const s=new G({vertexShader:L,fragmentShader:N,uniforms:{uTime:{value:0},uResolution:{value:new H(e.offsetWidth,e.offsetHeight)},uFlakeSize:{value:c},uMinFlakeSize:{value:f},uPixelResolution:{value:d},uSpeed:{value:m},uDepthFade:{value:v},uFarPlane:{value:p},uColor:{value:z.clone()},uBrightness:{value:h},uGamma:{value:x},uDensity:{value:S},uVariant:{value:w},uDirection:{value:R*Math.PI/180}},transparent:!0});l.current=s;const q=new W(2,2);o.add(new Y(q,s)),window.addEventListener("resize",g);const A=performance.now(),F=()=>{k.current=requestAnimationFrame(F),b.current&&(s.uniforms.uTime.value=(performance.now()-A)*.001,a.render(o,i))};return F(),()=>{cancelAnimationFrame(k.current),window.removeEventListener("resize",g),r.current&&clearTimeout(r.current),e.contains(a.domElement)&&e.removeChild(a.domElement),a.dispose(),a.forceContextLoss(),q.dispose(),s.dispose(),y.current=null,l.current=null}},[g]),t.useEffect(()=>{const e=l.current;e&&(e.uniforms.uFlakeSize.value=c,e.uniforms.uMinFlakeSize.value=f,e.uniforms.uPixelResolution.value=d,e.uniforms.uSpeed.value=m,e.uniforms.uDepthFade.value=v,e.uniforms.uFarPlane.value=p,e.uniforms.uBrightness.value=h,e.uniforms.uGamma.value=x,e.uniforms.uDensity.value=S,e.uniforms.uVariant.value=w,e.uniforms.uDirection.value=R*Math.PI/180,e.uniforms.uColor.value.copy(z))},[c,f,d,m,v,p,h,x,S,w,R,z]),B.jsx("div",{ref:n,className:`${J["pixel-snow-container"]} ${M}`,style:E})}_.__docgenInfo={description:"",methods:[],displayName:"PixelSnow",props:{color:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},flakeSize:{defaultValue:{value:"0.01",computed:!1},required:!1},minFlakeSize:{defaultValue:{value:"1.25",computed:!1},required:!1},pixelResolution:{defaultValue:{value:"200",computed:!1},required:!1},speed:{defaultValue:{value:"1.25",computed:!1},required:!1},depthFade:{defaultValue:{value:"8",computed:!1},required:!1},farPlane:{defaultValue:{value:"20",computed:!1},required:!1},brightness:{defaultValue:{value:"1",computed:!1},required:!1},gamma:{defaultValue:{value:"0.4545",computed:!1},required:!1},density:{defaultValue:{value:"0.3",computed:!1},required:!1},variant:{defaultValue:{value:"'square'",computed:!1},required:!1},direction:{defaultValue:{value:"125",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const Z={title:"ReactBits/Backgrounds/PixelSnow",component:_,parameters:{layout:"fullscreen"},tags:["autodocs"]},u={};var C,D,I;u.parameters={...u.parameters,docs:{...(C=u.parameters)==null?void 0:C.docs,source:{originalSource:"{}",...(I=(D=u.parameters)==null?void 0:D.docs)==null?void 0:I.source}}};const ee=["Default"];export{u as Default,ee as __namedExportsOrder,Z as default};

package/storybook-static/assets/PixelTransition-4YlpcBIO.css

@@ -0,0 +1 @@
+._pixelated-image-card_12og9_1{background-color:#222;color:var(--color-primary, #fff);border-radius:15px;border:2px solid #fff;width:300px;max-width:100%;position:relative;overflow:hidden}._pixelated-image-card__default_12og9_12,._pixelated-image-card__active_12og9_13,._pixelated-image-card__pixels_12og9_14{width:100%;min-height:100vh;position:absolute;top:0;left:0}._pixelated-image-card__active_12og9_13{z-index:2}._pixelated-image-card__active_12og9_13{display:none}._pixelated-image-card__pixels_12og9_14{pointer-events:none;position:absolute;z-index:3;top:0;left:0;width:100%;min-height:100vh}._pixelated-image-card__pixel_12og9_14{display:none;position:absolute}

package/storybook-static/assets/PixelTransition.stories-Ce0j1LoP.js

@@ -0,0 +1,27 @@
+import{r,j as l}from"./iframe-2N7rjfXm.js";import{g as d}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const c={"pixelated-image-card":"_pixelated-image-card_12og9_1","pixelated-image-card__default":"_pixelated-image-card__default_12og9_12","pixelated-image-card__active":"_pixelated-image-card__active_12og9_13","pixelated-image-card__pixels":"_pixelated-image-card__pixels_12og9_14","pixelated-image-card__pixel":"_pixelated-image-card__pixel_12og9_14"};function E({firstContent:b,secondContent:F,gridSize:u=7,pixelColor:_="currentColor",animationStepDuration:m=.3,once:v=!1,aspectRatio:$="100%",className:q="",style:S={}}){const T=r.useRef(null),x=r.useRef(null),h=r.useRef(null),g=r.useRef(null),[i,I]=r.useState(!1),o="ontouchstart"in window||navigator.maxTouchPoints>0||window.matchMedia("(pointer: coarse)").matches;r.useEffect(()=>{const t=x.current;if(t){t.innerHTML="";for(let n=0;n<u;n++)for(let a=0;a<u;a++){const e=document.createElement("div");e.classList.add(c["pixelated-image-card__pixel"]),e.setAttribute("data-pixel",""),e.style.backgroundColor=_;const s=100/u;e.style.width=`${s}%`,e.style.height=`${s}%`,e.style.left=`${a*s}%`,e.style.top=`${n*s}%`,t.appendChild(e)}}},[u,_]);const f=t=>{I(t);const n=x.current,a=h.current;if(!n||!a)return;const e=n.querySelectorAll("[data-pixel]");if(!e.length)return;d.killTweensOf(e),g.current&&g.current.kill(),d.set(e,{display:"none"});const s=e.length,R=m/s;d.to(e,{display:"block",duration:0,stagger:{each:R,from:"random"}}),g.current=d.delayedCall(m,()=>{a.style.display=t?"block":"none",a.style.pointerEvents=t?"none":""}),d.to(e,{display:"none",duration:0,delay:m,stagger:{each:R,from:"random"}})},y=()=>{i||f(!0)},C=()=>{i&&!v&&f(!1)},V=()=>{i?i&&!v&&f(!1):f(!0)};return l.jsxs("div",{ref:T,className:`${c["pixelated-image-card"]} ${q}`,style:S,onMouseEnter:o?void 0:y,onMouseLeave:o?void 0:C,onClick:o?V:void 0,onFocus:o?void 0:y,onBlur:o?void 0:C,tabIndex:0,children:[l.jsx("div",{style:{paddingTop:$}}),l.jsx("div",{className:`${c["pixelated-image-card__default"]}`,"aria-hidden":i,children:b}),l.jsx("div",{className:`${c["pixelated-image-card__active"]}`,ref:h,"aria-hidden":!i,children:F}),l.jsx("div",{className:`${c["pixelated-image-card__pixels"]}`,ref:x})]})}E.__docgenInfo={description:"",methods:[],displayName:"PixelTransition",props:{gridSize:{defaultValue:{value:"7",computed:!1},required:!1},pixelColor:{defaultValue:{value:"'currentColor'",computed:!1},required:!1},animationStepDuration:{defaultValue:{value:"0.3",computed:!1},required:!1},once:{defaultValue:{value:"false",computed:!1},required:!1},aspectRatio:{defaultValue:{value:"'100%'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const A={title:"ReactBits/Animations/PixelTransition",component:E,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{firstContent:l.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"#1a1a2e",color:"#fff",fontSize:"2rem"},children:"Hover me"}),secondContent:l.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"#5227FF",color:"#fff",fontSize:"2rem"},children:"Revealed!"}),gridSize:7,pixelColor:"#5227FF",aspectRatio:"100%"}};var j,k,w;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
+  args: {
+    firstContent: <div style={{
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      background: '#1a1a2e',
+      color: '#fff',
+      fontSize: '2rem'
+    }}>Hover me</div>,
+    secondContent: <div style={{
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      background: '#5227FF',
+      color: '#fff',
+      fontSize: '2rem'
+    }}>Revealed!</div>,
+    gridSize: 7,
+    pixelColor: '#5227FF',
+    aspectRatio: '100%'
+  }
+}`,...(w=(k=p.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};const L=["Default"];export{p as Default,L as __namedExportsOrder,A as default};

package/storybook-static/assets/Plasma-hc6I4S4K.css

@@ -0,0 +1 @@
+._plasma-container_4c6hx_1{position:relative;width:100%;min-height:100vh;overflow:hidden}._plasma-container_4c6hx_1 canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}

package/storybook-static/assets/Plasma.stories-C-qYly6i.js

@@ -0,0 +1,78 @@
+import{r as y,j as U}from"./iframe-2N7rjfXm.js";import{R as E,P as Q,M as j}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const L={"plasma-container":"_plasma-container_4c6hx_1"},N=n=>{const o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return o?[parseInt(o[1],16)/255,parseInt(o[2],16)/255,parseInt(o[3],16)/255]:[1,.5,.2]},$=`#version 300 es
+precision highp float;
+in vec2 position;
+in vec2 uv;
+out vec2 vUv;
+void main() {
+  vUv = uv;
+  gl_Position = vec4(position, 0.0, 1.0);
+}
+`,H=`#version 300 es
+precision highp float;
+uniform vec2 iResolution;
+uniform float iTime;
+uniform vec3 uCustomColor;
+uniform float uUseCustomColor;
+uniform float uSpeed;
+uniform float uDirection;
+uniform float uScale;
+uniform float uOpacity;
+uniform vec2 uMouse;
+uniform float uMouseInteractive;
+out vec4 fragColor;
+
+void mainImage(out vec4 o, vec2 C) {
+  vec2 center = iResolution.xy * 0.5;
+  C = (C - center) / uScale + center;
+  
+  vec2 mouseOffset = (uMouse - center) * 0.0002;
+  C += mouseOffset * length(C - center) * step(0.5, uMouseInteractive);
+  
+  float i, d, z, T = iTime * uSpeed * uDirection;
+  vec3 O, p, S;
+
+  for (vec2 r = iResolution.xy, Q; ++i < 60.; O += o.w/d*o.xyz) {
+    p = z*normalize(vec3(C-.5*r,r.y)); 
+    p.z -= 4.; 
+    S = p;
+    d = p.y-T;
+    
+    p.x += .4*(1.+p.y)*sin(d + p.x*0.1)*cos(.34*d + p.x*0.05); 
+    Q = p.xz *= mat2(cos(p.y+vec4(0,11,33,0)-T)); 
+    z+= d = abs(sqrt(length(Q*Q)) - .25*(5.+S.y))/3.+8e-4; 
+    o = 1.+sin(S.y+p.z*.5+S.z-length(S-p)+vec4(2,1,0,8));
+  }
+  
+  o.xyz = tanh(O/1e4);
+}
+
+bool finite1(float x){ return !(isnan(x) || isinf(x)); }
+vec3 sanitize(vec3 c){
+  return vec3(
+    finite1(c.r) ? c.r : 0.0,
+    finite1(c.g) ? c.g : 0.0,
+    finite1(c.b) ? c.b : 0.0
+  );
+}
+
+void main() {
+  vec4 o = vec4(0.0);
+  mainImage(o, gl_FragCoord.xy);
+  vec3 rgb = sanitize(o.rgb);
+  
+  float intensity = (rgb.r + rgb.g + rgb.b) / 3.0;
+  vec3 customColor = intensity * uCustomColor;
+  vec3 finalColor = mix(rgb, customColor, step(0.5, uUseCustomColor));
+  
+  float alpha = length(rgb) * uOpacity;
+  fragColor = vec4(finalColor, alpha);
+}`,O=({color:n="#ffffff",speed:o=1,direction:d="forward",scale:C=1,opacity:x=1,mouseInteractive:u=!0})=>{const a=y.useRef(null),f=y.useRef({x:0,y:0});return y.useEffect(()=>{if(!a.current)return;const t=a.current,q=n?1:0,_=n?N(n):[1,1,1],F=d==="reverse"?-1:1,v=new E({webgl:2,alpha:!0,antialias:!1,dpr:Math.min(window.devicePixelRatio||1,2)}),s=v.gl,c=s.canvas;c.style.display="block",c.style.width="100%",c.style.height="100%",a.current.appendChild(c);const I=new k(s),i=new Q(s,{vertex:$,fragment:H,uniforms:{iTime:{value:0},iResolution:{value:new Float32Array([1,1])},uCustomColor:{value:new Float32Array(_)},uUseCustomColor:{value:q},uSpeed:{value:o*.4},uDirection:{value:F},uScale:{value:C},uOpacity:{value:x},uMouse:{value:new Float32Array([0,0])},uMouseInteractive:{value:u?1:0}}}),P=new j(s,{geometry:I,program:i}),w=r=>{if(!u)return;const e=a.current.getBoundingClientRect();f.current.x=r.clientX-e.left,f.current.y=r.clientY-e.top;const l=i.uniforms.uMouse.value;l[0]=f.current.x,l[1]=f.current.y};u&&t.addEventListener("mousemove",w);const b=()=>{const r=a.current.getBoundingClientRect(),e=Math.max(1,Math.floor(r.width)),l=Math.max(1,Math.floor(r.height));v.setSize(e,l);const m=i.uniforms.iResolution.value;m[0]=s.drawingBufferWidth,m[1]=s.drawingBufferHeight},M=new ResizeObserver(b);M.observe(t),b();let g=0;const V=performance.now(),R=r=>{let e=(r-V)*.001;if(d==="pingpong"){const m=e%10,A=Math.floor(e/10)%2===0,h=m/10,z=h*h*(3-2*h),B=A?z*10:(1-z)*10;i.uniforms.uDirection.value=1,i.uniforms.iTime.value=B}else i.uniforms.iTime.value=e;v.render({scene:P}),g=requestAnimationFrame(R)};return g=requestAnimationFrame(R),()=>{cancelAnimationFrame(g),M.disconnect(),u&&t&&t.removeEventListener("mousemove",w);try{t==null||t.removeChild(c)}catch{console.warn("Canvas already removed from container")}}},[n,o,d,C,x,u]),U.jsx("div",{ref:a,className:`${L["plasma-container"]}`})};O.__docgenInfo={description:"",methods:[],displayName:"Plasma",props:{color:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},speed:{defaultValue:{value:"1",computed:!1},required:!1},direction:{defaultValue:{value:"'forward'",computed:!1},required:!1},scale:{defaultValue:{value:"1",computed:!1},required:!1},opacity:{defaultValue:{value:"1",computed:!1},required:!1},mouseInteractive:{defaultValue:{value:"true",computed:!1},required:!1}}};const J={title:"ReactBits/Backgrounds/Plasma",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},p={args:{color:"#ffffff",speed:1,direction:"forward",scale:1,opacity:1,mouseInteractive:!0}};var S,T,D;p.parameters={...p.parameters,docs:{...(S=p.parameters)==null?void 0:S.docs,source:{originalSource:`{
+  args: {
+    color: '#ffffff',
+    speed: 1,
+    direction: 'forward',
+    scale: 1,
+    opacity: 1,
+    mouseInteractive: true
+  }
+}`,...(D=(T=p.parameters)==null?void 0:T.docs)==null?void 0:D.source}}};const K=["Default"];export{p as Default,K as __namedExportsOrder,J as default};

package/storybook-static/assets/Prism-1A7MRUuH.css

@@ -0,0 +1 @@
+._prism-container_sjqpx_1{position:relative;width:100%;min-height:100vh}._prism-container_sjqpx_1 canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}

package/storybook-static/assets/Prism.stories-BzLhe_ek.js

@@ -0,0 +1,121 @@
+import{r as le,j as Ne}from"./iframe-2N7rjfXm.js";import{R as Ye,P as je,M as De}from"./Mesh-CwXV3WjE.js";import{T as Ge}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Xe={"prism-container":"_prism-container_sjqpx_1"},ce=({height:T=3.5,baseWidth:z=5.5,animationType:h="rotate",glow:W=1,offset:s={x:0,y:0},noise:U=.5,transparent:E=!0,scale:N=3.6,hueShift:Y=0,colorFrequency:j=1,hoverStrength:D=2,inertia:G=.05,bloom:X=1,suspendWhenOffscreen:P=!1,timeScale:Z=.5})=>{const k=le.useRef(null);return le.useEffect(()=>{const r=k.current;if(!r)return;const b=Math.max(.001,T),H=Math.max(.001,z)*.5,fe=Math.max(0,W),Q=Math.max(0,U),me=(s==null?void 0:s.x)??0,de=(s==null?void 0:s.y)??0,ve=E?1.5:1,I=Math.max(.001,N),he=Y||0,pe=Math.max(0,j||1),xe=Math.max(0,X||1),we=1,Me=1,Se=1,R=Math.max(0,Z||1),$=Math.max(0,D||1),J=Math.max(0,Math.min(1,G||.12)),_=Math.min(2,window.devicePixelRatio||1),A=new Ye({dpr:_,alpha:E,antialias:!1}),a=A.gl;a.disable(a.DEPTH_TEST),a.disable(a.CULL_FACE),a.disable(a.BLEND),Object.assign(a.canvas.style,{position:"absolute",inset:"0",width:"100%",height:"100%",display:"block"}),r.appendChild(a.canvas);const ge=`
+      attribute vec2 position;
+      void main() {
+        gl_Position = vec4(position, 0.0, 1.0);
+      }
+    `,be=`
+      precision highp float;
+
+      uniform vec2  iResolution;
+      uniform float iTime;
+
+      uniform float uHeight;
+      uniform float uBaseHalf;
+      uniform mat3  uRot;
+      uniform int   uUseBaseWobble;
+      uniform float uGlow;
+      uniform vec2  uOffsetPx;
+      uniform float uNoise;
+      uniform float uSaturation;
+      uniform float uScale;
+      uniform float uHueShift;
+      uniform float uColorFreq;
+      uniform float uBloom;
+      uniform float uCenterShift;
+      uniform float uInvBaseHalf;
+      uniform float uInvHeight;
+      uniform float uMinAxis;
+      uniform float uPxScale;
+      uniform float uTimeScale;
+
+      vec4 tanh4(vec4 x){
+        vec4 e2x = exp(2.0*x);
+        return (e2x - 1.0) / (e2x + 1.0);
+      }
+
+      float rand(vec2 co){
+        return fract(sin(dot(co, vec2(12.9898, 78.233))) * 43758.5453123);
+      }
+
+      float sdOctaAnisoInv(vec3 p){
+        vec3 q = vec3(abs(p.x) * uInvBaseHalf, abs(p.y) * uInvHeight, abs(p.z) * uInvBaseHalf);
+        float m = q.x + q.y + q.z - 1.0;
+        return m * uMinAxis * 0.5773502691896258;
+      }
+
+      float sdPyramidUpInv(vec3 p){
+        float oct = sdOctaAnisoInv(p);
+        float halfSpace = -p.y;
+        return max(oct, halfSpace);
+      }
+
+      mat3 hueRotation(float a){
+        float c = cos(a), s = sin(a);
+        mat3 W = mat3(
+          0.299, 0.587, 0.114,
+          0.299, 0.587, 0.114,
+          0.299, 0.587, 0.114
+        );
+        mat3 U = mat3(
+           0.701, -0.587, -0.114,
+          -0.299,  0.413, -0.114,
+          -0.300, -0.588,  0.886
+        );
+        mat3 V = mat3(
+           0.168, -0.331,  0.500,
+           0.328,  0.035, -0.500,
+          -0.497,  0.296,  0.201
+        );
+        return W + U * c + V * s;
+      }
+
+      void main(){
+        vec2 f = (gl_FragCoord.xy - 0.5 * iResolution.xy - uOffsetPx) * uPxScale;
+
+        float z = 5.0;
+        float d = 0.0;
+
+        vec3 p;
+        vec4 o = vec4(0.0);
+
+        float centerShift = uCenterShift;
+        float cf = uColorFreq;
+
+        mat2 wob = mat2(1.0);
+        if (uUseBaseWobble == 1) {
+          float t = iTime * uTimeScale;
+          float c0 = cos(t + 0.0);
+          float c1 = cos(t + 33.0);
+          float c2 = cos(t + 11.0);
+          wob = mat2(c0, c1, c2, c0);
+        }
+
+        const int STEPS = 100;
+        for (int i = 0; i < STEPS; i++) {
+          p = vec3(f, z);
+          p.xz = p.xz * wob;
+          p = uRot * p;
+          vec3 q = p;
+          q.y += centerShift;
+          d = 0.1 + 0.2 * abs(sdPyramidUpInv(q));
+          z -= d;
+          o += (sin((p.y + z) * cf + vec4(0.0, 1.0, 2.0, 3.0)) + 1.0) / d;
+        }
+
+        o = tanh4(o * o * (uGlow * uBloom) / 1e5);
+
+        vec3 col = o.rgb;
+        float n = rand(gl_FragCoord.xy + vec2(iTime));
+        col += (n - 0.5) * uNoise;
+        col = clamp(col, 0.0, 1.0);
+
+        float L = dot(col, vec3(0.2126, 0.7152, 0.0722));
+        col = clamp(mix(vec3(L), col, uSaturation), 0.0, 1.0);
+
+        if(abs(uHueShift) > 0.0001){
+          col = clamp(hueRotation(uHueShift) * col, 0.0, 1.0);
+        }
+
+        gl_FragColor = vec4(col, o.a);
+      }
+    `,Re=new Ge(a),F=new Float32Array(2),O=new Float32Array(2),i=new je(a,{vertex:ge,fragment:be,uniforms:{iResolution:{value:F},iTime:{value:0},uHeight:{value:b},uBaseHalf:{value:H},uUseBaseWobble:{value:1},uRot:{value:new Float32Array([1,0,0,0,1,0,0,0,1])},uGlow:{value:fe},uOffsetPx:{value:O},uNoise:{value:Q},uSaturation:{value:ve},uScale:{value:I},uHueShift:{value:he},uColorFreq:{value:pe},uBloom:{value:xe},uCenterShift:{value:b*.25},uInvBaseHalf:{value:1/H},uInvHeight:{value:1/b},uMinAxis:{value:Math.min(H,b)},uPxScale:{value:1/((a.drawingBufferHeight||1)*.1*I)},uTimeScale:{value:R}}}),Be=new De(a,{geometry:Re,program:i}),K=()=>{const e=r.clientWidth||1,o=r.clientHeight||1;A.setSize(e,o),F[0]=a.drawingBufferWidth,F[1]=a.drawingBufferHeight,O[0]=me*_,O[1]=de*_,i.uniforms.uPxScale.value=1/((a.drawingBufferHeight||1)*.1*I)},ee=new ResizeObserver(K);ee.observe(r),K();const l=new Float32Array(9),te=(e,o,n,t)=>{const c=Math.cos(e),f=Math.sin(e),m=Math.cos(o),v=Math.sin(o),M=Math.cos(n),g=Math.sin(n),Fe=c*M+f*v*g,Oe=-c*g+f*v*M,Ve=f*m,Le=m*g,Ce=m*M,Te=-v,ze=-f*M+c*v*g,We=f*g+c*v*M,Ue=c*m;return t[0]=Fe,t[1]=Le,t[2]=ze,t[3]=Oe,t[4]=Ce,t[5]=We,t[6]=Ve,t[7]=Te,t[8]=Ue,t},qe=Q<1e-6;let d=0;const ye=performance.now(),B=()=>{d||(d=requestAnimationFrame(se))},ae=()=>{d&&(cancelAnimationFrame(d),d=0)},S=()=>Math.random(),Ee=(.3+S()*.6)*we,Pe=(.2+S()*.7)*Me,He=(.1+S()*.5)*Se,Ie=S()*Math.PI*2,_e=S()*Math.PI*2;let p=0,x=0,w=0,V=0,L=0;const C=(e,o,n)=>e+(o-e)*n,u={x:0,y:0,inside:!0},Ae=e=>{const o=Math.max(1,window.innerWidth),n=Math.max(1,window.innerHeight),t=o*.5,c=n*.5,f=(e.clientX-t)/(o*.5),m=(e.clientY-c)/(n*.5);u.x=Math.max(-1,Math.min(1,f)),u.y=Math.max(-1,Math.min(1,m)),u.inside=!0},oe=()=>{u.inside=!1},ne=()=>{u.inside=!1};let q=null;h==="hover"?(q=e=>{Ae(e),B()},window.addEventListener("pointermove",q,{passive:!0}),window.addEventListener("mouseleave",oe),window.addEventListener("blur",ne),i.uniforms.uUseBaseWobble.value=0):h==="3drotate"?i.uniforms.uUseBaseWobble.value=0:i.uniforms.uUseBaseWobble.value=1;const se=e=>{const o=(e-ye)*.001;i.uniforms.iTime.value=o;let n=!0;if(h==="hover"){const t=.6*$,c=.6*$;V=(u.inside?-u.x:0)*c,L=(u.inside?u.y:0)*t;const f=p,m=x,v=w;p=C(f,V,J),x=C(m,L,J),w=C(v,0,.1),i.uniforms.uRot.value=te(p,x,w,l),qe&&Math.abs(p-V)<1e-4&&Math.abs(x-L)<1e-4&&Math.abs(w)<1e-4&&(n=!1)}else if(h==="3drotate"){const t=o*R;p=t*Pe,x=Math.sin(t*Ee+Ie)*.6,w=Math.sin(t*He+_e)*.5,i.uniforms.uRot.value=te(p,x,w,l),R<1e-6&&(n=!1)}else l[0]=1,l[1]=0,l[2]=0,l[3]=0,l[4]=1,l[5]=0,l[6]=0,l[7]=0,l[8]=1,i.uniforms.uRot.value=l,R<1e-6&&(n=!1);A.render({scene:Be}),n?d=requestAnimationFrame(se):d=0};if(P){const e=new IntersectionObserver(o=>{o.some(t=>t.isIntersecting)?B():ae()});e.observe(r),B(),r.__prismIO=e}else B();return()=>{if(ae(),ee.disconnect(),h==="hover"&&(q&&window.removeEventListener("pointermove",q),window.removeEventListener("mouseleave",oe),window.removeEventListener("blur",ne)),P){const e=r.__prismIO;e&&e.disconnect(),delete r.__prismIO}a.canvas.parentElement===r&&r.removeChild(a.canvas)}},[T,z,h,W,U,s==null?void 0:s.x,s==null?void 0:s.y,N,E,Y,j,Z,D,G,X,P]),Ne.jsx("div",{className:`${Xe["prism-container"]}`,ref:k})};ce.__docgenInfo={description:"",methods:[],displayName:"Prism",props:{height:{defaultValue:{value:"3.5",computed:!1},required:!1},baseWidth:{defaultValue:{value:"5.5",computed:!1},required:!1},animationType:{defaultValue:{value:"'rotate'",computed:!1},required:!1},glow:{defaultValue:{value:"1",computed:!1},required:!1},offset:{defaultValue:{value:"{ x: 0, y: 0 }",computed:!1},required:!1},noise:{defaultValue:{value:"0.5",computed:!1},required:!1},transparent:{defaultValue:{value:"true",computed:!1},required:!1},scale:{defaultValue:{value:"3.6",computed:!1},required:!1},hueShift:{defaultValue:{value:"0",computed:!1},required:!1},colorFrequency:{defaultValue:{value:"1",computed:!1},required:!1},hoverStrength:{defaultValue:{value:"2",computed:!1},required:!1},inertia:{defaultValue:{value:"0.05",computed:!1},required:!1},bloom:{defaultValue:{value:"1",computed:!1},required:!1},suspendWhenOffscreen:{defaultValue:{value:"false",computed:!1},required:!1},timeScale:{defaultValue:{value:"0.5",computed:!1},required:!1}}};const Ke={title:"ReactBits/Backgrounds/Prism",component:ce,parameters:{layout:"fullscreen"},tags:["autodocs"]},y={};var re,ie,ue;y.parameters={...y.parameters,docs:{...(re=y.parameters)==null?void 0:re.docs,source:{originalSource:"{}",...(ue=(ie=y.parameters)==null?void 0:ie.docs)==null?void 0:ue.source}}};const et=["Default"];export{y as Default,et as __namedExportsOrder,Ke as default};

package/storybook-static/assets/PrismaticBurst-CJEX1JKp.css

@@ -0,0 +1 @@
+._prismatic-burst-container_u2n5x_1{position:relative;width:100%;min-height:100vh;overflow:hidden}._prismatic-burst-container_u2n5x_1 canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}

package/storybook-static/assets/PrismaticBurst.stories-DODqjw3j.js

@@ -0,0 +1,170 @@
+import{r as n,j as te}from"./iframe-2N7rjfXm.js";import{R as re,P as ae,M as ne}from"./Mesh-CwXV3WjE.js";import{T as oe}from"./Texture-BkQWYNP2.js";import{T as se}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ue={"prismatic-burst-container":"_prismatic-burst-container_u2n5x_1"},ce=`#version 300 es
+in vec2 position;
+in vec2 uv;
+out vec2 vUv;
+void main() {
+    vUv = uv;
+    gl_Position = vec4(position, 0.0, 1.0);
+}
+`,ie=`#version 300 es
+precision highp float;
+precision highp int;
+
+out vec4 fragColor;
+
+uniform vec2  uResolution;
+uniform float uTime;
+
+uniform float uIntensity;
+uniform float uSpeed;
+uniform int   uAnimType;
+uniform vec2  uMouse;
+uniform int   uColorCount;
+uniform float uDistort;
+uniform vec2  uOffset;
+uniform sampler2D uGradient;
+uniform float uNoiseAmount;
+uniform int   uRayCount;
+
+float hash21(vec2 p){
+    p = floor(p);
+    float f = 52.9829189 * fract(dot(p, vec2(0.065, 0.005)));
+    return fract(f);
+}
+
+mat2 rot30(){ return mat2(0.8, -0.5, 0.5, 0.8); }
+
+float layeredNoise(vec2 fragPx){
+    vec2 p = mod(fragPx + vec2(uTime * 30.0, -uTime * 21.0), 1024.0);
+    vec2 q = rot30() * p;
+    float n = 0.0;
+    n += 0.40 * hash21(q);
+    n += 0.25 * hash21(q * 2.0 + 17.0);
+    n += 0.20 * hash21(q * 4.0 + 47.0);
+    n += 0.10 * hash21(q * 8.0 + 113.0);
+    n += 0.05 * hash21(q * 16.0 + 191.0);
+    return n;
+}
+
+vec3 rayDir(vec2 frag, vec2 res, vec2 offset, float dist){
+    float focal = res.y * max(dist, 1e-3);
+    return normalize(vec3(2.0 * (frag - offset) - res, focal));
+}
+
+float edgeFade(vec2 frag, vec2 res, vec2 offset){
+    vec2 toC = frag - 0.5 * res - offset;
+    float r = length(toC) / (0.5 * min(res.x, res.y));
+    float x = clamp(r, 0.0, 1.0);
+    float q = x * x * x * (x * (x * 6.0 - 15.0) + 10.0);
+    float s = q * 0.5;
+    s = pow(s, 1.5);
+    float tail = 1.0 - pow(1.0 - s, 2.0);
+    s = mix(s, tail, 0.2);
+    float dn = (layeredNoise(frag * 0.15) - 0.5) * 0.0015 * s;
+    return clamp(s + dn, 0.0, 1.0);
+}
+
+mat3 rotX(float a){ float c = cos(a), s = sin(a); return mat3(1.0,0.0,0.0, 0.0,c,-s, 0.0,s,c); }
+mat3 rotY(float a){ float c = cos(a), s = sin(a); return mat3(c,0.0,s, 0.0,1.0,0.0, -s,0.0,c); }
+mat3 rotZ(float a){ float c = cos(a), s = sin(a); return mat3(c,-s,0.0, s,c,0.0, 0.0,0.0,1.0); }
+
+vec3 sampleGradient(float t){
+    t = clamp(t, 0.0, 1.0);
+    return texture(uGradient, vec2(t, 0.5)).rgb;
+}
+
+vec2 rot2(vec2 v, float a){
+    float s = sin(a), c = cos(a);
+    return mat2(c, -s, s, c) * v;
+}
+
+float bendAngle(vec3 q, float t){
+    float a = 0.8 * sin(q.x * 0.55 + t * 0.6)
+            + 0.7 * sin(q.y * 0.50 - t * 0.5)
+            + 0.6 * sin(q.z * 0.60 + t * 0.7);
+    return a;
+}
+
+void main(){
+    vec2 frag = gl_FragCoord.xy;
+    float t = uTime * uSpeed;
+    float jitterAmp = 0.1 * clamp(uNoiseAmount, 0.0, 1.0);
+    vec3 dir = rayDir(frag, uResolution, uOffset, 1.0);
+    float marchT = 0.0;
+    vec3 col = vec3(0.0);
+    float n = layeredNoise(frag);
+    vec4 c = cos(t * 0.2 + vec4(0.0, 33.0, 11.0, 0.0));
+    mat2 M2 = mat2(c.x, c.y, c.z, c.w);
+    float amp = clamp(uDistort, 0.0, 50.0) * 0.15;
+
+    mat3 rot3dMat = mat3(1.0);
+    if(uAnimType == 1){
+      vec3 ang = vec3(t * 0.31, t * 0.21, t * 0.17);
+      rot3dMat = rotZ(ang.z) * rotY(ang.y) * rotX(ang.x);
+    }
+    mat3 hoverMat = mat3(1.0);
+    if(uAnimType == 2){
+      vec2 m = uMouse * 2.0 - 1.0;
+      vec3 ang = vec3(m.y * 0.6, m.x * 0.6, 0.0);
+      hoverMat = rotY(ang.y) * rotX(ang.x);
+    }
+
+    for (int i = 0; i < 44; ++i) {
+        vec3 P = marchT * dir;
+        P.z -= 2.0;
+        float rad = length(P);
+        vec3 Pl = P * (10.0 / max(rad, 1e-6));
+
+        if(uAnimType == 0){
+            Pl.xz *= M2;
+        } else if(uAnimType == 1){
+      Pl = rot3dMat * Pl;
+        } else {
+      Pl = hoverMat * Pl;
+        }
+
+        float stepLen = min(rad - 0.3, n * jitterAmp) + 0.1;
+
+        float grow = smoothstep(0.35, 3.0, marchT);
+        float a1 = amp * grow * bendAngle(Pl * 0.6, t);
+        float a2 = 0.5 * amp * grow * bendAngle(Pl.zyx * 0.5 + 3.1, t * 0.9);
+        vec3 Pb = Pl;
+        Pb.xz = rot2(Pb.xz, a1);
+        Pb.xy = rot2(Pb.xy, a2);
+
+        float rayPattern = smoothstep(
+            0.5, 0.7,
+            sin(Pb.x + cos(Pb.y) * cos(Pb.z)) *
+            sin(Pb.z + sin(Pb.y) * cos(Pb.x + t))
+        );
+
+        if (uRayCount > 0) {
+            float ang = atan(Pb.y, Pb.x);
+            float comb = 0.5 + 0.5 * cos(float(uRayCount) * ang);
+            comb = pow(comb, 3.0);
+            rayPattern *= smoothstep(0.15, 0.95, comb);
+        }
+
+        vec3 spectralDefault = 1.0 + vec3(
+            cos(marchT * 3.0 + 0.0),
+            cos(marchT * 3.0 + 1.0),
+            cos(marchT * 3.0 + 2.0)
+        );
+
+        float saw = fract(marchT * 0.25);
+        float tRay = saw * saw * (3.0 - 2.0 * saw);
+        vec3 userGradient = 2.0 * sampleGradient(tRay);
+        vec3 spectral = (uColorCount > 0) ? userGradient : spectralDefault;
+        vec3 base = (0.05 / (0.4 + stepLen))
+                  * smoothstep(5.0, 0.0, rad)
+                  * spectral;
+
+        col += base * rayPattern;
+        marchT += stepLen;
+    }
+
+    col *= edgeFade(frag, uResolution, uOffset);
+    col *= uIntensity;
+
+    fragColor = vec4(clamp(col, 0.0, 1.0), 1.0);
+}`,le=m=>{let a=m.trim();if(a.startsWith("#")&&(a=a.slice(1)),a.length===3){const l=a[0],b=a[1],E=a[2];a=l+l+b+b+E+E}const i=parseInt(a,16);if(isNaN(i)||a.length!==6&&a.length!==8)return[1,1,1];const P=(i>>16&255)/255,M=(i>>8&255)/255,A=(i&255)/255;return[P,M,A]},k=m=>{if(m==null)return 0;if(typeof m=="number")return m;const a=String(m).trim(),i=parseFloat(a.replace("px",""));return isNaN(i)?0:i},Q=({intensity:m=2,speed:a=.5,animationType:i="rotate3d",colors:P,distort:M=0,paused:A=!1,offset:l={x:0,y:0},hoverDampness:b=0,rayCount:E,mixBlendMode:g="lighten"})=>{const B=n.useRef(null),_=n.useRef(null),C=n.useRef(null),Y=n.useRef([.5,.5]),ee=n.useRef([.5,.5]),U=n.useRef(A),q=n.useRef(null),j=n.useRef(b),X=n.useRef(!0),z=n.useRef(null),S=n.useRef(null);return n.useEffect(()=>{U.current=A},[A]),n.useEffect(()=>{j.current=b},[b]),n.useEffect(()=>{const e=B.current;if(!e)return;const y=Math.min(window.devicePixelRatio||1,2),t=new re({dpr:y,alpha:!1,antialias:!1});C.current=t;const r=t.gl;r.canvas.style.position="absolute",r.canvas.style.inset="0",r.canvas.style.width="100%",r.canvas.style.height="100%",r.canvas.style.mixBlendMode=g&&g!=="none"?g:"",e.appendChild(r.canvas);const F=new Uint8Array([255,255,255,255]),d=new oe(r,{image:F,width:1,height:1,generateMipmaps:!1,flipY:!1});d.minFilter=r.LINEAR,d.magFilter=r.LINEAR,d.wrapS=r.CLAMP_TO_EDGE,d.wrapT=r.CLAMP_TO_EDGE,q.current=d;const u=new ae(r,{vertex:ce,fragment:ie,uniforms:{uResolution:{value:[1,1]},uTime:{value:0},uIntensity:{value:1},uSpeed:{value:1},uAnimType:{value:0},uMouse:{value:[.5,.5]},uColorCount:{value:0},uDistort:{value:0},uOffset:{value:[0,0]},uGradient:{value:d},uNoiseAmount:{value:.8},uRayCount:{value:0}}});_.current=u;const v=new se(r),L=new ne(r,{geometry:v,program:u});S.current=v,z.current=L;const f=()=>{const o=e.clientWidth||1,c=e.clientHeight||1;t.setSize(o,c),u.uniforms.uResolution.value=[r.drawingBufferWidth,r.drawingBufferHeight]};let s=null;"ResizeObserver"in window?(s=new ResizeObserver(f),s.observe(e)):window.addEventListener("resize",f),f();const D=o=>{const c=e.getBoundingClientRect(),p=(o.clientX-c.left)/Math.max(c.width,1),w=(o.clientY-c.top)/Math.max(c.height,1);Y.current=[Math.min(Math.max(p,0),1),Math.min(Math.max(w,0),1)]};e.addEventListener("pointermove",D,{passive:!0});let x=null;"IntersectionObserver"in window&&(x=new IntersectionObserver(o=>{o[0]&&(X.current=o[0].isIntersecting)},{root:null,threshold:.01}),x.observe(e));const I=()=>{};document.addEventListener("visibilitychange",I);let O=0,W=performance.now(),H=0;const V=o=>{const c=Math.max(0,o-W)*.001;W=o;const p=X.current&&!document.hidden;if(U.current||(H+=c),!p){O=requestAnimationFrame(V);return}const w=.02+Math.max(0,Math.min(1,j.current))*.5,R=1-Math.exp(-c/w),N=Y.current,h=ee.current;h[0]+=(N[0]-h[0])*R,h[1]+=(N[1]-h[1])*R,u.uniforms.uMouse.value=h,u.uniforms.uTime.value=H,t.render({scene:z.current}),O=requestAnimationFrame(V)};return O=requestAnimationFrame(V),()=>{var o,c,p,w,R,N,h,Z;cancelAnimationFrame(O),e.removeEventListener("pointermove",D),s==null||s.disconnect(),s||window.removeEventListener("resize",f),x==null||x.disconnect(),document.removeEventListener("visibilitychange",I);try{e.removeChild(r.canvas)}catch{console.warn("Canvas already removed")}try{(c=(o=z.current)==null?void 0:o.remove)==null||c.call(o)}catch{}try{(w=(p=S.current)==null?void 0:p.remove)==null||w.call(p)}catch{}try{(N=(R=_.current)==null?void 0:R.remove)==null||N.call(R)}catch{}try{const T=(h=C.current)==null?void 0:h.gl;T&&((Z=q.current)!=null&&Z.texture)&&T.deleteTexture(q.current.texture)}catch{}_.current=null,C.current=null,q.current=null,z.current=null,S.current=null}},[]),n.useEffect(()=>{var y,t;const e=(t=(y=C.current)==null?void 0:y.gl)==null?void 0:t.canvas;e&&(e.style.mixBlendMode=g&&g!=="none"?g:"")},[g]),n.useEffect(()=>{const e=_.current,y=C.current,t=q.current;if(!e||!y||!t)return;e.uniforms.uIntensity.value=m??1,e.uniforms.uSpeed.value=a??1;const r={rotate:0,rotate3d:1,hover:2};e.uniforms.uAnimType.value=r[i??"rotate"],e.uniforms.uDistort.value=typeof M=="number"?M:0;const F=k(l==null?void 0:l.x),d=k(l==null?void 0:l.y);e.uniforms.uOffset.value=[F,d],e.uniforms.uRayCount.value=Math.max(0,Math.floor(E??0));let u=0;if(Array.isArray(P)&&P.length>0){const v=y.gl,L=P.slice(0,64);u=L.length;const f=new Uint8Array(u*4);for(let s=0;s<u;s++){const[D,x,I]=le(L[s]);f[s*4+0]=Math.round(D*255),f[s*4+1]=Math.round(x*255),f[s*4+2]=Math.round(I*255),f[s*4+3]=255}t.image=f,t.width=u,t.height=1,t.minFilter=v.LINEAR,t.magFilter=v.LINEAR,t.wrapS=v.CLAMP_TO_EDGE,t.wrapT=v.CLAMP_TO_EDGE,t.flipY=!1,t.generateMipmaps=!1,t.format=v.RGBA,t.type=v.UNSIGNED_BYTE,t.needsUpdate=!0}else u=0;e.uniforms.uColorCount.value=u},[m,a,i,P,M,l,E]),te.jsx("div",{className:`${ue["prismatic-burst-container"]}`,ref:B})};Q.__docgenInfo={description:"",methods:[],displayName:"PrismaticBurst",props:{intensity:{defaultValue:{value:"2",computed:!1},required:!1},speed:{defaultValue:{value:"0.5",computed:!1},required:!1},animationType:{defaultValue:{value:"'rotate3d'",computed:!1},required:!1},distort:{defaultValue:{value:"0",computed:!1},required:!1},paused:{defaultValue:{value:"false",computed:!1},required:!1},offset:{defaultValue:{value:"{ x: 0, y: 0 }",computed:!1},required:!1},hoverDampness:{defaultValue:{value:"0",computed:!1},required:!1},mixBlendMode:{defaultValue:{value:"'lighten'",computed:!1},required:!1}}};const he={title:"ReactBits/Backgrounds/PrismaticBurst",component:Q,parameters:{layout:"fullscreen"},tags:["autodocs"]},G={};var $,J,K;G.parameters={...G.parameters,docs:{...($=G.parameters)==null?void 0:$.docs,source:{originalSource:"{}",...(K=(J=G.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};const ge=["Default"];export{G as Default,ge as __namedExportsOrder,he as default};

package/storybook-static/assets/ProfileCard-CO0Gk0e9.css

@@ -0,0 +1 @@
+:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: rgba(125, 190, 255, .67);--behind-glow-size: 25%;--inner-gradient: none;--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: 30px}._pc-card-wrapper_uxwt3_33{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}._pc-behind_uxwt3_40{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity .2s ease}._pc-card-wrapper_uxwt3_33:hover,._pc-card-wrapper_uxwt3_33._active_uxwt3_56{--card-opacity: 1}._pc-card_uxwt3_33{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:_glow-bg_uxwt3_1 12s linear infinite;box-shadow:#000c calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform 1s ease;transform:translateZ(0) rotateX(0) rotateY(0);background:#000000e6;backface-visibility:hidden;overflow:hidden}._pc-card_uxwt3_33:hover,._pc-card_uxwt3_33._active_uxwt3_56{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}._pc-card-shell_uxwt3_84._entering_uxwt3_84 ._pc-card_uxwt3_33{transition:transform .18s ease-out}._pc-card-shell_uxwt3_84{position:relative;z-index:1}._pc-card_uxwt3_33 *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}._pc-inside_uxwt3_100{top:0;right:0;bottom:0;left:0;position:absolute;background-image:var(--inner-gradient);background-color:#000000e6;transform:none}._pc-shine_uxwt3_108{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter .8s ease;filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:_holo-bg_uxwt3_1 18s linear infinite;animation-play-state:running;mix-blend-mode:color-dodge}._pc-shine_uxwt3_108,._pc-shine_uxwt3_108:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),#0e152e 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,#0e152e 10%,#0e152e 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}._pc-shine_uxwt3_108:before,._pc-shine_uxwt3_108:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity .8s ease}._pc-card_uxwt3_33:hover ._pc-shine_uxwt3_108,._pc-card_uxwt3_33._active_uxwt3_56 ._pc-shine_uxwt3_108{filter:brightness(.85) contrast(1.5) saturate(.5);animation-play-state:paused}._pc-card_uxwt3_33:hover ._pc-shine_uxwt3_108:before,._pc-card_uxwt3_33._active_uxwt3_56 ._pc-shine_uxwt3_108:before,._pc-card_uxwt3_33:hover ._pc-shine_uxwt3_108:after,._pc-card_uxwt3_33._active_uxwt3_56 ._pc-shine_uxwt3_108:after{opacity:1}._pc-shine_uxwt3_108:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}._pc-shine_uxwt3_108:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}._pc-glare_uxwt3_232{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}._pc-avatar-content_uxwt3_245{mix-blend-mode:luminosity;overflow:visible;transform:translateZ(2);backface-visibility:hidden}._pc-avatar-content_uxwt3_245 ._avatar_uxwt3_252{width:100%;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out}._pc-avatar-content_uxwt3_245:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}._pc-user-info_uxwt3_274{position:absolute;--ui-inset: 20px;--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffff1a;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:12px 14px;pointer-events:auto}._pc-user-details_uxwt3_293{display:flex;align-items:center;gap:12px}._pc-mini-avatar_uxwt3_299{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.1);flex-shrink:0}._pc-mini-avatar_uxwt3_299 img{width:100%;min-height:100vh;object-fit:cover;border-radius:50%}._pc-user-text_uxwt3_315{display:flex;align-items:flex-start;flex-direction:column;gap:6px}._pc-handle_uxwt3_322{font-size:14px;font-weight:500;color:#ffffffe6;line-height:1}._pc-status_uxwt3_329{font-size:14px;color:#ffffffb3;line-height:1}._pc-contact-btn_uxwt3_335{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._pc-contact-btn_uxwt3_335:hover{border-color:#fff6;transform:translateY(-1px);transition:all .2s ease}._pc-content_uxwt3_353:not(._pc-avatar-content_uxwt3_245){max-min-height:100vh;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}._pc-details_uxwt3_367{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}._pc-details_uxwt3_367 h3{font-weight:600;font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,#fff,#6f6fbe);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}._pc-details_uxwt3_367 p{font-weight:600;position:relative;top:-12px;white-space:nowrap;font-size:16px;margin:0 auto;width:min-content;background-image:linear-gradient(to bottom,#fff,#4a4ac0);background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes _glow-bg_uxwt3_1{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes _holo-bg_uxwt3_1{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media (max-width: 768px){._pc-card_uxwt3_33{height:70svh;max-height:450px}._pc-details_uxwt3_367{top:2em}._pc-details_uxwt3_367 h3{font-size:min(4svh,2.5em)}._pc-details_uxwt3_367 p{font-size:14px}._pc-user-info_uxwt3_274{--ui-inset: 15px;padding:10px 12px}._pc-mini-avatar_uxwt3_299{width:28px;height:28px}._pc-user-details_uxwt3_293{gap:10px}._pc-handle_uxwt3_322{font-size:13px}._pc-status_uxwt3_329{font-size:10px}._pc-contact-btn_uxwt3_335{padding:6px 12px;font-size:11px}}@media (max-width: 480px){._pc-card_uxwt3_33{height:60svh;max-height:380px}._pc-details_uxwt3_367{top:1.5em}._pc-details_uxwt3_367 h3{font-size:min(3.5svh,2em)}._pc-details_uxwt3_367 p{font-size:12px;top:-8px}._pc-user-info_uxwt3_274{--ui-inset: 12px;padding:8px 10px}._pc-mini-avatar_uxwt3_299{width:24px;height:24px}._pc-user-details_uxwt3_293{gap:8px}._pc-handle_uxwt3_322{font-size:12px}._pc-status_uxwt3_329{font-size:9px}._pc-contact-btn_uxwt3_335{padding:5px 10px;font-size:10px;border-radius:50px}}@media (max-width: 320px){._pc-card_uxwt3_33{height:55svh;max-height:320px}._pc-details_uxwt3_367 h3{font-size:min(3svh,1.5em)}._pc-details_uxwt3_367 p{font-size:11px}._pc-user-info_uxwt3_274{padding:6px 8px}._pc-mini-avatar_uxwt3_299{width:20px;height:20px}._pc-user-details_uxwt3_293{gap:6px}._pc-handle_uxwt3_322{font-size:11px}._pc-status_uxwt3_329{font-size:8px}._pc-contact-btn_uxwt3_335{padding:4px 8px;font-size:9px;border-radius:50px}}