@stfrigerio/sito-template 0.1.37 → 0.1.44

package/storybook-static/assets/Folder-BFuU52Ao.css

@@ -0,0 +1 @@
+:root{--folder-color: #70a1ff;--folder-back-color: #4785ff;--paper-1: #e6e6e6;--paper-2: #f2f2f2;--paper-3: #ffffff}._folder_1xdmc_9{transition:all .2s ease-in;cursor:pointer}._folder_1xdmc_9:not(._folder--click_1xdmc_14):hover{transform:translateY(-8px)}._folder_1xdmc_9:not(._folder--click_1xdmc_14):hover ._paper_1xdmc_18{transform:translate(-50%)}._folder_1xdmc_9:not(._folder--click_1xdmc_14):hover ._folder__front_1xdmc_22{transform:skew(15deg) scaleY(.6)}._folder_1xdmc_9:not(._folder--click_1xdmc_14):hover ._right_1xdmc_26{transform:skew(-15deg) scaleY(.6)}._folder_1xdmc_9._open_1xdmc_30{transform:translateY(-8px)}._folder_1xdmc_9._open_1xdmc_30 ._paper_1xdmc_18:nth-child(1){transform:translate(-120%,-70%) rotate(-15deg)}._folder_1xdmc_9._open_1xdmc_30 ._paper_1xdmc_18:nth-child(1):hover{transform:translate(-120%,-70%) rotate(-15deg) scale(1.1)}._folder_1xdmc_9._open_1xdmc_30 ._paper_1xdmc_18:nth-child(2){transform:translate(10%,-70%) rotate(15deg);height:80%}._folder_1xdmc_9._open_1xdmc_30 ._paper_1xdmc_18:nth-child(2):hover{transform:translate(10%,-70%) rotate(15deg) scale(1.1)}._folder_1xdmc_9._open_1xdmc_30 ._paper_1xdmc_18:nth-child(3){transform:translate(-50%,-100%) rotate(5deg);height:80%}._folder_1xdmc_9._open_1xdmc_30 ._paper_1xdmc_18:nth-child(3):hover{transform:translate(-50%,-100%) rotate(5deg) scale(1.1)}._folder_1xdmc_9._open_1xdmc_30 ._folder__front_1xdmc_22{transform:skew(15deg) scaleY(.6)}._folder_1xdmc_9._open_1xdmc_30 ._right_1xdmc_26{transform:skew(-15deg) scaleY(.6)}._folder__back_1xdmc_68{position:relative;width:100px;height:80px;background:var(--folder-back-color);border-radius:0 10px 10px}._folder__back_1xdmc_68:after{position:absolute;z-index:0;bottom:98%;left:0;content:"";width:30px;height:10px;background:var(--folder-back-color);border-radius:5px 5px 0 0}._paper_1xdmc_18{position:absolute;z-index:2;bottom:10%;left:50%;transform:translate(-50%,10%);width:70%;height:80%;background:var(--paper-1);border-radius:10px;transition:all .3s ease-in-out}._paper_1xdmc_18:nth-child(2){background:var(--paper-2);width:80%;height:70%}._paper_1xdmc_18:nth-child(3){background:var(--paper-3);width:90%;height:60%}._folder__front_1xdmc_22{position:absolute;z-index:3;width:100%;min-height:100vh;background:var(--folder-color);border-radius:5px 10px 10px;transform-origin:bottom;transition:all .3s ease-in-out}

package/storybook-static/assets/Folder.stories-Zb5rwe3k.js

@@ -0,0 +1,13 @@
+import{r as M,j as f}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";const E="_paper_1xdmc_18",P="_folder__front_1xdmc_22",R="_right_1xdmc_26",X="_open_1xdmc_30",Y="_folder__back_1xdmc_68",l={paper:E,folder__front:P,right:R,open:X,folder__back:Y},h=(n,m)=>{let c=n.startsWith("#")?n.slice(1):n;c.length===3&&(c=c.split("").map(u=>u+u).join(""));const p=parseInt(c,16);let i=p>>16&255,a=p>>8&255,s=p&255;return i=Math.max(0,Math.min(255,Math.floor(i*(1-m)))),a=Math.max(0,Math.min(255,Math.floor(a*(1-m)))),s=Math.max(0,Math.min(255,Math.floor(s*(1-m)))),"#"+((1<<24)+(i<<16)+(a<<8)+s).toString(16).slice(1).toUpperCase()},$=({color:n="#5227FF",size:m=1,items:c=[],className:p=""})=>{const a=c.slice(0,3);for(;a.length<3;)a.push(null);const[s,u]=M.useState(!1),[g,x]=M.useState(Array.from({length:3},()=>({x:0,y:0}))),j=h(n,.08),k=h("#ffffff",.1),C=h("#ffffff",.05),D="#ffffff",N=()=>{u(o=>!o),s&&x(Array.from({length:3},()=>({x:0,y:0})))},I=(o,e)=>{if(!s)return;const t=o.currentTarget.getBoundingClientRect(),r=t.left+t.width/2,d=t.top+t.height/2,V=(o.clientX-r)*.15,z=(o.clientY-d)*.15;x(B=>{const y=[...B];return y[e]={x:V,y:z},y})},O=(o,e)=>{x(t=>{const r=[...t];return r[e]={x:0,y:0},r})},S={"--folder-color":n,"--folder-back-color":j,"--paper-1":k,"--paper-2":C,"--paper-3":D},q=`folder ${s?l.open:""}`.trim(),w={transform:`scale(${m})`};return f.jsx("div",{style:w,className:p,children:f.jsx("div",{className:q,style:S,onClick:N,children:f.jsxs("div",{className:`${l.folder__back}`,children:[a.map((o,e)=>{var t,r;return f.jsx("div",{className:`${l.paper} ${l.paper}-${e+1}`,onMouseMove:d=>I(d,e),onMouseLeave:d=>O(d,e),style:s?{"--magnet-x":`${((t=g[e])==null?void 0:t.x)||0}px`,"--magnet-y":`${((r=g[e])==null?void 0:r.y)||0}px`}:{},children:o},e)}),f.jsx("div",{className:`${l.folder__front}`}),f.jsx("div",{className:`${l.folder__front} ${l.right}`})]})})})};$.__docgenInfo={description:"",methods:[],displayName:"Folder",props:{color:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},size:{defaultValue:{value:"1",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const T={title:"ReactBits/Components/Folder",component:$,parameters:{layout:"fullscreen"},tags:["autodocs"]},_={args:{color:"#5227FF",size:1,items:[{label:"Document 1"},{label:"Document 2"},{label:"Document 3"}]}};var v,b,F;_.parameters={..._.parameters,docs:{...(v=_.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    color: '#5227FF',
+    size: 1,
+    items: [{
+      label: 'Document 1'
+    }, {
+      label: 'Document 2'
+    }, {
+      label: 'Document 3'
+    }]
+  }
+}`,...(F=(b=_.parameters)==null?void 0:b.docs)==null?void 0:F.source}}};const U=["Default"];export{_ as Default,U as __namedExportsOrder,T as default};

package/storybook-static/assets/FuzzyText.stories-CoZEjZrD.js

@@ -0,0 +1,22 @@
+import{r as de,j as Fe,R as Ie}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";const ve=({children:Y,fontSize:d="clamp(2rem, 10vw, 10rem)",fontWeight:E=900,fontFamily:L="inherit",color:P="#fff",enableHover:v=!0,baseIntensity:F=.18,hoverIntensity:J=.5,fuzzRange:o=30,fps:K=60,direction:D="horizontal",transitionDuration:C=0,clickEffect:I=!1,glitchMode:A=!1,glitchInterval:Q=2e3,glitchDuration:U=200,gradient:h=null,letterSpacing:f=0,className:xe=""})=>{const Z=de.useRef(null);return de.useEffect(()=>{let x,y=!1,$,j,M;const a=Z.current;return a?((async()=>{const r=a.getContext("2d");if(!r)return;const S=L==="inherit"?window.getComputedStyle(a).fontFamily||"sans-serif":L,W=typeof d=="number"?`${d}px`:d,ye=`${E} ${W} ${S}`;try{await document.fonts.load(ye)}catch{await document.fonts.ready}if(y)return;let V;if(typeof d=="number")V=d;else{const t=document.createElement("span");t.style.fontSize=d,document.body.appendChild(t);const e=window.getComputedStyle(t).fontSize;V=parseFloat(e),document.body.removeChild(t)}const T=Ie.Children.toArray(Y).join(""),p=document.createElement("canvas"),n=p.getContext("2d");if(!n)return;n.font=`${E} ${W} ${S}`,n.textBaseline="alphabetic";let g=0;if(f!==0){for(const t of T)g+=n.measureText(t).width+f;g-=f}else g=n.measureText(T).width;const w=n.measureText(T),R=w.actualBoundingBoxLeft??0,Te=f!==0?g:w.actualBoundingBoxRight??w.width,b=w.actualBoundingBoxAscent??V,ge=w.actualBoundingBoxDescent??V*.2,z=Math.ceil(f!==0?g:R+Te),s=Math.ceil(b+ge),ee=10,i=z+ee;p.width=i,p.height=s;const k=ee/2;if(n.font=`${E} ${W} ${S}`,n.textBaseline="alphabetic",h&&Array.isArray(h)&&h.length>=2){const t=n.createLinearGradient(0,0,i,0);h.forEach((e,l)=>t.addColorStop(l/(h.length-1),e)),n.fillStyle=t}else n.fillStyle=P;if(f!==0){let t=k;for(const e of T)n.fillText(e,t,b),t+=n.measureText(e).width+f}else n.fillText(T,k-R,b);const _=o+20,G=0;a.width=i+_*2,a.height=s+G*2,r.translate(_,G);const te=_+k,ae=G,we=te+z,qe=ae+s;let q=!1,H=!1,N=!1,c=F,u=F,le=0;const oe=1e3/K,ne=()=>{!A||y||($=setTimeout(()=>{y||(N=!0,j=setTimeout(()=>{N=!1,ne()},U))},Q))};A&&ne();const O=t=>{if(!y){if(t-le<oe){x=window.requestAnimationFrame(O);return}if(le=t,r.clearRect(-o-20,-o-10,i+2*(o+20),s+2*(o+10)),H||N?u=1:q?u=J:u=F,C>0){const e=1/(C/oe);c<u?c=Math.min(c+e,u):c>u&&(c=Math.max(c-e,u))}else c=u;if(D==="horizontal")for(let e=0;e<s;e++){const l=Math.floor(c*(Math.random()-.5)*o);r.drawImage(p,0,e,i,1,l,e,i,1)}else if(D==="vertical")for(let e=0;e<i;e++){const l=Math.floor(c*(Math.random()-.5)*o);r.drawImage(p,e,0,1,s,e,l,1,s)}else{for(let l=0;l<s;l++){const m=Math.floor(c*(Math.random()-.5)*o);r.drawImage(p,0,l,i,1,m,l,i,1)}const e=r.getImageData(0,0,i+o,s+o);r.clearRect(-o-20,-o-10,i+2*(o+20),s+2*(o+10)),r.putImageData(e,0,0);for(let l=0;l<i+o;l++){const m=Math.floor(c*(Math.random()-.5)*o*.5),X=r.getImageData(l,0,1,s+o);r.clearRect(l,-o,1,s+2*o),r.putImageData(X,l,m)}}x=window.requestAnimationFrame(O)}};x=window.requestAnimationFrame(O);const re=(t,e)=>t>=te&&t<=we&&e>=ae&&e<=qe,se=t=>{if(!v)return;const e=a.getBoundingClientRect(),l=t.clientX-e.left,m=t.clientY-e.top;q=re(l,m)},ie=()=>{q=!1},ce=()=>{I&&(H=!0,clearTimeout(M),M=setTimeout(()=>{H=!1},150))},ue=t=>{if(!v)return;t.preventDefault();const e=a.getBoundingClientRect(),l=t.touches[0],m=l.clientX-e.left,X=l.clientY-e.top;q=re(m,X)},fe=()=>{q=!1};v&&(a.addEventListener("mousemove",se),a.addEventListener("mouseleave",ie),a.addEventListener("touchmove",ue,{passive:!1}),a.addEventListener("touchend",fe)),I&&a.addEventListener("click",ce);const Ee=()=>{window.cancelAnimationFrame(x),clearTimeout($),clearTimeout(j),clearTimeout(M),v&&(a.removeEventListener("mousemove",se),a.removeEventListener("mouseleave",ie),a.removeEventListener("touchmove",ue),a.removeEventListener("touchend",fe)),I&&a.removeEventListener("click",ce)};a.cleanupFuzzyText=Ee})(),()=>{y=!0,window.cancelAnimationFrame(x),clearTimeout($),clearTimeout(j),clearTimeout(M),a&&a.cleanupFuzzyText&&a.cleanupFuzzyText()}):void 0},[Y,d,E,L,P,v,F,J,o,K,D,C,I,A,Q,U,h,f]),Fe.jsx("canvas",{ref:Z,className:xe})};ve.__docgenInfo={description:"",methods:[],displayName:"FuzzyText",props:{fontSize:{defaultValue:{value:"'clamp(2rem, 10vw, 10rem)'",computed:!1},required:!1},fontWeight:{defaultValue:{value:"900",computed:!1},required:!1},fontFamily:{defaultValue:{value:"'inherit'",computed:!1},required:!1},color:{defaultValue:{value:"'#fff'",computed:!1},required:!1},enableHover:{defaultValue:{value:"true",computed:!1},required:!1},baseIntensity:{defaultValue:{value:"0.18",computed:!1},required:!1},hoverIntensity:{defaultValue:{value:"0.5",computed:!1},required:!1},fuzzRange:{defaultValue:{value:"30",computed:!1},required:!1},fps:{defaultValue:{value:"60",computed:!1},required:!1},direction:{defaultValue:{value:"'horizontal'",computed:!1},required:!1},transitionDuration:{defaultValue:{value:"0",computed:!1},required:!1},clickEffect:{defaultValue:{value:"false",computed:!1},required:!1},glitchMode:{defaultValue:{value:"false",computed:!1},required:!1},glitchInterval:{defaultValue:{value:"2000",computed:!1},required:!1},glitchDuration:{defaultValue:{value:"200",computed:!1},required:!1},gradient:{defaultValue:{value:"null",computed:!1},required:!1},letterSpacing:{defaultValue:{value:"0",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const Le={title:"ReactBits/TextAnimations/FuzzyText",component:ve,parameters:{layout:"fullscreen"},tags:["autodocs"]},B={args:{children:"Hello World",fontSize:"clamp(2rem, 10vw, 10rem)",fontWeight:900,fontFamily:"inherit",color:"#fff",enableHover:!0,baseIntensity:.18,hoverIntensity:.5,fuzzRange:30,fps:60,direction:"horizontal",transitionDuration:0,clickEffect:!1,glitchMode:!1,glitchInterval:2e3,glitchDuration:200,gradient:null,letterSpacing:0}};var me,he,pe;B.parameters={...B.parameters,docs:{...(me=B.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  args: {
+    children: 'Hello World',
+    fontSize: 'clamp(2rem, 10vw, 10rem)',
+    fontWeight: 900,
+    fontFamily: 'inherit',
+    color: '#fff',
+    enableHover: true,
+    baseIntensity: 0.18,
+    hoverIntensity: 0.5,
+    fuzzRange: 30,
+    fps: 60,
+    direction: 'horizontal',
+    transitionDuration: 0,
+    clickEffect: false,
+    glitchMode: false,
+    glitchInterval: 2000,
+    glitchDuration: 200,
+    gradient: null,
+    letterSpacing: 0
+  }
+}`,...(pe=(he=B.parameters)==null?void 0:he.docs)==null?void 0:pe.source}}};const De=["Default"];export{B as Default,De as __namedExportsOrder,Le as default};

