@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/{DateInput.stories-BGB5zJBm.js → DateInput.stories-B2N9buuW.js}

@@ -1,4 +1,4 @@
-import{r as o,j as e}from"./iframe-BUaP2gIF.js";import{D as r}from"./DateInput-Cu3PZYc0.js";import"./preload-helper-C1FmrZbK.js";import"./index-5bdJXrkD.js";const L={title:"Atoms/DateInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A date input component with European format (dd/mm/yyyy) and calendar picker support."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the date input"},value:{control:"text",description:"Current date value (ISO format or dd/mm/yyyy)"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},s={args:{label:"Select Date",value:"",placeholder:"25/12/2024",onChange:()=>{}}},l={args:{label:"Birth Date",value:"1990-05-15",onChange:()=>{}}},c={args:{label:"Event Date",value:"",placeholder:"01/01/2025",onChange:()=>{}}},d={args:{label:"Select a date",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState("");return e.jsxs("div",{children:[e.jsx(r,{label:"Select a date",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",t||"No date selected"]})]})}},i={args:{label:"Date Range",value:"2024-01-01",onChange:()=>{}},render:()=>{const[t,n]=o.useState("2024-01-01"),[a,m]=o.useState("2024-12-31");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Start Date",value:t,onChange:n}),e.jsx(r,{label:"End Date",value:a,onChange:m}),e.jsx("div",{style:{padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:e.jsxs("p",{style:{margin:0,fontSize:"0.875rem"},children:[e.jsx("strong",{children:"Period:"})," ",t||"Not set"," to ",a||"Not set"]})})]})},parameters:{controls:{disable:!0}}},u={args:{label:"Check-in",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState(""),[a,m]=o.useState("");return e.jsxs("div",{style:{padding:"1.5rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1rem"},children:"Hotel Booking"}),e.jsxs("div",{style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx(r,{label:"Check-in",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsx(r,{label:"Check-out",value:a,onChange:m,placeholder:"dd/mm/yyyy"})]}),t&&a&&e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",color:"#666"},children:["Your stay: ",new Date(t).toLocaleDateString("en-GB")," - ",new Date(a).toLocaleDateString("en-GB")]})]})},parameters:{controls:{disable:!0}}};var p,h,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
+import{r as o,j as e}from"./iframe-Cz1R6gKZ.js";import{D as r}from"./DateInput-DDPZqyBR.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DOpt9DfD.js";import"./createLucideIcon-C7zEcVM7.js";const T={title:"Atoms/DateInput",component:r,parameters:{layout:"centered",docs:{description:{component:"A date input component with European format (dd/mm/yyyy) and calendar picker support."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the date input"},value:{control:"text",description:"Current date value (ISO format or dd/mm/yyyy)"},placeholder:{control:"text",description:"Placeholder text"},onChange:{action:"changed"},onFocus:{action:"focused"},onBlur:{action:"blurred"}}},s={args:{label:"Select Date",value:"",placeholder:"25/12/2024",onChange:()=>{}}},l={args:{label:"Birth Date",value:"1990-05-15",onChange:()=>{}}},c={args:{label:"Event Date",value:"",placeholder:"01/01/2025",onChange:()=>{}}},d={args:{label:"Select a date",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState("");return e.jsxs("div",{children:[e.jsx(r,{label:"Select a date",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",t||"No date selected"]})]})}},i={args:{label:"Date Range",value:"2024-01-01",onChange:()=>{}},render:()=>{const[t,n]=o.useState("2024-01-01"),[a,m]=o.useState("2024-12-31");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsx(r,{label:"Start Date",value:t,onChange:n}),e.jsx(r,{label:"End Date",value:a,onChange:m}),e.jsx("div",{style:{padding:"1rem",background:"#f5f5f5",borderRadius:"4px"},children:e.jsxs("p",{style:{margin:0,fontSize:"0.875rem"},children:[e.jsx("strong",{children:"Period:"})," ",t||"Not set"," to ",a||"Not set"]})})]})},parameters:{controls:{disable:!0}}},u={args:{label:"Check-in",value:"",placeholder:"dd/mm/yyyy",onChange:()=>{}},render:()=>{const[t,n]=o.useState(""),[a,m]=o.useState("");return e.jsxs("div",{style:{padding:"1.5rem",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"8px",maxWidth:"400px"},children:[e.jsx("h3",{style:{marginTop:0,marginBottom:"1rem"},children:"Hotel Booking"}),e.jsxs("div",{style:{display:"flex",gap:"1rem",marginBottom:"1rem"},children:[e.jsx(r,{label:"Check-in",value:t,onChange:n,placeholder:"dd/mm/yyyy"}),e.jsx(r,{label:"Check-out",value:a,onChange:m,placeholder:"dd/mm/yyyy"})]}),t&&a&&e.jsxs("p",{style:{margin:0,fontSize:"0.875rem",color:"#666"},children:["Your stay: ",new Date(t).toLocaleDateString("en-GB")," - ",new Date(a).toLocaleDateString("en-GB")]})]})},parameters:{controls:{disable:!0}}};var p,h,g;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
   args: {
     label: 'Select Date',
     value: '',
@@ -116,4 +116,4 @@ import{r as o,j as e}from"./iframe-BUaP2gIF.js";import{D as r}from"./DateInput-C
       disable: true
     }
   }
