@stfrigerio/sito-template 0.1.37 → 0.1.44

package/storybook-static/assets/GlitchText-CsL0nL6_.css

@@ -0,0 +1 @@
+._glitch_1duah_1{color:#fff;font-size:clamp(2rem,10vw,8rem);white-space:nowrap;font-weight:900;position:relative;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer}._glitch_1duah_1:after,._glitch_1duah_1:before{content:attr(data-text);position:absolute;top:0;color:#fff;background-color:#060010;overflow:hidden;clip-path:inset(0 0 0 0)}._glitch_1duah_1:not(._enable-on-hover_1duah_23):after{left:10px;text-shadow:var(--after-shadow, -10px 0 red);animation:_animate-glitch_1duah_1 var(--after-duration, 3s) infinite linear alternate-reverse}._glitch_1duah_1:not(._enable-on-hover_1duah_23):before{left:-10px;text-shadow:var(--before-shadow, 10px 0 cyan);animation:_animate-glitch_1duah_1 var(--before-duration, 2s) infinite linear alternate-reverse}._glitch_1duah_1._enable-on-hover_1duah_23:after,._glitch_1duah_1._enable-on-hover_1duah_23:before{content:"";opacity:0;animation:none}._glitch_1duah_1._enable-on-hover_1duah_23:hover:after{content:attr(data-text);opacity:1;left:10px;text-shadow:var(--after-shadow, -10px 0 red);animation:_animate-glitch_1duah_1 var(--after-duration, 3s) infinite linear alternate-reverse}._glitch_1duah_1._enable-on-hover_1duah_23:hover:before{content:attr(data-text);opacity:1;left:-10px;text-shadow:var(--before-shadow, 10px 0 cyan);animation:_animate-glitch_1duah_1 var(--before-duration, 2s) infinite linear alternate-reverse}@keyframes _animate-glitch_1duah_1{0%{clip-path:inset(20% 0 50% 0)}5%{clip-path:inset(10% 0 60% 0)}10%{clip-path:inset(15% 0 55% 0)}15%{clip-path:inset(25% 0 35% 0)}20%{clip-path:inset(30% 0 40% 0)}25%{clip-path:inset(40% 0 20% 0)}30%{clip-path:inset(10% 0 60% 0)}35%{clip-path:inset(15% 0 55% 0)}40%{clip-path:inset(25% 0 35% 0)}45%{clip-path:inset(30% 0 40% 0)}50%{clip-path:inset(20% 0 50% 0)}55%{clip-path:inset(10% 0 60% 0)}60%{clip-path:inset(15% 0 55% 0)}65%{clip-path:inset(25% 0 35% 0)}70%{clip-path:inset(30% 0 40% 0)}75%{clip-path:inset(40% 0 20% 0)}80%{clip-path:inset(20% 0 50% 0)}85%{clip-path:inset(10% 0 60% 0)}90%{clip-path:inset(15% 0 55% 0)}95%{clip-path:inset(25% 0 35% 0)}to{clip-path:inset(30% 0 40% 0)}}

package/storybook-static/assets/GlitchText.stories-sqo6Y5iu.js

@@ -0,0 +1,8 @@
+import{j as f}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";const m="_glitch_1duah_1",s={glitch:m,"enable-on-hover":"_enable-on-hover_1duah_23"},u=({children:a,speed:t=1,enableShadows:r=!0,enableOnHover:d=!0,className:c=""})=>{const i={"--after-duration":`${t*3}s`,"--before-duration":`${t*2}s`,"--after-shadow":r?"-5px 0 red":"none","--before-shadow":r?"5px 0 cyan":"none"},p=d?s["enable-on-hover"]:"";return f.jsx("div",{className:`${s.glitch} ${p} ${c}`,style:i,"data-text":a,children:a})};u.__docgenInfo={description:"",methods:[],displayName:"GlitchText",props:{speed:{defaultValue:{value:"1",computed:!1},required:!1},enableShadows:{defaultValue:{value:"true",computed:!1},required:!1},enableOnHover:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const x={title:"ReactBits/TextAnimations/GlitchText",component:u,parameters:{layout:"fullscreen"},tags:["autodocs"]},e={args:{children:"Hello World",speed:1,enableShadows:!0,enableOnHover:!0}};var o,l,n;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  args: {
+    children: 'Hello World',
+    speed: 1,
+    enableShadows: true,
+    enableOnHover: true
+  }
+}`,...(n=(l=e.parameters)==null?void 0:l.docs)==null?void 0:n.source}}};const b=["Default"];export{e as Default,b as __namedExportsOrder,x as default};

package/storybook-static/assets/GooeyNav-8BBsSYWJ.css

@@ -0,0 +1 @@
+:root{--linear-ease: linear( 0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1 )}._gooey-nav-container_81mhv_30{position:relative}._gooey-nav-container_81mhv_30 nav{display:flex;position:relative;transform:translateZ(.01px)}._gooey-nav-container_81mhv_30 nav ul{display:flex;gap:2em;list-style:none;padding:0 1em;margin:0;position:relative;z-index:3;color:#fff;text-shadow:0 1px 1px hsl(205deg 30% 10% / .2)}._gooey-nav-container_81mhv_30 nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 0 .5px 1.5px transparent;color:#fff}._gooey-nav-container_81mhv_30 nav ul li a{display:inline-block;padding:.6em 1em}._gooey-nav-container_81mhv_30 nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}._gooey-nav-container_81mhv_30 nav ul li:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#fff;opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}._gooey-nav-container_81mhv_30 nav ul li._active_81mhv_85{color:#000;text-shadow:none}._gooey-nav-container_81mhv_30 nav ul li._active_81mhv_85:after{opacity:1;transform:scale(1)}._gooey-nav-container_81mhv_30 ._effect_81mhv_95{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}._gooey-nav-container_81mhv_30 ._effect_81mhv_95._text_81mhv_108{color:#fff;transition:color .3s ease}._gooey-nav-container_81mhv_30 ._effect_81mhv_95._text_81mhv_108._active_81mhv_85{color:#000}._gooey-nav-container_81mhv_30 ._effect_81mhv_95._filter_81mhv_117{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}._gooey-nav-container_81mhv_30 ._effect_81mhv_95._filter_81mhv_117:before{content:"";position:absolute;top:-75px;right:-75px;bottom:-75px;left:-75px;z-index:-2;background:#000}._gooey-nav-container_81mhv_30 ._effect_81mhv_95._filter_81mhv_117:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}._gooey-nav-container_81mhv_30 ._effect_81mhv_95._active_81mhv_85:after{animation:_pill_81mhv_1 .3s ease both}@keyframes _pill_81mhv_1{to{transform:scale(1);opacity:1}}._particle_81mhv_152,._point_81mhv_153{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}._particle_81mhv_152{--time: 5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:_particle_81mhv_152 calc(var(--time)) ease 1 -.35s}._point_81mhv_153{background:var(--color);opacity:1;animation:_point_81mhv_153 calc(var(--time)) ease 1 -.35s}@keyframes _particle_81mhv_152{0%{transform:rotate(0) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes _point_81mhv_153{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}

package/storybook-static/assets/GooeyNav.stories-DxgFxo-U.js

@@ -0,0 +1,24 @@
+import{r as f,j as u}from"./iframe-2N7rjfXm.js";import"./preload-helper-C1FmrZbK.js";const k="_active_81mhv_85",O="_effect_81mhv_95",S="_text_81mhv_108",B="_filter_81mhv_117",G="_particle_81mhv_152",z="_point_81mhv_153",a={"gooey-nav-container":"_gooey-nav-container_81mhv_30",active:k,effect:O,text:S,filter:B,particle:G,point:z},C=({items:T,animationTime:_=600,particleCount:d=15,particleDistances:L=[90,10],particleR:V=100,timeVariance:g=300,colors:b=[1,2,3,1,2,3,1,4],initialActiveIndex:D=0})=>{const p=f.useRef(null),h=f.useRef(null),o=f.useRef(null),l=f.useRef(null),[m,N]=f.useState(D),v=(e=1)=>e/2-Math.random()*e,$=(e,r,t)=>{const s=(360+v(8))/t*r*(Math.PI/180);return[e*Math.cos(s),e*Math.sin(s)]},I=(e,r,t,s)=>{let n=v(s/10);return{start:$(t[0],d-e,d),end:$(t[1]+v(7),d-e,d),time:r,scale:1+v(.2),color:b[Math.floor(Math.random()*b.length)],rotate:n>0?(n+s/20)*10:(n-s/20)*10}},w=e=>{const r=L,t=V,s=_*2+g;e.style.setProperty("--time",`${s}ms`);for(let n=0;n<d;n++){const P=_*2+v(g*2),i=I(n,P,r,t);e.classList.remove(a.active),setTimeout(()=>{const c=document.createElement("span"),j=document.createElement("span");c.classList.add(a.particle),c.style.setProperty("--start-x",`${i.start[0]}px`),c.style.setProperty("--start-y",`${i.start[1]}px`),c.style.setProperty("--end-x",`${i.end[0]}px`),c.style.setProperty("--end-y",`${i.end[1]}px`),c.style.setProperty("--time",`${i.time}ms`),c.style.setProperty("--scale",`${i.scale}`),c.style.setProperty("--color",`var(--color-${i.color}, white)`),c.style.setProperty("--rotate",`${i.rotate}deg`),j.classList.add(a.point),c.appendChild(j),e.appendChild(c),requestAnimationFrame(()=>{e.classList.add(a.active)}),setTimeout(()=>{try{e.removeChild(c)}catch{}},P)},30)}},x=e=>{if(!p.current||!o.current||!l.current)return;const r=p.current.getBoundingClientRect(),t=e.getBoundingClientRect(),s={left:`${t.x-r.x}px`,top:`${t.y-r.y}px`,width:`${t.width}px`,height:`${t.height}px`};Object.assign(o.current.style,s),Object.assign(l.current.style,s),l.current.innerText=e.innerText},R=(e,r)=>{const t=e.currentTarget;m!==r&&(N(r),x(t),o.current&&o.current.querySelectorAll(".particle").forEach(n=>o.current.removeChild(n)),l.current&&(l.current.classList.remove(a.active),l.current.offsetWidth,l.current.classList.add(a.active)),o.current&&w(o.current))},M=(e,r)=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();const t=e.currentTarget.parentElement;t&&R({currentTarget:t},r)}};return f.useEffect(()=>{var t;if(!h.current||!p.current)return;const e=h.current.querySelectorAll("li")[m];e&&(x(e),(t=l.current)==null||t.classList.add(a.active));const r=new ResizeObserver(()=>{var n;const s=(n=h.current)==null?void 0:n.querySelectorAll("li")[m];s&&x(s)});return r.observe(p.current),()=>r.disconnect()},[m]),u.jsxs("div",{className:`${a["gooey-nav-container"]}`,ref:p,children:[u.jsx("nav",{children:u.jsx("ul",{ref:h,children:T.map((e,r)=>u.jsx("li",{className:m===r?a.active:"",children:u.jsx("a",{href:e.href,onClick:t=>R(t,r),onKeyDown:t=>M(t,r),children:e.label})},r))})}),u.jsx("span",{className:`${a.effect} ${a.filter}`,ref:o}),u.jsx("span",{className:`${a.effect} ${a.text}`,ref:l})]})};C.__docgenInfo={description:"",methods:[],displayName:"GooeyNav",props:{animationTime:{defaultValue:{value:"600",computed:!1},required:!1},particleCount:{defaultValue:{value:"15",computed:!1},required:!1},particleDistances:{defaultValue:{value:"[90, 10]",computed:!1},required:!1},particleR:{defaultValue:{value:"100",computed:!1},required:!1},timeVariance:{defaultValue:{value:"300",computed:!1},required:!1},colors:{defaultValue:{value:"[1, 2, 3, 1, 2, 3, 1, 4]",computed:!1},required:!1},initialActiveIndex:{defaultValue:{value:"0",computed:!1},required:!1}}};const F={title:"ReactBits/Components/GooeyNav",component:C,parameters:{layout:"fullscreen"},tags:["autodocs"]},y={args:{items:[{label:"Home",href:"#"},{label:"About",href:"#"},{label:"Projects",href:"#"},{label:"Contact",href:"#"}],animationTime:600,particleCount:15,particleDistances:[90,10],particleR:100,timeVariance:300,colors:[1,2,3,1,2,3,1,4],initialActiveIndex:0}};var E,q,A;y.parameters={...y.parameters,docs:{...(E=y.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      label: 'Home',
+      href: '#'
+    }, {
+      label: 'About',
+      href: '#'
+    }, {
+      label: 'Projects',
+      href: '#'
+    }, {
+      label: 'Contact',
+      href: '#'
+    }],
+    animationTime: 600,
+    particleCount: 15,
+    particleDistances: [90, 10],
+    particleR: 100,
+    timeVariance: 300,
+    colors: [1, 2, 3, 1, 2, 3, 1, 4],
+    initialActiveIndex: 0
+  }
+}`,...(A=(q=y.parameters)==null?void 0:q.docs)==null?void 0:A.source}}};const W=["Default"];export{y as Default,W as __namedExportsOrder,F as default};

