@stfrigerio/sito-template 0.1.37 → 0.1.44

package/storybook-static/assets/{EditFAB.stories-CmfJxWns.js → EditFAB.stories-D7WePUUN.js}

@@ -1,44 +1,14 @@
-import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F2rF8.js";import"./preload-helper-C1FmrZbK.js";/**
+import{r as n,j as e}from"./iframe-2N7rjfXm.js";import{m as ve}from"./proxy-qiKixXs8.js";import{C as fe}from"./check-Bh0K2zJt.js";import{X as xe}from"./x-k5o8Jl5E.js";import{c as be}from"./createLucideIcon-wa-8tr0c.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-4uS6JRtS.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const Me=n=>n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Se=n=>n.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,s,a)=>a?a.toUpperCase():s.toLowerCase()),B=n=>{const t=Se(n);return t.charAt(0).toUpperCase()+t.slice(1)},ue=(...n)=>n.filter((t,s,a)=>!!t&&t.trim()!==""&&a.indexOf(t)===s).join(" ").trim(),ye=n=>{for(const t in n)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */var Ce={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const we=i.forwardRef(({color:n="currentColor",size:t=24,strokeWidth:s=2,absoluteStrokeWidth:a,className:u="",children:o,iconNode:l,...c},E)=>i.createElement("svg",{ref:E,...Ce,width:t,height:t,stroke:n,strokeWidth:a?Number(s)*24/Number(t):s,className:ue("lucide",u),...!o&&!ye(c)&&{"aria-hidden":"true"},...c},[...l.map(([g,v])=>i.createElement(g,v)),...Array.isArray(o)?o:[o]]));/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const D=(n,t)=>{const s=i.forwardRef(({className:a,...u},o)=>i.createElement(we,{ref:o,iconNode:t,className:ue(`lucide-${Me(B(n))}`,`lucide-${n}`,a),...u}));return s.displayName=B(n),s};/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Ue=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],je=D("check",Ue);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const ke=[["path",{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",key:"1m0v6g"}],["path",{d:"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",key:"ohrbg2"}]],Te=D("square-pen",ke);/**
- * @license lucide-react v0.539.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const _e=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],Ie=D("x",_e),Re="_fab_1ffxw_2",ze="_primary_1ffxw_54",Ae="_secondary_1ffxw_64",He="_success_1ffxw_74",De="_loader_1ffxw_85",Be="_draggable_1ffxw_102",Le="_dragging_1ffxw_110",p={fab:Re,primary:ze,secondary:Ae,success:He,loader:De,draggable:Be,dragging:Le},m=({canEdit:n,isEditMode:t,hasUnsavedChanges:s=!1,isSaving:a=!1,onEnterEditMode:u,onExitEditMode:o,position:l={bottom:32,right:32}})=>{const[c,E]=i.useState(!1),[g,v]=i.useState(null),[d,r]=i.useState(!1),x=i.useRef(null),b=i.useRef(null),M=i.useRef(null);i.useEffect(()=>{const h=()=>{E(window.innerWidth<=768)};return h(),window.addEventListener("resize",h),()=>{window.removeEventListener("resize",h)}},[]);const ge=h=>{var y;if(!c)return;const S=h.touches[0],f=(y=x.current)==null?void 0:y.getBoundingClientRect();f&&(b.current={x:S.clientX,y:S.clientY},M.current={x:f.left+f.width/2,y:f.top+f.height/2},r(!0))},he=h=>{if(!d||!b.current||!M.current)return;h.preventDefault();const S=h.touches[0],f=S.clientX-b.current.x,y=S.clientY-b.current.y;let A=M.current.x+f,H=M.current.y+y;const C=30;A=Math.max(C,Math.min(window.innerWidth-C,A)),H=Math.max(C,Math.min(window.innerHeight-C,H)),v({x:A,y:H})},pe=()=>{r(!1),b.current=null,M.current=null},me=h=>{!d&&!a&&(t?o():u())};if(!n)return null;const Ee=()=>g?{position:"fixed",left:`${g.x}px`,top:`${g.y}px`,transform:"translate(-50%, -50%)",touchAction:"none"}:{position:"fixed",...l,touchAction:c?"none":"auto"},ve=()=>a?p.primary:t?s?p.success:p.secondary:p.primary,fe=()=>a?e.jsx("div",{className:p.loader}):t?s?e.jsx(je,{size:24}):e.jsx(Ie,{size:24}):e.jsx(Te,{size:24}),xe=()=>a?"Saving changes":t?s?"Save and exit edit mode":"Exit edit mode":"Enter edit mode";return e.jsx(be.button,{ref:x,className:`${p.fab} ${ve()} ${c?p.draggable:""} ${d?p.dragging:""}`,style:Ee(),onClick:me,onTouchStart:ge,onTouchMove:he,onTouchEnd:pe,disabled:a,"aria-label":xe(),initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},whileHover:!a&&!d?{scale:1.1}:{},whileTap:!a&&!d?{scale:.9}:{},transition:{type:"spring",stiffness:260,damping:20},children:fe()})};m.__docgenInfo={description:"",methods:[],displayName:"EditFAB",props:{canEdit:{required:!0,tsType:{name:"boolean"},description:""},isEditMode:{required:!0,tsType:{name:"boolean"},description:""},hasUnsavedChanges:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isSaving:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onEnterEditMode:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onExitEditMode:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},position:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+ */const Me=[["path",{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",key:"1m0v6g"}],["path",{d:"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",key:"ohrbg2"}]],Se=be("square-pen",Me),ye="_fab_1ffxw_2",Ce="_primary_1ffxw_54",we="_secondary_1ffxw_64",Ue="_success_1ffxw_74",je="_loader_1ffxw_85",ke="_draggable_1ffxw_102",Te="_dragging_1ffxw_110",g={fab:ye,primary:Ce,secondary:we,success:Ue,loader:je,draggable:ke,dragging:Te},u=({canEdit:o,isEditMode:r,hasUnsavedChanges:a=!1,isSaving:t=!1,onEnterEditMode:h,onExitEditMode:p,position:d={bottom:32,right:32}})=>{const[l,f]=n.useState(!1),[m,x]=n.useState(null),[i,s]=n.useState(!1),v=n.useRef(null),b=n.useRef(null),M=n.useRef(null);n.useEffect(()=>{const c=()=>{f(window.innerWidth<=768)};return c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}},[]);const le=c=>{var y;if(!l)return;const S=c.touches[0],E=(y=v.current)==null?void 0:y.getBoundingClientRect();E&&(b.current={x:S.clientX,y:S.clientY},M.current={x:E.left+E.width/2,y:E.top+E.height/2},s(!0))},ce=c=>{if(!i||!b.current||!M.current)return;c.preventDefault();const S=c.touches[0],E=S.clientX-b.current.x,y=S.clientY-b.current.y;let H=M.current.x+E,D=M.current.y+y;const C=30;H=Math.max(C,Math.min(window.innerWidth-C,H)),D=Math.max(C,Math.min(window.innerHeight-C,D)),x({x:H,y:D})},ge=()=>{s(!1),b.current=null,M.current=null},ue=c=>{!i&&!t&&(r?p():h())};if(!o)return null;const he=()=>m?{position:"fixed",left:`${m.x}px`,top:`${m.y}px`,transform:"translate(-50%, -50%)",touchAction:"none"}:{position:"fixed",...d,touchAction:l?"none":"auto"},pe=()=>t?g.primary:r?a?g.success:g.secondary:g.primary,me=()=>t?e.jsx("div",{className:g.loader}):r?a?e.jsx(fe,{size:24}):e.jsx(xe,{size:24}):e.jsx(Se,{size:24}),Ee=()=>t?"Saving changes":r?a?"Save and exit edit mode":"Exit edit mode":"Enter edit mode";return e.jsx(ve.button,{ref:v,className:`${g.fab} ${pe()} ${l?g.draggable:""} ${i?g.dragging:""}`,style:he(),onClick:ue,onTouchStart:le,onTouchMove:ce,onTouchEnd:ge,disabled:t,"aria-label":Ee(),initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},whileHover:!t&&!i?{scale:1.1}:{},whileTap:!t&&!i?{scale:.9}:{},transition:{type:"spring",stiffness:260,damping:20},children:me()})};u.__docgenInfo={description:"",methods:[],displayName:"EditFAB",props:{canEdit:{required:!0,tsType:{name:"boolean"},description:""},isEditMode:{required:!0,tsType:{name:"boolean"},description:""},hasUnsavedChanges:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isSaving:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onEnterEditMode:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onExitEditMode:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},position:{required:!1,tsType:{name:"signature",type:"object",raw:`{
     bottom?: string | number;
     right?: string | number;
     top?: string | number;
     left?: string | number;
-}`,signature:{properties:[{key:"bottom",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"right",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"top",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"left",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}}]}},description:"",defaultValue:{value:"{ bottom: 32, right: 32 }",computed:!1}}}};const qe={title:"Molecules/EditFAB",component:m,parameters:{layout:"fullscreen",docs:{description:{component:"A floating action button for edit mode with touch-friendly mobile dragging support and state management."}}},tags:["autodocs"],argTypes:{canEdit:{control:"boolean",description:"Whether the user has permission to edit"},isEditMode:{control:"boolean",description:"Whether edit mode is currently active"},hasUnsavedChanges:{control:"boolean",description:"Whether there are unsaved changes"},isSaving:{control:"boolean",description:"Whether a save operation is in progress"},position:{control:"object",description:"CSS positioning properties for the FAB"},onEnterEditMode:{action:"enter-edit-mode"},onExitEditMode:{action:"exit-edit-mode"}}},w={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},U={args:{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},j={args:{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!0,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},k={args:{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!0,isSaving:!0,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},T={args:{canEdit:!1,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},_={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,position:{top:32,left:32},onEnterEditMode:()=>{},onExitEditMode:()=>{}}},I={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}},render:()=>{const[n,t]=i.useState(!1),[s,a]=i.useState(!1),[u,o]=i.useState(!1),[l,c]=i.useState("Click the edit button to start editing this content."),E=()=>{t(!0),a(!1)},g=async()=>{s&&(o(!0),await new Promise(d=>setTimeout(d,2e3)),o(!1)),t(!1),a(!1)},v=d=>{c(d),a(!0)};return e.jsxs("div",{style:{position:"relative",height:"100vh",padding:"2rem",background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",color:"white"},children:[e.jsxs("div",{style:{maxWidth:"600px",margin:"0 auto",padding:"2rem",background:"rgba(255, 255, 255, 0.1)",borderRadius:"12px",backdropFilter:"blur(10px)"},children:[e.jsx("h1",{style:{marginTop:0},children:"Interactive Edit Demo"}),n?e.jsxs("div",{children:[e.jsx("textarea",{value:l,onChange:d=>v(d.target.value),style:{width:"100%",height:"200px",padding:"1rem",border:"none",borderRadius:"8px",fontSize:"1rem",resize:"vertical"},placeholder:"Enter your content here..."}),e.jsx("p",{style:{fontSize:"0.875rem",opacity:.8,marginTop:"0.5rem"},children:s?"⚠️ You have unsaved changes":"✅ No changes"})]}):e.jsx("div",{style:{padding:"1rem",background:"rgba(255, 255, 255, 0.1)",borderRadius:"8px",lineHeight:1.6},children:l}),e.jsxs("div",{style:{marginTop:"2rem",fontSize:"0.875rem",opacity:.8},children:[e.jsxs("p",{children:["Mode: ",n?"Edit Mode":"View Mode"]}),e.jsxs("p",{children:["Status: ",u?"Saving...":s?"Unsaved Changes":"Saved"]})]})]}),e.jsx(m,{canEdit:!0,isEditMode:n,hasUnsavedChanges:s,isSaving:u,onEnterEditMode:E,onExitEditMode:g})]})},parameters:{controls:{disable:!0}}},R={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}},render:()=>{const[n,t]=i.useState(!1),[s,a]=i.useState(!1),[u,o]=i.useState(!1),[l,c]=i.useState({title:"Project Documentation",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",lastSaved:new Date().toLocaleTimeString()}),E=()=>{t(!0),a(!1)},g=async()=>{s&&(o(!0),await new Promise(r=>setTimeout(r,1500)),c(r=>({...r,lastSaved:new Date().toLocaleTimeString()})),o(!1)),t(!1),a(!1)},v=r=>{c(x=>({...x,title:r})),a(!0)},d=r=>{c(x=>({...x,content:r})),a(!0)};return e.jsxs("div",{style:{position:"relative",height:"100vh",background:"#f5f5f5"},children:[e.jsxs("div",{style:{maxWidth:"800px",margin:"0 auto",padding:"2rem",background:"white",minHeight:"100vh",boxShadow:"0 0 20px rgba(0,0,0,0.1)"},children:[e.jsxs("div",{style:{borderBottom:"2px solid #e9ecef",paddingBottom:"1rem",marginBottom:"2rem"},children:[n?e.jsx("input",{type:"text",value:l.title,onChange:r=>v(r.target.value),style:{fontSize:"2rem",fontWeight:"bold",border:"2px solid #007bff",outline:"none",width:"100%",padding:"0.5rem",borderRadius:"4px"}}):e.jsx("h1",{style:{margin:0,fontSize:"2rem"},children:l.title}),e.jsxs("p",{style:{margin:"0.5rem 0 0",fontSize:"0.875rem",color:"#6c757d"},children:["Last saved: ",l.lastSaved," | Status: ",u?"Saving...":s?"Unsaved changes":"All changes saved"]})]}),n?e.jsx("textarea",{value:l.content,onChange:r=>d(r.target.value),style:{width:"100%",height:"400px",padding:"1rem",border:"2px solid #007bff",borderRadius:"8px",fontSize:"1rem",lineHeight:1.6,resize:"vertical",fontFamily:"inherit"},placeholder:"Start writing your document..."}):e.jsx("div",{style:{padding:"1rem",lineHeight:1.8,fontSize:"1rem",minHeight:"400px",whiteSpace:"pre-wrap"},children:l.content}),n&&e.jsx("div",{style:{marginTop:"1rem",padding:"1rem",background:s?"#fff3cd":"#d1edff",borderRadius:"8px",fontSize:"0.875rem"},children:s?e.jsx(e.Fragment,{children:"⚠️ You have unsaved changes. Click the save button to save your work."}):e.jsx(e.Fragment,{children:"✅ All changes saved."})})]}),e.jsx(m,{canEdit:!0,isEditMode:n,hasUnsavedChanges:s,isSaving:u,onEnterEditMode:E,onExitEditMode:g,position:{bottom:32,right:32}})]})},parameters:{controls:{disable:!0}}},z={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}},render:()=>e.jsx("div",{style:{position:"relative",height:"100vh",background:"#f8f9fa",padding:"2rem"},children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"2rem",maxWidth:"1200px",margin:"0 auto"},children:[e.jsxs("div",{style:{padding:"1.5rem",background:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:[e.jsx("h3",{children:"View Mode"}),e.jsx("p",{children:"Default state when not editing"}),e.jsx(m,{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{},position:{bottom:16,right:16}})]}),e.jsxs("div",{style:{padding:"1.5rem",background:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:[e.jsx("h3",{children:"Edit Mode (No Changes)"}),e.jsx("p",{children:"In edit mode but no changes made yet"}),e.jsx(m,{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{},position:{bottom:16,right:16}})]}),e.jsxs("div",{style:{padding:"1.5rem",background:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:[e.jsx("h3",{children:"Unsaved Changes"}),e.jsx("p",{children:"Changes made but not saved yet"}),e.jsx(m,{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!0,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{},position:{bottom:16,right:16}})]}),e.jsxs("div",{style:{padding:"1.5rem",background:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:[e.jsx("h3",{children:"Saving"}),e.jsx("p",{children:"Save operation in progress"}),e.jsx(m,{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!0,isSaving:!0,onEnterEditMode:()=>{},onExitEditMode:()=>{},position:{bottom:16,right:16}})]})]})}),parameters:{controls:{disable:!0}}};var L,P,W;w.parameters={...w.parameters,docs:{...(L=w.parameters)==null?void 0:L.docs,source:{originalSource:`{
+}`,signature:{properties:[{key:"bottom",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"right",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"top",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}},{key:"left",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!1}}]}},description:"",defaultValue:{value:"{ bottom: 32, right: 32 }",computed:!1}}}};const Be={title:"Molecules/EditFAB",component:u,parameters:{layout:"fullscreen",docs:{description:{component:"A floating action button for edit mode with touch-friendly mobile dragging support and state management."}}},tags:["autodocs"],argTypes:{canEdit:{control:"boolean",description:"Whether the user has permission to edit"},isEditMode:{control:"boolean",description:"Whether edit mode is currently active"},hasUnsavedChanges:{control:"boolean",description:"Whether there are unsaved changes"},isSaving:{control:"boolean",description:"Whether a save operation is in progress"},position:{control:"object",description:"CSS positioning properties for the FAB"},onEnterEditMode:{action:"enter-edit-mode"},onExitEditMode:{action:"exit-edit-mode"}}},w={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},U={args:{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},j={args:{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!0,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},k={args:{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!0,isSaving:!0,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},T={args:{canEdit:!1,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}}},z={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,position:{top:32,left:32},onEnterEditMode:()=>{},onExitEditMode:()=>{}}},_={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}},render:()=>{const[o,r]=n.useState(!1),[a,t]=n.useState(!1),[h,p]=n.useState(!1),[d,l]=n.useState("Click the edit button to start editing this content."),f=()=>{r(!0),t(!1)},m=async()=>{a&&(p(!0),await new Promise(i=>setTimeout(i,2e3)),p(!1)),r(!1),t(!1)},x=i=>{l(i),t(!0)};return e.jsxs("div",{style:{position:"relative",height:"100vh",padding:"2rem",background:"linear-gradient(135deg, #667eea 0%, #764ba2 100%)",color:"white"},children:[e.jsxs("div",{style:{maxWidth:"600px",margin:"0 auto",padding:"2rem",background:"rgba(255, 255, 255, 0.1)",borderRadius:"12px",backdropFilter:"blur(10px)"},children:[e.jsx("h1",{style:{marginTop:0},children:"Interactive Edit Demo"}),o?e.jsxs("div",{children:[e.jsx("textarea",{value:d,onChange:i=>x(i.target.value),style:{width:"100%",height:"200px",padding:"1rem",border:"none",borderRadius:"8px",fontSize:"1rem",resize:"vertical"},placeholder:"Enter your content here..."}),e.jsx("p",{style:{fontSize:"0.875rem",opacity:.8,marginTop:"0.5rem"},children:a?"⚠️ You have unsaved changes":"✅ No changes"})]}):e.jsx("div",{style:{padding:"1rem",background:"rgba(255, 255, 255, 0.1)",borderRadius:"8px",lineHeight:1.6},children:d}),e.jsxs("div",{style:{marginTop:"2rem",fontSize:"0.875rem",opacity:.8},children:[e.jsxs("p",{children:["Mode: ",o?"Edit Mode":"View Mode"]}),e.jsxs("p",{children:["Status: ",h?"Saving...":a?"Unsaved Changes":"Saved"]})]})]}),e.jsx(u,{canEdit:!0,isEditMode:o,hasUnsavedChanges:a,isSaving:h,onEnterEditMode:f,onExitEditMode:m})]})},parameters:{controls:{disable:!0}}},I={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}},render:()=>{const[o,r]=n.useState(!1),[a,t]=n.useState(!1),[h,p]=n.useState(!1),[d,l]=n.useState({title:"Project Documentation",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",lastSaved:new Date().toLocaleTimeString()}),f=()=>{r(!0),t(!1)},m=async()=>{a&&(p(!0),await new Promise(s=>setTimeout(s,1500)),l(s=>({...s,lastSaved:new Date().toLocaleTimeString()})),p(!1)),r(!1),t(!1)},x=s=>{l(v=>({...v,title:s})),t(!0)},i=s=>{l(v=>({...v,content:s})),t(!0)};return e.jsxs("div",{style:{position:"relative",height:"100vh",background:"#f5f5f5"},children:[e.jsxs("div",{style:{maxWidth:"800px",margin:"0 auto",padding:"2rem",background:"white",minHeight:"100vh",boxShadow:"0 0 20px rgba(0,0,0,0.1)"},children:[e.jsxs("div",{style:{borderBottom:"2px solid #e9ecef",paddingBottom:"1rem",marginBottom:"2rem"},children:[o?e.jsx("input",{type:"text",value:d.title,onChange:s=>x(s.target.value),style:{fontSize:"2rem",fontWeight:"bold",border:"2px solid #007bff",outline:"none",width:"100%",padding:"0.5rem",borderRadius:"4px"}}):e.jsx("h1",{style:{margin:0,fontSize:"2rem"},children:d.title}),e.jsxs("p",{style:{margin:"0.5rem 0 0",fontSize:"0.875rem",color:"#6c757d"},children:["Last saved: ",d.lastSaved," | Status: ",h?"Saving...":a?"Unsaved changes":"All changes saved"]})]}),o?e.jsx("textarea",{value:d.content,onChange:s=>i(s.target.value),style:{width:"100%",height:"400px",padding:"1rem",border:"2px solid #007bff",borderRadius:"8px",fontSize:"1rem",lineHeight:1.6,resize:"vertical",fontFamily:"inherit"},placeholder:"Start writing your document..."}):e.jsx("div",{style:{padding:"1rem",lineHeight:1.8,fontSize:"1rem",minHeight:"400px",whiteSpace:"pre-wrap"},children:d.content}),o&&e.jsx("div",{style:{marginTop:"1rem",padding:"1rem",background:a?"#fff3cd":"#d1edff",borderRadius:"8px",fontSize:"0.875rem"},children:a?e.jsx(e.Fragment,{children:"⚠️ You have unsaved changes. Click the save button to save your work."}):e.jsx(e.Fragment,{children:"✅ All changes saved."})})]}),e.jsx(u,{canEdit:!0,isEditMode:o,hasUnsavedChanges:a,isSaving:h,onEnterEditMode:f,onExitEditMode:m,position:{bottom:32,right:32}})]})},parameters:{controls:{disable:!0}}},R={args:{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{}},render:()=>e.jsx("div",{style:{position:"relative",height:"100vh",background:"#f8f9fa",padding:"2rem"},children:e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fit, minmax(300px, 1fr))",gap:"2rem",maxWidth:"1200px",margin:"0 auto"},children:[e.jsxs("div",{style:{padding:"1.5rem",background:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:[e.jsx("h3",{children:"View Mode"}),e.jsx("p",{children:"Default state when not editing"}),e.jsx(u,{canEdit:!0,isEditMode:!1,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{},position:{bottom:16,right:16}})]}),e.jsxs("div",{style:{padding:"1.5rem",background:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:[e.jsx("h3",{children:"Edit Mode (No Changes)"}),e.jsx("p",{children:"In edit mode but no changes made yet"}),e.jsx(u,{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!1,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{},position:{bottom:16,right:16}})]}),e.jsxs("div",{style:{padding:"1.5rem",background:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:[e.jsx("h3",{children:"Unsaved Changes"}),e.jsx("p",{children:"Changes made but not saved yet"}),e.jsx(u,{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!0,isSaving:!1,onEnterEditMode:()=>{},onExitEditMode:()=>{},position:{bottom:16,right:16}})]}),e.jsxs("div",{style:{padding:"1.5rem",background:"white",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)"},children:[e.jsx("h3",{children:"Saving"}),e.jsx("p",{children:"Save operation in progress"}),e.jsx(u,{canEdit:!0,isEditMode:!0,hasUnsavedChanges:!0,isSaving:!0,onEnterEditMode:()=>{},onExitEditMode:()=>{},position:{bottom:16,right:16}})]})]})}),parameters:{controls:{disable:!0}}};var A,B,F;w.parameters={...w.parameters,docs:{...(A=w.parameters)==null?void 0:A.docs,source:{originalSource:`{
   args: {
     canEdit: true,
     isEditMode: false,
@@ -47,7 +17,7 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
     onEnterEditMode: () => {},
     onExitEditMode: () => {}
   }
-}`,...(W=(P=w.parameters)==null?void 0:P.docs)==null?void 0:W.source}}};var F,q,N;U.parameters={...U.parameters,docs:{...(F=U.parameters)==null?void 0:F.docs,source:{originalSource:`{
+}`,...(F=(B=w.parameters)==null?void 0:B.docs)==null?void 0:F.source}}};var P,W,q;U.parameters={...U.parameters,docs:{...(P=U.parameters)==null?void 0:P.docs,source:{originalSource:`{
   args: {
     canEdit: true,
     isEditMode: true,
@@ -56,7 +26,7 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
     onEnterEditMode: () => {},
     onExitEditMode: () => {}
   }
-}`,...(N=(q=U.parameters)==null?void 0:q.docs)==null?void 0:N.source}}};var $,V,Y;j.parameters={...j.parameters,docs:{...($=j.parameters)==null?void 0:$.docs,source:{originalSource:`{
+}`,...(q=(W=U.parameters)==null?void 0:W.docs)==null?void 0:q.source}}};var L,N,V;j.parameters={...j.parameters,docs:{...(L=j.parameters)==null?void 0:L.docs,source:{originalSource:`{
   args: {
     canEdit: true,
     isEditMode: true,
@@ -65,7 +35,7 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
     onEnterEditMode: () => {},
     onExitEditMode: () => {}
   }
-}`,...(Y=(V=j.parameters)==null?void 0:V.docs)==null?void 0:Y.source}}};var X,O,Z;k.parameters={...k.parameters,docs:{...(X=k.parameters)==null?void 0:X.docs,source:{originalSource:`{
+}`,...(V=(N=j.parameters)==null?void 0:N.docs)==null?void 0:V.source}}};var Y,$,X;k.parameters={...k.parameters,docs:{...(Y=k.parameters)==null?void 0:Y.docs,source:{originalSource:`{
   args: {
     canEdit: true,
     isEditMode: true,
@@ -74,7 +44,7 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
     onEnterEditMode: () => {},
     onExitEditMode: () => {}
   }
-}`,...(Z=(O=k.parameters)==null?void 0:O.docs)==null?void 0:Z.source}}};var K,G,J;T.parameters={...T.parameters,docs:{...(K=T.parameters)==null?void 0:K.docs,source:{originalSource:`{
+}`,...(X=($=k.parameters)==null?void 0:$.docs)==null?void 0:X.source}}};var O,G,J;T.parameters={...T.parameters,docs:{...(O=T.parameters)==null?void 0:O.docs,source:{originalSource:`{
   args: {
     canEdit: false,
     isEditMode: false,
@@ -83,7 +53,7 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
     onEnterEditMode: () => {},
     onExitEditMode: () => {}
   }
-}`,...(J=(G=T.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var Q,ee,te;_.parameters={..._.parameters,docs:{...(Q=_.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+}`,...(J=(G=T.parameters)==null?void 0:G.docs)==null?void 0:J.source}}};var K,Q,Z;z.parameters={...z.parameters,docs:{...(K=z.parameters)==null?void 0:K.docs,source:{originalSource:`{
   args: {
     canEdit: true,
     isEditMode: false,
@@ -96,7 +66,7 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
     onEnterEditMode: () => {},
     onExitEditMode: () => {}
   }
-}`,...(te=(ee=_.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ne,ae,se;I.parameters={...I.parameters,docs:{...(ne=I.parameters)==null?void 0:ne.docs,source:{originalSource:`{
+}`,...(Z=(Q=z.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var ee,te,ne;_.parameters={..._.parameters,docs:{...(ee=_.parameters)==null?void 0:ee.docs,source:{originalSource:`{
   args: {
     canEdit: true,
     isEditMode: false,
@@ -191,7 +161,7 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
       disable: true
     }
   }
-}`,...(se=(ae=I.parameters)==null?void 0:ae.docs)==null?void 0:se.source}}};var ie,oe,re;R.parameters={...R.parameters,docs:{...(ie=R.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+}`,...(ne=(te=_.parameters)==null?void 0:te.docs)==null?void 0:ne.source}}};var ae,se,ie;I.parameters={...I.parameters,docs:{...(ae=I.parameters)==null?void 0:ae.docs,source:{originalSource:`{
   args: {
     canEdit: true,
     isEditMode: false,
@@ -321,7 +291,7 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
       disable: true
     }
   }
-}`,...(re=(oe=R.parameters)==null?void 0:oe.docs)==null?void 0:re.source}}};var de,le,ce;z.parameters={...z.parameters,docs:{...(de=z.parameters)==null?void 0:de.docs,source:{originalSource:`{
+}`,...(ie=(se=I.parameters)==null?void 0:se.docs)==null?void 0:ie.source}}};var oe,re,de;R.parameters={...R.parameters,docs:{...(oe=R.parameters)==null?void 0:oe.docs,source:{originalSource:`{
   args: {
     canEdit: true,
     isEditMode: false,
@@ -405,4 +375,4 @@ import{r as i,j as e}from"./iframe-BUaP2gIF.js";import{m as be}from"./proxy-9Y4F
       disable: true
     }
   }
-}`,...(ce=(le=z.parameters)==null?void 0:le.docs)==null?void 0:ce.source}}};const Ne=["Default","EditMode","WithUnsavedChanges","Saving","NoEditPermission","TopLeftPosition","Interactive","DocumentEditor","AllStates"];export{z as AllStates,w as Default,R as DocumentEditor,U as EditMode,I as Interactive,T as NoEditPermission,k as Saving,_ as TopLeftPosition,j as WithUnsavedChanges,Ne as __namedExportsOrder,qe as default};
+}`,...(de=(re=R.parameters)==null?void 0:re.docs)==null?void 0:de.source}}};const Fe=["Default","EditMode","WithUnsavedChanges","Saving","NoEditPermission","TopLeftPosition","Interactive","DocumentEditor","AllStates"];export{R as AllStates,w as Default,I as DocumentEditor,U as EditMode,_ as Interactive,T as NoEditPermission,k as Saving,z as TopLeftPosition,j as WithUnsavedChanges,Fe as __namedExportsOrder,Be as default};

package/storybook-static/assets/EvilEye-QIF3Ik1Y.css

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

package/storybook-static/assets/EvilEye.stories-Cov9VutU.js

@@ -0,0 +1,103 @@
+import{r as G,j as P}from"./iframe-2N7rjfXm.js";import{R as _,P as V,M as q}from"./Mesh-CwXV3WjE.js";import{T as L}from"./Texture-BkQWYNP2.js";import{T as U}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const D={"evil-eye-container":"_evil-eye-container_184dx_1"};function C(i){const r=i.replace("#","");return[parseInt(r.slice(0,2),16)/255,parseInt(r.slice(2,4),16)/255,parseInt(r.slice(4,6),16)/255]}function W(i=256){const r=new Uint8Array(i*i*4);function m(s,c,a){let n=s*374761393+c*668265263+a*1274126177;return n=Math.imul(n^n>>>13,1274126177),((n^n>>>16)>>>0)/4294967296}function w(s,c,a,n){const p=s/i*a,v=c/i*a,u=Math.floor(p),o=Math.floor(v),f=p-u,t=v-o,e=a|0,d=m((u%e+e)%e,(o%e+e)%e,n),l=m(((u+1)%e+e)%e,(o%e+e)%e,n),h=m((u%e+e)%e,((o+1)%e+e)%e,n),E=m(((u+1)%e+e)%e,((o+1)%e+e)%e,n);return d*(1-f)*(1-t)+l*f*(1-t)+h*(1-f)*t+E*f*t}for(let s=0;s<i;s++)for(let c=0;c<i;c++){let a=0,n=.4,p=0;for(let o=0;o<8;o++){const f=32*(1<<o);a+=n*w(c,s,f,o*31),p+=n,n*=.65}a/=p,a=(a-.5)*2.2+.5,a=Math.max(0,Math.min(1,a));const v=Math.round(a*255),u=(s*i+c)*4;r[u]=v,r[u+1]=v,r[u+2]=v,r[u+3]=255}return r}const b=`
+attribute vec2 uv;
+attribute vec2 position;
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  gl_Position = vec4(position, 0, 1);
+}
+`,O=`
+precision highp float;
+
+uniform float uTime;
+uniform vec3 uResolution;
+uniform sampler2D uNoiseTexture;
+uniform float uPupilSize;
+uniform float uIrisWidth;
+uniform float uGlowIntensity;
+uniform float uIntensity;
+uniform float uScale;
+uniform float uNoiseScale;
+uniform vec2 uMouse;
+uniform float uPupilFollow;
+uniform float uFlameSpeed;
+uniform vec3 uEyeColor;
+uniform vec3 uBgColor;
+
+void main() {
+  vec2 uv = (gl_FragCoord.xy * 2.0 - uResolution.xy) / uResolution.y;
+  uv /= uScale;
+  float ft = uTime * uFlameSpeed;
+
+  float polarRadius = length(uv) * 2.0;
+  float polarAngle = (2.0 * atan(uv.x, uv.y)) / 6.28 * 0.3;
+  vec2 polarUv = vec2(polarRadius, polarAngle);
+
+  vec4 noiseA = texture2D(uNoiseTexture, polarUv * vec2(0.2, 7.0) * uNoiseScale + vec2(-ft * 0.1, 0.0));
+  vec4 noiseB = texture2D(uNoiseTexture, polarUv * vec2(0.3, 4.0) * uNoiseScale + vec2(-ft * 0.2, 0.0));
+  vec4 noiseC = texture2D(uNoiseTexture, polarUv * vec2(0.1, 5.0) * uNoiseScale + vec2(-ft * 0.1, 0.0));
+
+  float distanceMask = 1.0 - length(uv);
+
+  // Inner ring
+  float innerRing = clamp(-1.0 * ((distanceMask - 0.7) / uIrisWidth), 0.0, 1.0);
+  innerRing = (innerRing * distanceMask - 0.2) / 0.28;
+  innerRing += noiseA.r - 0.5;
+  innerRing *= 1.3;
+  innerRing = clamp(innerRing, 0.0, 1.0);
+
+  float outerRing = clamp(-1.0 * ((distanceMask - 0.5) / 0.2), 0.0, 1.0);
+  outerRing = (outerRing * distanceMask - 0.1) / 0.38;
+  outerRing += noiseC.r - 0.5;
+  outerRing *= 1.3;
+  outerRing = clamp(outerRing, 0.0, 1.0);
+
+  innerRing += outerRing;
+
+  // Inner eye
+  float innerEye = distanceMask - 0.1 * 2.0;
+  innerEye *= noiseB.r * 2.0;
+
+  // Pupil with cursor tracking
+  vec2 pupilOffset = uMouse * uPupilFollow * 0.12;
+  vec2 pupilUv = uv - pupilOffset;
+  float pupil = 1.0 - length(pupilUv * vec2(9.0, 2.3));
+  pupil *= uPupilSize;
+  pupil = clamp(pupil, 0.0, 1.0);
+  pupil /= 0.35;
+
+  // Outer eye
+  float outerEyeGlow = 1.0 - length(uv * vec2(0.5, 1.5));
+  outerEyeGlow = clamp(outerEyeGlow + 0.5, 0.0, 1.0);
+  outerEyeGlow += noiseC.r - 0.5;
+  float outerBgGlow = outerEyeGlow;
+  outerEyeGlow = pow(outerEyeGlow, 2.0);
+  outerEyeGlow += distanceMask;
+  outerEyeGlow *= uGlowIntensity;
+  outerEyeGlow = clamp(outerEyeGlow, 0.0, 1.0);
+  outerEyeGlow *= pow(1.0 - distanceMask, 2.0) * 2.5;
+
+  // Outer eye bg glow
+  outerBgGlow += distanceMask;
+  outerBgGlow = pow(outerBgGlow, 0.5);
+  outerBgGlow *= 0.15;
+
+  vec3 color = uEyeColor * uIntensity * clamp(max(innerRing + innerEye, outerEyeGlow + outerBgGlow) - pupil, 0.0, 3.0);
+  color += uBgColor;
+
+  gl_FragColor = vec4(color, 1.0);
+}
+`;function N({eyeColor:i="#FF6F37",intensity:r=1.5,pupilSize:m=.6,irisWidth:w=.25,glowIntensity:s=.35,scale:c=.8,noiseScale:a=1,pupilFollow:n=1,flameSpeed:p=1,backgroundColor:v="#000000"}){const u=G.useRef(null);return G.useEffect(()=>{if(!u.current)return;const o=u.current,f=new _({alpha:!0,premultipliedAlpha:!1}),t=f.gl;t.clearColor(0,0,0,0);const e=W(256),d=new L(t,{image:e,width:256,height:256,generateMipmaps:!1,flipY:!1});d.minFilter=t.LINEAR,d.magFilter=t.LINEAR,d.wrapS=t.REPEAT,d.wrapT=t.REPEAT;const l={x:0,y:0,tx:0,ty:0};function h(g){const x=o.getBoundingClientRect();l.tx=(g.clientX-x.left)/x.width*2-1,l.ty=-((g.clientY-x.top)/x.height*2-1)}function E(){l.tx=0,l.ty=0}o.addEventListener("mousemove",h),o.addEventListener("mouseleave",E);let y;function F(){f.setSize(o.offsetWidth,o.offsetHeight),y&&(y.uniforms.uResolution.value=[t.canvas.width,t.canvas.height,t.canvas.width/t.canvas.height])}window.addEventListener("resize",F),F();const A=new U(t);y=new V(t,{vertex:b,fragment:O,uniforms:{uTime:{value:0},uResolution:{value:[t.canvas.width,t.canvas.height,t.canvas.width/t.canvas.height]},uNoiseTexture:{value:d},uPupilSize:{value:m},uIrisWidth:{value:w},uGlowIntensity:{value:s},uIntensity:{value:r},uScale:{value:c},uNoiseScale:{value:a},uMouse:{value:[0,0]},uPupilFollow:{value:n},uFlameSpeed:{value:p},uEyeColor:{value:C(i)},uBgColor:{value:C(v)}}});const k=new q(t,{geometry:A,program:y});o.appendChild(t.canvas);let M;function S(g){M=requestAnimationFrame(S),l.x+=(l.tx-l.x)*.05,l.y+=(l.ty-l.y)*.05,y.uniforms.uMouse.value=[l.x,l.y],y.uniforms.uTime.value=g*.001,f.render({scene:k})}return M=requestAnimationFrame(S),()=>{var g;cancelAnimationFrame(M),window.removeEventListener("resize",F),o.removeEventListener("mousemove",h),o.removeEventListener("mouseleave",E),o.removeChild(t.canvas),(g=t.getExtension("WEBGL_lose_context"))==null||g.loseContext()}},[i,r,m,w,s,c,a,n,p,v]),P.jsx("div",{ref:u,className:`${D["evil-eye-container"]}`})}N.__docgenInfo={description:"",methods:[],displayName:"EvilEye",props:{eyeColor:{defaultValue:{value:"'#FF6F37'",computed:!1},required:!1},intensity:{defaultValue:{value:"1.5",computed:!1},required:!1},pupilSize:{defaultValue:{value:"0.6",computed:!1},required:!1},irisWidth:{defaultValue:{value:"0.25",computed:!1},required:!1},glowIntensity:{defaultValue:{value:"0.35",computed:!1},required:!1},scale:{defaultValue:{value:"0.8",computed:!1},required:!1},noiseScale:{defaultValue:{value:"1.0",computed:!1},required:!1},pupilFollow:{defaultValue:{value:"1.0",computed:!1},required:!1},flameSpeed:{defaultValue:{value:"1.0",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'#000000'",computed:!1},required:!1}}};const $={title:"ReactBits/Backgrounds/EvilEye",component:N,parameters:{layout:"fullscreen"},tags:["autodocs"]},R={args:{eyeColor:"#FF6F37",intensity:1.5,pupilSize:.6,irisWidth:.25,glowIntensity:.35,scale:.8,noiseScale:1,pupilFollow:1,flameSpeed:1,backgroundColor:"#000000"}};var I,T,B;R.parameters={...R.parameters,docs:{...(I=R.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    eyeColor: '#FF6F37',
+    intensity: 1.5,
+    pupilSize: 0.6,
+    irisWidth: 0.25,
+    glowIntensity: 0.35,
+    scale: 0.8,
+    noiseScale: 1.0,
+    pupilFollow: 1.0,
+    flameSpeed: 1.0,
+    backgroundColor: '#000000'
+  }
+}`,...(B=(T=R.parameters)==null?void 0:T.docs)==null?void 0:B.source}}};const J=["Default"];export{R as Default,J as __namedExportsOrder,$ as default};

package/storybook-static/assets/FadeContent.stories-mHhk3715.js

@@ -0,0 +1,14 @@
+import{r as c,j as R}from"./iframe-2N7rjfXm.js";import{g as a}from"./index-C8pce-KX.js";import{S as h}from"./ScrollTrigger-D1XJUMov.js";import"./preload-helper-C1FmrZbK.js";a.registerPlugin(h);const w=({children:q,container:x,blur:d=!1,duration:V=1e3,ease:E="power2.out",delay:b=0,threshold:v=.1,initialOpacity:i=0,disappearAfter:n=0,disappearDuration:S=.5,disappearEase:A="power2.in",onComplete:f,onDisappearanceComplete:s,className:O="",style:_,...j})=>{const p=c.useRef(null);return c.useEffect(()=>{const e=p.current;if(!e)return;let t=x||document.getElementById("snap-main-container")||null;typeof t=="string"&&(t=document.querySelector(t));const k=(1-v)*100,r=l=>typeof l=="number"&&l>10?l/1e3:l;a.set(e,{autoAlpha:i,filter:d?"blur(10px)":"blur(0px)",willChange:"opacity, filter, transform"});const o=a.timeline({paused:!0,delay:r(b),onComplete:()=>{f&&f(),n>0&&a.to(e,{autoAlpha:i,filter:d?"blur(10px)":"blur(0px)",delay:r(n),duration:r(S),ease:A,onComplete:()=>s==null?void 0:s()})}});o.to(e,{autoAlpha:1,filter:"blur(0px)",duration:r(V),ease:E});const F=h.create({trigger:e,scroller:t||window,start:`top ${k}%`,once:!0,onEnter:()=>o.play()});return()=>{F.kill(),o.kill(),a.killTweensOf(e)}},[]),R.jsx("div",{ref:p,className:O,style:_,...j,children:q})};w.__docgenInfo={description:"",methods:[],displayName:"FadeContent",props:{blur:{defaultValue:{value:"false",computed:!1},required:!1},duration:{defaultValue:{value:"1000",computed:!1},required:!1},ease:{defaultValue:{value:"'power2.out'",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1},threshold:{defaultValue:{value:"0.1",computed:!1},required:!1},initialOpacity:{defaultValue:{value:"0",computed:!1},required:!1},disappearAfter:{defaultValue:{value:"0",computed:!1},required:!1},disappearDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},disappearEase:{defaultValue:{value:"'power2.in'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const H={title:"ReactBits/Animations/FadeContent",component:w,parameters:{layout:"fullscreen"},tags:["autodocs"]},u={args:{children:"Hello World",blur:!1,duration:1e3,ease:"power2.out",delay:0,threshold:.1,initialOpacity:0,disappearAfter:0,disappearDuration:.5,disappearEase:"power2.in"}};var m,g,y;u.parameters={...u.parameters,docs:{...(m=u.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  args: {
+    children: 'Hello World',
+    blur: false,
+    duration: 1000,
+    ease: 'power2.out',
+    delay: 0,
+    threshold: 0.1,
+    initialOpacity: 0,
+    disappearAfter: 0,
+    disappearDuration: 0.5,
+    disappearEase: 'power2.in'
+  }
+}`,...(y=(g=u.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};const I=["Default"];export{u as Default,I as __namedExportsOrder,H as default};

package/storybook-static/assets/FaultyTerminal-D6zQXJ-g.css

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

package/storybook-static/assets/FaultyTerminal.stories-DjKOHL4-.js

@@ -0,0 +1,224 @@
+import{r as a,j as ee}from"./iframe-2N7rjfXm.js";import{R as te,P as ae,M as oe}from"./Mesh-CwXV3WjE.js";import{T as re}from"./Triangle-64ffRKNB.js";import{C as w}from"./Color-YRkaOI4u.js";import"./preload-helper-C1FmrZbK.js";const ie={"faulty-terminal-container":"_faulty-terminal-container_kw0wy_1"},ne=`
+attribute vec2 position;
+attribute vec2 uv;
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  gl_Position = vec4(position, 0.0, 1.0);
+}
+`,ue=`
+precision mediump float;
+
+varying vec2 vUv;
+
+uniform float iTime;
+uniform vec3  iResolution;
+uniform float uScale;
+
+uniform vec2  uGridMul;
+uniform float uDigitSize;
+uniform float uScanlineIntensity;
+uniform float uGlitchAmount;
+uniform float uFlickerAmount;
+uniform float uNoiseAmp;
+uniform float uChromaticAberration;
+uniform float uDither;
+uniform float uCurvature;
+uniform vec3  uTint;
+uniform vec2  uMouse;
+uniform float uMouseStrength;
+uniform float uUseMouse;
+uniform float uPageLoadProgress;
+uniform float uUsePageLoadAnimation;
+uniform float uBrightness;
+
+float time;
+
+float hash21(vec2 p){
+  p = fract(p * 234.56);
+  p += dot(p, p + 34.56);
+  return fract(p.x * p.y);
+}
+
+float noise(vec2 p)
+{
+  return sin(p.x * 10.0) * sin(p.y * (3.0 + sin(time * 0.090909))) + 0.2; 
+}
+
+mat2 rotate(float angle)
+{
+  float c = cos(angle);
+  float s = sin(angle);
+  return mat2(c, -s, s, c);
+}
+
+float fbm(vec2 p)
+{
+  p *= 1.1;
+  float f = 0.0;
+  float amp = 0.5 * uNoiseAmp;
+  
+  mat2 modify0 = rotate(time * 0.02);
+  f += amp * noise(p);
+  p = modify0 * p * 2.0;
+  amp *= 0.454545;
+  
+  mat2 modify1 = rotate(time * 0.02);
+  f += amp * noise(p);
+  p = modify1 * p * 2.0;
+  amp *= 0.454545;
+  
+  mat2 modify2 = rotate(time * 0.08);
+  f += amp * noise(p);
+  
+  return f;
+}
+
+float pattern(vec2 p, out vec2 q, out vec2 r) {
+  vec2 offset1 = vec2(1.0);
+  vec2 offset0 = vec2(0.0);
+  mat2 rot01 = rotate(0.1 * time);
+  mat2 rot1 = rotate(0.1);
+  
+  q = vec2(fbm(p + offset1), fbm(rot01 * p + offset1));
+  r = vec2(fbm(rot1 * q + offset0), fbm(q + offset0));
+  return fbm(p + r);
+}
+
+float digit(vec2 p){
+    vec2 grid = uGridMul * 15.0;
+    vec2 s = floor(p * grid) / grid;
+    p = p * grid;
+    vec2 q, r;
+    float intensity = pattern(s * 0.1, q, r) * 1.3 - 0.03;
+    
+    if(uUseMouse > 0.5){
+        vec2 mouseWorld = uMouse * uScale;
+        float distToMouse = distance(s, mouseWorld);
+        float mouseInfluence = exp(-distToMouse * 8.0) * uMouseStrength * 10.0;
+        intensity += mouseInfluence;
+        
+        float ripple = sin(distToMouse * 20.0 - iTime * 5.0) * 0.1 * mouseInfluence;
+        intensity += ripple;
+    }
+    
+    if(uUsePageLoadAnimation > 0.5){
+        float cellRandom = fract(sin(dot(s, vec2(12.9898, 78.233))) * 43758.5453);
+        float cellDelay = cellRandom * 0.8;
+        float cellProgress = clamp((uPageLoadProgress - cellDelay) / 0.2, 0.0, 1.0);
+        
+        float fadeAlpha = smoothstep(0.0, 1.0, cellProgress);
+        intensity *= fadeAlpha;
+    }
+    
+    p = fract(p);
+    p *= uDigitSize;
+    
+    float px5 = p.x * 5.0;
+    float py5 = (1.0 - p.y) * 5.0;
+    float x = fract(px5);
+    float y = fract(py5);
+    
+    float i = floor(py5) - 2.0;
+    float j = floor(px5) - 2.0;
+    float n = i * i + j * j;
+    float f = n * 0.0625;
+    
+    float isOn = step(0.1, intensity - f);
+    float brightness = isOn * (0.2 + y * 0.8) * (0.75 + x * 0.25);
+    
+    return step(0.0, p.x) * step(p.x, 1.0) * step(0.0, p.y) * step(p.y, 1.0) * brightness;
+}
+
+float onOff(float a, float b, float c)
+{
+  return step(c, sin(iTime + a * cos(iTime * b))) * uFlickerAmount;
+}
+
+float displace(vec2 look)
+{
+    float y = look.y - mod(iTime * 0.25, 1.0);
+    float window = 1.0 / (1.0 + 50.0 * y * y);
+    return sin(look.y * 20.0 + iTime) * 0.0125 * onOff(4.0, 2.0, 0.8) * (1.0 + cos(iTime * 60.0)) * window;
+}
+
+vec3 getColor(vec2 p){
+    
+    float bar = step(mod(p.y + time * 20.0, 1.0), 0.2) * 0.4 + 1.0;
+    bar *= uScanlineIntensity;
+    
+    float displacement = displace(p);
+    p.x += displacement;
+
+    if (uGlitchAmount != 1.0) {
+      float extra = displacement * (uGlitchAmount - 1.0);
+      p.x += extra;
+    }
+
+    float middle = digit(p);
+    
+    const float off = 0.002;
+    float sum = digit(p + vec2(-off, -off)) + digit(p + vec2(0.0, -off)) + digit(p + vec2(off, -off)) +
+                digit(p + vec2(-off, 0.0)) + digit(p + vec2(0.0, 0.0)) + digit(p + vec2(off, 0.0)) +
+                digit(p + vec2(-off, off)) + digit(p + vec2(0.0, off)) + digit(p + vec2(off, off));
+    
+    vec3 baseColor = vec3(0.9) * middle + sum * 0.1 * vec3(1.0) * bar;
+    return baseColor;
+}
+
+vec2 barrel(vec2 uv){
+  vec2 c = uv * 2.0 - 1.0;
+  float r2 = dot(c, c);
+  c *= 1.0 + uCurvature * r2;
+  return c * 0.5 + 0.5;
+}
+
+void main() {
+    time = iTime * 0.333333;
+    vec2 uv = vUv;
+
+    if(uCurvature != 0.0){
+      uv = barrel(uv);
+    }
+    
+    vec2 p = uv * uScale;
+    vec3 col = getColor(p);
+
+    if(uChromaticAberration != 0.0){
+      vec2 ca = vec2(uChromaticAberration) / iResolution.xy;
+      col.r = getColor(p + ca).r;
+      col.b = getColor(p - ca).b;
+    }
+
+    col *= uTint;
+    col *= uBrightness;
+
+    if(uDither > 0.0){
+      float rnd = hash21(gl_FragCoord.xy);
+      col += (rnd - 0.5) * (uDither * 0.003922);
+    }
+
+    gl_FragColor = vec4(col, 1.0);
+}
+`;function le(d){let n=d.replace("#","").trim();n.length===3&&(n=n.split("").map(s=>s+s).join(""));const u=parseInt(n,16);return[(u>>16&255)/255,(u>>8&255)/255,(u&255)/255]}function H({scale:d=1,gridMul:n=[2,1],digitSize:u=1.5,timeScale:s=.3,pause:q=!1,scanlineIntensity:C=.3,glitchAmount:S=1,flickerAmount:T=1,noiseAmp:P=0,chromaticAberration:V=0,dither:p=0,curvature:F=.2,tint:D="#ffffff",mouseReact:f=!0,mouseStrength:_=.2,dpr:k=Math.min(window.devicePixelRatio||1,2),pageLoadAnimation:c=!0,brightness:U=1,className:X,style:Y,...J}){const x=a.useRef(null),K=a.useRef(null),Q=a.useRef(null),z=a.useRef({x:.5,y:.5}),b=a.useRef({x:.5,y:.5}),E=a.useRef(0),R=a.useRef(0),m=a.useRef(0),I=a.useRef(Math.random()*100),v=a.useMemo(()=>le(D),[D]),L=a.useMemo(()=>typeof p=="boolean"?p?1:0:p,[p]),M=a.useCallback(t=>{const r=x.current;if(!r)return;const e=r.getBoundingClientRect(),A=(t.clientX-e.left)/e.width,o=1-(t.clientY-e.top)/e.height;z.current={x:A,y:o}},[]);return a.useEffect(()=>{const t=x.current;if(!t)return;const r=new te({dpr:k});Q.current=r;const e=r.gl;e.clearColor(0,0,0,1);const A=new re(e),o=new ae(e,{vertex:ne,fragment:ue,uniforms:{iTime:{value:0},iResolution:{value:new w(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height)},uScale:{value:d},uGridMul:{value:new Float32Array(n)},uDigitSize:{value:u},uScanlineIntensity:{value:C},uGlitchAmount:{value:S},uFlickerAmount:{value:T},uNoiseAmp:{value:P},uChromaticAberration:{value:V},uDither:{value:L},uCurvature:{value:F},uTint:{value:new w(v[0],v[1],v[2])},uMouse:{value:new Float32Array([b.current.x,b.current.y])},uMouseStrength:{value:_},uUseMouse:{value:f?1:0},uPageLoadProgress:{value:c?0:1},uUsePageLoadAnimation:{value:c?1:0},uBrightness:{value:U}}});K.current=o;const Z=new oe(e,{geometry:A,program:o});function G(){!t||!r||(r.setSize(t.offsetWidth,t.offsetHeight),o.uniforms.iResolution.value=new w(e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height))}const O=new ResizeObserver(()=>G());O.observe(t),G();const j=l=>{if(R.current=requestAnimationFrame(j),c&&m.current===0&&(m.current=l),q)o.uniforms.iTime.value=E.current;else{const g=(l*.001+I.current)*s;o.uniforms.iTime.value=g,E.current=g}if(c&&m.current>0){const i=l-m.current,h=Math.min(i/2e3,1);o.uniforms.uPageLoadProgress.value=h}if(f){const i=b.current,h=z.current;i.x+=(h.x-i.x)*.08,i.y+=(h.y-i.y)*.08;const B=o.uniforms.uMouse.value;B[0]=i.x,B[1]=i.y}r.render({scene:Z})};return R.current=requestAnimationFrame(j),t.appendChild(e.canvas),f&&t.addEventListener("mousemove",M),()=>{var l;cancelAnimationFrame(R.current),O.disconnect(),f&&t.removeEventListener("mousemove",M),e.canvas.parentElement===t&&t.removeChild(e.canvas),(l=e.getExtension("WEBGL_lose_context"))==null||l.loseContext(),m.current=0,I.current=Math.random()*100}},[k,q,s,d,n,u,C,S,T,P,V,L,F,v,f,_,c,U,M]),ee.jsx("div",{ref:x,className:`${ie["faulty-terminal-container"]} ${X}`,style:Y,...J})}H.__docgenInfo={description:"",methods:[],displayName:"FaultyTerminal",props:{scale:{defaultValue:{value:"1",computed:!1},required:!1},gridMul:{defaultValue:{value:"[2, 1]",computed:!1},required:!1},digitSize:{defaultValue:{value:"1.5",computed:!1},required:!1},timeScale:{defaultValue:{value:"0.3",computed:!1},required:!1},pause:{defaultValue:{value:"false",computed:!1},required:!1},scanlineIntensity:{defaultValue:{value:"0.3",computed:!1},required:!1},glitchAmount:{defaultValue:{value:"1",computed:!1},required:!1},flickerAmount:{defaultValue:{value:"1",computed:!1},required:!1},noiseAmp:{defaultValue:{value:"0",computed:!1},required:!1},chromaticAberration:{defaultValue:{value:"0",computed:!1},required:!1},dither:{defaultValue:{value:"0",computed:!1},required:!1},curvature:{defaultValue:{value:"0.2",computed:!1},required:!1},tint:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},mouseReact:{defaultValue:{value:"true",computed:!1},required:!1},mouseStrength:{defaultValue:{value:"0.2",computed:!1},required:!1},dpr:{defaultValue:{value:"Math.min(window.devicePixelRatio || 1, 2)",computed:!0},required:!1},pageLoadAnimation:{defaultValue:{value:"true",computed:!1},required:!1},brightness:{defaultValue:{value:"1",computed:!1},required:!1}}};const pe={title:"ReactBits/Backgrounds/FaultyTerminal",component:H,parameters:{layout:"fullscreen"},tags:["autodocs"]},y={args:{scale:1,gridMul:[2,1],digitSize:1.5,timeScale:.3,pause:!1,scanlineIntensity:.3,glitchAmount:1,flickerAmount:1,noiseAmp:0,chromaticAberration:0,dither:0,curvature:.2,tint:"#ffffff",mouseReact:!0,mouseStrength:.2,dpr:Math.min(window.devicePixelRatio||1,2),pageLoadAnimation:!0,brightness:1}};var N,W,$;y.parameters={...y.parameters,docs:{...(N=y.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  args: {
+    scale: 1,
+    gridMul: [2, 1],
+    digitSize: 1.5,
+    timeScale: 0.3,
+    pause: false,
+    scanlineIntensity: 0.3,
+    glitchAmount: 1,
+    flickerAmount: 1,
+    noiseAmp: 0,
+    chromaticAberration: 0,
+    dither: 0,
+    curvature: 0.2,
+    tint: '#ffffff',
+    mouseReact: true,
+    mouseStrength: 0.2,
+    dpr: Math.min(window.devicePixelRatio || 1, 2),
+    pageLoadAnimation: true,
+    brightness: 1
+  }
+}`,...($=(W=y.parameters)==null?void 0:W.docs)==null?void 0:$.source}}};const ve=["Default"];export{y as Default,ve as __namedExportsOrder,pe as default};

package/storybook-static/assets/Fbo-CDZq1mNj.js

@@ -0,0 +1 @@
+import{r as u}from"./iframe-2N7rjfXm.js";import{u as f}from"./react-three-fiber.esm-pSSy_32K.js";import{k as d,H as b,z as m,D as F,E as T}from"./three.module--_vTUKhS.js";function g(){return g=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var s=arguments[a];for(var r in s)({}).hasOwnProperty.call(s,r)&&(e[r]=s[r])}return e},g.apply(null,arguments)}function w(e,a,s){const r=f(t=>t.size),c=f(t=>t.viewport),o=typeof e=="number"?e:r.width*c.dpr,i=r.height*c.dpr,l=(typeof e=="number"?s:e)||{},{samples:p=0,depth:h,...y}=l,n=u.useMemo(()=>{const t=new d(o,i,{minFilter:m,magFilter:m,type:b,...y});return h&&(t.depthTexture=new F(o,i,T)),t.samples=p,t},[]);return u.useLayoutEffect(()=>{n.setSize(o,i),p&&(n.samples=p)},[p,n,o,i]),u.useEffect(()=>()=>n.dispose(),[]),n}export{g as _,w as u};

package/storybook-static/assets/FloatingLines-BPpNRsJk.css

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