package/storybook-static/assets/Galaxy-Cj2Xx-fN.css

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

package/storybook-static/assets/Galaxy.stories-D8hfMx7x.js

@@ -0,0 +1,184 @@
+import{r,j as B}from"./iframe-2N7rjfXm.js";import{R as K,P as j,M as Y}from"./Mesh-CwXV3WjE.js";import{T as W}from"./Triangle-64ffRKNB.js";import{C as E}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const X={"galaxy-container":"_galaxy-container_ks78v_1"},$=`
+attribute vec2 uv;
+attribute vec2 position;
+
+varying vec2 vUv;
+
+void main() {
+  vUv = uv;
+  gl_Position = vec4(position, 0, 1);
+}
+`,J=`
+precision highp float;
+
+uniform float uTime;
+uniform vec3 uResolution;
+uniform vec2 uFocal;
+uniform vec2 uRotation;
+uniform float uStarSpeed;
+uniform float uDensity;
+uniform float uHueShift;
+uniform float uSpeed;
+uniform vec2 uMouse;
+uniform float uGlowIntensity;
+uniform float uSaturation;
+uniform bool uMouseRepulsion;
+uniform float uTwinkleIntensity;
+uniform float uRotationSpeed;
+uniform float uRepulsionStrength;
+uniform float uMouseActiveFactor;
+uniform float uAutoCenterRepulsion;
+uniform bool uTransparent;
+
+varying vec2 vUv;
+
+#define NUM_LAYER 4.0
+#define STAR_COLOR_CUTOFF 0.2
+#define MAT45 mat2(0.7071, -0.7071, 0.7071, 0.7071)
+#define PERIOD 3.0
+
+float Hash21(vec2 p) {
+  p = fract(p * vec2(123.34, 456.21));
+  p += dot(p, p + 45.32);
+  return fract(p.x * p.y);
+}
+
+float tri(float x) {
+  return abs(fract(x) * 2.0 - 1.0);
+}
+
+float tris(float x) {
+  float t = fract(x);
+  return 1.0 - smoothstep(0.0, 1.0, abs(2.0 * t - 1.0));
+}
+
+float trisn(float x) {
+  float t = fract(x);
+  return 2.0 * (1.0 - smoothstep(0.0, 1.0, abs(2.0 * t - 1.0))) - 1.0;
+}
+
+vec3 hsv2rgb(vec3 c) {
+  vec4 K = vec4(1.0, 2.0 / 3.0, 1.0 / 3.0, 3.0);
+  vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
+  return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
+}
+
+float Star(vec2 uv, float flare) {
+  float d = length(uv);
+  float m = (0.05 * uGlowIntensity) / d;
+  float rays = smoothstep(0.0, 1.0, 1.0 - abs(uv.x * uv.y * 1000.0));
+  m += rays * flare * uGlowIntensity;
+  uv *= MAT45;
+  rays = smoothstep(0.0, 1.0, 1.0 - abs(uv.x * uv.y * 1000.0));
+  m += rays * 0.3 * flare * uGlowIntensity;
+  m *= smoothstep(1.0, 0.2, d);
+  return m;
+}
+
+vec3 StarLayer(vec2 uv) {
+  vec3 col = vec3(0.0);
+
+  vec2 gv = fract(uv) - 0.5; 
+  vec2 id = floor(uv);
+
+  for (int y = -1; y <= 1; y++) {
+    for (int x = -1; x <= 1; x++) {
+      vec2 offset = vec2(float(x), float(y));
+      vec2 si = id + vec2(float(x), float(y));
+      float seed = Hash21(si);
+      float size = fract(seed * 345.32);
+      float glossLocal = tri(uStarSpeed / (PERIOD * seed + 1.0));
+      float flareSize = smoothstep(0.9, 1.0, size) * glossLocal;
+
+      float red = smoothstep(STAR_COLOR_CUTOFF, 1.0, Hash21(si + 1.0)) + STAR_COLOR_CUTOFF;
+      float blu = smoothstep(STAR_COLOR_CUTOFF, 1.0, Hash21(si + 3.0)) + STAR_COLOR_CUTOFF;
+      float grn = min(red, blu) * seed;
+      vec3 base = vec3(red, grn, blu);
+      
+      float hue = atan(base.g - base.r, base.b - base.r) / (2.0 * 3.14159) + 0.5;
+      hue = fract(hue + uHueShift / 360.0);
+      float sat = length(base - vec3(dot(base, vec3(0.299, 0.587, 0.114)))) * uSaturation;
+      float val = max(max(base.r, base.g), base.b);
+      base = hsv2rgb(vec3(hue, sat, val));
+
+      vec2 pad = vec2(tris(seed * 34.0 + uTime * uSpeed / 10.0), tris(seed * 38.0 + uTime * uSpeed / 30.0)) - 0.5;
+
+      float star = Star(gv - offset - pad, flareSize);
+      vec3 color = base;
+
+      float twinkle = trisn(uTime * uSpeed + seed * 6.2831) * 0.5 + 1.0;
+      twinkle = mix(1.0, twinkle, uTwinkleIntensity);
+      star *= twinkle;
+      
+      col += star * size * color;
+    }
+  }
+
+  return col;
+}
+
+void main() {
+  vec2 focalPx = uFocal * uResolution.xy;
+  vec2 uv = (vUv * uResolution.xy - focalPx) / uResolution.y;
+
+  vec2 mouseNorm = uMouse - vec2(0.5);
+  
+  if (uAutoCenterRepulsion > 0.0) {
+    vec2 centerUV = vec2(0.0, 0.0);
+    float centerDist = length(uv - centerUV);
+    vec2 repulsion = normalize(uv - centerUV) * (uAutoCenterRepulsion / (centerDist + 0.1));
+    uv += repulsion * 0.05;
+  } else if (uMouseRepulsion) {
+    vec2 mousePosUV = (uMouse * uResolution.xy - focalPx) / uResolution.y;
+    float mouseDist = length(uv - mousePosUV);
+    vec2 repulsion = normalize(uv - mousePosUV) * (uRepulsionStrength / (mouseDist + 0.1));
+    uv += repulsion * 0.05 * uMouseActiveFactor;
+  } else {
+    vec2 mouseOffset = mouseNorm * 0.1 * uMouseActiveFactor;
+    uv += mouseOffset;
+  }
+
+  float autoRotAngle = uTime * uRotationSpeed;
+  mat2 autoRot = mat2(cos(autoRotAngle), -sin(autoRotAngle), sin(autoRotAngle), cos(autoRotAngle));
+  uv = autoRot * uv;
+
+  uv = mat2(uRotation.x, -uRotation.y, uRotation.y, uRotation.x) * uv;
+
+  vec3 col = vec3(0.0);
+
+  for (float i = 0.0; i < 1.0; i += 1.0 / NUM_LAYER) {
+    float depth = fract(i + uStarSpeed * uSpeed);
+    float scale = mix(20.0 * uDensity, 0.5 * uDensity, depth);
+    float fade = depth * smoothstep(1.0, 0.9, depth);
+    col += StarLayer(uv * scale + i * 453.32) * fade;
+  }
+
+  if (uTransparent) {
+    float alpha = length(col);
+    alpha = smoothstep(0.0, 0.3, alpha);
+    alpha = min(alpha, 1.0);
+    gl_FragColor = vec4(col, alpha);
+  } else {
+    gl_FragColor = vec4(col, 1.0);
+  }
+}
+`;function D({focal:R=[.5,.5],rotation:g=[1,0],starSpeed:i=.5,density:x=1,hueShift:S=140,disableAnimation:A=!1,speed:w=1,mouseInteraction:c=!0,glowIntensity:b=.3,saturation:C=0,mouseRepulsion:F=!0,repulsionStrength:M=2,twinkleIntensity:_=.3,rotationSpeed:T=.1,autoCenterRepulsion:L=0,transparent:n=!0,...z}){const f=r.useRef(null),v=r.useRef({x:.5,y:.5}),u=r.useRef({x:.5,y:.5}),d=r.useRef(0),m=r.useRef(0);return r.useEffect(()=>{if(!f.current)return;const t=f.current,p=new K({alpha:n,premultipliedAlpha:!1}),e=p.gl;n?(e.enable(e.BLEND),e.blendFunc(e.SRC_ALPHA,e.ONE_MINUS_SRC_ALPHA),e.clearColor(0,0,0,0)):e.clearColor(0,0,0,1);let a;function h(){p.setSize(t.offsetWidth*1,t.offsetHeight*1),a&&(a.uniforms.uResolution.value=new E(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height))}window.addEventListener("resize",h,!1),h();const k=new W(e);a=new j(e,{vertex:$,fragment:J,uniforms:{uTime:{value:0},uResolution:{value:new E(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height)},uFocal:{value:new Float32Array(R)},uRotation:{value:new Float32Array(g)},uStarSpeed:{value:i},uDensity:{value:x},uHueShift:{value:S},uSpeed:{value:w},uMouse:{value:new Float32Array([u.current.x,u.current.y])},uGlowIntensity:{value:b},uSaturation:{value:C},uMouseRepulsion:{value:F},uTwinkleIntensity:{value:_},uRotationSpeed:{value:T},uRepulsionStrength:{value:M},uMouseActiveFactor:{value:0},uAutoCenterRepulsion:{value:L},uTransparent:{value:n}}});const H=new Y(e,{geometry:k,program:a});let y;function V(o){y=requestAnimationFrame(V),A||(a.uniforms.uTime.value=o*.001,a.uniforms.uStarSpeed.value=o*.001*i/10);const s=.05;u.current.x+=(v.current.x-u.current.x)*s,u.current.y+=(v.current.y-u.current.y)*s,m.current+=(d.current-m.current)*s,a.uniforms.uMouse.value[0]=u.current.x,a.uniforms.uMouse.value[1]=u.current.y,a.uniforms.uMouseActiveFactor.value=m.current,p.render({scene:H})}y=requestAnimationFrame(V),t.appendChild(e.canvas);function O(o){const s=t.getBoundingClientRect(),G=(o.clientX-s.left)/s.width,N=1-(o.clientY-s.top)/s.height;v.current={x:G,y:N},d.current=1}function q(){d.current=0}return c&&(t.addEventListener("mousemove",O),t.addEventListener("mouseleave",q)),()=>{var o;cancelAnimationFrame(y),window.removeEventListener("resize",h),c&&(t.removeEventListener("mousemove",O),t.removeEventListener("mouseleave",q)),t.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[R,g,i,x,S,A,w,c,b,C,F,_,T,M,L,n]),B.jsx("div",{ref:f,className:`${X["galaxy-container"]}`,...z})}D.__docgenInfo={description:"",methods:[],displayName:"Galaxy",props:{focal:{defaultValue:{value:"[0.5, 0.5]",computed:!1},required:!1},rotation:{defaultValue:{value:"[1.0, 0.0]",computed:!1},required:!1},starSpeed:{defaultValue:{value:"0.5",computed:!1},required:!1},density:{defaultValue:{value:"1",computed:!1},required:!1},hueShift:{defaultValue:{value:"140",computed:!1},required:!1},disableAnimation:{defaultValue:{value:"false",computed:!1},required:!1},speed:{defaultValue:{value:"1.0",computed:!1},required:!1},mouseInteraction:{defaultValue:{value:"true",computed:!1},required:!1},glowIntensity:{defaultValue:{value:"0.3",computed:!1},required:!1},saturation:{defaultValue:{value:"0.0",computed:!1},required:!1},mouseRepulsion:{defaultValue:{value:"true",computed:!1},required:!1},repulsionStrength:{defaultValue:{value:"2",computed:!1},required:!1},twinkleIntensity:{defaultValue:{value:"0.3",computed:!1},required:!1},rotationSpeed:{defaultValue:{value:"0.1",computed:!1},required:!1},autoCenterRepulsion:{defaultValue:{value:"0",computed:!1},required:!1},transparent:{defaultValue:{value:"true",computed:!1},required:!1}}};const oe={title:"ReactBits/Backgrounds/Galaxy",component:D,parameters:{layout:"fullscreen"},tags:["autodocs"]},l={args:{focal:[.5,.5],rotation:[1,0],starSpeed:.5,density:1,hueShift:140,disableAnimation:!1,speed:1,mouseInteraction:!0,glowIntensity:.3,saturation:0,mouseRepulsion:!0,repulsionStrength:2,twinkleIntensity:.3,rotationSpeed:.1,autoCenterRepulsion:0,transparent:!0}};var I,U,P;l.parameters={...l.parameters,docs:{...(I=l.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    focal: [0.5, 0.5],
+    rotation: [1.0, 0.0],
+    starSpeed: 0.5,
+    density: 1,
+    hueShift: 140,
+    disableAnimation: false,
+    speed: 1.0,
+    mouseInteraction: true,
+    glowIntensity: 0.3,
+    saturation: 0.0,
+    mouseRepulsion: true,
+    repulsionStrength: 2,
+    twinkleIntensity: 0.3,
+    rotationSpeed: 0.1,
+    autoCenterRepulsion: 0,
+    transparent: true
+  }
+}`,...(P=(U=l.parameters)==null?void 0:U.docs)==null?void 0:P.source}}};const ue=["Default"];export{l as Default,ue as __namedExportsOrder,oe as default};

package/storybook-static/assets/GhostCursor-CLKgvqwd.css

@@ -0,0 +1 @@
+._ghost-cursor_pe8ha_1{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}._ghost-cursor_pe8ha_1>canvas{display:block;width:100%;min-height:100vh;background:transparent}

package/storybook-static/assets/GhostCursor.stories-DmAEHIj2.js

@@ -0,0 +1,276 @@
+import{r as o,j as je}from"./iframe-2N7rjfXm.js";import{M as Ee,a as Be,h as Xe,F as Ce,i as P,j as ce,d,k as Y,H as $,l as Ke,m as Ye,n as U,e as _,o as $e,p as Je,W as Ze,S as et,q as tt,r as ye}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const J={name:"CopyShader",uniforms:{tDiffuse:{value:null},opacity:{value:1}},vertexShader:`
+
+		varying vec2 vUv;
+
+		void main() {
+
+			vUv = uv;
+			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+
+		}`,fragmentShader:`
+
+		uniform float opacity;
+
+		uniform sampler2D tDiffuse;
+
+		varying vec2 vUv;
+
+		void main() {
+
+			vec4 texel = texture2D( tDiffuse, vUv );
+			gl_FragColor = opacity * texel;
+
+
+		}`};class q{constructor(){this.isPass=!0,this.enabled=!0,this.needsSwap=!0,this.clear=!1,this.renderToScreen=!1}setSize(){}render(){console.error("THREE.Pass: .render() must be implemented in derived pass.")}dispose(){}}const st=new Be(-1,1,1,-1,0,1);class it extends Xe{constructor(){super(),this.setAttribute("position",new Ce([-1,3,0,-1,-1,0,3,-1,0],3)),this.setAttribute("uv",new Ce([0,2,0,0,2,0],2))}}const rt=new it;class De{constructor(e){this._mesh=new Ee(rt,e)}dispose(){this._mesh.geometry.dispose()}render(e){e.render(this._mesh,st)}get material(){return this._mesh.material}set material(e){this._mesh.material=e}}class fe extends q{constructor(e,s="tDiffuse"){super(),this.textureID=s,this.uniforms=null,this.material=null,e instanceof P?(this.uniforms=e.uniforms,this.material=e):e&&(this.uniforms=ce.clone(e.uniforms),this.material=new P({name:e.name!==void 0?e.name:"unspecified",defines:Object.assign({},e.defines),uniforms:this.uniforms,vertexShader:e.vertexShader,fragmentShader:e.fragmentShader})),this._fsQuad=new De(this.material)}render(e,s,r){this.uniforms[this.textureID]&&(this.uniforms[this.textureID].value=r.texture),this._fsQuad.material=this.material,this.renderToScreen?(e.setRenderTarget(null),this._fsQuad.render(e)):(e.setRenderTarget(s),this.clear&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),this._fsQuad.render(e))}dispose(){this.material.dispose(),this._fsQuad.dispose()}}class Se extends q{constructor(e,s){super(),this.scene=e,this.camera=s,this.clear=!0,this.needsSwap=!1,this.inverse=!1}render(e,s,r){const i=e.getContext(),t=e.state;t.buffers.color.setMask(!1),t.buffers.depth.setMask(!1),t.buffers.color.setLocked(!0),t.buffers.depth.setLocked(!0);let a,c;this.inverse?(a=0,c=1):(a=1,c=0),t.buffers.stencil.setTest(!0),t.buffers.stencil.setOp(i.REPLACE,i.REPLACE,i.REPLACE),t.buffers.stencil.setFunc(i.ALWAYS,a,4294967295),t.buffers.stencil.setClear(c),t.buffers.stencil.setLocked(!0),e.setRenderTarget(r),this.clear&&e.clear(),e.render(this.scene,this.camera),e.setRenderTarget(s),this.clear&&e.clear(),e.render(this.scene,this.camera),t.buffers.color.setLocked(!1),t.buffers.depth.setLocked(!1),t.buffers.color.setMask(!0),t.buffers.depth.setMask(!0),t.buffers.stencil.setLocked(!1),t.buffers.stencil.setFunc(i.EQUAL,1,4294967295),t.buffers.stencil.setOp(i.KEEP,i.KEEP,i.KEEP),t.buffers.stencil.setLocked(!0)}}class at extends q{constructor(){super(),this.needsSwap=!1}render(e){e.state.buffers.stencil.setLocked(!1),e.state.buffers.stencil.setTest(!1)}}class ot{constructor(e,s){if(this.renderer=e,this._pixelRatio=e.getPixelRatio(),s===void 0){const r=e.getSize(new d);this._width=r.width,this._height=r.height,s=new Y(this._width*this._pixelRatio,this._height*this._pixelRatio,{type:$}),s.texture.name="EffectComposer.rt1"}else this._width=s.width,this._height=s.height;this.renderTarget1=s,this.renderTarget2=s.clone(),this.renderTarget2.texture.name="EffectComposer.rt2",this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2,this.renderToScreen=!0,this.passes=[],this.copyPass=new fe(J),this.copyPass.material.blending=Ke,this.timer=new Ye}swapBuffers(){const e=this.readBuffer;this.readBuffer=this.writeBuffer,this.writeBuffer=e}addPass(e){this.passes.push(e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}insertPass(e,s){this.passes.splice(s,0,e),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}removePass(e){const s=this.passes.indexOf(e);s!==-1&&this.passes.splice(s,1)}isLastEnabledPass(e){for(let s=e+1;s<this.passes.length;s++)if(this.passes[s].enabled)return!1;return!0}render(e){this.timer.update(),e===void 0&&(e=this.timer.getDelta());const s=this.renderer.getRenderTarget();let r=!1;for(let i=0,t=this.passes.length;i<t;i++){const a=this.passes[i];if(a.enabled!==!1){if(a.renderToScreen=this.renderToScreen&&this.isLastEnabledPass(i),a.render(this.renderer,this.writeBuffer,this.readBuffer,e,r),a.needsSwap){if(r){const c=this.renderer.getContext(),l=this.renderer.state.buffers.stencil;l.setFunc(c.NOTEQUAL,1,4294967295),this.copyPass.render(this.renderer,this.writeBuffer,this.readBuffer,e),l.setFunc(c.EQUAL,1,4294967295)}this.swapBuffers()}Se!==void 0&&(a instanceof Se?r=!0:a instanceof at&&(r=!1))}}this.renderer.setRenderTarget(s)}reset(e){if(e===void 0){const s=this.renderer.getSize(new d);this._pixelRatio=this.renderer.getPixelRatio(),this._width=s.width,this._height=s.height,e=this.renderTarget1.clone(),e.setSize(this._width*this._pixelRatio,this._height*this._pixelRatio)}this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.renderTarget1=e,this.renderTarget2=e.clone(),this.writeBuffer=this.renderTarget1,this.readBuffer=this.renderTarget2}setSize(e,s){this._width=e,this._height=s;const r=this._width*this._pixelRatio,i=this._height*this._pixelRatio;this.renderTarget1.setSize(r,i),this.renderTarget2.setSize(r,i);for(let t=0;t<this.passes.length;t++)this.passes[t].setSize(r,i)}setPixelRatio(e){this._pixelRatio=e,this.setSize(this._width,this._height)}dispose(){this.renderTarget1.dispose(),this.renderTarget2.dispose(),this.copyPass.dispose()}}class lt extends q{constructor(e,s,r=null,i=null,t=null){super(),this.scene=e,this.camera=s,this.overrideMaterial=r,this.clearColor=i,this.clearAlpha=t,this.clear=!0,this.clearDepth=!1,this.needsSwap=!1,this.isRenderPass=!0,this._oldClearColor=new U}render(e,s,r){const i=e.autoClear;e.autoClear=!1;let t,a;this.overrideMaterial!==null&&(a=this.scene.overrideMaterial,this.scene.overrideMaterial=this.overrideMaterial),this.clearColor!==null&&(e.getClearColor(this._oldClearColor),e.setClearColor(this.clearColor,e.getClearAlpha())),this.clearAlpha!==null&&(t=e.getClearAlpha(),e.setClearAlpha(this.clearAlpha)),this.clearDepth==!0&&e.clearDepth(),e.setRenderTarget(this.renderToScreen?null:r),this.clear===!0&&e.clear(e.autoClearColor,e.autoClearDepth,e.autoClearStencil),e.render(this.scene,this.camera),this.clearColor!==null&&e.setClearColor(this._oldClearColor),this.clearAlpha!==null&&e.setClearAlpha(t),this.overrideMaterial!==null&&(this.scene.overrideMaterial=a),e.autoClear=i}}const nt={uniforms:{tDiffuse:{value:null},luminosityThreshold:{value:1},smoothWidth:{value:1},defaultColor:{value:new U(0)},defaultOpacity:{value:0}},vertexShader:`
+
+		varying vec2 vUv;
+
+		void main() {
+
+			vUv = uv;
+
+			gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+
+		}`,fragmentShader:`
+
+		uniform sampler2D tDiffuse;
+		uniform vec3 defaultColor;
+		uniform float defaultOpacity;
+		uniform float luminosityThreshold;
+		uniform float smoothWidth;
+
+		varying vec2 vUv;
+
+		void main() {
+
+			vec4 texel = texture2D( tDiffuse, vUv );
+
+			float v = luminance( texel.xyz );
+
+			vec4 outputColor = vec4( defaultColor.rgb, defaultOpacity );
+
+			float alpha = smoothstep( luminosityThreshold, luminosityThreshold + smoothWidth, v );
+
+			gl_FragColor = mix( outputColor, texel, alpha );
+
+		}`};class F extends q{constructor(e,s=1,r,i){super(),this.strength=s,this.radius=r,this.threshold=i,this.resolution=e!==void 0?new d(e.x,e.y):new d(256,256),this.clearColor=new U(0,0,0),this.needsSwap=!1,this.renderTargetsHorizontal=[],this.renderTargetsVertical=[],this.nMips=5;let t=Math.round(this.resolution.x/2),a=Math.round(this.resolution.y/2);this.renderTargetBright=new Y(t,a,{type:$}),this.renderTargetBright.texture.name="UnrealBloomPass.bright",this.renderTargetBright.texture.generateMipmaps=!1;for(let f=0;f<this.nMips;f++){const M=new Y(t,a,{type:$});M.texture.name="UnrealBloomPass.h"+f,M.texture.generateMipmaps=!1,this.renderTargetsHorizontal.push(M);const z=new Y(t,a,{type:$});z.texture.name="UnrealBloomPass.v"+f,z.texture.generateMipmaps=!1,this.renderTargetsVertical.push(z),t=Math.round(t/2),a=Math.round(a/2)}const c=nt;this.highPassUniforms=ce.clone(c.uniforms),this.highPassUniforms.luminosityThreshold.value=i,this.highPassUniforms.smoothWidth.value=.01,this.materialHighPassFilter=new P({uniforms:this.highPassUniforms,vertexShader:c.vertexShader,fragmentShader:c.fragmentShader}),this.separableBlurMaterials=[];const l=[6,10,14,18,22];t=Math.round(this.resolution.x/2),a=Math.round(this.resolution.y/2);for(let f=0;f<this.nMips;f++)this.separableBlurMaterials.push(this._getSeparableBlurMaterial(l[f])),this.separableBlurMaterials[f].uniforms.invSize.value=new d(1/t,1/a),t=Math.round(t/2),a=Math.round(a/2);this.compositeMaterial=this._getCompositeMaterial(this.nMips),this.compositeMaterial.uniforms.blurTexture1.value=this.renderTargetsVertical[0].texture,this.compositeMaterial.uniforms.blurTexture2.value=this.renderTargetsVertical[1].texture,this.compositeMaterial.uniforms.blurTexture3.value=this.renderTargetsVertical[2].texture,this.compositeMaterial.uniforms.blurTexture4.value=this.renderTargetsVertical[3].texture,this.compositeMaterial.uniforms.blurTexture5.value=this.renderTargetsVertical[4].texture,this.compositeMaterial.uniforms.bloomStrength.value=s,this.compositeMaterial.uniforms.bloomRadius.value=.1;const E=[1,.8,.6,.4,.2];this.compositeMaterial.uniforms.bloomFactors.value=E,this.bloomTintColors=[new _(1,1,1),new _(1,1,1),new _(1,1,1),new _(1,1,1),new _(1,1,1)],this.compositeMaterial.uniforms.bloomTintColors.value=this.bloomTintColors,this.copyUniforms=ce.clone(J.uniforms),this.blendMaterial=new P({uniforms:this.copyUniforms,vertexShader:J.vertexShader,fragmentShader:J.fragmentShader,premultipliedAlpha:!0,blending:$e,depthTest:!1,depthWrite:!1,transparent:!0}),this._oldClearColor=new U,this._oldClearAlpha=1,this._basic=new Je,this._fsQuad=new De(null)}dispose(){for(let e=0;e<this.renderTargetsHorizontal.length;e++)this.renderTargetsHorizontal[e].dispose();for(let e=0;e<this.renderTargetsVertical.length;e++)this.renderTargetsVertical[e].dispose();this.renderTargetBright.dispose();for(let e=0;e<this.separableBlurMaterials.length;e++)this.separableBlurMaterials[e].dispose();this.compositeMaterial.dispose(),this.blendMaterial.dispose(),this._basic.dispose(),this._fsQuad.dispose()}setSize(e,s){let r=Math.round(e/2),i=Math.round(s/2);this.renderTargetBright.setSize(r,i);for(let t=0;t<this.nMips;t++)this.renderTargetsHorizontal[t].setSize(r,i),this.renderTargetsVertical[t].setSize(r,i),this.separableBlurMaterials[t].uniforms.invSize.value=new d(1/r,1/i),r=Math.round(r/2),i=Math.round(i/2)}render(e,s,r,i,t){e.getClearColor(this._oldClearColor),this._oldClearAlpha=e.getClearAlpha();const a=e.autoClear;e.autoClear=!1,e.setClearColor(this.clearColor,0),t&&e.state.buffers.stencil.setTest(!1),this.renderToScreen&&(this._fsQuad.material=this._basic,this._basic.map=r.texture,e.setRenderTarget(null),e.clear(),this._fsQuad.render(e)),this.highPassUniforms.tDiffuse.value=r.texture,this.highPassUniforms.luminosityThreshold.value=this.threshold,this._fsQuad.material=this.materialHighPassFilter,e.setRenderTarget(this.renderTargetBright),e.clear(),this._fsQuad.render(e);let c=this.renderTargetBright;for(let l=0;l<this.nMips;l++)this._fsQuad.material=this.separableBlurMaterials[l],this.separableBlurMaterials[l].uniforms.colorTexture.value=c.texture,this.separableBlurMaterials[l].uniforms.direction.value=F.BlurDirectionX,e.setRenderTarget(this.renderTargetsHorizontal[l]),e.clear(),this._fsQuad.render(e),this.separableBlurMaterials[l].uniforms.colorTexture.value=this.renderTargetsHorizontal[l].texture,this.separableBlurMaterials[l].uniforms.direction.value=F.BlurDirectionY,e.setRenderTarget(this.renderTargetsVertical[l]),e.clear(),this._fsQuad.render(e),c=this.renderTargetsVertical[l];this._fsQuad.material=this.compositeMaterial,this.compositeMaterial.uniforms.bloomStrength.value=this.strength,this.compositeMaterial.uniforms.bloomRadius.value=this.radius,this.compositeMaterial.uniforms.bloomTintColors.value=this.bloomTintColors,e.setRenderTarget(this.renderTargetsHorizontal[0]),e.clear(),this._fsQuad.render(e),this._fsQuad.material=this.blendMaterial,this.copyUniforms.tDiffuse.value=this.renderTargetsHorizontal[0].texture,t&&e.state.buffers.stencil.setTest(!0),this.renderToScreen?(e.setRenderTarget(null),this._fsQuad.render(e)):(e.setRenderTarget(r),this._fsQuad.render(e)),e.setClearColor(this._oldClearColor,this._oldClearAlpha),e.autoClear=a}_getSeparableBlurMaterial(e){const s=[],r=e/3;for(let i=0;i<e;i++)s.push(.39894*Math.exp(-.5*i*i/(r*r))/r);return new P({defines:{KERNEL_RADIUS:e},uniforms:{colorTexture:{value:null},invSize:{value:new d(.5,.5)},direction:{value:new d(.5,.5)},gaussianCoefficients:{value:s}},vertexShader:`
+
+				varying vec2 vUv;
+
+				void main() {
+
+					vUv = uv;
+					gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+
+				}`,fragmentShader:`
+
+				#include <common>
+
+				varying vec2 vUv;
+
+				uniform sampler2D colorTexture;
+				uniform vec2 invSize;
+				uniform vec2 direction;
+				uniform float gaussianCoefficients[KERNEL_RADIUS];
+
+				void main() {
+
+					float weightSum = gaussianCoefficients[0];
+					vec3 diffuseSum = texture2D( colorTexture, vUv ).rgb * weightSum;
+
+					for ( int i = 1; i < KERNEL_RADIUS; i ++ ) {
+
+						float x = float( i );
+						float w = gaussianCoefficients[i];
+						vec2 uvOffset = direction * invSize * x;
+						vec3 sample1 = texture2D( colorTexture, vUv + uvOffset ).rgb;
+						vec3 sample2 = texture2D( colorTexture, vUv - uvOffset ).rgb;
+						diffuseSum += ( sample1 + sample2 ) * w;
+
+					}
+
+					gl_FragColor = vec4( diffuseSum, 1.0 );
+
+				}`})}_getCompositeMaterial(e){return new P({defines:{NUM_MIPS:e},uniforms:{blurTexture1:{value:null},blurTexture2:{value:null},blurTexture3:{value:null},blurTexture4:{value:null},blurTexture5:{value:null},bloomStrength:{value:1},bloomFactors:{value:null},bloomTintColors:{value:null},bloomRadius:{value:0}},vertexShader:`
+
+				varying vec2 vUv;
+
+				void main() {
+
+					vUv = uv;
+					gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
+
+				}`,fragmentShader:`
+
+				varying vec2 vUv;
+
+				uniform sampler2D blurTexture1;
+				uniform sampler2D blurTexture2;
+				uniform sampler2D blurTexture3;
+				uniform sampler2D blurTexture4;
+				uniform sampler2D blurTexture5;
+				uniform float bloomStrength;
+				uniform float bloomRadius;
+				uniform float bloomFactors[NUM_MIPS];
+				uniform vec3 bloomTintColors[NUM_MIPS];
+
+				float lerpBloomFactor( const in float factor ) {
+
+					float mirrorFactor = 1.2 - factor;
+					return mix( factor, mirrorFactor, bloomRadius );
+
+				}
+
+				void main() {
+
+					// 3.0 for backwards compatibility with previous alpha-based intensity
+					vec3 bloom = 3.0 * bloomStrength * (
+						lerpBloomFactor( bloomFactors[ 0 ] ) * bloomTintColors[ 0 ] * texture2D( blurTexture1, vUv ).rgb +
+						lerpBloomFactor( bloomFactors[ 1 ] ) * bloomTintColors[ 1 ] * texture2D( blurTexture2, vUv ).rgb +
+						lerpBloomFactor( bloomFactors[ 2 ] ) * bloomTintColors[ 2 ] * texture2D( blurTexture3, vUv ).rgb +
+						lerpBloomFactor( bloomFactors[ 3 ] ) * bloomTintColors[ 3 ] * texture2D( blurTexture4, vUv ).rgb +
+						lerpBloomFactor( bloomFactors[ 4 ] ) * bloomTintColors[ 4 ] * texture2D( blurTexture5, vUv ).rgb
+					);
+
+					float bloomAlpha = max( bloom.r, max( bloom.g, bloom.b ) );
+					gl_FragColor = vec4( bloom, bloomAlpha );
+
+				}`})}}F.BlurDirectionX=new d(1,0);F.BlurDirectionY=new d(0,1);const ut={"ghost-cursor":"_ghost-cursor_pe8ha_1"},Ae=({className:b,style:e,trailLength:s=50,inertia:r=.5,grainIntensity:i=.05,bloomStrength:t=.1,bloomRadius:a=1,bloomThreshold:c=.025,brightness:l=1,color:E="#B19EEF",mixBlendMode:f="screen",edgeIntensity:M=0,maxDevicePixelRatio:z=.5,targetPixels:Ue,fadeDelayMs:Fe,fadeDurationMs:ze,zIndex:he=10})=>{const me=o.useRef(null),Z=o.useRef(null),ee=o.useRef(null),T=o.useRef(null),Le=o.useRef(null),L=o.useRef(null),V=o.useRef([]),O=o.useRef(0),w=o.useRef(null),de=o.useRef(null),I=o.useRef(new d(.5,.5)),N=o.useRef(new d(0,0)),G=o.useRef(1),te=o.useRef(typeof performance<"u"?performance.now():Date.now()),Q=o.useRef(!1),W=o.useRef(!1),j=o.useRef(!1),B=o.useMemo(()=>typeof window<"u"&&("ontouchstart"in window||navigator.maxTouchPoints>0),[]),se=Ue??(B?9e5:13e5),ie=Fe??(B?500:1e3),ve=ze??(B?1e3:1500),Ve=`
+    varying vec2 vUv;
+    void main() {
+      vUv = uv;
+      gl_Position = vec4(position, 1.0);
+    }
+  `,Oe=`
+    uniform float iTime;
+    uniform vec3  iResolution;
+    uniform vec2  iMouse;
+    uniform vec2  iPrevMouse[MAX_TRAIL_LENGTH];
+    uniform float iOpacity;
+    uniform float iScale;
+    uniform vec3  iBaseColor;
+    uniform float iBrightness;
+    uniform float iEdgeIntensity;
+    varying vec2  vUv;
+
+    float hash(vec2 p){ return fract(sin(dot(p,vec2(127.1,311.7))) * 43758.5453123); }
+    float noise(vec2 p){
+      vec2 i = floor(p), f = fract(p);
+      f *= f * (3. - 2. * f);
+      return mix(mix(hash(i + vec2(0.,0.)), hash(i + vec2(1.,0.)), f.x),
+                 mix(hash(i + vec2(0.,1.)), hash(i + vec2(1.,1.)), f.x), f.y);
+    }
+    float fbm(vec2 p){
+      float v = 0.0;
+      float a = 0.5;
+      mat2 m = mat2(cos(0.5), sin(0.5), -sin(0.5), cos(0.5));
+      for(int i=0;i<5;i++){
+        v += a * noise(p);
+        p = m * p * 2.0;
+        a *= 0.5;
+      }
+      return v;
+    }
+    vec3 tint1(vec3 base){ return mix(base, vec3(1.0), 0.15); }
+    vec3 tint2(vec3 base){ return mix(base, vec3(0.8, 0.9, 1.0), 0.25); }
+
+    vec4 blob(vec2 p, vec2 mousePos, float intensity, float activity) {
+      vec2 q = vec2(fbm(p * iScale + iTime * 0.1), fbm(p * iScale + vec2(5.2,1.3) + iTime * 0.1));
+      vec2 r = vec2(fbm(p * iScale + q * 1.5 + iTime * 0.15), fbm(p * iScale + q * 1.5 + vec2(8.3,2.8) + iTime * 0.15));
+
+      float smoke = fbm(p * iScale + r * 0.8);
+      float radius = 0.5 + 0.3 * (1.0 / iScale);
+      float distFactor = 1.0 - smoothstep(0.0, radius * activity, length(p - mousePos));
+      float alpha = pow(smoke, 2.5) * distFactor;
+
+      vec3 c1 = tint1(iBaseColor);
+      vec3 c2 = tint2(iBaseColor);
+      vec3 color = mix(c1, c2, sin(iTime * 0.5) * 0.5 + 0.5);
+
+      return vec4(color * alpha * intensity, alpha * intensity);
+    }
+
+    void main() {
+      vec2 uv = (gl_FragCoord.xy / iResolution.xy * 2.0 - 1.0) * vec2(iResolution.x / iResolution.y, 1.0);
+      vec2 mouse = (iMouse * 2.0 - 1.0) * vec2(iResolution.x / iResolution.y, 1.0);
+
+      vec3 colorAcc = vec3(0.0);
+      float alphaAcc = 0.0;
+
+      vec4 b = blob(uv, mouse, 1.0, iOpacity);
+      colorAcc += b.rgb;
+      alphaAcc += b.a;
+
+      for (int i = 0; i < MAX_TRAIL_LENGTH; i++) {
+        vec2 pm = (iPrevMouse[i] * 2.0 - 1.0) * vec2(iResolution.x / iResolution.y, 1.0);
+        float t = 1.0 - float(i) / float(MAX_TRAIL_LENGTH);
+        t = pow(t, 2.0);
+        if (t > 0.01) {
+          vec4 bt = blob(uv, pm, t * 0.8, iOpacity);
+          colorAcc += bt.rgb;
+          alphaAcc += bt.a;
+        }
+      }
+
+      colorAcc *= iBrightness;
+
+      vec2 uv01 = gl_FragCoord.xy / iResolution.xy;
+      float edgeDist = min(min(uv01.x, 1.0 - uv01.x), min(uv01.y, 1.0 - uv01.y));
+      float distFromEdge = clamp(edgeDist * 2.0, 0.0, 1.0);
+      float k = clamp(iEdgeIntensity, 0.0, 1.0);
+      float edgeMask = mix(1.0 - k, 1.0, distFromEdge);
+
+      float outAlpha = clamp(alphaAcc * iOpacity * edgeMask, 0.0, 1.0);
+      gl_FragColor = vec4(colorAcc, outAlpha);
+    }
+  `,Qe=o.useMemo(()=>({uniforms:{tDiffuse:{value:null},iTime:{value:0},intensity:{value:i}},vertexShader:`
+        varying vec2 vUv;
+        void main(){
+          vUv = uv;
+          gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+        }
+      `,fragmentShader:`
+        uniform sampler2D tDiffuse;
+        uniform float iTime;
+        uniform float intensity;
+        varying vec2 vUv;
+
+        float hash1(float n){ return fract(sin(n)*43758.5453); }
+
+        void main(){
+          vec4 color = texture2D(tDiffuse, vUv);
+          float n = hash1(vUv.x*1000.0 + vUv.y*2000.0 + iTime) * 2.0 - 1.0;
+          color.rgb += n * intensity * color.rgb;
+          gl_FragColor = color;
+        }
+      `}),[i]),ke=o.useMemo(()=>new fe({uniforms:{tDiffuse:{value:null}},vertexShader:`
+          varying vec2 vUv;
+          void main(){
+            vUv = uv;
+            gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+          }
+        `,fragmentShader:`
+          uniform sampler2D tDiffuse;
+          varying vec2 vUv;
+          void main(){
+            vec4 c = texture2D(tDiffuse, vUv);
+            float a = max(c.a, 1e-5);
+            vec3 straight = c.rgb / a;
+            gl_FragColor = vec4(clamp(straight, 0.0, 1.0), c.a);
+          }
+        `}),[]);function He(n){const u=n.getBoundingClientRect(),D=600,C=Math.min(Math.max(1,u.width),Math.max(1,u.height));return Math.max(.5,Math.min(2,C/D))}o.useEffect(()=>{const n=me.current,u=n==null?void 0:n.parentElement;if(!n||!u)return;let D=!0;const C=u.style.position;(!C||C==="static")&&(u.style.position="relative");const m=new Ze({antialias:!B,alpha:!0,depth:!1,stencil:!1,powerPreference:B?"low-power":"high-performance",premultipliedAlpha:!1,preserveDrawingBuffer:!1});m.setClearColor(0,0),Z.current=m,m.domElement.style.pointerEvents="none",f?m.domElement.style.mixBlendMode=String(f):m.domElement.style.removeProperty("mix-blend-mode"),n.appendChild(m.domElement);const re=new et,Ie=new Be(-1,1,1,-1,0,1),pe=new tt(2,2),ge=Math.max(1,Math.floor(s));V.current=Array.from({length:ge},()=>new d(.5,.5)),O.current=0;const ae=new U(E),k=new P({defines:{MAX_TRAIL_LENGTH:ge},uniforms:{iTime:{value:0},iResolution:{value:new _(1,1,1)},iMouse:{value:new d(.5,.5)},iPrevMouse:{value:V.current.map(v=>v.clone())},iOpacity:{value:1},iScale:{value:1},iBaseColor:{value:new _(ae.r,ae.g,ae.b)},iBrightness:{value:l},iEdgeIntensity:{value:M}},vertexShader:Ve,fragmentShader:Oe,transparent:!0,depthTest:!1,depthWrite:!1});T.current=k;const Ne=new Ee(pe,k);re.add(Ne);const g=new ot(m);ee.current=g;const Ge=new lt(re,Ie);g.addPass(Ge);const oe=new F(new d(1,1),t,a,c);Le.current=oe,g.addPass(oe);const xe=new fe(Qe);L.current=xe,g.addPass(xe),g.addPass(ke);const be=()=>{var A;if(!D)return;const v=n.getBoundingClientRect(),p=Math.floor(v.width),h=Math.floor(v.height);if(p<=0||h<=0){j.current=!1;return}const y=Math.min(typeof window<"u"&&window.devicePixelRatio||1,z),S=p*h*y*y,ue=S<=se?1:Math.max(.5,Math.min(1,Math.sqrt(se/Math.max(1,S)))),R=y*ue;m.setPixelRatio(R),m.setSize(p,h,!1),(A=g.setPixelRatio)==null||A.call(g,R),g.setSize(p,h);const H=Math.max(1,Math.floor(p*R)),x=Math.max(1,Math.floor(h*R));k.uniforms.iResolution.value.set(H,x,1),k.uniforms.iScale.value=He(n),oe.setSize(H,x),j.current=!0};be();const le=new ResizeObserver(()=>{D&&be()});de.current=le,le.observe(u),le.observe(n);const We=typeof performance<"u"?performance.now():Date.now(),ne=()=>{var R,H;if(!D)return;if(!j.current){w.current=requestAnimationFrame(ne);return}const v=performance.now(),p=(v-We)/1e3,h=T.current,y=ee.current;if(Q.current)N.current.set(I.current.x-h.uniforms.iMouse.value.x,I.current.y-h.uniforms.iMouse.value.y),h.uniforms.iMouse.value.copy(I.current),G.current=1;else{N.current.multiplyScalar(r),N.current.lengthSq()>1e-6&&h.uniforms.iMouse.value.add(N.current);const x=v-te.current;if(x>ie){const A=Math.min(1,(x-ie)/ve);G.current=Math.max(0,1-A)}}const S=V.current.length;O.current=(O.current+1)%S,V.current[O.current].copy(h.uniforms.iMouse.value);const ue=h.uniforms.iPrevMouse.value;for(let x=0;x<S;x++){const A=(O.current-x+S)%S;ue[x].copy(V.current[A])}if(h.uniforms.iOpacity.value=G.current,h.uniforms.iTime.value=p,(H=(R=L.current)==null?void 0:R.uniforms)!=null&&H.iTime&&(L.current.uniforms.iTime.value=p),y.render(),!Q.current&&G.current<=.001){W.current=!1,w.current=null;return}w.current=requestAnimationFrame(ne)},X=()=>{W.current||(W.current=!0,w.current=requestAnimationFrame(ne))},Te=v=>{const p=u.getBoundingClientRect(),h=ye.clamp((v.clientX-p.left)/Math.max(1,p.width),0,1),y=ye.clamp(1-(v.clientY-p.top)/Math.max(1,p.height),0,1);I.current.set(h,y),Q.current=!0,te.current=performance.now(),X()},Me=()=>{Q.current=!0,X()},we=()=>{Q.current=!1,te.current=performance.now(),X()};return u.addEventListener("pointermove",Te,{passive:!0}),u.addEventListener("pointerenter",Me,{passive:!0}),u.addEventListener("pointerleave",we,{passive:!0}),X(),()=>{var v;D=!1,j.current=!1,w.current&&cancelAnimationFrame(w.current),W.current=!1,w.current=null,u.removeEventListener("pointermove",Te),u.removeEventListener("pointerenter",Me),u.removeEventListener("pointerleave",we),(v=de.current)==null||v.disconnect(),re.clear(),pe.dispose(),k.dispose(),T.current=null,g.dispose(),ee.current=null,m.dispose(),m.forceContextLoss(),Z.current=null,m.domElement&&m.domElement.parentElement&&m.domElement.parentElement.removeChild(m.domElement),(!C||C==="static")&&(u.style.position=C)}},[s,r,i,t,a,c,se,ie,ve,B,E,l,f,M]),o.useEffect(()=>{if(T.current){const n=new U(E);T.current.uniforms.iBaseColor.value.set(n.r,n.g,n.b)}},[E]),o.useEffect(()=>{T.current&&(T.current.uniforms.iBrightness.value=l)},[l]),o.useEffect(()=>{T.current&&(T.current.uniforms.iEdgeIntensity.value=M)},[M]),o.useEffect(()=>{var n,u;(u=(n=L.current)==null?void 0:n.uniforms)!=null&&u.intensity&&(L.current.uniforms.intensity.value=i)},[i]),o.useEffect(()=>{var u;const n=(u=Z.current)==null?void 0:u.domElement;n&&(f?n.style.mixBlendMode=String(f):n.style.removeProperty("mix-blend-mode"))},[f]);const qe=o.useMemo(()=>({zIndex:he,...e}),[he,e]);return je.jsx("div",{ref:me,className:`${ut["ghost-cursor"]} ${b??""}`,style:qe})};Ae.__docgenInfo={description:"",methods:[],displayName:"GhostCursor",props:{trailLength:{defaultValue:{value:"50",computed:!1},required:!1},inertia:{defaultValue:{value:"0.5",computed:!1},required:!1},grainIntensity:{defaultValue:{value:"0.05",computed:!1},required:!1},bloomStrength:{defaultValue:{value:"0.1",computed:!1},required:!1},bloomRadius:{defaultValue:{value:"1.0",computed:!1},required:!1},bloomThreshold:{defaultValue:{value:"0.025",computed:!1},required:!1},brightness:{defaultValue:{value:"1",computed:!1},required:!1},color:{defaultValue:{value:"'#B19EEF'",computed:!1},required:!1},mixBlendMode:{defaultValue:{value:"'screen'",computed:!1},required:!1},edgeIntensity:{defaultValue:{value:"0",computed:!1},required:!1},maxDevicePixelRatio:{defaultValue:{value:"0.5",computed:!1},required:!1},zIndex:{defaultValue:{value:"10",computed:!1},required:!1}}};const mt={title:"ReactBits/Animations/GhostCursor",component:Ae,parameters:{layout:"fullscreen"},tags:["autodocs"]},K={args:{trailLength:50,inertia:.5,grainIntensity:.05,bloomStrength:.1,bloomRadius:1,bloomThreshold:.025,brightness:1,color:"#B19EEF",mixBlendMode:"screen",edgeIntensity:0,maxDevicePixelRatio:.5,zIndex:10}};var Re,_e,Pe;K.parameters={...K.parameters,docs:{...(Re=K.parameters)==null?void 0:Re.docs,source:{originalSource:`{
+  args: {
+    trailLength: 50,
+    inertia: 0.5,
+    grainIntensity: 0.05,
+    bloomStrength: 0.1,
+    bloomRadius: 1.0,
+    bloomThreshold: 0.025,
+    brightness: 1,
+    color: '#B19EEF',
+    mixBlendMode: 'screen',
+    edgeIntensity: 0,
+    maxDevicePixelRatio: 0.5,
+    zIndex: 10
+  }
+}`,...(Pe=(_e=K.parameters)==null?void 0:_e.docs)==null?void 0:Pe.source}}};const dt=["Default"];export{K as Default,dt as __namedExportsOrder,mt as default};

package/storybook-static/assets/GlareHover-D8gfoeb7.css

@@ -0,0 +1 @@
+._glare-hover_npabj_1{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border-radius:var(--gh-br);border:1px solid var(--gh-border);overflow:hidden;position:relative;display:grid;place-items:center}._glare-hover_npabj_1:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration) ease;background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}._glare-hover_npabj_1:hover{cursor:pointer}._glare-hover_npabj_1:hover:before{background-position:100% 100%,0 0}._glare-hover--play-once_npabj_44:before{transition:none}._glare-hover--play-once_npabj_44:hover:before{transition:var(--gh-duration) ease;background-position:100% 100%,0 0}

package/storybook-static/assets/GlareHover.stories-C2pGThOS.js

@@ -0,0 +1 @@
+import{j}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";const f={"glare-hover":"_glare-hover_npabj_1","glare-hover--play-once":"_glare-hover--play-once_npabj_44"},n=({width:i="500px",height:g="500px",background:m="#000",borderRadius:v="10px",borderColor:h="#333",children:$,glareColor:u="#ffffff",glareOpacity:o=.5,glareAngle:b=-45,glareSize:q=250,transitionDuration:V=650,playOnce:x=!1,className:_="",style:y={}})=>{const e=u.replace("#","");let l=u;if(/^[0-9A-Fa-f]{6}$/.test(e)){const r=parseInt(e.slice(0,2),16),s=parseInt(e.slice(2,4),16),t=parseInt(e.slice(4,6),16);l=`rgba(${r}, ${s}, ${t}, ${o})`}else if(/^[0-9A-Fa-f]{3}$/.test(e)){const r=parseInt(e[0]+e[0],16),s=parseInt(e[1]+e[1],16),t=parseInt(e[2]+e[2],16);l=`rgba(${r}, ${s}, ${t}, ${o})`}const I={"--gh-width":i,"--gh-height":g,"--gh-bg":m,"--gh-br":v,"--gh-angle":`${b}deg`,"--gh-duration":`${V}ms`,"--gh-size":`${q}%`,"--gh-rgba":l,"--gh-border":h};return j.jsx("div",{className:`${f["glare-hover"]} ${x?f["glare-hover--play-once"]:""} ${_}`,style:{...I,...y},children:$})};n.__docgenInfo={description:"",methods:[],displayName:"GlareHover",props:{width:{defaultValue:{value:"'500px'",computed:!1},required:!1},height:{defaultValue:{value:"'500px'",computed:!1},required:!1},background:{defaultValue:{value:"'#000'",computed:!1},required:!1},borderRadius:{defaultValue:{value:"'10px'",computed:!1},required:!1},borderColor:{defaultValue:{value:"'#333'",computed:!1},required:!1},glareColor:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},glareOpacity:{defaultValue:{value:"0.5",computed:!1},required:!1},glareAngle:{defaultValue:{value:"-45",computed:!1},required:!1},glareSize:{defaultValue:{value:"250",computed:!1},required:!1},transitionDuration:{defaultValue:{value:"650",computed:!1},required:!1},playOnce:{defaultValue:{value:"false",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const G={title:"ReactBits/Animations/GlareHover",component:n,parameters:{layout:"fullscreen"},tags:["autodocs"]},a={};var d,c,p;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"{}",...(p=(c=a.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};const H=["Default"];export{a as Default,H as __namedExportsOrder,G as default};

package/storybook-static/assets/GlassSurface-D51dj98P.css

@@ -0,0 +1 @@
+._glass-surface_103tm_1{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}._glass-surface__filter_103tm_10{width:100%;min-height:100vh;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}._glass-surface__content_103tm_20{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}._glass-surface--svg_103tm_32{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}._glass-surface--fallback_103tm_48{background:#ffffff40;backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme: dark){._glass-surface--fallback_103tm_48{background:#ffffff1a;backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.2);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not (backdrop-filter: blur(10px)){._glass-surface--fallback_103tm_48{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}._glass-surface--fallback_103tm_48:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;border-radius:inherit;z-index:-1}}@supports not (backdrop-filter: blur(10px)){@media (prefers-color-scheme: dark){._glass-surface--fallback_103tm_48{background:#0006}._glass-surface--fallback_103tm_48:before{background:#ffffff0d}}}._glass-surface_103tm_1:focus-visible{outline:2px solid light-dark(#007aff,#0a84ff);outline-offset:2px}

package/storybook-static/assets/GlassSurface.stories-Dt29DAS0.js

@@ -0,0 +1,43 @@
+import{r,j as t}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";const f={"glass-surface":"_glass-surface_103tm_1","glass-surface__filter":"_glass-surface__filter_103tm_10","glass-surface__content":"_glass-surface__content_103tm_20","glass-surface--svg":"_glass-surface--svg_103tm_32","glass-surface--fallback":"_glass-surface--fallback_103tm_48"},z=({children:F,width:u=200,height:n=80,borderRadius:i=20,borderWidth:g=.07,brightness:h=50,opacity:x=.93,blur:v=11,displace:$=0,backgroundOpacity:O=0,saturation:W=1,distortionScale:b=-180,redOffset:y=0,greenOffset:_=10,blueOffset:R=20,xChannel:S="R",yChannel:G="G",mixBlendMode:q="difference",className:N="",style:T={}})=>{const p=r.useId().replace(/:/g,"-"),m=`glass-filter-${p}`,w=`red-grad-${p}`,V=`blue-grad-${p}`,[H,U]=r.useState(!1),l=r.useRef(null),j=r.useRef(null),C=r.useRef(null),B=r.useRef(null),E=r.useRef(null),I=r.useRef(null),J=()=>{var A;const e=(A=l.current)==null?void 0:A.getBoundingClientRect(),s=(e==null?void 0:e.width)||400,a=(e==null?void 0:e.height)||200,c=Math.min(s,a)*(g*.5),P=`
+      <svg viewBox="0 0 ${s} ${a}" xmlns="http://www.w3.org/2000/svg">
+        <defs>
+          <linearGradient id="${w}" x1="100%" y1="0%" x2="0%" y2="0%">
+            <stop offset="0%" stop-color="#0000"/>
+            <stop offset="100%" stop-color="red"/>
+          </linearGradient>
+          <linearGradient id="${V}" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" stop-color="#0000"/>
+            <stop offset="100%" stop-color="blue"/>
+          </linearGradient>
+        </defs>
+        <rect x="0" y="0" width="${s}" height="${a}" fill="black"></rect>
+        <rect x="0" y="0" width="${s}" height="${a}" rx="${i}" fill="url(#${w})" />
+        <rect x="0" y="0" width="${s}" height="${a}" rx="${i}" fill="url(#${V})" style="mix-blend-mode: ${q}" />
+        <rect x="${c}" y="${c}" width="${s-c*2}" height="${a-c*2}" rx="${i}" fill="hsl(0 0% ${h}% / ${x})" style="filter:blur(${v}px)" />
+      </svg>
+    `;return`data:image/svg+xml,${encodeURIComponent(P)}`},o=()=>{var e;(e=j.current)==null||e.setAttribute("href",J())};r.useEffect(()=>{var e;o(),[{ref:C,offset:y},{ref:B,offset:_},{ref:E,offset:R}].forEach(({ref:s,offset:a})=>{s.current&&(s.current.setAttribute("scale",(b+a).toString()),s.current.setAttribute("xChannelSelector",S),s.current.setAttribute("yChannelSelector",G))}),(e=I.current)==null||e.setAttribute("stdDeviation",$.toString())},[u,n,i,g,h,x,v,$,b,y,_,R,S,G,q]),r.useEffect(()=>{if(!l.current)return;const e=new ResizeObserver(()=>{setTimeout(o,0)});return e.observe(l.current),()=>{e.disconnect()}},[]),r.useEffect(()=>{if(!l.current)return;const e=new ResizeObserver(()=>{setTimeout(o,0)});return e.observe(l.current),()=>{e.disconnect()}},[]),r.useEffect(()=>{setTimeout(o,0)},[u,n]),r.useEffect(()=>{U(K())},[]);const K=()=>{if(typeof window>"u"||typeof document>"u")return!1;const e=/Safari/.test(navigator.userAgent)&&!/Chrome/.test(navigator.userAgent),s=/Firefox/.test(navigator.userAgent);if(e||s)return!1;const a=document.createElement("div");return a.style.backdropFilter=`url(#${m})`,a.style.backdropFilter!==""},L={...T,width:typeof u=="number"?`${u}px`:u,height:typeof n=="number"?`${n}px`:n,borderRadius:`${i}px`,"--glass-frost":O,"--glass-saturation":W,"--filter-id":`url(#${m})`};return t.jsxs("div",{ref:l,className:`${f["glass-surface"]} ${H?f["glass-surface--svg"]:f["glass-surface--fallback"]} ${N}`,style:L,children:[t.jsx("svg",{className:`${f["glass-surface__filter"]}`,xmlns:"http://www.w3.org/2000/svg",children:t.jsx("defs",{children:t.jsxs("filter",{id:m,colorInterpolationFilters:"sRGB",x:"0%",y:"0%",width:"100%",height:"100%",children:[t.jsx("feImage",{ref:j,x:"0",y:"0",width:"100%",height:"100%",preserveAspectRatio:"none",result:"map"}),t.jsx("feDisplacementMap",{ref:C,in:"SourceGraphic",in2:"map",id:"redchannel",result:"dispRed"}),t.jsx("feColorMatrix",{in:"dispRed",type:"matrix",values:`1 0 0 0 0
+                      0 0 0 0 0
+                      0 0 0 0 0
+                      0 0 0 1 0`,result:"red"}),t.jsx("feDisplacementMap",{ref:B,in:"SourceGraphic",in2:"map",id:"greenchannel",result:"dispGreen"}),t.jsx("feColorMatrix",{in:"dispGreen",type:"matrix",values:`0 0 0 0 0
+                      0 1 0 0 0
+                      0 0 0 0 0
+                      0 0 0 1 0`,result:"green"}),t.jsx("feDisplacementMap",{ref:E,in:"SourceGraphic",in2:"map",id:"bluechannel",result:"dispBlue"}),t.jsx("feColorMatrix",{in:"dispBlue",type:"matrix",values:`0 0 0 0 0
+                      0 0 0 0 0
+                      0 0 1 0 0
+                      0 0 0 1 0`,result:"blue"}),t.jsx("feBlend",{in:"red",in2:"green",mode:"screen",result:"rg"}),t.jsx("feBlend",{in:"rg",in2:"blue",mode:"screen",result:"output"}),t.jsx("feGaussianBlur",{ref:I,in:"output",stdDeviation:"0.7"})]})})}),t.jsx("div",{className:`${f["glass-surface__content"]}`,children:F})]})};z.__docgenInfo={description:"",methods:[],displayName:"GlassSurface",props:{width:{defaultValue:{value:"200",computed:!1},required:!1},height:{defaultValue:{value:"80",computed:!1},required:!1},borderRadius:{defaultValue:{value:"20",computed:!1},required:!1},borderWidth:{defaultValue:{value:"0.07",computed:!1},required:!1},brightness:{defaultValue:{value:"50",computed:!1},required:!1},opacity:{defaultValue:{value:"0.93",computed:!1},required:!1},blur:{defaultValue:{value:"11",computed:!1},required:!1},displace:{defaultValue:{value:"0",computed:!1},required:!1},backgroundOpacity:{defaultValue:{value:"0",computed:!1},required:!1},saturation:{defaultValue:{value:"1",computed:!1},required:!1},distortionScale:{defaultValue:{value:"-180",computed:!1},required:!1},redOffset:{defaultValue:{value:"0",computed:!1},required:!1},greenOffset:{defaultValue:{value:"10",computed:!1},required:!1},blueOffset:{defaultValue:{value:"20",computed:!1},required:!1},xChannel:{defaultValue:{value:"'R'",computed:!1},required:!1},yChannel:{defaultValue:{value:"'G'",computed:!1},required:!1},mixBlendMode:{defaultValue:{value:"'difference'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const Y={title:"ReactBits/Components/GlassSurface",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},d={args:{width:300,height:120,borderRadius:20,borderWidth:.07,brightness:50,opacity:.93,blur:11,displace:0,children:t.jsx("span",{style:{fontSize:18,fontWeight:600,color:"#fff"},children:"Glass Surface"})}};var D,M,k;d.parameters={...d.parameters,docs:{...(D=d.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    width: 300,
+    height: 120,
+    borderRadius: 20,
+    borderWidth: 0.07,
+    brightness: 50,
+    opacity: 0.93,
+    blur: 11,
+    displace: 0,
+    children: <span style={{
+      fontSize: 18,
+      fontWeight: 600,
+      color: '#fff'
+    }}>Glass Surface</span>
+  }
+}`,...(k=(M=d.parameters)==null?void 0:M.docs)==null?void 0:k.source}}};const Z=["Default"];export{d as Default,Z as __namedExportsOrder,Y as default};