package/storybook-static/assets/GradientBlinds-CBpfmlwu.css

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

package/storybook-static/assets/GradientBlinds.stories-BO3udAca.js

@@ -0,0 +1,136 @@
+import{r as l,j as ee}from"./iframe-2N7rjfXm.js";import{R as te,P as oe,M as re}from"./Mesh-CwXV3WjE.js";import{T as ue}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ne={"gradient-blinds-container":"_gradient-blinds-container_g9mdv_1"},S=8,le=u=>{const o=u.replace("#","").padEnd(6,"0"),f=parseInt(o.slice(0,2),16)/255,v=parseInt(o.slice(2,4),16)/255,i=parseInt(o.slice(4,6),16)/255;return[f,v,i]},ae=u=>{const o=(u&&u.length?u:["#FF9FFC","#5227FF"]).slice(0,S);for(o.length===1&&o.push(o[0]);o.length<S;)o.push(o[o.length-1]);const f=[];for(let i=0;i<S;i++)f.push(le(o[i]));const v=Math.max(2,Math.min(S,(u==null?void 0:u.length)??2));return{arr:f,count:v}},j=({className:u,dpr:o,paused:f=!1,gradientColors:v,angle:i=0,noise:b=.3,blindCount:p=16,blindMinWidth:R=60,mouseDampening:M=.15,mirrorGradient:A=!1,spotlightRadius:D=.5,spotlightSoftness:E=1,spotlightOpacity:G=1,distortAmount:O=0,shineDirection:T="left",mixBlendMode:I="lighten"})=>{const P=l.useRef(null),y=l.useRef(null),w=l.useRef(null),g=l.useRef(null),F=l.useRef(null),V=l.useRef(null),_=l.useRef([0,0]),h=l.useRef(0),N=l.useRef(!0);return l.useEffect(()=>{const m=P.current;if(!m)return;const C=new te({dpr:o??(typeof window<"u"&&window.devicePixelRatio||1),alpha:!0,antialias:!0});V.current=C;const n=C.gl,a=n.canvas;a.style.width="100%",a.style.height="100%",a.style.display="block",m.appendChild(a);const J=`
+attribute vec2 position;
+attribute vec2 uv;
+varying vec2 vUv;
+
+void main() {
+  vUv = uv;
+  gl_Position = vec4(position, 0.0, 1.0);
+}
+`,K=`
+#ifdef GL_ES
+precision mediump float;
+#endif
+
+uniform vec3  iResolution;
+uniform vec2  iMouse;
+uniform float iTime;
+
+uniform float uAngle;
+uniform float uNoise;
+uniform float uBlindCount;
+uniform float uSpotlightRadius;
+uniform float uSpotlightSoftness;
+uniform float uSpotlightOpacity;
+uniform float uMirror;
+uniform float uDistort;
+uniform float uShineFlip;
+uniform vec3  uColor0;
+uniform vec3  uColor1;
+uniform vec3  uColor2;
+uniform vec3  uColor3;
+uniform vec3  uColor4;
+uniform vec3  uColor5;
+uniform vec3  uColor6;
+uniform vec3  uColor7;
+uniform int   uColorCount;
+
+varying vec2 vUv;
+
+float rand(vec2 co){
+  return fract(sin(dot(co, vec2(12.9898,78.233))) * 43758.5453);
+}
+
+vec2 rotate2D(vec2 p, float a){
+  float c = cos(a);
+  float s = sin(a);
+  return mat2(c, -s, s, c) * p;
+}
+
+vec3 getGradientColor(float t){
+  float tt = clamp(t, 0.0, 1.0);
+  int count = uColorCount;
+  if (count < 2) count = 2;
+  float scaled = tt * float(count - 1);
+  float seg = floor(scaled);
+  float f = fract(scaled);
+
+  if (seg < 1.0) return mix(uColor0, uColor1, f);
+  if (seg < 2.0 && count > 2) return mix(uColor1, uColor2, f);
+  if (seg < 3.0 && count > 3) return mix(uColor2, uColor3, f);
+  if (seg < 4.0 && count > 4) return mix(uColor3, uColor4, f);
+  if (seg < 5.0 && count > 5) return mix(uColor4, uColor5, f);
+  if (seg < 6.0 && count > 6) return mix(uColor5, uColor6, f);
+  if (seg < 7.0 && count > 7) return mix(uColor6, uColor7, f);
+  if (count > 7) return uColor7;
+  if (count > 6) return uColor6;
+  if (count > 5) return uColor5;
+  if (count > 4) return uColor4;
+  if (count > 3) return uColor3;
+  if (count > 2) return uColor2;
+  return uColor1;
+}
+
+void mainImage( out vec4 fragColor, in vec2 fragCoord )
+{
+    vec2 uv0 = fragCoord.xy / iResolution.xy;
+
+    float aspect = iResolution.x / iResolution.y;
+    vec2 p = uv0 * 2.0 - 1.0;
+    p.x *= aspect;
+    vec2 pr = rotate2D(p, uAngle);
+    pr.x /= aspect;
+    vec2 uv = pr * 0.5 + 0.5;
+
+    vec2 uvMod = uv;
+    if (uDistort > 0.0) {
+      float a = uvMod.y * 6.0;
+      float b = uvMod.x * 6.0;
+      float w = 0.01 * uDistort;
+      uvMod.x += sin(a) * w;
+      uvMod.y += cos(b) * w;
+    }
+    float t = uvMod.x;
+    if (uMirror > 0.5) {
+      t = 1.0 - abs(1.0 - 2.0 * fract(t));
+    }
+    vec3 base = getGradientColor(t);
+
+    vec2 offset = vec2(iMouse.x/iResolution.x, iMouse.y/iResolution.y);
+  float d = length(uv0 - offset);
+  float r = max(uSpotlightRadius, 1e-4);
+  float dn = d / r;
+  float spot = (1.0 - 2.0 * pow(dn, uSpotlightSoftness)) * uSpotlightOpacity;
+  vec3 cir = vec3(spot);
+  float stripe = fract(uvMod.x * max(uBlindCount, 1.0));
+  if (uShineFlip > 0.5) stripe = 1.0 - stripe;
+    vec3 ran = vec3(stripe);
+
+    vec3 col = cir + base - ran;
+    col += (rand(gl_FragCoord.xy + iTime) - 0.5) * uNoise;
+
+    fragColor = vec4(col, 1.0);
+}
+
+void main() {
+    vec4 color;
+    mainImage(color, vUv * iResolution.xy);
+    gl_FragColor = color;
+}
+`,{arr:s,count:Q}=ae(v),c={iResolution:{value:[n.drawingBufferWidth,n.drawingBufferHeight,1]},iMouse:{value:[0,0]},iTime:{value:0},uAngle:{value:i*Math.PI/180},uNoise:{value:b},uBlindCount:{value:Math.max(1,p)},uSpotlightRadius:{value:D},uSpotlightSoftness:{value:E},uSpotlightOpacity:{value:G},uMirror:{value:A?1:0},uDistort:{value:O},uShineFlip:{value:T==="right"?1:0},uColor0:{value:s[0]},uColor1:{value:s[1]},uColor2:{value:s[2]},uColor3:{value:s[3]},uColor4:{value:s[4]},uColor5:{value:s[5]},uColor6:{value:s[6]},uColor7:{value:s[7]},uColorCount:{value:Q}},z=new oe(n,{vertex:J,fragment:K,uniforms:c});w.current=z;const L=new ue(n);F.current=L;const Z=new re(n,{geometry:L,program:z});g.current=Z;const U=()=>{const t=m.getBoundingClientRect();if(C.setSize(t.width,t.height),c.iResolution.value=[n.drawingBufferWidth,n.drawingBufferHeight,1],R&&R>0){const e=Math.max(1,Math.floor(t.width/R)),r=p?Math.min(p,e):e;c.uBlindCount.value=Math.max(1,r)}else c.uBlindCount.value=Math.max(1,p);if(N.current){N.current=!1;const e=n.drawingBufferWidth/2,r=n.drawingBufferHeight/2;c.iMouse.value=[e,r],_.current=[e,r]}};U();const W=new ResizeObserver(U);W.observe(m);const H=t=>{const e=a.getBoundingClientRect(),r=C.dpr||1,d=(t.clientX-e.left)*r,x=(e.height-(t.clientY-e.top))*r;_.current=[d,x],M<=0&&(c.iMouse.value=[d,x])};a.addEventListener("pointermove",H);const X=t=>{if(y.current=requestAnimationFrame(X),c.iTime.value=t*.001,M>0){h.current||(h.current=t);const e=(t-h.current)/1e3;h.current=t;const r=Math.max(1e-4,M);let d=1-Math.exp(-e/r);d>1&&(d=1);const x=_.current,B=c.iMouse.value;B[0]+=(x[0]-B[0])*d,B[1]+=(x[1]-B[1])*d}else h.current=t;if(!f&&w.current&&g.current)try{C.render({scene:g.current})}catch(e){console.error(e)}};return y.current=requestAnimationFrame(X),()=>{y.current&&cancelAnimationFrame(y.current),a.removeEventListener("pointermove",H),W.disconnect(),a.parentElement===m&&m.removeChild(a);const t=(e,r)=>{e&&typeof e[r]=="function"&&e[r].call(e)};t(w.current,"remove"),t(F.current,"remove"),t(g.current,"remove"),t(V.current,"destroy"),w.current=null,F.current=null,g.current=null,V.current=null}},[o,f,v,i,b,p,R,M,A,D,E,G,O,T]),ee.jsx("div",{ref:P,className:`${ne["gradient-blinds-container"]} ${u}`,style:{...I&&{mixBlendMode:I}}})};j.__docgenInfo={description:"",methods:[],displayName:"GradientBlinds",props:{paused:{defaultValue:{value:"false",computed:!1},required:!1},angle:{defaultValue:{value:"0",computed:!1},required:!1},noise:{defaultValue:{value:"0.3",computed:!1},required:!1},blindCount:{defaultValue:{value:"16",computed:!1},required:!1},blindMinWidth:{defaultValue:{value:"60",computed:!1},required:!1},mouseDampening:{defaultValue:{value:"0.15",computed:!1},required:!1},mirrorGradient:{defaultValue:{value:"false",computed:!1},required:!1},spotlightRadius:{defaultValue:{value:"0.5",computed:!1},required:!1},spotlightSoftness:{defaultValue:{value:"1",computed:!1},required:!1},spotlightOpacity:{defaultValue:{value:"1",computed:!1},required:!1},distortAmount:{defaultValue:{value:"0",computed:!1},required:!1},shineDirection:{defaultValue:{value:"'left'",computed:!1},required:!1},mixBlendMode:{defaultValue:{value:"'lighten'",computed:!1},required:!1}}};const de={title:"ReactBits/Backgrounds/GradientBlinds",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},q={args:{paused:!1,angle:0,noise:.3,blindCount:16,blindMinWidth:60,mouseDampening:.15,mirrorGradient:!1,spotlightRadius:.5,spotlightSoftness:1,spotlightOpacity:1,distortAmount:0,shineDirection:"left",mixBlendMode:"lighten"}};var $,k,Y;q.parameters={...q.parameters,docs:{...($=q.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  args: {
+    paused: false,
+    angle: 0,
+    noise: 0.3,
+    blindCount: 16,
+    blindMinWidth: 60,
+    mouseDampening: 0.15,
+    mirrorGradient: false,
+    spotlightRadius: 0.5,
+    spotlightSoftness: 1,
+    spotlightOpacity: 1,
+    distortAmount: 0,
+    shineDirection: 'left',
+    mixBlendMode: 'lighten'
+  }
+}`,...(Y=(k=q.parameters)==null?void 0:k.docs)==null?void 0:Y.source}}};const ve=["Default"];export{q as Default,ve as __namedExportsOrder,de as default};

package/storybook-static/assets/GradientText-Bsx4jZeS.css

@@ -0,0 +1 @@
+._animated-gradient-text_ws0nc_1{position:relative;margin:0 auto;display:flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}._animated-gradient-text_ws0nc_1._with-border_ws0nc_17{padding:.35rem .75rem}._gradient-overlay_ws0nc_21{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;z-index:0;pointer-events:none}._gradient-overlay_ws0nc_21:before{content:"";position:absolute;border-radius:inherit;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}._text-content_ws0nc_47{display:inline-block;position:relative;z-index:2;background-clip:text;-webkit-background-clip:text;color:transparent}

package/storybook-static/assets/GradientText.stories-DwqimEmN.js

@@ -0,0 +1,11 @@
+import{r as s,j as d}from"./iframe-2N7rjfXm.js";import{u as j}from"./use-motion-value-w2f8nz4L.js";import{u as k}from"./use-animation-frame-DNrI5vnP.js";import{u as S}from"./use-transform-DZyAm4Sp.js";import{m as f}from"./proxy-qiKixXs8.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.js";const u={"animated-gradient-text":"_animated-gradient-text_ws0nc_1","with-border":"_with-border_ws0nc_17","gradient-overlay":"_gradient-overlay_ws0nc_21","text-content":"_text-content_ws0nc_47"};function b({children:$,className:w="",colors:m=["#5227FF","#FF9FFC","#B19EEF"],animationSpeed:p=8,showBorder:F=!1,direction:t="horizontal",pauseOnHover:n=!1,yoyo:g=!0}){const[z,h]=s.useState(!1),a=j(0),l=s.useRef(0),o=s.useRef(null),r=p*1e3;k(e=>{if(z){o.current=null;return}if(o.current===null){o.current=e;return}const B=e-o.current;if(o.current=e,l.current+=B,g){const R=r*2,c=l.current%R;c<r?a.set(c/r*100):a.set(100-(c-r)/r*100)}else a.set(l.current/r*100)}),s.useEffect(()=>{l.current=0,a.set(0)},[p,a,g]);const v=S(a,e=>t==="horizontal"?`${e}% 50%`:t==="vertical"?`50% ${e}%`:`${e}% 50%`),C=s.useCallback(()=>{n&&h(!0)},[n]),T=s.useCallback(()=>{n&&h(!1)},[n]),V=t==="horizontal"?"to right":t==="vertical"?"to bottom":"to bottom right",q=[...m,m[0]].join(", "),x={backgroundImage:`linear-gradient(${V}, ${q})`,backgroundSize:t==="horizontal"?"300% 100%":t==="vertical"?"100% 300%":"300% 300%",backgroundRepeat:"repeat"};return d.jsxs(f.div,{className:`${u["animated-gradient-text"]} ${F?u["with-border"]:""} ${w}`,onMouseEnter:C,onMouseLeave:T,children:[F&&d.jsx(f.div,{className:`${u["gradient-overlay"]}`,style:{...x,backgroundPosition:v}}),d.jsx(f.div,{className:`${u["text-content"]}`,style:{...x,backgroundPosition:v},children:$})]})}b.__docgenInfo={description:"",methods:[],displayName:"GradientText",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},colors:{defaultValue:{value:"['#5227FF', '#FF9FFC', '#B19EEF']",computed:!1},required:!1},animationSpeed:{defaultValue:{value:"8",computed:!1},required:!1},showBorder:{defaultValue:{value:"false",computed:!1},required:!1},direction:{defaultValue:{value:"'horizontal'",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},yoyo:{defaultValue:{value:"true",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/GradientText",component:b,parameters:{layout:"fullscreen"},tags:["autodocs"]},i={args:{children:"Hello World",colors:["#5227FF","#FF9FFC","#B19EEF"],animationSpeed:8,showBorder:!1,direction:"horizontal",pauseOnHover:!1,yoyo:!0}};var _,y,E;i.parameters={...i.parameters,docs:{...(_=i.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  args: {
+    children: 'Hello World',
+    colors: ['#5227FF', '#FF9FFC', '#B19EEF'],
+    animationSpeed: 8,
+    showBorder: false,
+    direction: 'horizontal',
+    pauseOnHover: false,
+    yoyo: true
+  }
+}`,...(E=(y=i.parameters)==null?void 0:y.docs)==null?void 0:E.source}}};const L=["Default"];export{i as Default,L as __namedExportsOrder,H as default};