-}`,...(R=(O=u.parameters)==null?void 0:O.docs)==null?void 0:R.source}}};const T=["Default","WithValue","CustomPlaceholder","Interactive","MultipleDateInputs","DateRangePicker"];export{c as CustomPlaceholder,u as DateRangePicker,s as Default,d as Interactive,i as MultipleDateInputs,l as WithValue,T as __namedExportsOrder,L as default};
+}`,...(R=(O=u.parameters)==null?void 0:O.docs)==null?void 0:R.source}}};const G=["Default","WithValue","CustomPlaceholder","Interactive","MultipleDateInputs","DateRangePicker"];export{c as CustomPlaceholder,u as DateRangePicker,s as Default,d as Interactive,i as MultipleDateInputs,l as WithValue,G as __namedExportsOrder,T as default};

package/storybook-static/assets/DecayCard-2Nc9J_8G.css

@@ -0,0 +1 @@
+._content_deiue_1{position:relative}._svg_deiue_5{position:relative;width:100%;min-height:100vh;display:block;will-change:transform}._card-text_deiue_13{position:absolute;bottom:1.2em;letter-spacing:-.5px;font-weight:900;left:1em;font-size:2.5rem;line-height:1.5em}._card-text_deiue_13:first-line{font-size:4rem}

package/storybook-static/assets/DecayCard.stories-YGHrmyBt.js

@@ -0,0 +1,8 @@
+import{r as c,j as a}from"./iframe-Cz1R6gKZ.js";import{g as v}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const D="_content_deiue_1",W="_svg_deiue_5",f={content:D,svg:W,"card-text":"_card-text_deiue_13"},j=({width:M=300,height:S=400,image:z="https://picsum.photos/300/400?grayscale",children:C})=>{const h=c.useRef(null),p=c.useRef(null),n=c.useRef({x:window.innerWidth/2,y:window.innerHeight/2}),g=c.useRef({...n.current}),l=c.useRef({width:window.innerWidth,height:window.innerHeight});return c.useEffect(()=>{const d=(t,r,i)=>(1-i)*t+i*r,u=(t,r,i,e,o)=>(t-r)*(o-e)/(i-r)+e,E=(t,r,i,e)=>{const o=t-r,b=i-e;return Math.hypot(o,b)},x=()=>{l.current={width:window.innerWidth,height:window.innerHeight}},w=t=>{n.current={x:t.clientX,y:t.clientY}};window.addEventListener("resize",x),window.addEventListener("mousemove",w);const s={imgTransforms:{x:0,y:0,rz:0},displacementScale:0},y=()=>{let t=d(s.imgTransforms.x,u(n.current.x,0,l.current.width,-120,120),.1),r=d(s.imgTransforms.y,u(n.current.y,0,l.current.height,-120,120),.1),i=d(s.imgTransforms.rz,u(n.current.x,0,l.current.width,-10,10),.1);const e=50;t>e&&(t=e+(t-e)*.2),t<-e&&(t=-e+(t+e)*.2),r>e&&(r=e+(r-e)*.2),r<-e&&(r=-e+(r+e)*.2),s.imgTransforms.x=t,s.imgTransforms.y=r,s.imgTransforms.rz=i,h.current&&v.set(h.current,{x:s.imgTransforms.x,y:s.imgTransforms.y,rotateZ:s.imgTransforms.rz});const o=E(g.current.x,n.current.x,g.current.y,n.current.y);s.displacementScale=d(s.displacementScale,u(o,0,200,0,400),.06),p.current&&v.set(p.current,{attr:{scale:s.displacementScale}}),g.current={...n.current},requestAnimationFrame(y)};return y(),()=>{window.removeEventListener("resize",x),window.removeEventListener("mousemove",w)}},[]),a.jsxs("div",{className:`${f.content}`,style:{width:`${M}px`,height:`${S}px`},ref:h,children:[a.jsxs("svg",{viewBox:"-60 -75 720 900",preserveAspectRatio:"xMidYMid slice",className:`${f.svg}`,children:[a.jsxs("filter",{id:"imgFilter",children:[a.jsx("feTurbulence",{type:"turbulence",baseFrequency:"0.015",numOctaves:"5",seed:"4",stitchTiles:"stitch",x:"0%",y:"0%",width:"100%",height:"100%",result:"turbulence1"}),a.jsx("feDisplacementMap",{ref:p,in:"SourceGraphic",in2:"turbulence1",scale:"0",xChannelSelector:"R",yChannelSelector:"B",x:"0%",y:"0%",width:"100%",height:"100%",result:"displacementMap3"})]}),a.jsx("g",{children:a.jsx("image",{href:z,x:"0",y:"0",width:"600",height:"750",filter:"url(#imgFilter)",preserveAspectRatio:"xMidYMid slice"})})]}),a.jsx("div",{className:`${f["card-text"]}`,children:C})]})};j.__docgenInfo={description:"",methods:[],displayName:"DecayCard",props:{width:{defaultValue:{value:"300",computed:!1},required:!1},height:{defaultValue:{value:"400",computed:!1},required:!1},image:{defaultValue:{value:"'https://picsum.photos/300/400?grayscale'",computed:!1},required:!1}}};const F={title:"ReactBits/Components/DecayCard",component:j,parameters:{layout:"fullscreen"},tags:["autodocs"]},m={args:{width:300,height:400,image:"https://picsum.photos/300/400?grayscale",children:"Hello World"}};var R,T,_;m.parameters={...m.parameters,docs:{...(R=m.parameters)==null?void 0:R.docs,source:{originalSource:`{
+  args: {
+    width: 300,
+    height: 400,
+    image: 'https://picsum.photos/300/400?grayscale',
+    children: 'Hello World'
+  }
+}`,...(_=(T=m.parameters)==null?void 0:T.docs)==null?void 0:_.source}}};const L=["Default"];export{m as Default,L as __namedExportsOrder,F as default};

