@stfrigerio/sito-template 0.1.58 → 0.1.60

package/storybook-static/assets/BooleansHeatmap.stories-BK-0k1Yf.js

@@ -0,0 +1,63 @@
+import{r as T,j as d}from"./iframe-DCkPNH_h.js";import{s as I}from"./transform-BKmuZieF.js";import{t as K}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";const X="_container_anirc_1",Q="_title_anirc_8",U="_habitEmoji_anirc_18",Z="_chart_anirc_23",tt="_monthLabel_anirc_28",et="_dayLabel_anirc_34",at="_cell_anirc_39",nt="_legend_anirc_51",ot="_legendItem_anirc_58",rt="_legendColor_anirc_66",st="_tooltip_anirc_73",o={container:X,title:Q,habitEmoji:U,chart:Z,monthLabel:tt,dayLabel:et,cell:at,legend:nt,legendItem:ot,legendColor:rt,tooltip:st},it=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],ct=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Y=({data:a,habitName:e,width:r=800,height:s=200,habitColor:i="#6BCB77",habitEmoji:w="✓"})=>{const x=T.useRef(null),{startDate:p,endDate:k,weeksToShow:u}=T.useMemo(()=>{const m=Object.keys(a).sort();if(m.length===0){const h=new Date;return{startDate:h,endDate:h,weeksToShow:1}}const c=new Date(m[0]),g=new Date(m[m.length-1]),v=Math.ceil((g.getTime()-c.getTime())/(1e3*60*60*24))+1,l=Math.ceil(v/7);return{startDate:c,endDate:g,weeksToShow:l}},[a]);return T.useEffect(()=>{if(!x.current)return;const m=I(x.current);m.selectAll("*").remove();const c={top:40,right:20,bottom:20,left:40},g=r-c.left-c.right,v=s-c.top-c.bottom,l=Math.min(Math.floor(v/7)-1,Math.floor(g/u)-1,20),h=2,E=m.append("g").attr("transform",`translate(${c.left},${c.top})`),M=(p.getDay()+6)%7,S=new Map;let f=p.getMonth();S.set(f,0);for(let n=0;n<u;n++){const t=new Date(p);t.setDate(t.getDate()+n*7-M),t.getMonth()!==f&&(f=t.getMonth(),S.set(f,n))}S.forEach((n,t)=>{E.append("text").attr("x",n*(l+h)).attr("y",-10).attr("class",o.monthLabel).text(ct[t])}),it.forEach((n,t)=>{E.append("text").attr("x",-10).attr("y",t*(l+h)+l/2).attr("class",o.dayLabel).attr("text-anchor","end").attr("alignment-baseline","middle").text(n)});const b=I("body").append("div").attr("class",o.tooltip).style("opacity",0).style("position","absolute"),V=u*7;for(let n=0;n<V;n++){const t=new Date(p);if(t.setDate(t.getDate()+n-M),t<p||t>k)continue;const j=t.toISOString().split("T")[0],J=(t.getDay()+6)%7,P=Math.floor((n+M)/7),N=j in a&&a[j];E.append("rect").attr("x",P*(l+h)).attr("y",J*(l+h)).attr("width",l).attr("height",l).attr("rx",3).attr("class",o.cell).attr("data-date",j).attr("data-value",N?"true":"false").style("fill",N?i:"#4D4D4DFF").on("mouseover",function(O){b.transition().duration(200).style("opacity",1);const z=K("%b %d, %Y"),G=N?`${w} Done`:"✗ Not done";b.html(`
+                    <div><strong>${e}</strong></div>
+                    <div>${z(t)}</div>
+                    <div>${G}</div>
+                `).style("left",O.pageX+10+"px").style("top",O.pageY-28+"px")}).on("mouseout",function(){b.transition().duration(500).style("opacity",0)})}return()=>{b.remove()}},[a,e,r,s,p,k,u,i,w]),d.jsxs("div",{className:o.container,children:[d.jsxs("h3",{className:o.title,children:[d.jsx("span",{className:o.habitEmoji,children:w}),e]}),d.jsx("svg",{ref:x,width:r,height:s,className:o.chart}),d.jsxs("div",{className:o.legend,children:[d.jsxs("span",{className:o.legendItem,children:[d.jsx("span",{className:o.legendColor,style:{backgroundColor:i}}),"Done"]}),d.jsxs("span",{className:o.legendItem,children:[d.jsx("span",{className:o.legendColor,style:{backgroundColor:"#4D4D4DFF"}}),"Not done"]})]})]})};Y.__docgenInfo={description:"",methods:[],displayName:"BooleansHeatmap",props:{data:{required:!0,tsType:{name:"signature",type:"object",raw:"{ [date: string]: boolean }",signature:{properties:[{key:{name:"string"},value:{name:"boolean",required:!0}}]}},description:""},habitName:{required:!0,tsType:{name:"string"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"200",computed:!1}},habitColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#6BCB77'",computed:!1}},habitEmoji:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'✓'",computed:!1}}}};const ut={title:"Organisms/Charts/BooleansHeatmap",component:Y,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:150,max:400,step:50}},habitColor:{control:{type:"color"}},habitEmoji:{control:{type:"text"}}}},C=a=>{const e=[],r=new Date;for(let s=a-1;s>=0;s--){const i=new Date(r);i.setDate(i.getDate()-s),e.push(i.toISOString().split("T")[0])}return e},y={args:{data:(()=>{const a=C(90),e={};return a.forEach(r=>{e[r]=Math.random()>.3}),e})(),habitName:"Daily Exercise",width:900,height:200,habitColor:"#10b981",habitEmoji:"💪"}},D={args:{data:(()=>{const a=C(365),e={};return a.forEach(r=>{const s=new Date(r).getMonth(),i=s>=5&&s<=8;e[r]=Math.random()>(i?.25:.45)}),e})(),habitName:"Outdoor Activity",width:1100,height:250,habitColor:"#10b981",habitEmoji:"🏃"}},_={args:{data:(()=>{const a=C(60),e={};return a.forEach(r=>{Math.random()>.3&&(e[r]=Math.random()>.6)}),e})(),habitName:"Side Project Work",width:800,height:200,habitColor:"#7c3aed",habitEmoji:"💻"}};var F,L,q;y.parameters={...y.parameters,docs:{...(F=y.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  args: {
+    data: (() => {
+      const dates = generateDateRange(90);
+      const data: {
+        [date: string]: boolean;
+      } = {};
+      dates.forEach(date => {
+        data[date] = Math.random() > 0.3;
+      });
+      return data;
+    })(),
+    habitName: 'Daily Exercise',
+    width: 900,
+    height: 200,
+    habitColor: '#10b981',
+    habitEmoji: '💪'
+  }
+}`,...(q=(L=y.parameters)==null?void 0:L.docs)==null?void 0:q.source}}};var B,R,A;D.parameters={...D.parameters,docs:{...(B=D.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  args: {
+    data: (() => {
+      const dates = generateDateRange(365);
+      const data: {
+        [date: string]: boolean;
+      } = {};
+      dates.forEach(date => {
+        const month = new Date(date).getMonth();
+        const isSummer = month >= 5 && month <= 8;
+        data[date] = Math.random() > (isSummer ? 0.25 : 0.45);
+      });
+      return data;
+    })(),
+    habitName: 'Outdoor Activity',
+    width: 1100,
+    height: 250,
+    habitColor: '#10b981',
+    habitEmoji: '🏃'
+  }
+}`,...(A=(R=D.parameters)==null?void 0:R.docs)==null?void 0:A.source}}};var W,$,H;_.parameters={..._.parameters,docs:{...(W=_.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    data: (() => {
+      const dates = generateDateRange(60);
+      const data: {
+        [date: string]: boolean;
+      } = {};
+      dates.forEach(date => {
+        if (Math.random() > 0.3) {
+          data[date] = Math.random() > 0.6;
+        }
+      });
+      return data;
+    })(),
+    habitName: 'Side Project Work',
+    width: 800,
+    height: 200,
+    habitColor: '#7c3aed',
+    habitEmoji: '💻'
+  }
+}`,...(H=($=_.parameters)==null?void 0:$.docs)==null?void 0:H.source}}};const gt=["Default","YearlyOverview","SparseData"];export{y as Default,_ as SparseData,D as YearlyOverview,gt as __namedExportsOrder,ut as default};