package/storybook-static/assets/Grainient.stories-DrGFYn0A.js

@@ -0,0 +1,113 @@
+import{r as I,j as L}from"./iframe-2N7rjfXm.js";import{R as Y,P as $,M as H}from"./Mesh-CwXV3WjE.js";import{T as J}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const c=t=>{const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?[parseInt(e[1],16)/255,parseInt(e[2],16)/255,parseInt(e[3],16)/255]:[1,1,1]},K=`#version 300 es
+in vec2 position;
+void main() {
+  gl_Position = vec4(position, 0.0, 1.0);
+}
+`,Q=`#version 300 es
+precision highp float;
+uniform vec2 iResolution;
+uniform float iTime;
+uniform float uTimeSpeed;
+uniform float uColorBalance;
+uniform float uWarpStrength;
+uniform float uWarpFrequency;
+uniform float uWarpSpeed;
+uniform float uWarpAmplitude;
+uniform float uBlendAngle;
+uniform float uBlendSoftness;
+uniform float uRotationAmount;
+uniform float uNoiseScale;
+uniform float uGrainAmount;
+uniform float uGrainScale;
+uniform float uGrainAnimated;
+uniform float uContrast;
+uniform float uGamma;
+uniform float uSaturation;
+uniform vec2 uCenterOffset;
+uniform float uZoom;
+uniform vec3 uColor1;
+uniform vec3 uColor2;
+uniform vec3 uColor3;
+out vec4 fragColor;
+#define S(a,b,t) smoothstep(a,b,t)
+mat2 Rot(float a){float s=sin(a),c=cos(a);return mat2(c,-s,s,c);} 
+vec2 hash(vec2 p){p=vec2(dot(p,vec2(2127.1,81.17)),dot(p,vec2(1269.5,283.37)));return fract(sin(p)*43758.5453);} 
+float noise(vec2 p){vec2 i=floor(p),f=fract(p),u=f*f*(3.0-2.0*f);float n=mix(mix(dot(-1.0+2.0*hash(i+vec2(0.0,0.0)),f-vec2(0.0,0.0)),dot(-1.0+2.0*hash(i+vec2(1.0,0.0)),f-vec2(1.0,0.0)),u.x),mix(dot(-1.0+2.0*hash(i+vec2(0.0,1.0)),f-vec2(0.0,1.0)),dot(-1.0+2.0*hash(i+vec2(1.0,1.0)),f-vec2(1.0,1.0)),u.x),u.y);return 0.5+0.5*n;}
+void mainImage(out vec4 o, vec2 C){
+  float t=iTime*uTimeSpeed;
+  vec2 uv=C/iResolution.xy;
+  float ratio=iResolution.x/iResolution.y;
+  vec2 tuv=uv-0.5+uCenterOffset;
+  tuv/=max(uZoom,0.001);
+
+  float degree=noise(vec2(t*0.1,tuv.x*tuv.y)*uNoiseScale);
+  tuv.y*=1.0/ratio;
+  tuv*=Rot(radians((degree-0.5)*uRotationAmount+180.0));
+  tuv.y*=ratio;
+
+  float frequency=uWarpFrequency;
+  float ws=max(uWarpStrength,0.001);
+  float amplitude=uWarpAmplitude/ws;
+  float warpTime=t*uWarpSpeed;
+  tuv.x+=sin(tuv.y*frequency+warpTime)/amplitude;
+  tuv.y+=sin(tuv.x*(frequency*1.5)+warpTime)/(amplitude*0.5);
+
+  vec3 colLav=uColor1;
+  vec3 colOrg=uColor2;
+  vec3 colDark=uColor3;
+  float b=uColorBalance;
+  float s=max(uBlendSoftness,0.0);
+  mat2 blendRot=Rot(radians(uBlendAngle));
+  float blendX=(tuv*blendRot).x;
+  float edge0=-0.3-b-s;
+  float edge1=0.2-b+s;
+  float v0=0.5-b+s;
+  float v1=-0.3-b-s;
+  vec3 layer1=mix(colDark,colOrg,S(edge0,edge1,blendX));
+  vec3 layer2=mix(colOrg,colLav,S(edge0,edge1,blendX));
+  vec3 col=mix(layer1,layer2,S(v0,v1,tuv.y));
+
+  vec2 grainUv=uv*max(uGrainScale,0.001);
+  if(uGrainAnimated>0.5){grainUv+=vec2(iTime*0.05);} 
+  float grain=fract(sin(dot(grainUv,vec2(12.9898,78.233)))*43758.5453);
+  col+=(grain-0.5)*uGrainAmount;
+
+  col=(col-0.5)*uContrast+0.5;
+  float luma=dot(col,vec3(0.2126,0.7152,0.0722));
+  col=mix(vec3(luma),col,uSaturation);
+  col=pow(max(col,0.0),vec3(1.0/max(uGamma,0.001)));
+  col=clamp(col,0.0,1.0);
+
+  o=vec4(col,1.0);
+}
+void main(){
+  vec4 o=vec4(0.0);
+  mainImage(o,gl_FragCoord.xy);
+  fragColor=o;
+}
+`,X=({timeSpeed:t=.25,colorBalance:e=0,warpStrength:d=1,warpFrequency:m=5,warpSpeed:v=2,warpAmplitude:p=50,blendAngle:g=0,blendSoftness:h=.05,rotationAmount:F=500,noiseScale:S=2,grainAmount:y=.1,grainScale:x=2,grainAnimated:q=!1,contrast:w=1.5,gamma:A=1,saturation:C=1,centerX:R=0,centerY:V=0,zoom:b=.9,color1:B="#FF9FFC",color2:G="#5227FF",color3:T="#B19EEF",className:k=""})=>{const n=I.useRef(null);return I.useEffect(()=>{if(!n.current)return;const i=new Y({webgl:2,alpha:!0,antialias:!1,dpr:Math.min(window.devicePixelRatio||1,2)}),a=i.gl,o=a.canvas;o.style.width="100%",o.style.height="100%",o.style.display="block";const l=n.current;l.appendChild(o);const D=new J(a),s=new $(a,{vertex:K,fragment:Q,uniforms:{iTime:{value:0},iResolution:{value:new Float32Array([1,1])},uTimeSpeed:{value:t},uColorBalance:{value:e},uWarpStrength:{value:d},uWarpFrequency:{value:m},uWarpSpeed:{value:v},uWarpAmplitude:{value:p},uBlendAngle:{value:g},uBlendSoftness:{value:h},uRotationAmount:{value:F},uNoiseScale:{value:S},uGrainAmount:{value:y},uGrainScale:{value:x},uGrainAnimated:{value:q?1:0},uContrast:{value:w},uGamma:{value:A},uSaturation:{value:C},uCenterOffset:{value:new Float32Array([R,V])},uZoom:{value:b},uColor1:{value:new Float32Array(c(B))},uColor2:{value:new Float32Array(c(G))},uColor3:{value:new Float32Array(c(T))}}}),P=new H(a,{geometry:D,program:s}),W=()=>{const u=l.getBoundingClientRect(),U=Math.max(1,Math.floor(u.width)),Z=Math.max(1,Math.floor(u.height));i.setSize(U,Z);const M=s.uniforms.iResolution.value;M[0]=a.drawingBufferWidth,M[1]=a.drawingBufferHeight},E=new ResizeObserver(W);E.observe(l),W();let f=0;const j=performance.now(),O=u=>{s.uniforms.iTime.value=(u-j)*.001,i.render({scene:P}),f=requestAnimationFrame(O)};return f=requestAnimationFrame(O),()=>{cancelAnimationFrame(f),E.disconnect();try{l.removeChild(o)}catch{}}},[t,e,d,m,v,p,g,h,F,S,y,x,q,w,A,C,R,V,b,B,G,T]),L.jsx("div",{ref:n,className:`grainient-container ${k}`.trim()})};X.__docgenInfo={description:"",methods:[],displayName:"Grainient",props:{timeSpeed:{defaultValue:{value:"0.25",computed:!1},required:!1},colorBalance:{defaultValue:{value:"0.0",computed:!1},required:!1},warpStrength:{defaultValue:{value:"1.0",computed:!1},required:!1},warpFrequency:{defaultValue:{value:"5.0",computed:!1},required:!1},warpSpeed:{defaultValue:{value:"2.0",computed:!1},required:!1},warpAmplitude:{defaultValue:{value:"50.0",computed:!1},required:!1},blendAngle:{defaultValue:{value:"0.0",computed:!1},required:!1},blendSoftness:{defaultValue:{value:"0.05",computed:!1},required:!1},rotationAmount:{defaultValue:{value:"500.0",computed:!1},required:!1},noiseScale:{defaultValue:{value:"2.0",computed:!1},required:!1},grainAmount:{defaultValue:{value:"0.1",computed:!1},required:!1},grainScale:{defaultValue:{value:"2.0",computed:!1},required:!1},grainAnimated:{defaultValue:{value:"false",computed:!1},required:!1},contrast:{defaultValue:{value:"1.5",computed:!1},required:!1},gamma:{defaultValue:{value:"1.0",computed:!1},required:!1},saturation:{defaultValue:{value:"1.0",computed:!1},required:!1},centerX:{defaultValue:{value:"0.0",computed:!1},required:!1},centerY:{defaultValue:{value:"0.0",computed:!1},required:!1},zoom:{defaultValue:{value:"0.9",computed:!1},required:!1},color1:{defaultValue:{value:"'#FF9FFC'",computed:!1},required:!1},color2:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},color3:{defaultValue:{value:"'#B19EEF'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const le={title:"ReactBits/Backgrounds/Grainient",component:X,parameters:{layout:"fullscreen"},tags:["autodocs"]},r={args:{timeSpeed:.25,colorBalance:0,warpStrength:1,warpFrequency:5,warpSpeed:2,warpAmplitude:50,blendAngle:0,blendSoftness:.05,rotationAmount:500,noiseScale:2,grainAmount:.1,grainScale:2,grainAnimated:!1,contrast:1.5,gamma:1,saturation:1,centerX:0,centerY:0,zoom:.9,color1:"#FF9FFC",color2:"#5227FF",color3:"#B19EEF"}};var N,_,z;r.parameters={...r.parameters,docs:{...(N=r.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  args: {
+    timeSpeed: 0.25,
+    colorBalance: 0.0,
+    warpStrength: 1.0,
+    warpFrequency: 5.0,
+    warpSpeed: 2.0,
+    warpAmplitude: 50.0,
+    blendAngle: 0.0,
+    blendSoftness: 0.05,
+    rotationAmount: 500.0,
+    noiseScale: 2.0,
+    grainAmount: 0.1,
+    grainScale: 2.0,
+    grainAnimated: false,
+    contrast: 1.5,
+    gamma: 1.0,
+    saturation: 1.0,
+    centerX: 0.0,
+    centerY: 0.0,
+    zoom: 0.9,
+    color1: '#FF9FFC',
+    color2: '#5227FF',
+    color3: '#B19EEF'
+  }
+}`,...(z=(_=r.parameters)==null?void 0:_.docs)==null?void 0:z.source}}};const ue=["Default"];export{r as Default,ue as __namedExportsOrder,le as default};

package/storybook-static/assets/GridMotion-GSkrJvrd.css

@@ -0,0 +1 @@
+._noscroll_11mq5_1{min-height:100vh;width:100%;overflow:hidden}._intro_11mq5_7{width:100%;height:100vh;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}._intro_11mq5_7:after{content:"";position:absolute;top:0;left:0;width:100%;min-height:100vh;background-size:250px;pointer-events:none;z-index:4}._gridMotion-container_11mq5_29{gap:1rem;flex:none;position:relative;width:150vw;height:150vh;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:100%;transform:rotate(-15deg);transform-origin:center center;z-index:2}._row_11mq5_43{display:grid;gap:1rem;grid-template-columns:repeat(7,1fr);will-change:transform,filter}._row__item_11mq5_50{position:relative}._row__item-inner_11mq5_54{position:relative;width:100%;min-height:100vh;overflow:hidden;border-radius:10px;background-color:#111;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}._row__item-img_11mq5_68{width:100%;min-height:100vh;background-size:cover;background-position:50% 50%;position:absolute;top:0;left:0}._row__item-content_11mq5_78{padding:1rem;text-align:center;z-index:1}._fullview_11mq5_84{position:relative;width:100%;min-height:100vh;top:0;left:0;pointer-events:none}._fullview_11mq5_84 ._row__item-inner_11mq5_54{border-radius:0}

package/storybook-static/assets/GridMotion.stories-Rbww9MSf.js

@@ -0,0 +1,6 @@
+import{r as n,j as t}from"./iframe-2N7rjfXm.js";import{g as m}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const k="_noscroll_11mq5_1",D="_intro_11mq5_7",N="_row_11mq5_43",C="_row__item_11mq5_50",A="_fullview_11mq5_84",s={noscroll:k,intro:D,"gridMotion-container":"_gridMotion-container_11mq5_29",row:N,row__item:C,"row__item-inner":"_row__item-inner_11mq5_54","row__item-img":"_row__item-img_11mq5_68","row__item-content":"_row__item-content_11mq5_78",fullview:A},x=({items:a=[],gradientColor:j="black"})=>{const q=n.useRef(null),d=n.useRef([]),u=n.useRef(window.innerWidth/2),h=28,b=Array.from({length:h},(r,e)=>`Item ${e+1}`),y=a.length>0?a.slice(0,h):b;return n.useEffect(()=>{m.ticker.lagSmoothing(0);const r=o=>{u.current=o.clientX},e=()=>{const l=[.6,.4,.3,.2];d.current.forEach((_,g)=>{if(_){const M=g%2===0?1:-1,$=(u.current/window.innerWidth*300-300/2)*M;m.to(_,{x:$,duration:.8+l[g%l.length],ease:"power3.out",overwrite:"auto"})}})},p=m.ticker.add(e);return window.addEventListener("mousemove",r),()=>{window.removeEventListener("mousemove",r),p()}},[]),t.jsx("div",{className:`${s.noscroll} loading`,ref:q,children:t.jsxs("section",{className:`${s.intro}`,style:{background:`radial-gradient(circle, ${j} 0%, transparent 100%)`},children:[t.jsx("div",{className:`${s["gridMotion-container"]}`,children:[...Array(4)].map((r,e)=>t.jsx("div",{className:`${s.row}`,ref:p=>d.current[e]=p,children:[...Array(7)].map((p,o)=>{const i=y[e*7+o];return t.jsx("div",{className:`${s.row__item}`,children:t.jsx("div",{className:`${s["row__item-inner"]}`,style:{backgroundColor:"#111"},children:typeof i=="string"&&i.startsWith("http")?t.jsx("div",{className:`${s["row__item-img"]}`,style:{backgroundImage:`url(${i})`}}):t.jsx("div",{className:`${s["row__item-content"]}`,children:i})})},o)})},e))}),t.jsx("div",{className:`${s.fullview}`})]})})};x.__docgenInfo={description:"",methods:[],displayName:"GridMotion",props:{items:{defaultValue:{value:"[]",computed:!1},required:!1},gradientColor:{defaultValue:{value:"'black'",computed:!1},required:!1}}};const I={title:"ReactBits/Backgrounds/GridMotion",component:x,parameters:{layout:"fullscreen"},tags:["autodocs"]},c={args:{items:["https://picsum.photos/seed/a/300/300","https://picsum.photos/seed/b/300/300","Design","https://picsum.photos/seed/c/300/300","Code","https://picsum.photos/seed/d/300/300","Create","https://picsum.photos/seed/e/300/300","Build","https://picsum.photos/seed/f/300/300","https://picsum.photos/seed/g/300/300","Ship","https://picsum.photos/seed/h/300/300","Launch","https://picsum.photos/seed/i/300/300","https://picsum.photos/seed/j/300/300","Iterate","https://picsum.photos/seed/k/300/300","Scale","https://picsum.photos/seed/l/300/300","https://picsum.photos/seed/m/300/300","Deploy","https://picsum.photos/seed/n/300/300","Test","https://picsum.photos/seed/o/300/300","https://picsum.photos/seed/p/300/300","Debug","https://picsum.photos/seed/q/300/300"],gradientColor:"#060010"}};var f,w,v;c.parameters={...c.parameters,docs:{...(f=c.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    items: ['https://picsum.photos/seed/a/300/300', 'https://picsum.photos/seed/b/300/300', 'Design', 'https://picsum.photos/seed/c/300/300', 'Code', 'https://picsum.photos/seed/d/300/300', 'Create', 'https://picsum.photos/seed/e/300/300', 'Build', 'https://picsum.photos/seed/f/300/300', 'https://picsum.photos/seed/g/300/300', 'Ship', 'https://picsum.photos/seed/h/300/300', 'Launch', 'https://picsum.photos/seed/i/300/300', 'https://picsum.photos/seed/j/300/300', 'Iterate', 'https://picsum.photos/seed/k/300/300', 'Scale', 'https://picsum.photos/seed/l/300/300', 'https://picsum.photos/seed/m/300/300', 'Deploy', 'https://picsum.photos/seed/n/300/300', 'Test', 'https://picsum.photos/seed/o/300/300', 'https://picsum.photos/seed/p/300/300', 'Debug', 'https://picsum.photos/seed/q/300/300'],
+    gradientColor: '#060010'
+  }
+}`,...(v=(w=c.parameters)==null?void 0:w.docs)==null?void 0:v.source}}};const L=["Default"];export{c as Default,L as __namedExportsOrder,I as default};