package/storybook-static/assets/DecryptedText.stories-B5x1eEwu.js

@@ -0,0 +1,15 @@
+import{r as n,j as N}from"./iframe-Cz1R6gKZ.js";import{m as te}from"./proxy-CAwOFzsk.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";const P={wrapper:{display:"inline-block",whiteSpace:"pre-wrap"},srOnly:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0,0,0,0)",border:0}};function G({text:t,speed:j=50,maxIterations:I=10,sequential:w=!1,revealDirection:y="start",useOriginalCharsOnly:z=!1,characters:T="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",className:J="",parentClassName:K="",encryptedClassName:Q="",animateOn:i="hover",clickMode:x="once",...U}){const[R,c]=n.useState(t),[v,f]=n.useState(!1),[X,d]=n.useState(new Set),[H,Y]=n.useState(!1),[A,p]=n.useState(i!=="click"),[C,h]=n.useState("forward"),_=n.useRef(null),b=n.useRef([]),k=n.useRef(0),E=n.useMemo(()=>z?Array.from(new Set(t.split(""))).filter(r=>r!==" "):T.split(""),[z,t,T]),u=n.useCallback((r,a)=>r.split("").map((l,e)=>l===" "?" ":a.has(e)?r[e]:E[Math.floor(Math.random()*E.length)]).join(""),[E]),S=n.useCallback(r=>{const a=[];if(r<=0)return a;if(y==="start"){for(let s=0;s<r;s++)a.push(s);return a}if(y==="end"){for(let s=r-1;s>=0;s--)a.push(s);return a}const l=Math.floor(r/2);let e=0;for(;a.length<r;){if(e%2===0){const s=l+e/2;s>=0&&s<r&&a.push(s)}else{const s=l-Math.ceil(e/2);s>=0&&s<r&&a.push(s)}e++}return a.slice(0,r)},[y]),m=n.useCallback(()=>{const r=new Set;for(let a=0;a<t.length;a++)r.add(a);return r},[t]),O=n.useCallback((r,a)=>{const l=Array.from(r);for(let e=0;e<a&&l.length>0;e++){const s=Math.floor(Math.random()*l.length);l.splice(s,1)}return new Set(l)},[]),L=n.useCallback(()=>{const r=new Set;d(r),c(u(t,r)),p(!1)},[t,u]),M=n.useCallback(()=>{w?(b.current=S(t.length),k.current=0,d(new Set)):d(new Set),h("forward"),f(!0)},[w,S,t.length]),Z=n.useCallback(()=>{w?(b.current=S(t.length).slice().reverse(),k.current=0,d(m()),c(u(t,m()))):(d(m()),c(u(t,m()))),h("reverse"),f(!0)},[w,S,m,u,t]);n.useEffect(()=>{if(!v)return;let r,a=0;const l=e=>{const s=t.length;switch(y){case"start":return e.size;case"end":return s-1-e.size;case"center":{const o=Math.floor(s/2),g=Math.floor(e.size/2),V=e.size%2===0?o+g:o-g-1;if(V>=0&&V<s&&!e.has(V))return V;for(let D=0;D<s;D++)if(!e.has(D))return D;return 0}default:return e.size}};return r=setInterval(()=>{d(e=>{if(w){if(C==="forward")if(e.size<t.length){const s=l(e),o=new Set(e);return o.add(s),c(u(t,o)),o}else return clearInterval(r),f(!1),p(!0),e;if(C==="reverse")if(k.current<b.current.length){const s=b.current[k.current++],o=new Set(e);return o.delete(s),c(u(t,o)),o.size===0&&(clearInterval(r),f(!1),p(!1)),o}else return clearInterval(r),f(!1),p(!1),e}else{if(C==="forward")return c(u(t,e)),a++,a>=I&&(clearInterval(r),f(!1),c(t),p(!0)),e;if(C==="reverse"){let s=e;s.size===0&&(s=m());const o=Math.max(1,Math.ceil(t.length/Math.max(1,I))),g=O(s,o);return c(u(t,g)),a++,g.size===0||a>=I?(clearInterval(r),f(!1),p(!1),c(u(t,new Set)),new Set):g}}return e})},j),()=>clearInterval(r)},[v,t,j,I,w,y,u,C,m,O,T,z]);const $=()=>{if(i==="click"){if(x==="once"){if(A)return;h("forward"),M()}x==="toggle"&&(A?Z():(h("forward"),M()))}},ee=n.useCallback(()=>{v||(d(new Set),p(!1),c(t),h("forward"),f(!0))},[v,t]),re=n.useCallback(()=>{f(!1),d(new Set),c(t),p(!0),h("forward")},[t]);n.useEffect(()=>{if(i!=="view"&&i!=="inViewHover")return;const r=s=>{s.forEach(o=>{o.isIntersecting&&!H&&(M(),Y(!0))})},a={root:null,rootMargin:"0px",threshold:.1},l=new IntersectionObserver(r,a),e=_.current;return e&&l.observe(e),()=>{e&&l.unobserve(e)}},[i,H,M]),n.useEffect(()=>{i==="click"?L():(c(t),p(!0)),d(new Set),h("forward")},[i,t,L]);const se=i==="hover"||i==="inViewHover"?{onMouseEnter:ee,onMouseLeave:re}:i==="click"?{onClick:$}:{};return N.jsxs(te.span,{className:K,ref:_,style:P.wrapper,...se,...U,children:[N.jsx("span",{style:P.srOnly,children:R}),N.jsx("span",{"aria-hidden":"true",children:R.split("").map((r,a)=>{const l=X.has(a)||!v&&A;return N.jsx("span",{className:l?J:Q,children:r},a)})})]})}G.__docgenInfo={description:"",methods:[],displayName:"DecryptedText",props:{speed:{defaultValue:{value:"50",computed:!1},required:!1},maxIterations:{defaultValue:{value:"10",computed:!1},required:!1},sequential:{defaultValue:{value:"false",computed:!1},required:!1},revealDirection:{defaultValue:{value:"'start'",computed:!1},required:!1},useOriginalCharsOnly:{defaultValue:{value:"false",computed:!1},required:!1},characters:{defaultValue:{value:"'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},parentClassName:{defaultValue:{value:"''",computed:!1},required:!1},encryptedClassName:{defaultValue:{value:"''",computed:!1},required:!1},animateOn:{defaultValue:{value:"'hover'",computed:!1},required:!1},clickMode:{defaultValue:{value:"'once'",computed:!1},required:!1}}};const ce={title:"ReactBits/TextAnimations/DecryptedText",component:G,parameters:{layout:"fullscreen"},tags:["autodocs"]},q={args:{text:"Hello World",speed:50,maxIterations:10,sequential:!1,revealDirection:"start",useOriginalCharsOnly:!1,characters:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+",parentClassName:"",encryptedClassName:"",animateOn:"hover",clickMode:"once"}};var W,B,F;q.parameters={...q.parameters,docs:{...(W=q.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    text: 'Hello World',
+    speed: 50,
+    maxIterations: 10,
+    sequential: false,
+    revealDirection: 'start',
+    useOriginalCharsOnly: false,
+    characters: 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+',
+    parentClassName: '',
+    encryptedClassName: '',
+    animateOn: 'hover',
+    clickMode: 'once'
+  }
+}`,...(F=(B=q.parameters)==null?void 0:B.docs)==null?void 0:F.source}}};const ue=["Default"];export{q as Default,ue as __namedExportsOrder,ce as default};

package/storybook-static/assets/Dither-CDTFjgCl.css

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

package/storybook-static/assets/Dither.stories-1NJxvHAv.js

@@ -0,0 +1,134 @@
+import{R as D,r as i,j as n}from"./iframe-Cz1R6gKZ.js";import{u as I,a as $,e as K,C as Q}from"./react-three-fiber.esm-t8sCLCER.js";import{H as Z,N as ee,d as V,G as p,n as oe}from"./three.module--_vTUKhS.js";import{E as te,R as ae,N as re,D as ne,a as F,b as se,c as L,P as ie}from"./index-DcRHiSf7.js";import"./preload-helper-C1FmrZbK.js";let _;function le(){var a;if(_!==void 0)return _;try{let o;const v=document.createElement("canvas");return _=!!(window.WebGL2RenderingContext&&(o=v.getContext("webgl2"))),o&&((a=o.getExtension("WEBGL_lose_context"))==null||a.loseContext()),_}catch{return _=!1}}const ue=i.createContext(null),T=a=>(a.getAttributes()&L.CONVOLUTION)===L.CONVOLUTION,ce=D.memo(i.forwardRef(({children:a,camera:o,scene:v,resolutionScale:r,enabled:y=!0,renderPriority:x=1,autoClear:P=!0,depthBuffer:u,enableNormalPass:w,stencilBuffer:C,multisampling:l=8,frameBufferType:g=Z},z)=>{const{gl:s,scene:E,camera:j,size:N}=I(),c=v||E,e=o||j,[t,f,S]=i.useMemo(()=>{const b=le(),d=new te(s,{depthBuffer:u,stencilBuffer:C,multisampling:l>0&&b?l:0,frameBufferType:g});d.addPass(new ae(c,e));let h=null,m=null;return w&&(m=new re(c,e),m.enabled=!1,d.addPass(m),r!==void 0&&b&&(h=new ne({normalBuffer:m.texture,resolutionScale:r}),h.enabled=!1,d.addPass(h))),[d,m,h]},[e,s,u,C,l,g,c,w,r]);i.useEffect(()=>t==null?void 0:t.setSize(N.width,N.height),[t,N]),$((b,d)=>{if(y){const h=s.autoClear;s.autoClear=P,C&&!P&&s.clearStencil(),t.render(d),s.autoClear=h}},y?x:0);const O=i.useRef(null);i.useLayoutEffect(()=>{var b;const d=[],h=(b=O.current)==null?void 0:b.__r3f;if(h&&t){const m=h.objects;for(let R=0;R<m.length;R++){const M=m[R];if(M instanceof F){const G=[M];if(!T(M)){let A=null;for(;(A=m[R+1])instanceof F&&!T(A);)G.push(A),R++}const Y=new se(e,...G);d.push(Y)}else M instanceof ie&&d.push(M)}for(const R of d)t==null||t.addPass(R);f&&(f.enabled=!0),S&&(S.enabled=!0)}return()=>{for(const m of d)t==null||t.removePass(m);f&&(f.enabled=!1),S&&(S.enabled=!1)}},[t,a,e,f,S]),i.useEffect(()=>{const b=s.toneMapping;return s.toneMapping=ee,()=>{s.toneMapping=b}},[s]);const X=i.useMemo(()=>({composer:t,normalPass:f,downSamplingPass:S,resolutionScale:r,camera:e,scene:c}),[t,f,S,r,e,c]);return i.useImperativeHandle(z,()=>t,[t]),n.jsx(ue.Provider,{value:X,children:n.jsx("group",{ref:O,children:a})})}));let fe=0;const U=new WeakMap,ve=(a,o)=>D.forwardRef(function({blendFunction:r=void 0,opacity:y=void 0,...x},P){let u=U.get(a);if(!u){const l=`@react-three/postprocessing/${a.name}-${fe++}`;K({[l]:a}),U.set(a,u=l)}const w=I(l=>l.camera),C=D.useMemo(()=>{var l,g;return[...(l=void 0)!=null?l:[],...(g=x.args)!=null?g:[{...o,...x}]]},[JSON.stringify(x)]);return n.jsx(u,{camera:w,"blendMode-blendFunction":r,"blendMode-opacity-value":y,...x,ref:P,args:C})}),de={"dither-container":"_dither-container_8gdcp_1"},me=`
+precision highp float;
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  vec4 modelPosition = modelMatrix * vec4(position, 1.0);
+  vec4 viewPosition = viewMatrix * modelPosition;
+  gl_Position = projectionMatrix * viewPosition;
+}
+`,pe=`
+precision highp float;
+uniform vec2 resolution;
+uniform float time;
+uniform float waveSpeed;
+uniform float waveFrequency;
+uniform float waveAmplitude;
+uniform vec3 waveColor;
+uniform vec2 mousePos;
+uniform int enableMouseInteraction;
+uniform float mouseRadius;
+
+vec4 mod289(vec4 x) { return x - floor(x * (1.0/289.0)) * 289.0; }
+vec4 permute(vec4 x) { return mod289(((x * 34.0) + 1.0) * x); }
+vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; }
+vec2 fade(vec2 t) { return t*t*t*(t*(t*6.0-15.0)+10.0); }
+
+float cnoise(vec2 P) {
+  vec4 Pi = floor(P.xyxy) + vec4(0.0,0.0,1.0,1.0);
+  vec4 Pf = fract(P.xyxy) - vec4(0.0,0.0,1.0,1.0);
+  Pi = mod289(Pi);
+  vec4 ix = Pi.xzxz;
+  vec4 iy = Pi.yyww;
+  vec4 fx = Pf.xzxz;
+  vec4 fy = Pf.yyww;
+  vec4 i = permute(permute(ix) + iy);
+  vec4 gx = fract(i * (1.0/41.0)) * 2.0 - 1.0;
+  vec4 gy = abs(gx) - 0.5;
+  vec4 tx = floor(gx + 0.5);
+  gx = gx - tx;
+  vec2 g00 = vec2(gx.x, gy.x);
+  vec2 g10 = vec2(gx.y, gy.y);
+  vec2 g01 = vec2(gx.z, gy.z);
+  vec2 g11 = vec2(gx.w, gy.w);
+  vec4 norm = taylorInvSqrt(vec4(dot(g00,g00), dot(g01,g01), dot(g10,g10), dot(g11,g11)));
+  g00 *= norm.x; g01 *= norm.y; g10 *= norm.z; g11 *= norm.w;
+  float n00 = dot(g00, vec2(fx.x, fy.x));
+  float n10 = dot(g10, vec2(fx.y, fy.y));
+  float n01 = dot(g01, vec2(fx.z, fy.z));
+  float n11 = dot(g11, vec2(fx.w, fy.w));
+  vec2 fade_xy = fade(Pf.xy);
+  vec2 n_x = mix(vec2(n00, n01), vec2(n10, n11), fade_xy.x);
+  return 2.3 * mix(n_x.x, n_x.y, fade_xy.y);
+}
+
+const int OCTAVES = 4;
+float fbm(vec2 p) {
+  float value = 0.0;
+  float amp = 1.0;
+  float freq = waveFrequency;
+  for (int i = 0; i < OCTAVES; i++) {
+    value += amp * abs(cnoise(p));
+    p *= freq;
+    amp *= waveAmplitude;
+  }
+  return value;
+}
+
+float pattern(vec2 p) {
+  vec2 p2 = p - time * waveSpeed;
+  return fbm(p + fbm(p2)); 
+}
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / resolution.xy;
+  uv -= 0.5;
+  uv.x *= resolution.x / resolution.y;
+  float f = pattern(uv);
+  if (enableMouseInteraction == 1) {
+    vec2 mouseNDC = (mousePos / resolution - 0.5) * vec2(1.0, -1.0);
+    mouseNDC.x *= resolution.x / resolution.y;
+    float dist = length(uv - mouseNDC);
+    float effect = 1.0 - smoothstep(0.0, mouseRadius, dist);
+    f -= 0.5 * effect;
+  }
+  vec3 col = mix(vec3(0.0), waveColor, f);
+  gl_FragColor = vec4(col, 1.0);
+}
+`,xe=`
+precision highp float;
+uniform float colorNum;
+uniform float pixelSize;
+const float bayerMatrix8x8[64] = float[64](
+  0.0/64.0, 48.0/64.0, 12.0/64.0, 60.0/64.0,  3.0/64.0, 51.0/64.0, 15.0/64.0, 63.0/64.0,
+  32.0/64.0,16.0/64.0, 44.0/64.0, 28.0/64.0, 35.0/64.0,19.0/64.0, 47.0/64.0, 31.0/64.0,
+  8.0/64.0, 56.0/64.0,  4.0/64.0, 52.0/64.0, 11.0/64.0,59.0/64.0,  7.0/64.0, 55.0/64.0,
+  40.0/64.0,24.0/64.0, 36.0/64.0, 20.0/64.0, 43.0/64.0,27.0/64.0, 39.0/64.0, 23.0/64.0,
+  2.0/64.0, 50.0/64.0, 14.0/64.0, 62.0/64.0,  1.0/64.0,49.0/64.0, 13.0/64.0, 61.0/64.0,
+  34.0/64.0,18.0/64.0, 46.0/64.0, 30.0/64.0, 33.0/64.0,17.0/64.0, 45.0/64.0, 29.0/64.0,
+  10.0/64.0,58.0/64.0,  6.0/64.0, 54.0/64.0,  9.0/64.0,57.0/64.0,  5.0/64.0, 53.0/64.0,
+  42.0/64.0,26.0/64.0, 38.0/64.0, 22.0/64.0, 41.0/64.0,25.0/64.0, 37.0/64.0, 21.0/64.0
+);
+
+vec3 dither(vec2 uv, vec3 color) {
+  vec2 scaledCoord = floor(uv * resolution / pixelSize);
+  int x = int(mod(scaledCoord.x, 8.0));
+  int y = int(mod(scaledCoord.y, 8.0));
+  float threshold = bayerMatrix8x8[y * 8 + x] - 0.25;
+  float step = 1.0 / (colorNum - 1.0);
+  color += threshold * step;
+  float bias = 0.2;
+  color = clamp(color - bias, 0.0, 1.0);
+  return floor(color * (colorNum - 1.0) + 0.5) / (colorNum - 1.0);
+}
+
+void mainImage(in vec4 inputColor, in vec2 uv, out vec4 outputColor) {
+  vec2 normalizedPixelSize = pixelSize / resolution;
+  vec2 uvPixel = normalizedPixelSize * floor(uv / normalizedPixelSize);
+  vec4 color = texture2D(inputBuffer, uvPixel);
+  color.rgb = dither(uv, color.rgb);
+  outputColor = color;
+}
+`;class ge extends F{constructor(){const o=new Map([["colorNum",new p(4)],["pixelSize",new p(2)]]);super("RetroEffect",xe,{uniforms:o}),this.uniforms=o}set colorNum(o){this.uniforms.get("colorNum").value=o}get colorNum(){return this.uniforms.get("colorNum").value}set pixelSize(o){this.uniforms.get("pixelSize").value=o}get pixelSize(){return this.uniforms.get("pixelSize").value}}const we=ve(ge),H=i.forwardRef((a,o)=>{const{colorNum:v,pixelSize:r}=a;return n.jsx(we,{ref:o,colorNum:v,pixelSize:r})});H.displayName="RetroEffect";function he({waveSpeed:a,waveFrequency:o,waveAmplitude:v,waveColor:r,colorNum:y,pixelSize:x,disableAnimation:P,enableMouseInteraction:u,mouseRadius:w}){const C=i.useRef(null),l=i.useRef(new V),{viewport:g,size:z,gl:s}=I(),E=i.useRef({time:new p(0),resolution:new p(new V(0,0)),waveSpeed:new p(a),waveFrequency:new p(o),waveAmplitude:new p(v),waveColor:new p(new oe(...r)),mousePos:new p(new V(0,0)),enableMouseInteraction:new p(u?1:0),mouseRadius:new p(w)});i.useEffect(()=>{const c=s.getPixelRatio(),e=Math.floor(z.width*c),t=Math.floor(z.height*c),f=E.current.resolution.value;(f.x!==e||f.y!==t)&&f.set(e,t)},[z,s]);const j=i.useRef([...r]);$(({clock:c})=>{const e=E.current;P||(e.time.value=c.getElapsedTime()),e.waveSpeed.value!==a&&(e.waveSpeed.value=a),e.waveFrequency.value!==o&&(e.waveFrequency.value=o),e.waveAmplitude.value!==v&&(e.waveAmplitude.value=v),j.current.every((t,f)=>t===r[f])||(e.waveColor.value.set(...r),j.current=[...r]),e.enableMouseInteraction.value=u?1:0,e.mouseRadius.value=w,u&&e.mousePos.value.copy(l.current)});const N=c=>{if(!u)return;const e=s.domElement.getBoundingClientRect(),t=s.getPixelRatio();l.current.set((c.clientX-e.left)*t,(c.clientY-e.top)*t)};return n.jsxs(n.Fragment,{children:[n.jsxs("mesh",{ref:C,scale:[g.width,g.height,1],children:[n.jsx("planeGeometry",{args:[1,1]}),n.jsx("shaderMaterial",{vertexShader:me,fragmentShader:pe,uniforms:E.current})]}),n.jsx(ce,{children:n.jsx(H,{colorNum:y,pixelSize:x})}),n.jsxs("mesh",{onPointerMove:N,position:[0,0,.01],scale:[g.width,g.height,1],visible:!1,children:[n.jsx("planeGeometry",{args:[1,1]}),n.jsx("meshBasicMaterial",{transparent:!0,opacity:0})]})]})}function J({waveSpeed:a=.05,waveFrequency:o=3,waveAmplitude:v=.3,waveColor:r=[.5,.5,.5],colorNum:y=4,pixelSize:x=2,disableAnimation:P=!1,enableMouseInteraction:u=!0,mouseRadius:w=1}){return n.jsx(Q,{className:`${de["dither-container"]}`,camera:{position:[0,0,6]},dpr:1,gl:{antialias:!0,preserveDrawingBuffer:!0},children:n.jsx(he,{waveSpeed:a,waveFrequency:o,waveAmplitude:v,waveColor:r,colorNum:y,pixelSize:x,disableAnimation:P,enableMouseInteraction:u,mouseRadius:w})})}J.__docgenInfo={description:"",methods:[],displayName:"Dither",props:{waveSpeed:{defaultValue:{value:"0.05",computed:!1},required:!1},waveFrequency:{defaultValue:{value:"3",computed:!1},required:!1},waveAmplitude:{defaultValue:{value:"0.3",computed:!1},required:!1},waveColor:{defaultValue:{value:"[0.5, 0.5, 0.5]",computed:!1},required:!1},colorNum:{defaultValue:{value:"4",computed:!1},required:!1},pixelSize:{defaultValue:{value:"2",computed:!1},required:!1},disableAnimation:{defaultValue:{value:"false",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"true",computed:!1},required:!1},mouseRadius:{defaultValue:{value:"1",computed:!1},required:!1}}};const Re={title:"ReactBits/Backgrounds/Dither",component:J,parameters:{layout:"fullscreen"},tags:["autodocs"]},q={args:{waveSpeed:.05,waveFrequency:3,waveAmplitude:.3,waveColor:[.5,.5,.5],colorNum:4,pixelSize:2,disableAnimation:!1,enableMouseInteraction:!0,mouseRadius:1}};var W,k,B;q.parameters={...q.parameters,docs:{...(W=q.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    waveSpeed: 0.05,
+    waveFrequency: 3,
+    waveAmplitude: 0.3,
+    waveColor: [0.5, 0.5, 0.5],
+    colorNum: 4,
+    pixelSize: 2,
+    disableAnimation: false,
+    enableMouseInteraction: true,
+    mouseRadius: 1
+  }
+}`,...(B=(k=q.parameters)==null?void 0:k.docs)==null?void 0:B.source}}};const ze=["Default"];export{q as Default,ze as __namedExportsOrder,Re as default};