package/storybook-static/assets/{BorderGlow.stories-CUxbrsvW.js → BorderGlow.stories-DUaNIh97.js}

@@ -1,4 +1,4 @@
-import{r as m,j as V}from"./iframe-B8pH-Lvr.js";import"./preload-helper-C1FmrZbK.js";const w={"border-glow-card":"_border-glow-card_1ey34_1","edge-light":"_edge-light_1ey34_29","sweep-active":"_sweep-active_1ey34_38","border-glow-inner":"_border-glow-inner_1ey34_135"};function A(e){const n=e.match(/([\d.]+)\s*([\d.]+)%?\s*([\d.]+)%?/);return n?{h:parseFloat(n[1]),s:parseFloat(n[2]),l:parseFloat(n[3])}:{h:40,s:80,l:80}}function B(e,n){const{h:s,s:d,l:y}=A(e),b=`${s}deg ${d}% ${y}%`,i=[100,60,50,40,30,20,10],h=["","-60","-50","-40","-30","-20","-10"],c={};for(let l=0;l<i.length;l++)c[`--glow-color${h[l]}`]=`hsl(${b} / ${Math.min(i[l]*n,100)}%)`;return c}const j=["80% 55%","69% 34%","8% 6%","41% 38%","86% 85%","82% 18%","51% 4%"],D=["--gradient-one","--gradient-two","--gradient-three","--gradient-four","--gradient-five","--gradient-six","--gradient-seven"],L=[0,1,2,0,1,2,1];function T(e){const n={};for(let s=0;s<7;s++){const d=e[Math.min(L[s],e.length-1)];n[D[s]]=`radial-gradient(at ${j[s]}, ${d} 0px, transparent 50%)`}return n["--gradient-base"]=`linear-gradient(${e[0]} 0 100%)`,n}function E(e){return 1-Math.pow(1-e,3)}function P(e){return e*e*e}function _({start:e=0,end:n=100,duration:s=1e3,delay:d=0,ease:y=E,onUpdate:b,onEnd:i}){const h=performance.now()+d;function c(){const l=performance.now()-h,v=Math.min(l/s,1);b(e+(n-e)*y(v)),v<1?requestAnimationFrame(c):i&&i()}setTimeout(()=>requestAnimationFrame(c),d)}const O=({children:e,className:n="",edgeSensitivity:s=30,glowColor:d="40 80 80",backgroundColor:y="#060010",borderRadius:b=28,glowRadius:i=40,glowIntensity:h=1,coneSpread:c=25,animated:l=!1,colors:v=["#c084fc","#f472b6","#38bdf8"],fillOpacity:N=.5})=>{const x=m.useRef(null),$=m.useCallback(a=>{const{width:t,height:o}=a.getBoundingClientRect();return[t/2,o/2]},[]),M=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;let R=1/0,p=1/0;return f!==0&&(R=r/Math.abs(f)),g!==0&&(p=u/Math.abs(g)),Math.min(Math.max(1/Math.min(R,p),0),1)},[$]),q=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;if(f===0&&g===0)return 0;let p=Math.atan2(g,f)*(180/Math.PI)+90;return p<0&&(p+=360),p},[$]),F=m.useCallback(a=>{const t=x.current;if(!t)return;const o=t.getBoundingClientRect(),r=a.clientX-o.left,u=a.clientY-o.top,f=M(t,r,u),g=q(t,r,u);t.style.setProperty("--edge-proximity",`${(f*100).toFixed(3)}`),t.style.setProperty("--cursor-angle",`${g.toFixed(3)}deg`)},[M,q]);m.useEffect(()=>{if(!l||!x.current)return;const a=x.current,t=110,o=465;a.classList.add(w["sweep-active"]),a.style.setProperty("--cursor-angle",`${t}deg`),_({duration:500,onUpdate:r=>a.style.setProperty("--edge-proximity",r)}),_({ease:P,duration:1500,end:50,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:E,delay:1500,duration:2250,start:50,end:100,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:P,delay:2500,duration:1500,start:100,end:0,onUpdate:r=>a.style.setProperty("--edge-proximity",r),onEnd:()=>a.classList.remove(w["sweep-active"])})},[l]);const G=B(d,h);return V.jsxs("div",{ref:x,onPointerMove:F,className:`${w["border-glow-card"]} ${n}`,style:{"--card-bg":y,"--edge-sensitivity":s,"--border-radius":`${b}px`,"--glow-padding":`${i}px`,"--cone-spread":c,"--fill-opacity":N,...G,...T(v)},children:[V.jsx("span",{className:`${w["edge-light"]}`}),V.jsx("div",{className:`${w["border-glow-inner"]}`,children:e})]})};O.__docgenInfo={description:"",methods:[],displayName:"BorderGlow",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},edgeSensitivity:{defaultValue:{value:"30",computed:!1},required:!1},glowColor:{defaultValue:{value:"'40 80 80'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},borderRadius:{defaultValue:{value:"28",computed:!1},required:!1},glowRadius:{defaultValue:{value:"40",computed:!1},required:!1},glowIntensity:{defaultValue:{value:"1.0",computed:!1},required:!1},coneSpread:{defaultValue:{value:"25",computed:!1},required:!1},animated:{defaultValue:{value:"false",computed:!1},required:!1},colors:{defaultValue:{value:"['#c084fc', '#f472b6', '#38bdf8']",computed:!1},required:!1},fillOpacity:{defaultValue:{value:"0.5",computed:!1},required:!1}}};const W={title:"ReactBits/Components/BorderGlow",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{children:"Hello World",edgeSensitivity:30,glowColor:"40 80 80",backgroundColor:"#060010",borderRadius:28,glowRadius:40,glowIntensity:1,coneSpread:25,animated:!1,colors:["#c084fc","#f472b6","#38bdf8"],fillOpacity:.5}};var I,S,k;C.parameters={...C.parameters,docs:{...(I=C.parameters)==null?void 0:I.docs,source:{originalSource:`{
+import{r as m,j as V}from"./iframe-DCkPNH_h.js";import"./preload-helper-C1FmrZbK.js";const w={"border-glow-card":"_border-glow-card_1ey34_1","edge-light":"_edge-light_1ey34_29","sweep-active":"_sweep-active_1ey34_38","border-glow-inner":"_border-glow-inner_1ey34_135"};function A(e){const n=e.match(/([\d.]+)\s*([\d.]+)%?\s*([\d.]+)%?/);return n?{h:parseFloat(n[1]),s:parseFloat(n[2]),l:parseFloat(n[3])}:{h:40,s:80,l:80}}function B(e,n){const{h:s,s:d,l:y}=A(e),b=`${s}deg ${d}% ${y}%`,i=[100,60,50,40,30,20,10],h=["","-60","-50","-40","-30","-20","-10"],c={};for(let l=0;l<i.length;l++)c[`--glow-color${h[l]}`]=`hsl(${b} / ${Math.min(i[l]*n,100)}%)`;return c}const j=["80% 55%","69% 34%","8% 6%","41% 38%","86% 85%","82% 18%","51% 4%"],D=["--gradient-one","--gradient-two","--gradient-three","--gradient-four","--gradient-five","--gradient-six","--gradient-seven"],L=[0,1,2,0,1,2,1];function T(e){const n={};for(let s=0;s<7;s++){const d=e[Math.min(L[s],e.length-1)];n[D[s]]=`radial-gradient(at ${j[s]}, ${d} 0px, transparent 50%)`}return n["--gradient-base"]=`linear-gradient(${e[0]} 0 100%)`,n}function E(e){return 1-Math.pow(1-e,3)}function P(e){return e*e*e}function _({start:e=0,end:n=100,duration:s=1e3,delay:d=0,ease:y=E,onUpdate:b,onEnd:i}){const h=performance.now()+d;function c(){const l=performance.now()-h,v=Math.min(l/s,1);b(e+(n-e)*y(v)),v<1?requestAnimationFrame(c):i&&i()}setTimeout(()=>requestAnimationFrame(c),d)}const O=({children:e,className:n="",edgeSensitivity:s=30,glowColor:d="40 80 80",backgroundColor:y="#060010",borderRadius:b=28,glowRadius:i=40,glowIntensity:h=1,coneSpread:c=25,animated:l=!1,colors:v=["#c084fc","#f472b6","#38bdf8"],fillOpacity:N=.5})=>{const x=m.useRef(null),$=m.useCallback(a=>{const{width:t,height:o}=a.getBoundingClientRect();return[t/2,o/2]},[]),M=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;let R=1/0,p=1/0;return f!==0&&(R=r/Math.abs(f)),g!==0&&(p=u/Math.abs(g)),Math.min(Math.max(1/Math.min(R,p),0),1)},[$]),q=m.useCallback((a,t,o)=>{const[r,u]=$(a),f=t-r,g=o-u;if(f===0&&g===0)return 0;let p=Math.atan2(g,f)*(180/Math.PI)+90;return p<0&&(p+=360),p},[$]),F=m.useCallback(a=>{const t=x.current;if(!t)return;const o=t.getBoundingClientRect(),r=a.clientX-o.left,u=a.clientY-o.top,f=M(t,r,u),g=q(t,r,u);t.style.setProperty("--edge-proximity",`${(f*100).toFixed(3)}`),t.style.setProperty("--cursor-angle",`${g.toFixed(3)}deg`)},[M,q]);m.useEffect(()=>{if(!l||!x.current)return;const a=x.current,t=110,o=465;a.classList.add(w["sweep-active"]),a.style.setProperty("--cursor-angle",`${t}deg`),_({duration:500,onUpdate:r=>a.style.setProperty("--edge-proximity",r)}),_({ease:P,duration:1500,end:50,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:E,delay:1500,duration:2250,start:50,end:100,onUpdate:r=>{a.style.setProperty("--cursor-angle",`${(o-t)*(r/100)+t}deg`)}}),_({ease:P,delay:2500,duration:1500,start:100,end:0,onUpdate:r=>a.style.setProperty("--edge-proximity",r),onEnd:()=>a.classList.remove(w["sweep-active"])})},[l]);const G=B(d,h);return V.jsxs("div",{ref:x,onPointerMove:F,className:`${w["border-glow-card"]} ${n}`,style:{"--card-bg":y,"--edge-sensitivity":s,"--border-radius":`${b}px`,"--glow-padding":`${i}px`,"--cone-spread":c,"--fill-opacity":N,...G,...T(v)},children:[V.jsx("span",{className:`${w["edge-light"]}`}),V.jsx("div",{className:`${w["border-glow-inner"]}`,children:e})]})};O.__docgenInfo={description:"",methods:[],displayName:"BorderGlow",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},edgeSensitivity:{defaultValue:{value:"30",computed:!1},required:!1},glowColor:{defaultValue:{value:"'40 80 80'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'#060010'",computed:!1},required:!1},borderRadius:{defaultValue:{value:"28",computed:!1},required:!1},glowRadius:{defaultValue:{value:"40",computed:!1},required:!1},glowIntensity:{defaultValue:{value:"1.0",computed:!1},required:!1},coneSpread:{defaultValue:{value:"25",computed:!1},required:!1},animated:{defaultValue:{value:"false",computed:!1},required:!1},colors:{defaultValue:{value:"['#c084fc', '#f472b6', '#38bdf8']",computed:!1},required:!1},fillOpacity:{defaultValue:{value:"0.5",computed:!1},required:!1}}};const W={title:"ReactBits/Components/BorderGlow",component:O,parameters:{layout:"fullscreen"}},C={args:{children:"Hello World",edgeSensitivity:30,glowColor:"40 80 80",backgroundColor:"#060010",borderRadius:28,glowRadius:40,glowIntensity:1,coneSpread:25,animated:!1,colors:["#c084fc","#f472b6","#38bdf8"],fillOpacity:.5}};var I,S,k;C.parameters={...C.parameters,docs:{...(I=C.parameters)==null?void 0:I.docs,source:{originalSource:`{
   args: {
     children: 'Hello World',
     edgeSensitivity: 30,

package/storybook-static/assets/{BubbleMenu.stories-DuVDLBsV.js → BubbleMenu.stories-DUkNhCYN.js}

@@ -1,4 +1,4 @@
-import{r as b,j as o}from"./iframe-B8pH-Lvr.js";import{g as r}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const V="_fixed_13ibu_14",F="_absolute_13ibu_18",I="_bubble_13ibu_1",M="_open_13ibu_106",e={"bubble-menu":"_bubble-menu_13ibu_1",fixed:V,absolute:F,bubble:I,"logo-bubble":"_logo-bubble_13ibu_35","toggle-bubble":"_toggle-bubble_13ibu_36","bubble-logo":"_bubble-logo_13ibu_54","logo-content":"_logo-content_13ibu_61","menu-btn":"_menu-btn_13ibu_78","menu-line":"_menu-line_13ibu_89",open:M,"bubble-menu-items":"_bubble-menu-items_13ibu_124","pill-list":"_pill-list_13ibu_142","pill-col":"_pill-col_13ibu_164","pill-link":"_pill-link_13ibu_180","pill-label":"_pill-label_13ibu_229"},P=[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Documentation",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}];function B({logo:p,onMenuClick:h,className:A,style:R,menuAriaLabel:T="Toggle menu",menuBg:_="#fff",menuContentColor:i="#111",useFixedPosition:C=!1,items:u,animationEase:S="back.out(1.5)",animationDuration:c=.5,staggerDelay:L=.12}){const[s,O]=b.useState(!1),[x,j]=b.useState(!1),$=b.useRef(null),y=b.useRef([]),N=b.useRef([]),v=u!=null&&u.length?u:P,q=[e["bubble-menu"],C?e.fixed:e.absolute,A].filter(Boolean).join(" "),D=()=>{const l=!s;l&&j(!0),O(l),h==null||h(l)};return b.useEffect(()=>{const l=$.current,a=y.current.filter(Boolean),t=N.current.filter(Boolean);!l||!a.length||(s?(r.set(l,{display:"flex"}),r.killTweensOf([...a,...t]),r.set(a,{scale:0,transformOrigin:"50% 50%"}),r.set(t,{y:24,autoAlpha:0}),a.forEach((f,n)=>{const m=n*L+r.utils.random(-.05,.05),d=r.timeline({delay:m});d.to(f,{scale:1,duration:c,ease:S}),t[n]&&d.to(t[n],{y:0,autoAlpha:1,duration:c,ease:"power3.out"},`-=${c*.9}`)})):x&&(r.killTweensOf([...a,...t]),r.to(t,{y:24,autoAlpha:0,duration:.2,ease:"power3.in"}),r.to(a,{scale:0,duration:.2,ease:"power3.in",onComplete:()=>{r.set(l,{display:"none"}),j(!1)}})))},[s,x,S,c,L]),b.useEffect(()=>{const l=()=>{if(s){const a=y.current.filter(Boolean),t=window.innerWidth>=900;a.forEach((f,n)=>{const m=v[n];if(f&&m){const d=t?m.rotation??0:0;r.set(f,{rotation:d})}})}};return window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[s,v]),o.jsxs(o.Fragment,{children:[o.jsxs("nav",{className:q,style:R,"aria-label":"Main navigation",children:[o.jsx("div",{className:`${e.bubble} ${e["logo-bubble"]}`,"aria-label":"Logo",style:{background:_},children:o.jsx("span",{className:`${e["logo-content"]}`,children:typeof p=="string"?o.jsx("img",{src:p,alt:"Logo",className:`${e["bubble-logo"]}`}):p})}),o.jsxs("button",{type:"button",className:`${e.bubble} ${e["toggle-bubble"]} ${e["menu-btn"]} ${s?e.open:""}`,onClick:D,"aria-label":T,"aria-pressed":s,style:{background:_},children:[o.jsx("span",{className:`${e["menu-line"]}`,style:{background:i}}),o.jsx("span",{className:`${e["menu-line"]} short`,style:{background:i}})]})]}),x&&o.jsx("div",{ref:$,className:`${e["bubble-menu-items"]} ${C?e.fixed:e.absolute}`,"aria-hidden":!s,children:o.jsx("ul",{className:`${e["pill-list"]}`,role:"menu","aria-label":"Menu links",children:v.map((l,a)=>{var t,f;return o.jsx("li",{role:"none",className:`${e["pill-col"]}`,children:o.jsx("a",{role:"menuitem",href:l.href,"aria-label":l.ariaLabel||l.label,className:`${e["pill-link"]}`,style:{"--item-rot":`${l.rotation??0}deg`,"--pill-bg":_,"--pill-color":i,"--hover-bg":((t=l.hoverStyles)==null?void 0:t.bgColor)||"#f3f4f6","--hover-color":((f=l.hoverStyles)==null?void 0:f.textColor)||i},ref:n=>{n&&(y.current[a]=n)},children:o.jsx("span",{className:`${e["pill-label"]}`,ref:n=>{n&&(N.current[a]=n)},children:l.label})})},a)})})})]})}B.__docgenInfo={description:"",methods:[],displayName:"BubbleMenu",props:{menuAriaLabel:{defaultValue:{value:"'Toggle menu'",computed:!1},required:!1},menuBg:{defaultValue:{value:"'#fff'",computed:!1},required:!1},menuContentColor:{defaultValue:{value:"'#111'",computed:!1},required:!1},useFixedPosition:{defaultValue:{value:"false",computed:!1},required:!1},animationEase:{defaultValue:{value:"'back.out(1.5)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},staggerDelay:{defaultValue:{value:"0.12",computed:!1},required:!1}}};const U={title:"ReactBits/Components/BubbleMenu",component:B,parameters:{layout:"fullscreen"},tags:["autodocs"]},g={args:{menuAriaLabel:"Toggle menu",menuBg:"#fff",menuContentColor:"#111",useFixedPosition:!1,items:[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Projects",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}],animationEase:"back.out(1.5)",animationDuration:.5,staggerDelay:.12}};var w,E,k;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.docs,source:{originalSource:`{
+import{r as b,j as o}from"./iframe-DCkPNH_h.js";import{g as r}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const V="_fixed_13ibu_14",F="_absolute_13ibu_18",I="_bubble_13ibu_1",M="_open_13ibu_106",e={"bubble-menu":"_bubble-menu_13ibu_1",fixed:V,absolute:F,bubble:I,"logo-bubble":"_logo-bubble_13ibu_35","toggle-bubble":"_toggle-bubble_13ibu_36","bubble-logo":"_bubble-logo_13ibu_54","logo-content":"_logo-content_13ibu_61","menu-btn":"_menu-btn_13ibu_78","menu-line":"_menu-line_13ibu_89",open:M,"bubble-menu-items":"_bubble-menu-items_13ibu_124","pill-list":"_pill-list_13ibu_142","pill-col":"_pill-col_13ibu_164","pill-link":"_pill-link_13ibu_180","pill-label":"_pill-label_13ibu_229"},P=[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Documentation",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}];function B({logo:p,onMenuClick:h,className:A,style:R,menuAriaLabel:T="Toggle menu",menuBg:_="#fff",menuContentColor:i="#111",useFixedPosition:C=!1,items:u,animationEase:S="back.out(1.5)",animationDuration:c=.5,staggerDelay:L=.12}){const[s,O]=b.useState(!1),[x,j]=b.useState(!1),$=b.useRef(null),y=b.useRef([]),N=b.useRef([]),v=u!=null&&u.length?u:P,q=[e["bubble-menu"],C?e.fixed:e.absolute,A].filter(Boolean).join(" "),D=()=>{const l=!s;l&&j(!0),O(l),h==null||h(l)};return b.useEffect(()=>{const l=$.current,a=y.current.filter(Boolean),t=N.current.filter(Boolean);!l||!a.length||(s?(r.set(l,{display:"flex"}),r.killTweensOf([...a,...t]),r.set(a,{scale:0,transformOrigin:"50% 50%"}),r.set(t,{y:24,autoAlpha:0}),a.forEach((f,n)=>{const m=n*L+r.utils.random(-.05,.05),d=r.timeline({delay:m});d.to(f,{scale:1,duration:c,ease:S}),t[n]&&d.to(t[n],{y:0,autoAlpha:1,duration:c,ease:"power3.out"},`-=${c*.9}`)})):x&&(r.killTweensOf([...a,...t]),r.to(t,{y:24,autoAlpha:0,duration:.2,ease:"power3.in"}),r.to(a,{scale:0,duration:.2,ease:"power3.in",onComplete:()=>{r.set(l,{display:"none"}),j(!1)}})))},[s,x,S,c,L]),b.useEffect(()=>{const l=()=>{if(s){const a=y.current.filter(Boolean),t=window.innerWidth>=900;a.forEach((f,n)=>{const m=v[n];if(f&&m){const d=t?m.rotation??0:0;r.set(f,{rotation:d})}})}};return window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[s,v]),o.jsxs(o.Fragment,{children:[o.jsxs("nav",{className:q,style:R,"aria-label":"Main navigation",children:[o.jsx("div",{className:`${e.bubble} ${e["logo-bubble"]}`,"aria-label":"Logo",style:{background:_},children:o.jsx("span",{className:`${e["logo-content"]}`,children:typeof p=="string"?o.jsx("img",{src:p,alt:"Logo",className:`${e["bubble-logo"]}`}):p})}),o.jsxs("button",{type:"button",className:`${e.bubble} ${e["toggle-bubble"]} ${e["menu-btn"]} ${s?e.open:""}`,onClick:D,"aria-label":T,"aria-pressed":s,style:{background:_},children:[o.jsx("span",{className:`${e["menu-line"]}`,style:{background:i}}),o.jsx("span",{className:`${e["menu-line"]} short`,style:{background:i}})]})]}),x&&o.jsx("div",{ref:$,className:`${e["bubble-menu-items"]} ${C?e.fixed:e.absolute}`,"aria-hidden":!s,children:o.jsx("ul",{className:`${e["pill-list"]}`,role:"menu","aria-label":"Menu links",children:v.map((l,a)=>{var t,f;return o.jsx("li",{role:"none",className:`${e["pill-col"]}`,children:o.jsx("a",{role:"menuitem",href:l.href,"aria-label":l.ariaLabel||l.label,className:`${e["pill-link"]}`,style:{"--item-rot":`${l.rotation??0}deg`,"--pill-bg":_,"--pill-color":i,"--hover-bg":((t=l.hoverStyles)==null?void 0:t.bgColor)||"#f3f4f6","--hover-color":((f=l.hoverStyles)==null?void 0:f.textColor)||i},ref:n=>{n&&(y.current[a]=n)},children:o.jsx("span",{className:`${e["pill-label"]}`,ref:n=>{n&&(N.current[a]=n)},children:l.label})})},a)})})})]})}B.__docgenInfo={description:"",methods:[],displayName:"BubbleMenu",props:{menuAriaLabel:{defaultValue:{value:"'Toggle menu'",computed:!1},required:!1},menuBg:{defaultValue:{value:"'#fff'",computed:!1},required:!1},menuContentColor:{defaultValue:{value:"'#111'",computed:!1},required:!1},useFixedPosition:{defaultValue:{value:"false",computed:!1},required:!1},animationEase:{defaultValue:{value:"'back.out(1.5)'",computed:!1},required:!1},animationDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},staggerDelay:{defaultValue:{value:"0.12",computed:!1},required:!1}}};const U={title:"ReactBits/Components/BubbleMenu",component:B,parameters:{layout:"fullscreen"}},g={args:{menuAriaLabel:"Toggle menu",menuBg:"#fff",menuContentColor:"#111",useFixedPosition:!1,items:[{label:"home",href:"#",ariaLabel:"Home",rotation:-8,hoverStyles:{bgColor:"#3b82f6",textColor:"#ffffff"}},{label:"about",href:"#",ariaLabel:"About",rotation:8,hoverStyles:{bgColor:"#10b981",textColor:"#ffffff"}},{label:"projects",href:"#",ariaLabel:"Projects",rotation:8,hoverStyles:{bgColor:"#f59e0b",textColor:"#ffffff"}},{label:"blog",href:"#",ariaLabel:"Blog",rotation:8,hoverStyles:{bgColor:"#ef4444",textColor:"#ffffff"}},{label:"contact",href:"#",ariaLabel:"Contact",rotation:-8,hoverStyles:{bgColor:"#8b5cf6",textColor:"#ffffff"}}],animationEase:"back.out(1.5)",animationDuration:.5,staggerDelay:.12}};var w,E,k;g.parameters={...g.parameters,docs:{...(w=g.parameters)==null?void 0:w.docs,source:{originalSource:`{
   args: {
     menuAriaLabel: 'Toggle menu',
     menuBg: '#fff',

package/storybook-static/assets/{Button-CQGdvhpN.js → Button-CmL8YExH.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./iframe-B8pH-Lvr.js";import{u as T}from"./useSound-Bk2W5gkV.js";import{m as q}from"./proxy-BA3VZtN5.js";const W="_button_7s9mx_1",w="_primary_7s9mx_43",C="_secondary_7s9mx_61",L="_outline_7s9mx_79",N="_ghost_7s9mx_119",R="_danger_7s9mx_142",S="_small_7s9mx_160",j="_medium_7s9mx_166",V="_large_7s9mx_171",z="_fullWidth_7s9mx_178",I="_loading_7s9mx_199",M="_spinner_7s9mx_204",k="_spin_7s9mx_204",F="_iconLeft_7s9mx_231",P="_iconRight_7s9mx_232",e={button:W,primary:w,secondary:C,outline:L,ghost:N,danger:R,small:S,medium:j,large:V,fullWidth:z,loading:I,spinner:M,spin:k,iconLeft:F,iconRight:P},A=({variant:d="primary",size:c="medium",fullWidth:p=!1,loading:t=!1,iconLeft:u,iconRight:m,children:f,className:h="",disabled:s,motionProps:_,soundConfig:g,onClick:i,onMouseEnter:l,onFocus:y,...x})=>{const{handlers:n}=T(g),v=[e.button,e[d],e[c],p&&e.fullWidth,t&&e.loading,h].filter(Boolean).join(" "),b=r=>{var o;(o=n.onClick)==null||o.call(n),i==null||i(r)},B=r=>{var o;(o=n.onMouseEnter)==null||o.call(n),l==null||l(r)};return a.jsxs(q.button,{className:v,disabled:s||t,whileHover:{scale:s||t?1:1.02},whileTap:{scale:s||t?1:.98},transition:{type:"spring",stiffness:400,damping:17},onClick:b,onMouseEnter:B,onFocus:y,..._,...x,children:[t&&a.jsx("span",{className:e.spinner}),u&&a.jsx("span",{className:e.iconLeft,children:u}),f,m&&a.jsx("span",{className:e.iconRight,children:m})]})};A.__docgenInfo={description:`Button Component
+import{j as a}from"./iframe-DCkPNH_h.js";import{u as T}from"./useSound-Cv_O9Yec.js";import{m as q}from"./proxy-cgPyYfyG.js";const W="_button_7s9mx_1",w="_primary_7s9mx_43",C="_secondary_7s9mx_61",L="_outline_7s9mx_79",N="_ghost_7s9mx_119",R="_danger_7s9mx_142",S="_small_7s9mx_160",j="_medium_7s9mx_166",V="_large_7s9mx_171",z="_fullWidth_7s9mx_178",I="_loading_7s9mx_199",M="_spinner_7s9mx_204",k="_spin_7s9mx_204",F="_iconLeft_7s9mx_231",P="_iconRight_7s9mx_232",e={button:W,primary:w,secondary:C,outline:L,ghost:N,danger:R,small:S,medium:j,large:V,fullWidth:z,loading:I,spinner:M,spin:k,iconLeft:F,iconRight:P},A=({variant:d="primary",size:c="medium",fullWidth:p=!1,loading:t=!1,iconLeft:u,iconRight:m,children:f,className:h="",disabled:s,motionProps:_,soundConfig:g,onClick:i,onMouseEnter:l,onFocus:y,...x})=>{const{handlers:n}=T(g),v=[e.button,e[d],e[c],p&&e.fullWidth,t&&e.loading,h].filter(Boolean).join(" "),b=r=>{var o;(o=n.onClick)==null||o.call(n),i==null||i(r)},B=r=>{var o;(o=n.onMouseEnter)==null||o.call(n),l==null||l(r)};return a.jsxs(q.button,{className:v,disabled:s||t,whileHover:{scale:s||t?1:1.02},whileTap:{scale:s||t?1:.98},transition:{type:"spring",stiffness:400,damping:17},onClick:b,onMouseEnter:B,onFocus:y,..._,...x,children:[t&&a.jsx("span",{className:e.spinner}),u&&a.jsx("span",{className:e.iconLeft,children:u}),f,m&&a.jsx("span",{className:e.iconRight,children:m})]})};A.__docgenInfo={description:`Button Component
 
 @component
 @description

package/storybook-static/assets/{Button.stories-D8Xx3I9p.js → Button.stories-Qe92VaQO.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-B8pH-Lvr.js";import{B as t}from"./Button-CQGdvhpN.js";import{s}from"./useSound-Bk2W5gkV.js";import{c as B}from"./createLucideIcon-BNUG5osq.js";import{C as i}from"./chevron-right-CZm4bArI.js";import{T as b}from"./trash-2-BwI5jvsn.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-BA3VZtN5.js";import"./MotionConfigContext-D5hZdVGx.js";/**
+import{j as e}from"./iframe-DCkPNH_h.js";import{B as t}from"./Button-CmL8YExH.js";import{s}from"./useSound-Cv_O9Yec.js";import{c as B}from"./createLucideIcon-G8N511cp.js";import{C as i}from"./chevron-right-B8eoaBIh.js";import{T as b}from"./trash-2-DqTvgQRR.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-cgPyYfyG.js";import"./MotionConfigContext-CJ0kpWbz.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.
@@ -8,7 +8,7 @@ import{j as e}from"./iframe-B8pH-Lvr.js";import{B as t}from"./Button-CQGdvhpN.js
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const I=[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]],k=B("save",I),V={title:"Atoms/Button",component:t,parameters:{layout:"centered",docs:{description:{component:"A versatile button component with multiple variants, sizes, and animation support."}}},tags:["autodocs"],argTypes:{variant:{control:"select",options:["primary","secondary","outline","ghost","danger"],description:"The visual style variant of the button"},size:{control:"select",options:["small","medium","large"],description:"The size of the button"},fullWidth:{control:"boolean",description:"Whether the button should take full width of its container"},loading:{control:"boolean",description:"Shows loading spinner and disables the button"},disabled:{control:"boolean",description:"Disables the button"},onClick:{action:"clicked"}}},r={args:{children:"Click me",variant:"primary",size:"medium"}},n={render:()=>e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center",flexWrap:"wrap"},children:[e.jsx(t,{iconLeft:e.jsx(k,{}),children:"Save"}),e.jsx(t,{iconRight:e.jsx(i,{}),children:"Next"}),e.jsx(t,{iconLeft:e.jsx(z,{}),iconRight:e.jsx(i,{}),children:"Add Item"}),e.jsx(t,{variant:"ghost",size:"small",children:e.jsx(b,{})})]}),parameters:{controls:{disable:!0}}},a={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(t,{variant:"primary",children:"Primary"}),e.jsx(t,{variant:"secondary",children:"Secondary"}),e.jsx(t,{variant:"outline",children:"Outline"}),e.jsx(t,{variant:"ghost",children:"Ghost"}),e.jsx(t,{variant:"danger",children:"Danger"})]}),e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(t,{size:"small",children:"Small"}),e.jsx(t,{size:"medium",children:"Medium"}),e.jsx(t,{size:"large",children:"Large"})]}),e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(t,{loading:!0,children:"Loading"}),e.jsx(t,{disabled:!0,children:"Disabled"})]})]}),parameters:{controls:{disable:!0}}},o={args:{children:"Button with Sound",variant:"primary",soundConfig:{onClick:!0,onHover:!0}},decorators:[j=>(s.setEnabled(!0),s.setVolume(.5),e.jsx(j,{}))]};var l,d,c;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
+ */const I=[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]],k=B("save",I),V={title:"Atoms/Button",component:t,parameters:{layout:"centered",docs:{description:{component:"A versatile button component with multiple variants, sizes, and animation support."}}},argTypes:{variant:{control:"select",options:["primary","secondary","outline","ghost","danger"],description:"The visual style variant of the button"},size:{control:"select",options:["small","medium","large"],description:"The size of the button"},fullWidth:{control:"boolean",description:"Whether the button should take full width of its container"},loading:{control:"boolean",description:"Shows loading spinner and disables the button"},disabled:{control:"boolean",description:"Disables the button"},onClick:{action:"clicked"}}},r={args:{children:"Click me",variant:"primary",size:"medium"}},n={render:()=>e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center",flexWrap:"wrap"},children:[e.jsx(t,{iconLeft:e.jsx(k,{}),children:"Save"}),e.jsx(t,{iconRight:e.jsx(i,{}),children:"Next"}),e.jsx(t,{iconLeft:e.jsx(z,{}),iconRight:e.jsx(i,{}),children:"Add Item"}),e.jsx(t,{variant:"ghost",size:"small",children:e.jsx(b,{})})]}),parameters:{controls:{disable:!0}}},a={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem"},children:[e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(t,{variant:"primary",children:"Primary"}),e.jsx(t,{variant:"secondary",children:"Secondary"}),e.jsx(t,{variant:"outline",children:"Outline"}),e.jsx(t,{variant:"ghost",children:"Ghost"}),e.jsx(t,{variant:"danger",children:"Danger"})]}),e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(t,{size:"small",children:"Small"}),e.jsx(t,{size:"medium",children:"Medium"}),e.jsx(t,{size:"large",children:"Large"})]}),e.jsxs("div",{style:{display:"flex",gap:"1rem",alignItems:"center"},children:[e.jsx(t,{loading:!0,children:"Loading"}),e.jsx(t,{disabled:!0,children:"Disabled"})]})]}),parameters:{controls:{disable:!0}}},o={args:{children:"Button with Sound",variant:"primary",soundConfig:{onClick:!0,onHover:!0}},decorators:[j=>(s.setEnabled(!0),s.setVolume(.5),e.jsx(j,{}))]};var l,d,c;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
   args: {
     children: 'Click me',
     variant: 'primary',

package/storybook-static/assets/Calendar-CXrUBxYt.css

@@ -0,0 +1 @@
+._calendar_qyzkq_2{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);font-family:var(--font-family-primary);color:var(--color-text);width:100%;max-width:100%}._loading_qyzkq_14{display:flex;align-items:center;justify-content:center;min-height:400px}._loadingSpinner_qyzkq_21{color:var(--color-text-secondary);font-size:var(--font-size-lg)}._header_qyzkq_27{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}._navigation_qyzkq_35{display:flex;align-items:center;gap:var(--spacing-md)}._navButton_qyzkq_41{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all .2s ease}._navButton_qyzkq_41:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}._title_qyzkq_60{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0;text-transform:capitalize;min-width:200px;text-align:center}._controls_qyzkq_70{display:flex;align-items:center;gap:var(--spacing-md)}._exportDropdown_qyzkq_76{position:relative}._exportButton_qyzkq_80{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:color .15s ease}._exportButton_qyzkq_80:hover{color:var(--color-text)}._exportMenu_qyzkq_98{position:absolute;top:calc(100% + var(--spacing-xs));right:0;z-index:20;display:flex;flex-direction:column;min-width:120px;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);box-shadow:var(--shadow-lg)}._exportMenuItem_qyzkq_113{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background .1s ease}._exportMenuItem_qyzkq_113:hover{background:var(--color-background-secondary)}._todayButton_qyzkq_130{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-primary);font-weight:500;cursor:pointer;transition:all .2s ease}._todayButton_qyzkq_130:hover{background:var(--color-primary);color:var(--color-text-inverse)}._viewToggle_qyzkq_146{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._viewButton_qyzkq_153{padding:var(--spacing-sm) var(--spacing-md);border:none;background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm)}._viewButton_qyzkq_153:hover{background:var(--color-background-secondary)}._viewButton_qyzkq_153._active_qyzkq_167{background:var(--color-primary);color:var(--color-text-inverse)}._viewButton_qyzkq_153+._viewButton_qyzkq_153{border-left:1px solid var(--color-border)}._filterBar_qyzkq_177{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);flex:1;justify-content:center}._filterPill_qyzkq_186{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}._filterPill_qyzkq_186:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}._filterPillActive_qyzkq_205{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}._filterDot_qyzkq_211{width:8px;height:8px;border-radius:50%;flex-shrink:0}._weekDays_qyzkq_219{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}._weekDays_qyzkq_219._withWeekNumbers_qyzkq_226{grid-template-columns:40px repeat(7,1fr)}._weekNumberHeader_qyzkq_230,._weekDay_qyzkq_219{text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);padding:var(--spacing-sm) 0}._daysGrid_qyzkq_247{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:auto;align-content:start;gap:var(--spacing-xs)}._daysGrid_qyzkq_247._withWeekNumbers_qyzkq_226{grid-template-columns:40px repeat(7,1fr)}._weekView_qyzkq_259{grid-template-rows:repeat(1,minmax(300px,1fr))}._weekView_qyzkq_259 ._dayCell_qyzkq_263{min-height:300px;display:flex;flex-direction:column;border-left:1px solid var(--color-border);position:relative}._weekView_qyzkq_259 ._dayCell_qyzkq_263:first-child{border-left:none}._weekView_qyzkq_259 ._dayCell_qyzkq_263:before{content:"";position:absolute;top:60px;left:0;right:0;height:1px;background:repeating-linear-gradient(to right,var(--color-border) 0px,var(--color-border) 1px,transparent 1px,transparent 20px);opacity:.3}._weekView_qyzkq_259 ._dayNumber_qyzkq_292{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);text-align:center;padding:var(--spacing-sm);border-bottom:2px solid var(--color-border);background:var(--color-background-secondary);position:sticky;top:0;z-index:2}._weekView_qyzkq_259 ._dayCell_qyzkq_263._today_qyzkq_130 ._dayNumber_qyzkq_292{background:var(--color-primary);color:var(--color-text-inverse);border-bottom-color:var(--color-primary)}._weekView_qyzkq_259 ._events_qyzkq_311{flex:1;padding:var(--spacing-sm);gap:var(--spacing-xs);position:relative}._weekView_qyzkq_259 ._event_qyzkq_311{padding:var(--spacing-sm);font-size:var(--font-size-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:3px solid rgba(0,0,0,.2);margin-bottom:var(--spacing-xs);position:relative;overflow:visible;white-space:normal;text-overflow:unset;min-height:auto;height:auto}._weekView_qyzkq_259 ._event_qyzkq_311:hover{box-shadow:var(--shadow-md);transform:translate(2px)}._weekView_qyzkq_259 ._eventTitle_qyzkq_338{font-weight:600;line-height:1.2;white-space:normal;text-overflow:unset;overflow:visible;word-wrap:break-word}._weekView_qyzkq_259 ._eventTime_qyzkq_347{font-size:var(--font-size-xs);font-weight:700;background:var(--color-background-secondary);color:var(--color-text);padding:2px 6px;border-radius:var(--radius-sm);margin-right:var(--spacing-xs);border:1px solid var(--color-border);display:inline-block}._dayCell_qyzkq_263{min-height:100px;padding:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);position:relative;overflow:hidden;cursor:pointer}._dayCell_qyzkq_263:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}._dayCell_qyzkq_263._today_qyzkq_130{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),rgba(var(--color-primary-rgb),.08));border-color:var(--color-primary);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.3)}._dayCell_qyzkq_263._today_qyzkq_130 ._dayNumber_qyzkq_292{color:var(--color-primary);font-weight:700}._dayCell_qyzkq_263._otherMonth_qyzkq_392{background:var(--color-background-tertiary);opacity:.5}._dayCell_qyzkq_263._selected_qyzkq_397{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08)}._dayCell_qyzkq_263._selected_qyzkq_397 ._dayNumber_qyzkq_292{color:var(--color-primary);font-weight:700}._compact_qyzkq_409 ._navigation_qyzkq_35,._compact_qyzkq_409 ._controls_qyzkq_70{display:none}._compact_qyzkq_409 ._header_qyzkq_27{margin-bottom:var(--spacing-sm);justify-content:center}._compact_qyzkq_409 ._dayCell_qyzkq_263{min-height:56px;padding:4px}._compact_qyzkq_409 ._dayNumber_qyzkq_292{font-size:12px;margin-bottom:2px;font-weight:600;text-align:center}._dots_qyzkq_431{display:flex;justify-content:center;align-items:center;gap:2px;flex-wrap:wrap}._dot_qyzkq_431{width:6px;height:6px;border-radius:50%;flex-shrink:0}._dotMore_qyzkq_446{font-size:9px;color:var(--color-text-secondary);margin-left:2px}._weekNumberCell_qyzkq_453{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}._dayNumber_qyzkq_292{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-xs)}._events_qyzkq_311{display:flex;flex-direction:column;gap:2px}._event_qyzkq_311{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--radius-xs);font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}._event_qyzkq_311._completed_qyzkq_499{opacity:.7;text-decoration:line-through}._eventTitle_qyzkq_338{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}._eventTime_qyzkq_347{font-weight:600;margin-right:4px;font-size:10px}._completedIcon_qyzkq_520{width:12px;height:12px;flex-shrink:0;stroke-width:2}._moreEvents_qyzkq_527{padding:2px 6px;background:var(--color-background-secondary);color:var(--color-text-secondary);font-size:10px;text-align:center;border-radius:var(--radius-xs);margin-top:2px}._emptyState_qyzkq_537{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}._dayView_qyzkq_547{display:flex;flex-direction:column;height:600px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._dayViewHeader_qyzkq_556{display:flex;border-bottom:2px solid var(--color-border);background:var(--color-background-secondary);position:sticky;top:0;z-index:5;width:100%}._timeColumnHeader_qyzkq_566{width:52px;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-background-secondary)}._dayColumnHeader_qyzkq_573{flex:1;padding:var(--spacing-md);text-align:center;font-weight:600;color:var(--color-text);background:var(--color-background)}._allDayStrip_qyzkq_583{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border)}._allDayLabel_qyzkq_591{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;padding-top:6px;width:52px}._allDayList_qyzkq_602{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}._allDayEvent_qyzkq_609{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;box-shadow:var(--shadow-sm);border-left:3px solid rgba(0,0,0,.2)}._allDayEvent_qyzkq_609._completed_qyzkq_499{text-decoration:line-through}._dayViewScrollContainer_qyzkq_625{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;width:100%}._dayTimelineGrid_qyzkq_634{position:relative;width:100%}._hourRow_qyzkq_639{display:flex;align-items:flex-start;border-bottom:1px solid var(--color-border)}._hourLabel_qyzkq_645{width:52px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;border-right:1px solid var(--color-border);height:100%}._hourSlots_qyzkq_656{flex:1;display:flex;flex-direction:column;height:100%}._halfHourSlot_qyzkq_663{flex:1;cursor:pointer;transition:background .15s ease}._halfHourSlot_qyzkq_663:hover{background:rgba(var(--color-primary-rgb),.05)}._halfHourSlotBottom_qyzkq_673{border-top:1px dashed var(--color-border)}._dayEventAnchor_qyzkq_678{position:absolute;left:60px;right:var(--spacing-sm);z-index:5}._weekTimeline_qyzkq_686{display:flex;flex-direction:column;height:600px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}._weekTimelineHeader_qyzkq_695{display:flex;border-bottom:2px solid var(--color-border);background:var(--color-background-secondary)}._weekTimelineHeader_qyzkq_695 ._timeColumnHeader_qyzkq_566{width:52px;flex-shrink:0;border-right:1px solid var(--color-border)}._weekDayColumnHeader_qyzkq_707{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--spacing-sm);border:none;border-left:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);cursor:pointer;font-family:inherit;transition:background .15s ease}._weekDayColumnHeader_qyzkq_707:first-child{border-left:none}._weekDayColumnHeader_qyzkq_707:hover{background:var(--color-background-tertiary)}._weekDayColumnHeader_qyzkq_707._today_qyzkq_130{background:var(--color-primary);color:var(--color-text-inverse)}._weekDayColumnHeader_qyzkq_707._selected_qyzkq_397{background:rgba(var(--color-primary-rgb),.12)}._weekDayLabel_qyzkq_741{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}._weekDayNumber_qyzkq_749{font-size:var(--font-size-lg);font-weight:700}._weekTimelineScroll_qyzkq_754{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;width:100%}._weekTimelineGrid_qyzkq_762{position:relative;display:flex;width:100%}._weekTimeColumn_qyzkq_768{width:52px;flex-shrink:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column}._weekTimeSlot_qyzkq_776{border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;padding:var(--spacing-xs) var(--spacing-sm)}._weekHourLabel_qyzkq_783{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}._weekDayColumns_qyzkq_789{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative}._weekDayColumn_qyzkq_707{position:relative;border-left:1px solid var(--color-border);display:flex;flex-direction:column}._weekDayColumn_qyzkq_707:first-child{border-left:none}._weekHourRow_qyzkq_807{border-bottom:1px solid var(--color-border);display:flex;flex-direction:column}._weekEventAnchor_qyzkq_813{position:absolute;left:2px;right:2px;z-index:5}._currentTimeIndicator_qyzkq_821{position:absolute;left:52px;right:0;height:2px;background:#ef4444;z-index:10;border-radius:1px;pointer-events:none;box-shadow:0 1px 3px #0003}._currentTimeIndicator_qyzkq_821:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 2px var(--color-background);animation:_pulse_qyzkq_1 2s ease-in-out infinite}@keyframes _pulse_qyzkq_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@media (max-width: 768px){._calendar_qyzkq_2{padding:var(--spacing-md);border-radius:var(--radius-md)}._header_qyzkq_27{flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}._navigation_qyzkq_35{order:2;width:100%;justify-content:center}._controls_qyzkq_70{order:1;width:100%;justify-content:center;flex-wrap:wrap}._navButton_qyzkq_41{width:32px;height:32px}._title_qyzkq_60{font-size:var(--font-size-lg);min-width:auto}._todayButton_qyzkq_130{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._viewButton_qyzkq_153{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}._weekDays_qyzkq_219{gap:1px;margin-bottom:var(--spacing-sm)}._weekDay_qyzkq_219{font-size:11px;padding:var(--spacing-xs) 0}._daysGrid_qyzkq_247{gap:1px}._dayCell_qyzkq_263{min-height:70px;padding:4px}._compact_qyzkq_409 ._dayCell_qyzkq_263{min-height:40px;padding:2px}._compact_qyzkq_409 ._dayNumber_qyzkq_292{font-size:11px}._dot_qyzkq_431{width:5px;height:5px}._weekView_qyzkq_259 ._dayCell_qyzkq_263{min-height:180px}._weekView_qyzkq_259 ._dayNumber_qyzkq_292{font-size:var(--font-size-md);padding:var(--spacing-xs);margin-bottom:var(--spacing-xs)}._weekView_qyzkq_259 ._events_qyzkq_311{gap:2px;padding:4px}._weekView_qyzkq_259 ._event_qyzkq_311{padding:4px 6px;font-size:10px}._weekView_qyzkq_259 ._eventTime_qyzkq_347{font-size:8px;padding:1px 3px}._dayNumber_qyzkq_292{font-size:12px;margin-bottom:2px;font-weight:600}._events_qyzkq_311{gap:1px}._event_qyzkq_311{font-size:9px;padding:1px 4px;border-radius:2px}._eventTime_qyzkq_347{font-size:8px;margin-right:2px}._moreEvents_qyzkq_527{font-size:8px;padding:1px 4px}._completedIcon_qyzkq_520{width:10px;height:10px}._weekNumberCell_qyzkq_453{font-size:var(--font-size-xs)}._dayView_qyzkq_547{height:500px}._timeColumn_qyzkq_566,._timeColumnHeader_qyzkq_566{width:60px}._timeLabel_qyzkq_1006{font-size:10px}._dayEvent_qyzkq_678{padding:4px 6px;font-size:12px;min-height:28px}._dayEventTime_qyzkq_1016{font-size:10px}}@media (max-width: 480px){._calendar_qyzkq_2{padding:var(--spacing-sm);border-radius:var(--radius-sm)}._header_qyzkq_27{gap:var(--spacing-xs)}._navButton_qyzkq_41{width:28px;height:28px}._title_qyzkq_60{font-size:var(--font-size-md)}._todayButton_qyzkq_130{padding:var(--spacing-xs);font-size:11px}._viewButton_qyzkq_153{padding:var(--spacing-xs);font-size:10px}._weekDay_qyzkq_219{font-size:10px;padding:4px 0}._dayCell_qyzkq_263{min-height:60px;padding:2px}._weekView_qyzkq_259 ._dayCell_qyzkq_263{min-height:100px}._dayNumber_qyzkq_292{font-size:11px;margin-bottom:1px}._event_qyzkq_311{font-size:8px;padding:1px 2px}._eventTime_qyzkq_347{font-size:7px;margin-right:1px}._moreEvents_qyzkq_527{font-size:7px;padding:1px 2px}._completedIcon_qyzkq_520{width:8px;height:8px}}@media (prefers-color-scheme: dark){._calendar_qyzkq_2{box-shadow:var(--shadow-dark-md)}._event_qyzkq_311{box-shadow:none}._event_qyzkq_311:hover{box-shadow:var(--shadow-dark-sm)}}@media (prefers-contrast: high){._dayCell_qyzkq_263{border-width:2px}._dayCell_qyzkq_263._today_qyzkq_130{border-width:3px}._event_qyzkq_311{border:1px solid var(--color-text-inverse)}}@media (prefers-reduced-motion: reduce){._calendar_qyzkq_2 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}._wrapper_nyv1b_1{position:relative;width:100%;height:100%}._deleteUnderlay_nyv1b_7{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-error, #ef4444);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);padding:0 var(--spacing-md);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);pointer-events:none}._card_nyv1b_23{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-sm) 0 var(--spacing-xs);height:100%;min-height:24px;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);touch-action:pan-y;user-select:none;-webkit-user-select:none;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden}._dragging_nyv1b_43{box-shadow:var(--shadow-lg);z-index:10;opacity:.9}._completed_nyv1b_49{opacity:.55}._completed_nyv1b_49 ._text_nyv1b_53{text-decoration:line-through}._grip_nyv1b_57{display:flex;align-items:center;justify-content:center;opacity:.5;cursor:grab;padding:0 2px;flex-shrink:0;touch-action:none}._grip_nyv1b_57:hover{opacity:1}._grip_nyv1b_57:active{cursor:grabbing;opacity:1}._checkIcon_nyv1b_77{color:var(--color-success, #10b981);flex-shrink:0}._text_nyv1b_53{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._time_nyv1b_89{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;flex-shrink:0;opacity:.85}._editButton_nyv1b_96{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:var(--radius-sm);flex-shrink:0;opacity:.7;transition:opacity .15s ease,background .15s ease}._editButton_nyv1b_96:hover{background:#0000001a;opacity:1}