package/storybook-static/assets/ImageSlideshow-CrquLxbj.css

@@ -0,0 +1 @@
+._slideshow_1a6nu_1{position:relative;width:100%;max-width:100%;background:var(--color-background);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:all .3s ease}._slideshow_1a6nu_1._fullscreen_1a6nu_12{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0;background:#000}._empty_1a6nu_23{min-height:400px;display:flex;align-items:center;justify-content:center}._emptyState_1a6nu_30{color:var(--color-text-tertiary);font-size:var(--font-size-lg);text-align:center}._mainContainer_1a6nu_36{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:var(--color-background-secondary)}._slide_1a6nu_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;transform-origin:center}._image_1a6nu_58{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;transition:opacity .3s ease}._imageLoader_1a6nu_67{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}._spinner_1a6nu_77{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:_spin_1a6nu_77 1s linear infinite}@keyframes _spin_1a6nu_77{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._control_1a6nu_91{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}._control_1a6nu_91:hover{background:#000c}._control_1a6nu_91 svg{width:24px;height:24px;display:block}._control_1a6nu_91:disabled{opacity:.4;cursor:not-allowed}._control_1a6nu_91:disabled:hover{background:#0009}._controlPrev_1a6nu_130{left:var(--spacing-md)}._controlNext_1a6nu_134{right:var(--spacing-md)}._controlPlay_1a6nu_138{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:#0009;color:#fff;border:none;border-radius:var(--radius-full);width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}._controlPlay_1a6nu_138:hover{background:#000c}._controlPlay_1a6nu_138 svg{width:24px;height:24px;display:block}._topControls_1a6nu_168{position:absolute;top:calc(var(--spacing-md) + 12px);right:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs);z-index:10}._controlAction_1a6nu_178{position:relative;background:#0009;color:#fff;border:none;border-radius:var(--radius-full);width:40px;height:40px;cursor:pointer;transition:background-color .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}._controlAction_1a6nu_178:hover{background:#000c}._controlAction_1a6nu_178 svg{width:20px;height:20px}._caption_1a6nu_202{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);z-index:5}._captionTitle_1a6nu_213{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.2}._captionText_1a6nu_220{margin:0;font-size:var(--font-size-sm);line-height:1.4;opacity:.9}._imageMetadata_1a6nu_227{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:var(--font-size-xs);opacity:.8}._metadataItem_1a6nu_236{display:flex;align-items:center;gap:var(--spacing-xs);background:#ffffff1a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}._indicators_1a6nu_246{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-xs);z-index:10}._slideshow_1a6nu_1._hasThumbnails_1a6nu_256 ._indicators_1a6nu_246{bottom:calc(var(--spacing-md) + 88px)}._indicator_1a6nu_246{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.6);background:transparent;cursor:pointer;transition:all .2s ease}._indicator_1a6nu_246:hover{border-color:#fffc}._indicatorActive_1a6nu_274{background:#fff;border-color:#fff}._thumbnails_1a6nu_279{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-background-secondary);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;transition:all .2s ease}._thumbnails_1a6nu_279::-webkit-scrollbar{height:4px}._thumbnails_1a6nu_279::-webkit-scrollbar-track{background:transparent}._thumbnails_1a6nu_279::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}._thumbnail_1a6nu_279{flex-shrink:0;width:80px;height:60px;border:2px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease;background:none;padding:0;position:relative}._thumbnail_1a6nu_279:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}._thumbnailActive_1a6nu_323{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}._thumbnailImage_1a6nu_328{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none}@media (max-width: 768px){._slideshow_1a6nu_1._fullscreen_1a6nu_12{border-radius:0}._mainContainer_1a6nu_36{padding-bottom:75%}._slideshow_1a6nu_1._hasThumbnails_1a6nu_256 ._indicators_1a6nu_246{bottom:calc(var(--spacing-sm) + 60px)}._control_1a6nu_91{width:40px;height:40px}._control_1a6nu_91 svg{width:20px;height:20px}._controlPlay_1a6nu_138{width:40px;height:40px}._controlPlay_1a6nu_138 svg{width:20px;height:20px}._controlPrev_1a6nu_130,._controlNext_1a6nu_134{top:50%;transform:translateY(-50%)}._controlPrev_1a6nu_130{left:var(--spacing-sm)}._controlNext_1a6nu_134{right:var(--spacing-sm)}._controlPlay_1a6nu_138{top:var(--spacing-sm);left:var(--spacing-sm);width:40px;height:40px}._topControls_1a6nu_168{top:calc(var(--spacing-sm) + 10px);right:var(--spacing-sm);gap:var(--spacing-xs)}._controlAction_1a6nu_178{width:36px;height:36px}._controlAction_1a6nu_178 svg{width:18px;height:18px}._zoomControls_1a6nu_406{bottom:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs)}._caption_1a6nu_202{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-md)}._captionTitle_1a6nu_213{font-size:var(--font-size-md)}._captionText_1a6nu_220{font-size:var(--font-size-xs)}._thumbnails_1a6nu_279{padding:var(--spacing-sm)}._thumbnail_1a6nu_279{width:60px;height:45px}._imageMetadata_1a6nu_227{gap:var(--spacing-xs)}._metadataItem_1a6nu_236{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}._indicators_1a6nu_246{bottom:var(--spacing-sm)}._indicator_1a6nu_246{width:10px;height:10px}}@media (max-width: 480px){._mainContainer_1a6nu_36{padding-bottom:100%}._control_1a6nu_91{width:36px;height:36px}._control_1a6nu_91 svg{width:18px;height:18px}._controlPlay_1a6nu_138{width:36px;height:36px}._controlPlay_1a6nu_138 svg{width:18px;height:18px}._thumbnail_1a6nu_279{width:50px;height:38px}._topControls_1a6nu_168{flex-direction:column;gap:var(--spacing-xs)}._slideshow_1a6nu_1._hasThumbnails_1a6nu_256 ._indicators_1a6nu_246{bottom:calc(var(--spacing-sm) + 50px)}._imageMetadata_1a6nu_227{flex-direction:column;gap:var(--spacing-xs)}}