package/storybook-static/assets/Dock-DwLYexgF.css

@@ -0,0 +1 @@
+._dock-outer_12xx3_1{margin:0 .5rem;display:flex;max-width:100%;align-items:center}._dock-panel_12xx3_8{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;width:fit-content;gap:1rem;border-radius:1rem;background-color:#060010;border:1px solid #222;padding:0 .5rem .5rem}._dock-item_12xx3_23{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background-color:#060010;border:1px solid #222;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;outline:none}._dock-icon_12xx3_38{display:flex;align-items:center;justify-content:center}._dock-label_12xx3_44{position:absolute;top:-1.5rem;left:50%;width:fit-content;white-space:pre;border-radius:.375rem;border:1px solid #222;background-color:#060010;padding:.125rem .5rem;font-size:.75rem;color:#fff;transform:translate(-50%)}

package/storybook-static/assets/Dock.stories-BkL_Ddtn.js

@@ -0,0 +1,40 @@
+import{r as d,j as e}from"./iframe-Cz1R6gKZ.js";import{u as y}from"./use-motion-value-BgGWOnBX.js";import{u as S}from"./use-transform-CJxjUEuh.js";import{u as H}from"./use-spring-CKPLi_a5.js";import{m as k}from"./proxy-CAwOFzsk.js";import{A as D}from"./index-CIvCfZMj.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";const p={"dock-outer":"_dock-outer_12xx3_1","dock-panel":"_dock-panel_12xx3_8","dock-item":"_dock-item_12xx3_23","dock-icon":"_dock-icon_12xx3_38","dock-label":"_dock-label_12xx3_44"};function M({children:t,className:l="",onClick:i,mouseX:o,spring:m,distance:a,magnification:r,baseItemSize:c}){const u=d.useRef(null),s=y(0),x=S(o,n=>{var v;const b=((v=u.current)==null?void 0:v.getBoundingClientRect())??{x:0};return n-b.x-c/2}),g=S(x,[-a,0,a],[c,r,c]),f=H(g,m);return e.jsx(k.div,{ref:u,style:{width:f,height:f},onHoverStart:()=>s.set(1),onHoverEnd:()=>s.set(0),onFocus:()=>s.set(1),onBlur:()=>s.set(0),onClick:i,className:`${p["dock-item"]} ${l}`,tabIndex:0,role:"button","aria-haspopup":"true",children:d.Children.map(t,n=>d.cloneElement(n,{isHovered:s}))})}function V({children:t,className:l="",...i}){const{isHovered:o}=i,[m,a]=d.useState(!1);return d.useEffect(()=>{const r=o.on("change",c=>{a(c===1)});return()=>r()},[o]),e.jsx(D,{children:m&&e.jsx(k.div,{initial:{opacity:0,y:0},animate:{opacity:1,y:-10},exit:{opacity:0,y:0},transition:{duration:.2},className:`${p["dock-label"]} ${l}`,role:"tooltip",style:{x:"-50%"},children:t})})}function N({children:t,className:l=""}){return e.jsx("div",{className:`${p["dock-icon"]} ${l}`,children:t})}function z({items:t,className:l="",spring:i={mass:.1,stiffness:150,damping:12},magnification:o=70,distance:m=200,panelHeight:a=68,dockHeight:r=256,baseItemSize:c=50}){const u=y(1/0),s=y(0),x=d.useMemo(()=>Math.max(r,o+o/2+4),[o,r]),g=S(s,[0,1],[a,x]),f=H(g,i);return e.jsx(k.div,{style:{height:f,scrollbarWidth:"none"},className:`${p["dock-outer"]}`,children:e.jsx(k.div,{onMouseMove:({pageX:n})=>{s.set(1),u.set(n)},onMouseLeave:()=>{s.set(0),u.set(1/0)},className:`${p["dock-panel"]} ${l}`,style:{height:a},role:"toolbar","aria-label":"Application dock",children:t.map((n,b)=>e.jsxs(M,{onClick:n.onClick,className:n.className,mouseX:u,spring:i,distance:m,magnification:o,baseItemSize:c,children:[e.jsx(N,{children:n.icon}),e.jsx(V,{children:n.label})]},b))})})}z.__docgenInfo={description:"",methods:[],displayName:"Dock",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spring:{defaultValue:{value:"{ mass: 0.1, stiffness: 150, damping: 12 }",computed:!1},required:!1},magnification:{defaultValue:{value:"70",computed:!1},required:!1},distance:{defaultValue:{value:"200",computed:!1},required:!1},panelHeight:{defaultValue:{value:"68",computed:!1},required:!1},dockHeight:{defaultValue:{value:"256",computed:!1},required:!1},baseItemSize:{defaultValue:{value:"50",computed:!1},required:!1}}};const L={title:"ReactBits/Components/Dock",component:z,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{items:[{icon:e.jsx("span",{style:{fontSize:24},children:"🏠"}),label:"Home",onClick:()=>console.log("Home")},{icon:e.jsx("span",{style:{fontSize:24},children:"📄"}),label:"Documents",onClick:()=>console.log("Documents")},{icon:e.jsx("span",{style:{fontSize:24},children:"⚙️"}),label:"Settings",onClick:()=>console.log("Settings")},{icon:e.jsx("span",{style:{fontSize:24},children:"📧"}),label:"Mail",onClick:()=>console.log("Mail")},{icon:e.jsx("span",{style:{fontSize:24},children:"🔍"}),label:"Search",onClick:()=>console.log("Search")}],magnification:70,distance:200,panelHeight:68,dockHeight:256,baseItemSize:50}};var _,j,C;h.parameters={...h.parameters,docs:{...(_=h.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      icon: <span style={{
+        fontSize: 24
+      }}>🏠</span>,
+      label: 'Home',
+      onClick: () => console.log('Home')
+    }, {
+      icon: <span style={{
+        fontSize: 24
+      }}>📄</span>,
+      label: 'Documents',
+      onClick: () => console.log('Documents')
+    }, {
+      icon: <span style={{
+        fontSize: 24
+      }}>⚙️</span>,
+      label: 'Settings',
+      onClick: () => console.log('Settings')
+    }, {
+      icon: <span style={{
+        fontSize: 24
+      }}>📧</span>,
+      label: 'Mail',
+      onClick: () => console.log('Mail')
+    }, {
+      icon: <span style={{
+        fontSize: 24
+      }}>🔍</span>,
+      label: 'Search',
+      onClick: () => console.log('Search')
+    }],
+    magnification: 70,
+    distance: 200,
+    panelHeight: 68,
+    dockHeight: 256,
+    baseItemSize: 50
+  }
+}`,...(C=(j=h.parameters)==null?void 0:j.docs)==null?void 0:C.source}}};const F=["Default"];export{h as Default,F as __namedExportsOrder,L as default};