@stfrigerio/sito-template 0.1.99 → 0.1.100

package/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1778143457432,"userSince":1751553154248,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.0","@testing-library/jest-dom":"6.9.1","@testing-library/react":"16.3.2","@testing-library/user-event":null,"vitest":"4.1.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"9.1.2","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"4.1.0"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/react-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@storybook/addon-links":{"version":"9.1.2"}}}
+{"generatedAt":1778145111033,"userSince":1751553154248,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":true,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@chromatic-com/storybook":"4.1.0","@testing-library/jest-dom":"6.9.1","@testing-library/react":"16.3.2","@testing-library/user-event":null,"vitest":"4.1.4"},"hasRouterPackage":true,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","portableStoriesFileCount":0,"applicationFileCount":0,"storybookVersion":"9.1.2","language":"typescript","storybookPackages":{"@chromatic-com/storybook":{"version":"4.1.0"},"@storybook/addon-docs":{"version":"9.1.2"},"@storybook/addon-onboarding":{"version":"9.1.2"},"@storybook/react-vite":{"version":"9.1.2"},"eslint-plugin-storybook":{"version":"9.1.2"},"storybook":{"version":"9.1.2"}},"addons":{"@storybook/addon-links":{"version":"9.1.2"}}}

package/storybook-static/assets/BooleansHeatmap.stories-CKYZW8W5.js

@@ -1,63 +0,0 @@
-import{r as T,j as d}from"./iframe-BTbLpgFM.js";import{s as I}from"./transform-v7fcW145.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/HabitTimeOfDayChart.stories-CbMqUfq0.js

@@ -1,49 +0,0 @@
-import{r as u,j as o}from"./iframe-BTbLpgFM.js";import{s as Ct}from"./transform-v7fcW145.js";import{l as et}from"./linear-9syG7RFK.js";import{b as at,r as jt}from"./band-Cq25-Mh7.js";import{C as Et}from"./chart-column-Qn3KVlVm.js";import{c as Mt}from"./createLucideIcon-CanksmPJ.js";import{a as ot,b as rt}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.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 kt=[["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}],["circle",{cx:"18.5",cy:"5.5",r:".5",fill:"currentColor",key:"lysivs"}],["circle",{cx:"11.5",cy:"11.5",r:".5",fill:"currentColor",key:"byv1b8"}],["circle",{cx:"7.5",cy:"16.5",r:".5",fill:"currentColor",key:"nkw3mc"}],["circle",{cx:"17.5",cy:"14.5",r:".5",fill:"currentColor",key:"1gjh6j"}],["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}]],St=Mt("chart-scatter",kt),Ft="_container_19rfu_1",Dt="_controls_19rfu_19",Nt="_viewToggle_19rfu_27",Tt="_viewButton_19rfu_36",$t="_active_19rfu_57",Ht="_viewIcon_19rfu_63",At="_viewLabel_19rfu_68",Bt="_legend_19rfu_78",Vt="_compactLegend_19rfu_89",Lt="_legendItem_19rfu_94",Kt="_legendEmoji_19rfu_99",Rt="_legendLabel_19rfu_103",It="_inactive_19rfu_127",qt="_legendColor_19rfu_137",Ot="_chart_19rfu_163",Wt="_dot_19rfu_171",Ut="_bar_19rfu_179",Pt="_gridLine_19rfu_183",zt="_xAxis_19rfu_189",Yt="_yAxis_19rfu_190",Gt="_tooltip_19rfu_209",Jt="_visible_19rfu_228",Qt="_tooltipHeader_19rfu_233",Xt="_tooltipInfo_19rfu_244",Zt="_tooltipValue_19rfu_250",te="_tooltipUnits_19rfu_259",ee="_tooltipBreakdown_19rfu_265",ae="_tooltipBreakdownRow_19rfu_273",oe="_tooltipDot_19rfu_283",re="_tooltipCount_19rfu_290",a={container:Ft,controls:Dt,viewToggle:Nt,viewButton:Tt,active:$t,viewIcon:Ht,viewLabel:At,legend:Bt,compactLegend:Vt,legendItem:Lt,legendEmoji:Kt,legendLabel:Rt,inactive:It,legendColor:qt,chart:Ot,dot:Wt,bar:Ut,gridLine:Pt,xAxis:zt,yAxis:Yt,tooltip:Gt,visible:Jt,tooltipHeader:Qt,tooltipInfo:Xt,tooltipValue:Zt,tooltipUnits:te,tooltipBreakdown:ee,tooltipBreakdownRow:ae,tooltipDot:oe,tooltipCount:re},ne={Exercise:"#6BCB77",Meditation:"#4D96FF",Reading:"#FFB319",Water:"#00D9FF",Steps:"#FF6B6B",Sleep:"#9B59B6",Calories:"#FF9F1C",Study:"#C774E8"},xt=d=>{const p=d.getFullYear(),f=String(d.getMonth()+1).padStart(2,"0"),b=String(d.getDate()).padStart(2,"0");return`${p}-${f}-${b}`},G=d=>{const p=(d%24+24)%24;return`${String(p).padStart(2,"0")}:00`},se=(d,p)=>{const f=(d%24+24)%24;return`${String(f).padStart(2,"0")}:${String(p).padStart(2,"0")}`},nt=(d,p)=>{const f=[],[b,E,w]=d.split("-").map(Number),[v,A,D]=p.split("-").map(Number),C=new Date(b,E-1,w),_=new Date(v,A-1,D);for(;C<=_;)f.push(xt(C)),C.setDate(C.getDate()+1);return f},_t=({events:d,width:p=800,height:f=400,startDate:b,endDate:E,habitColors:w={},habitEmojis:v={},defaultView:A="scatter",hideControls:D=!1,compactLegend:C=!1})=>{const _=u.useRef(null),[B,z]=u.useState(A),[N,J]=u.useState([]),[V,Q]=u.useState(null),[i,T]=u.useState(null),x=u.useMemo(()=>({top:20,right:20,bottom:50,left:70}),[]),I=p-x.left-x.right,M=f-x.top-x.bottom,$=u.useCallback(t=>w[t]||ne[t]||`hsl(${Math.abs(t.split("").reduce((e,r)=>e+r.charCodeAt(0),0))%360}, 70%, 50%)`,[w]),k=u.useMemo(()=>d.map(t=>{const e=new Date(t.loggedAt);if(Number.isNaN(e.getTime()))return null;const r=e.getHours(),l=e.getMinutes(),s=e.getSeconds();return{habitKey:t.habitKey,date:xt(e),hour:r,minute:l,hourFraction:r+l/60+s/3600}}).filter(t=>t!==null),[d]),q=u.useMemo(()=>{const t=new Set;return k.forEach(e=>t.add(e.habitKey)),Array.from(t).sort()},[k]);u.useEffect(()=>{J(q)},[q]),u.useEffect(()=>{const t=()=>T(null);return window.addEventListener("scroll",t,!0),()=>window.removeEventListener("scroll",t,!0)},[]);const H=u.useMemo(()=>{if(b&&E)return nt(b,E);if(k.length===0)return[];const t=[...k].map(e=>e.date).sort();return nt(t[0],t[t.length-1])},[k,b,E]),L=u.useMemo(()=>{const t=new Set(N);return k.filter(e=>t.has(e.habitKey))},[k,N]),X=u.useMemo(()=>{const t=new Map;L.forEach(s=>{const n=Math.round(s.hourFraction*60)/60,m=Math.round(n*60)%60,j=Math.floor(n),h=`${s.date}|${s.habitKey}|${n}`,g=t.get(h);g?g.count+=1:t.set(h,{habitKey:s.habitKey,date:s.date,hour:j,minute:m,hourFraction:n,count:1,xOffsetPx:0})});const e=new Map;t.forEach(s=>{const n=`${s.date}|${s.hourFraction}`,m=e.get(n);m?m.push(s):e.set(n,[s])});const r=[],l=10;return e.forEach(s=>{s.sort((m,j)=>m.habitKey.localeCompare(j.habitKey));const n=(s.length-1)/2;s.forEach((m,j)=>{r.push({...m,xOffsetPx:(j-n)*l})})}),r},[L]),O=u.useMemo(()=>{const t=Array.from({length:24},(e,r)=>({hour:r,total:0,byHabit:new Map}));return L.forEach(e=>{const r=t[e.hour];r.total+=1,r.byHabit.set(e.habitKey,(r.byHabit.get(e.habitKey)||0)+1)}),t},[L]),Z=u.useMemo(()=>O.reduce((t,e)=>Math.max(t,e.total),0),[O]),vt=t=>{J(e=>e.includes(t)?e.filter(r=>r!==t):[...e,t])};u.useEffect(()=>{if(!_.current)return;const t=Ct(_.current);t.selectAll("*").remove(),t.append("rect").attr("width",p).attr("height",f).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>T(null));const e=t.append("g").attr("transform",`translate(${x.left},${x.top})`);if(B==="scatter"){if(H.length===0)return;const r=et().domain([0,24]).range([0,I]),l=at().domain(H).range([0,M]).padding(.1);e.selectAll("line.xgrid").data([0,3,6,9,12,15,18,21,24]).enter().append("line").attr("class",a.gridLine).attr("x1",c=>r(c)).attr("x2",c=>r(c)).attr("y1",0).attr("y2",M);const s=l.bandwidth(),n=Math.min(5,Math.max(2,s/2)),m=n*2.2;e.selectAll("circle.dot").data(X).enter().append("circle").attr("class",a.dot).attr("cx",c=>r(c.hourFraction)+c.xOffsetPx).attr("cy",c=>(l(c.date)??0)+s/2).attr("r",c=>Math.min(m,n*Math.sqrt(c.count))).attr("fill",c=>$(c.habitKey)).attr("opacity",c=>V&&V!==c.habitKey?.15:.8).style("cursor","pointer").on("mouseenter",function(c,y){var tt;const K=(tt=_.current)==null?void 0:tt.getBoundingClientRect();K&&T({x:r(y.hourFraction)+y.xOffsetPx+x.left+K.left,y:(l(y.date)??0)+x.top+K.top,habit:y.habitKey,hour:y.hour,minute:y.minute,date:y.date,count:y.count})}).on("mouseleave",()=>T(null));const j=ot(r).tickValues([0,3,6,9,12,15,18,21]).tickFormat(c=>G(c));e.append("g").attr("class",a.xAxis).attr("transform",`translate(0,${M})`).call(j);const h=Math.min(8,H.length),g=Math.max(1,Math.floor(H.length/h)),S=H.filter((c,y)=>y%g===0),F=rt(l).tickValues(S).tickFormat(c=>{const[,y,K]=c.split("-");return`${y}/${K}`});e.append("g").attr("class",a.yAxis).call(F)}else{const r=at().domain(jt(24)).range([0,I]).padding(.15),l=et().domain([0,Math.max(1,Z)]).nice().range([M,0]);e.selectAll("line.grid").data(l.ticks(5)).enter().append("line").attr("class",a.gridLine).attr("x1",0).attr("x2",I).attr("y1",n=>l(n)).attr("y2",n=>l(n)),O.forEach(n=>{let m=0;Array.from(n.byHabit.entries()).sort(([h],[g])=>h.localeCompare(g)).forEach(([h,g])=>{const S=l(m+g),F=Math.max(0,l(m)-l(m+g));e.append("rect").attr("class",a.bar).attr("x",r(n.hour)??0).attr("y",S).attr("width",r.bandwidth()).attr("height",F).attr("fill",$(h)).attr("opacity",V&&V!==h?.3:1),m+=g}),n.total>0&&e.append("rect").attr("x",r(n.hour)??0).attr("y",0).attr("width",r.bandwidth()).attr("height",M).attr("fill","transparent").style("cursor","pointer").on("mouseenter",function(){var g;const h=(g=_.current)==null?void 0:g.getBoundingClientRect();h&&T({x:(r(n.hour)??0)+r.bandwidth()/2+x.left+h.left,y:l(n.total)+x.top+h.top,hour:n.hour,count:n.total,breakdown:Array.from(n.byHabit.entries()).map(([S,F])=>({habit:S,count:F})).sort((S,F)=>F.count-S.count)})}).on("mouseleave",()=>T(null))});const s=ot(r).tickValues([0,3,6,9,12,15,18,21]).tickFormat(n=>G(n));e.append("g").attr("class",a.xAxis).attr("transform",`translate(0,${M})`).call(s),e.append("g").attr("class",a.yAxis).call(rt(l).ticks(5))}},[B,L,X,O,H,Z,I,M,x,p,f,V,$]);const Y={scatter:{icon:o.jsx(St,{size:16}),label:"Scatter"},totals:{icon:o.jsx(Et,{size:16}),label:"Totals"}},wt=t=>{const[e,r,l]=t.split("-").map(Number);return new Date(e,r-1,l).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})};return o.jsxs("div",{className:a.container,children:[!D&&o.jsx("div",{className:a.controls,children:o.jsx("div",{className:a.viewToggle,children:["scatter","totals"].map(t=>o.jsxs("button",{className:`${a.viewButton} ${B===t?a.active:""}`,onClick:()=>z(t),title:Y[t].label,children:[o.jsx("span",{className:a.viewIcon,children:Y[t].icon}),o.jsx("span",{className:a.viewLabel,children:Y[t].label})]},t))})}),q.length>0&&o.jsx("div",{className:`${a.legend}${C?` ${a.compactLegend}`:""}`,children:q.map(t=>o.jsxs("button",{className:`${a.legendItem} ${N.includes(t)?"":a.inactive}`,onClick:()=>vt(t),onMouseEnter:()=>Q(t),onMouseLeave:()=>Q(null),children:[o.jsx("span",{className:a.legendEmoji,children:v[t]||"📊"}),o.jsx("span",{className:a.legendColor,style:{backgroundColor:$(t)}}),o.jsx("span",{className:a.legendLabel,children:t})]},t))}),o.jsx("svg",{ref:_,viewBox:`0 0 ${p} ${f}`,preserveAspectRatio:"xMidYMid meet",className:a.chart}),i&&o.jsx("div",{className:`${a.tooltip} ${a.visible}`,style:{left:`${i.x}px`,top:`${i.y-70}px`},children:i.habit?o.jsxs(o.Fragment,{children:[o.jsxs("div",{className:a.tooltipHeader,children:[o.jsx("span",{className:a.tooltipDot,style:{backgroundColor:$(i.habit)}}),o.jsxs("span",{children:[v[i.habit]||""," ",i.habit]})]}),o.jsxs("div",{className:a.tooltipInfo,children:[o.jsxs("div",{className:a.tooltipDate,children:[i.date?wt(i.date):"",i.minute!==void 0?` · ${se(i.hour,i.minute)}`:""]}),i.count>1&&o.jsxs("div",{className:a.tooltipValue,children:[o.jsx("strong",{children:i.count}),o.jsx("span",{className:a.tooltipUnits,children:"events"})]})]})]}):o.jsxs(o.Fragment,{children:[o.jsx("div",{className:a.tooltipHeader,children:o.jsx("span",{children:G(i.hour)})}),o.jsxs("div",{className:a.tooltipInfo,children:[o.jsxs("div",{className:a.tooltipValue,children:[o.jsx("strong",{children:i.count}),o.jsxs("span",{className:a.tooltipUnits,children:["event",i.count===1?"":"s"]})]}),i.breakdown&&i.breakdown.length>1&&o.jsx("div",{className:a.tooltipBreakdown,children:i.breakdown.map(({habit:t,count:e})=>o.jsxs("div",{className:a.tooltipBreakdownRow,children:[o.jsx("span",{className:a.tooltipDot,style:{backgroundColor:$(t)}}),o.jsxs("span",{children:[v[t]||""," ",t]}),o.jsx("span",{className:a.tooltipCount,children:e})]},t))})]})]})})]})};_t.__docgenInfo={description:"",methods:[],displayName:"HabitTimeOfDayChart",props:{events:{required:!0,tsType:{name:"Array",elements:[{name:"HabitEvent"}],raw:"HabitEvent[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},startDate:{required:!1,tsType:{name:"string"},description:""},endDate:{required:!1,tsType:{name:"string"},description:""},habitColors:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},habitEmojis:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: string }",signature:{properties:[{key:{name:"string"},value:{name:"string",required:!0}}]}},description:"",defaultValue:{value:"{}",computed:!1}},defaultView:{required:!1,tsType:{name:"union",raw:"'scatter' | 'totals'",elements:[{name:"literal",value:"'scatter'"},{name:"literal",value:"'totals'"}]},description:"",defaultValue:{value:"'scatter'",computed:!1}},hideControls:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},compactLegend:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};const he={title:"Organisms/Charts/HabitTimeOfDayChart",component:_t,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},defaultView:{control:{type:"select"},options:["scatter","totals"]}}},bt=(d,p)=>{const f=[],b=new Date,E={Water:[8,10,13,16,19],Coffee:[7,8,9,14],Exercise:p==="evening"?[18,19,20]:[6,7,17,18],Reading:[21,22]};for(let w=0;w<d;w++){const v=new Date(b);v.setDate(v.getDate()-w),Object.entries(E).forEach(([A,D])=>{const C=Math.floor(Math.random()*4);for(let _=0;_<C;_++){const B=D[Math.floor(Math.random()*D.length)],z=Math.floor(Math.random()*60),N=new Date(v);N.setHours(B,z,0,0),f.push({loggedAt:N.toISOString(),habitKey:A})}})}return f},R={args:{events:bt(30,"all"),width:900,height:420,defaultView:"scatter",habitColors:{Water:"#00D9FF",Coffee:"#8B5E3C",Exercise:"#10b981",Reading:"#FFB319"},habitEmojis:{Water:"💧",Coffee:"☕",Exercise:"🏃",Reading:"📚"}}},W={args:{...R.args,defaultView:"totals"}},U={args:{events:bt(14,"morning").filter(d=>d.habitKey==="Water"),width:900,height:360,defaultView:"scatter",habitColors:{Water:"#00D9FF"},habitEmojis:{Water:"💧"}}},P={args:{events:[],width:900,height:360}};var st,it,lt;R.parameters={...R.parameters,docs:{...(st=R.parameters)==null?void 0:st.docs,source:{originalSource:`{
-  args: {
-    events: generateEvents(30, 'all'),
-    width: 900,
-    height: 420,
-    defaultView: 'scatter',
-    habitColors: {
-      Water: '#00D9FF',
-      Coffee: '#8B5E3C',
-      Exercise: '#10b981',
-      Reading: '#FFB319'
-    },
-    habitEmojis: {
-      Water: '💧',
-      Coffee: '☕',
-      Exercise: '🏃',
-      Reading: '📚'
-    }
-  }
-}`,...(lt=(it=R.parameters)==null?void 0:it.docs)==null?void 0:lt.source}}};var ct,ut,dt;W.parameters={...W.parameters,docs:{...(ct=W.parameters)==null?void 0:ct.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    defaultView: 'totals'
-  }
-}`,...(dt=(ut=W.parameters)==null?void 0:ut.docs)==null?void 0:dt.source}}};var mt,pt,ft;U.parameters={...U.parameters,docs:{...(mt=U.parameters)==null?void 0:mt.docs,source:{originalSource:`{
-  args: {
-    events: generateEvents(14, 'morning').filter(e => e.habitKey === 'Water'),
-    width: 900,
-    height: 360,
-    defaultView: 'scatter',
-    habitColors: {
-      Water: '#00D9FF'
-    },
-    habitEmojis: {
-      Water: '💧'
-    }
-  }
-}`,...(ft=(pt=U.parameters)==null?void 0:pt.docs)==null?void 0:ft.source}}};var ht,gt,yt;P.parameters={...P.parameters,docs:{...(ht=P.parameters)==null?void 0:ht.docs,source:{originalSource:`{
-  args: {
-    events: [],
-    width: 900,
-    height: 360
-  }
-}`,...(yt=(gt=P.parameters)==null?void 0:gt.docs)==null?void 0:yt.source}}};const ge=["Default","TotalsView","SingleHabit","Empty"];export{R as Default,P as Empty,U as SingleHabit,W as TotalsView,ge as __namedExportsOrder,he as default};

package/storybook-static/assets/MoodChart.stories-UXaQU4EG.js

@@ -1,40 +0,0 @@
-import{r as p,j as y}from"./iframe-BTbLpgFM.js";import{s as I,c as C}from"./transform-v7fcW145.js";import{l as ot,b as Et}from"./linear-9syG7RFK.js";import{c as kt,x as Lt,y as Pt,l as _t,e as Bt,t as Ct,m as rt,b as st,p as Ht}from"./monotone-B6BFTqpP.js";import{a as Ft}from"./array-BKyUJesY.js";import{w as It,c as f}from"./path-CbwjOpE9.js";import{a as Ot,b as Vt}from"./axis-D3QohQNI.js";import{t as Xt}from"./defaultLocale-DJ2q5QjE.js";import"./preload-helper-C1FmrZbK.js";function zt(n,s,l){var d=null,x=f(!0),M=null,v=kt,c=null,E=It(a);n=typeof n=="function"?n:n===void 0?Lt:f(+n),s=typeof s=="function"?s:s===void 0?f(0):f(+s),l=typeof l=="function"?l:l===void 0?Pt:f(+l);function a(t){var i,k,w,u=(t=Ft(t)).length,g,h=!1,m,R=new Array(u),r=new Array(u);for(M==null&&(c=v(m=E())),i=0;i<=u;++i){if(!(i<u&&x(g=t[i],i,t))===h)if(h=!h)k=i,c.areaStart(),c.lineStart();else{for(c.lineEnd(),c.lineStart(),w=i-1;w>=k;--w)c.point(R[w],r[w]);c.lineEnd(),c.areaEnd()}h&&(R[i]=+n(g,i,t),r[i]=+s(g,i,t),c.point(d?+d(g,i,t):R[i],l?+l(g,i,t):r[i]))}if(m)return c=null,m+""||null}function T(){return _t().defined(x).curve(v).context(M)}return a.x=function(t){return arguments.length?(n=typeof t=="function"?t:f(+t),d=null,a):n},a.x0=function(t){return arguments.length?(n=typeof t=="function"?t:f(+t),a):n},a.x1=function(t){return arguments.length?(d=t==null?null:typeof t=="function"?t:f(+t),a):d},a.y=function(t){return arguments.length?(s=typeof t=="function"?t:f(+t),l=null,a):s},a.y0=function(t){return arguments.length?(s=typeof t=="function"?t:f(+t),a):s},a.y1=function(t){return arguments.length?(l=t==null?null:typeof t=="function"?t:f(+t),a):l},a.lineX0=a.lineY0=function(){return T().x(n).y(s)},a.lineY1=function(){return T().x(n).y(l)},a.lineX1=function(){return T().x(d).y(s)},a.defined=function(t){return arguments.length?(x=typeof t=="function"?t:f(!!t),a):x},a.curve=function(t){return arguments.length?(v=t,M!=null&&(c=v(M)),a):v},a.context=function(t){return arguments.length?(t==null?M=c=null:c=v(M=t),a):M},a}const Wt="_container_ynor3_1",qt="_chart_ynor3_11",Yt="_gridLine_ynor3_17",Qt="_line_ynor3_23",Gt="_area_ynor3_32",Zt="_areaStopTop_ynor3_36",Jt="_areaStopBottom_ynor3_41",Kt="_crosshair_ynor3_46",Ut="_halo_ynor3_53",te="_overlay_ynor3_58",ee="_xAxis_ynor3_63",ae="_yAxis_ynor3_64",ne="_dataPoint_ynor3_83",oe="_tooltip_ynor3_88",re="_tooltipHeader_ynor3_113",se="_tooltipDate_ynor3_122",ie="_tooltipRating_ynor3_128",le="_ratingValue_ynor3_138",ce="_ratingMax_ynor3_143",de="_tooltipTags_ynor3_148",pe="_tag_ynor3_155",ue="_tooltipComment_ynor3_173",o={container:Wt,chart:qt,gridLine:Yt,line:Qt,area:Gt,areaStopTop:Zt,areaStopBottom:Jt,crosshair:Kt,halo:Ut,overlay:te,xAxis:ee,yAxis:ae,dataPoint:ne,tooltip:oe,tooltipHeader:re,tooltipDate:se,tooltipRating:ie,ratingValue:le,ratingMax:ce,tooltipTags:de,tag:pe,tooltipComment:ue},Mt=({moodData:n,width:s=800,height:l=400})=>{const d=p.useRef(null),x=p.useRef(null),M=p.useRef(null),v=p.useRef(!1),c=p.useId(),E=p.useMemo(()=>`mood-area-${c.replace(/[^a-zA-Z0-9]/g,"_")}`,[c]),[a,T]=p.useState(null),[t,i]=p.useState({x:0,y:0}),[k,w]=p.useState(!1);p.useEffect(()=>{v.current=k},[k]);const u=p.useMemo(()=>({top:20,right:20,bottom:50,left:40}),[]),g=s-u.left-u.right,h=l-u.top-u.bottom,m=p.useMemo(()=>n.map(r=>{const A=r.tag?r.tag.split(",").map($=>$.trim()).filter($=>$):[];return{date:new Date(r.date),rating:r.rating,tags:A,comment:r.comment}}).filter(r=>!isNaN(r.date.getTime())&&isFinite(r.rating)).sort((r,A)=>r.date.getTime()-A.date.getTime()),[n]),R=p.useMemo(()=>ot().domain([1,5,10]).range(["#FF6B6B","#FFD93D","#6BCB77"]).clamp(!0),[]);return p.useEffect(()=>{if(!d.current||m.length===0)return;const r=I(d.current);r.selectAll("*").remove();const $=r.append("defs").append("linearGradient").attr("id",E).attr("x1","0%").attr("y1","0%").attr("x2","0%").attr("y2","100%");$.append("stop").attr("offset","0%").attr("class",o.areaStopTop),$.append("stop").attr("offset","100%").attr("class",o.areaStopBottom);const D=r.append("g").attr("transform",`translate(${u.left},${u.top})`),L=Bt(m,e=>e.date);if(!L[0]||!L[1])return;const S=Ct().domain(L).range([0,g]),N=ot().domain([1,10]).range([h,0]),vt=_t().x(e=>S(e.date)).y(e=>N(e.rating)).curve(rt),Dt=zt().x(e=>S(e.date)).y0(h).y1(e=>N(e.rating)).curve(rt);D.selectAll(".grid-line-y").data(N.ticks(5)).enter().append("line").attr("class",o.gridLine).attr("x1",0).attr("y1",e=>N(e)).attr("x2",g).attr("y2",e=>N(e)).style("opacity",0).transition().duration(500).ease(C).style("opacity",1),D.append("g").attr("class",o.xAxis).attr("transform",`translate(0,${h})`).style("opacity",0).call(Ot(S).tickFormat(e=>Xt("%m/%d")(e))).transition().duration(600).delay(100).style("opacity",1),D.append("g").attr("class",o.yAxis).style("opacity",0).call(Vt(N)).transition().duration(600).delay(100).style("opacity",1);const St=D.append("path").datum(m).attr("class",o.area).attr("fill",`url(#${E})`).attr("d",Dt).style("opacity",0),W=D.append("path").datum(m).attr("class",o.line).attr("d",vt),q=W.node(),H=q&&typeof q.getTotalLength=="function"?q.getTotalLength():0,Y=1200;H>0&&W.attr("stroke-dasharray",`${H} ${H}`).attr("stroke-dashoffset",H).transition().duration(Y).ease(C).attr("stroke-dashoffset",0).on("end",()=>{W.attr("stroke-dasharray",null)}),St.transition().delay(Y*.4).duration(800).ease(C).style("opacity",1);const U=D.append("line").attr("class",o.crosshair).attr("y1",0).attr("y2",h).style("opacity",0).style("pointer-events","none"),Q=D.append("circle").attr("class",o.halo).attr("r",0).style("opacity",0).style("pointer-events","none"),tt=S(L[0]),Tt=S(L[1]),wt=Math.max(1,Tt-tt),et=D.selectAll(".mood-circle").data(m).enter().append("circle").attr("class",o.dataPoint).attr("cx",e=>S(e.date)).attr("cy",e=>N(e.rating)).attr("r",0).attr("fill",e=>R(e.rating)).style("opacity",0).style("pointer-events","none");et.transition().delay(e=>100+Y*((S(e.date)-tt)/wt)).duration(380).ease(st.overshoot(2)).attr("r",5).style("opacity",1);const G=et.nodes();let b=null;const Nt=(e,j,P)=>{Q.interrupt("halo-pulse").interrupt("halo-out").attr("cx",e).attr("cy",j).attr("fill",P);const _=()=>{Q.attr("r",5).style("opacity",.55).transition("halo-pulse").duration(900).ease(C).attr("r",20).style("opacity",0).on("end",_)};_()},Rt=()=>{Q.interrupt("halo-pulse").transition("halo-out").duration(180).style("opacity",0).attr("r",0)},bt=(e,j,P)=>{var at;const _=m[e];if(!_)return;const Z=S(_.date),jt=N(_.rating),F=(at=d.current)==null?void 0:at.getBoundingClientRect();if(F){let B=j-F.left+12,J=P-F.top-12;const nt=280;B+nt>g+u.left-20&&(B=j-F.left-nt-12,B<0&&(B=10)),J<0&&(J=10),i({x:B,y:J})}T(_),U.attr("x1",Z).attr("x2",Z).interrupt("crosshair-fade").transition("crosshair-fade").duration(120).style("opacity",1),b!==e&&(b!==null&&I(G[b]).transition("point-scale").duration(180).ease(C).attr("r",5),I(G[e]).transition("point-scale").duration(180).ease(st.overshoot(2)).attr("r",8),Nt(Z,jt,R(_.rating)),b=e)},At=()=>{U.interrupt("crosshair-fade").transition("crosshair-fade").duration(180).style("opacity",0),b!==null&&(I(G[b]).transition("point-scale").duration(180).attr("r",5),b=null),Rt(),T(null)},$t=Et(e=>e.date).center;D.append("rect").attr("class",o.overlay).attr("width",g).attr("height",h).on("mousemove",function(e){const[j]=Ht(e,this),P=S.invert(j),_=Math.max(0,Math.min(m.length-1,$t(m,P)));bt(_,e.clientX,e.clientY)}).on("mouseleave",()=>{window.setTimeout(()=>{v.current||At()},220)})},[m,g,h,R,u,E]),p.useEffect(()=>()=>{T(null)},[]),y.jsxs("div",{className:o.container,ref:x,children:[y.jsx("svg",{ref:d,width:s,height:l,className:o.chart}),a&&y.jsxs("div",{ref:M,className:o.tooltip,style:{position:"absolute",pointerEvents:"auto",left:t.x,top:t.y,zIndex:1e3},onMouseEnter:()=>w(!0),onMouseLeave:()=>{w(!1),T(null)},children:[y.jsxs("div",{className:o.tooltipHeader,children:[y.jsx("div",{className:o.tooltipDate,children:a.date.toLocaleDateString()}),y.jsxs("div",{className:o.tooltipRating,children:[y.jsx("span",{className:o.ratingValue,children:a.rating}),y.jsx("span",{className:o.ratingMax,children:"/10"})]})]}),a.tags.length>0&&y.jsx("div",{className:o.tooltipTags,children:a.tags.map((r,A)=>y.jsx("span",{className:o.tag,children:r},A))}),a.comment&&y.jsx("div",{className:o.tooltipComment,children:a.comment})]})]})};Mt.__docgenInfo={description:"",methods:[],displayName:"MoodChart",props:{moodData:{required:!0,tsType:{name:"Array",elements:[{name:"MoodNoteData"}],raw:"MoodNoteData[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}}}};const De={title:"Organisms/Charts/MoodChart",component:Mt,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:300,max:1200,step:50}},height:{control:{type:"number",min:200,max:800,step:50}}}},K=n=>{const s=[],l=new Date;for(let d=n-1;d>=0;d--){const x=new Date(l);x.setDate(x.getDate()-d),s.push(x.toISOString().split("T")[0])}return s},O={args:{moodData:K(30).map(n=>({date:n,rating:Math.floor(Math.random()*10)+1,tag:["happy","excited","calm","focused"][Math.floor(Math.random()*4)],comment:`Feeling ${Math.random()>.5?"good":"okay"} today`})),width:800,height:400}},V={args:{moodData:K(7).map(n=>({date:n,rating:Math.floor(Math.random()*10)+1,tag:["happy","calm","energetic","focused"][Math.floor(Math.random()*4)],comment:`Day ${n.split("-")[2]} mood note`})),width:600,height:300}},X={args:{moodData:K(90).map(n=>({date:n,rating:Math.floor(Math.random()*10)+1,tag:["productive","creative","stressed","relaxed","motivated"][Math.floor(Math.random()*5)],comment:Math.random()>.7?`Notable day - ${n}`:void 0})),width:1e3,height:400}},z={args:{moodData:[],width:800,height:400}};var it,lt,ct;O.parameters={...O.parameters,docs:{...(it=O.parameters)==null?void 0:it.docs,source:{originalSource:`{
-  args: {
-    moodData: generateDateRange(30).map(date => ({
-      date,
-      rating: Math.floor(Math.random() * 10) + 1,
-      tag: ['happy', 'excited', 'calm', 'focused'][Math.floor(Math.random() * 4)],
-      comment: \`Feeling \${Math.random() > 0.5 ? 'good' : 'okay'} today\`
-    })),
-    width: 800,
-    height: 400
-  }
-}`,...(ct=(lt=O.parameters)==null?void 0:lt.docs)==null?void 0:ct.source}}};var dt,pt,ut;V.parameters={...V.parameters,docs:{...(dt=V.parameters)==null?void 0:dt.docs,source:{originalSource:`{
-  args: {
-    moodData: generateDateRange(7).map(date => ({
-      date,
-      rating: Math.floor(Math.random() * 10) + 1,
-      tag: ['happy', 'calm', 'energetic', 'focused'][Math.floor(Math.random() * 4)],
-      comment: \`Day \${date.split('-')[2]} mood note\`
-    })),
-    width: 600,
-    height: 300
-  }
-}`,...(ut=(pt=V.parameters)==null?void 0:pt.docs)==null?void 0:ut.source}}};var mt,ft,gt;X.parameters={...X.parameters,docs:{...(mt=X.parameters)==null?void 0:mt.docs,source:{originalSource:`{
-  args: {
-    moodData: generateDateRange(90).map(date => ({
-      date,
-      rating: Math.floor(Math.random() * 10) + 1,
-      tag: ['productive', 'creative', 'stressed', 'relaxed', 'motivated'][Math.floor(Math.random() * 5)],
-      comment: Math.random() > 0.7 ? \`Notable day - \${date}\` : undefined
-    })),
-    width: 1000,
-    height: 400
-  }
-}`,...(gt=(ft=X.parameters)==null?void 0:ft.docs)==null?void 0:gt.source}}};var ht,yt,xt;z.parameters={...z.parameters,docs:{...(ht=z.parameters)==null?void 0:ht.docs,source:{originalSource:`{
-  args: {
-    moodData: [],
-    width: 800,
-    height: 400
-  }
-}`,...(xt=(yt=z.parameters)==null?void 0:yt.docs)==null?void 0:xt.source}}};const Se=["Default","Weekly","Quarterly","EmptyState"];export{O as Default,z as EmptyState,X as Quarterly,V as Weekly,Se as __namedExportsOrder,De as default};

package/storybook-static/assets/PieChart.stories-CjtEiSJY.js

@@ -1,91 +0,0 @@
-import{r as q,j as v}from"./iframe-BTbLpgFM.js";import{s as S,i as K,a as X}from"./transform-v7fcW145.js";import{a as H}from"./array-BKyUJesY.js";import{c as b}from"./path-CbwjOpE9.js";import{t as z,a as P}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";function Q(n,a){let l=0;if(a===void 0)for(let c of n)(c=+c)&&(l+=c);else{let c=-1;for(let g of n)(g=+a(g,++c,n))&&(l+=g)}return l}function W(n,a){return a<n?-1:a>n?1:a>=n?0:NaN}function Z(n){return n}function ee(){var n=Z,a=W,l=null,c=b(0),g=b(z),w=b(0);function s(e){var r,i=(e=H(e)).length,m,L,C=0,_=new Array(i),u=new Array(i),A=+c.apply(this,arguments),h=Math.min(z,Math.max(-z,g.apply(this,arguments)-A)),T,x=Math.min(Math.abs(h)/i,w.apply(this,arguments)),R=x*(h<0?-1:1),d;for(r=0;r<i;++r)(d=u[_[r]=r]=+n(e[r],r,e))>0&&(C+=d);for(a!=null?_.sort(function(t,o){return a(u[t],u[o])}):l!=null&&_.sort(function(t,o){return l(e[t],e[o])}),r=0,L=C?(h-i*R)/C:0;r<i;++r,A=T)m=_[r],d=u[m],T=A+(d>0?d*L:0)+R,u[m]={data:e[m],index:r,value:d,startAngle:A,endAngle:T,padAngle:x};return u}return s.value=function(e){return arguments.length?(n=typeof e=="function"?e:b(+e),s):n},s.sortValues=function(e){return arguments.length?(a=e,l=null,s):a},s.sort=function(e){return arguments.length?(l=e,a=null,s):l},s.startAngle=function(e){return arguments.length?(c=typeof e=="function"?e:b(+e),s):c},s.endAngle=function(e){return arguments.length?(g=typeof e=="function"?e:b(+e),s):g},s.padAngle=function(e){return arguments.length?(w=typeof e=="function"?e:b(+e),s):w},s}const te="_container_1d3zv_1",ne="_title_1d3zv_7",ae="_chartContainer_1d3zv_15",re="_chart_1d3zv_15",oe="_legend_1d3zv_26",le="_legendItem_1d3zv_31",se="_legendColor_1d3zv_45",ie="_legendLabel_1d3zv_52",ce="_legendValue_1d3zv_59",ue="_tooltip_1d3zv_65",p={container:te,title:ne,chartContainer:ae,chart:re,legend:oe,legendItem:le,legendColor:se,legendLabel:ie,legendValue:ce,tooltip:ue},f=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#8b5cf6","#14b8a6","#f59e0b","#ef4444","#06b6d4","#10b981"],$=n=>{const a=X(n);if(!a)return"#ffffff";const l=a.rgb();return(.299*l.r+.587*l.g+.114*l.b)/255>.5?"#000000":"#ffffff"},G=({data:n,width:a=400,height:l=400,title:c="Distribution",showLegend:g=!0,unit:w="items",centerLabel:s})=>{const e=q.useRef(null),r=Math.min(a,l)/2-20;return q.useEffect(()=>{if(!e.current||!n.length)return;const i=S(e.current);i.selectAll("*").remove();const m=i.append("g").attr("transform",`translate(${a/2},${l/2})`),L=ee().value(t=>t.value).sort(null),C=P().innerRadius(r*.4).outerRadius(r).cornerRadius(4),_=P().innerRadius(r*.7).outerRadius(r*.7),u=S("body").append("div").attr("class",p.tooltip).style("opacity",0).style("position","absolute"),A=L(n),h=Q(n,t=>t.value),T=m.selectAll(".arc").data(A).enter().append("g").attr("class","arc");T.append("path").attr("d",t=>C(t)).attr("fill",(t,o)=>t.data.color||f[o%f.length]).attr("stroke","var(--bg-primary)").attr("stroke-width",3).style("cursor","pointer").style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))").on("mouseover",function(t,o){const y=P().innerRadius(r*.4).outerRadius(r*1.05).cornerRadius(4);S(this).transition().duration(200).attr("d",M=>y(M)).style("filter","drop-shadow(0 4px 12px rgba(0,0,0,0.25))"),u.transition().duration(200).style("opacity",1);const V=(o.data.value/h*100).toFixed(1);u.html(`
-                    <div><strong>${o.data.name}</strong></div>
-                    <div>Value: ${o.data.value.toLocaleString()}</div>
-                    <div>${V}% of total</div>
-                `).style("left",t.pageX+10+"px").style("top",t.pageY-28+"px")}).on("mouseout",function(t,o){S(this).transition().duration(200).attr("d",y=>C(y)).style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))"),u.transition().duration(500).style("opacity",0)});const x=n.map((t,o)=>t.color||f[o%f.length]),R=x.length>=2?K.gamma(2.2)(x[0],x[1])(.5):x[0]||"#ffffff",d=$(R);return m.append("text").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size","20px").attr("font-weight","bold").attr("fill",d).style("text-shadow",d==="#ffffff"?"0 1px 3px rgba(0,0,0,0.5)":"0 1px 3px rgba(255,255,255,0.5)").text(s||"Total"),m.append("text").attr("text-anchor","middle").attr("alignment-baseline","middle").attr("y",22).attr("font-size","16px").attr("font-weight","600").attr("fill",d).style("text-shadow",d==="#ffffff"?"0 1px 2px rgba(0,0,0,0.4)":"0 1px 2px rgba(255,255,255,0.4)").text(`${h.toLocaleString()} ${w}`),T.filter(t=>t.endAngle-t.startAngle>.2).append("text").attr("transform",t=>`translate(${_.centroid(t)})`).attr("text-anchor","middle").attr("alignment-baseline","middle").attr("font-size","13px").attr("fill",(t,o)=>{const y=t.data.color||f[o%f.length];return $(y)}).attr("font-weight","600").style("pointer-events","none").style("text-shadow",(t,o)=>{const y=t.data.color||f[o%f.length];return`0 1px 2px ${$(y)==="#ffffff"?"rgba(0,0,0,0.4)":"rgba(255,255,255,0.4)"}`}).text(t=>{const o=t.data.value/h*100;return o>8?`${o.toFixed(0)}%`:""}),()=>{u.remove()}},[n,a,l,r,s,w]),v.jsxs("div",{className:p.container,children:[v.jsx("h3",{className:p.title,children:c}),v.jsxs("div",{className:p.chartContainer,children:[v.jsx("svg",{ref:e,width:a,height:l,className:p.chart}),g&&v.jsx("div",{className:p.legend,children:n.map((i,m)=>v.jsxs("div",{className:p.legendItem,children:[v.jsx("span",{className:p.legendColor,style:{backgroundColor:i.color||f[m%f.length]}}),v.jsx("span",{className:p.legendLabel,children:i.name}),v.jsx("span",{className:p.legendValue,children:i.value.toLocaleString()})]},i.name))})]})]})};G.__docgenInfo={description:"",methods:[],displayName:"PieChart",props:{data:{required:!0,tsType:{name:"Array",elements:[{name:"PieDataPoint"}],raw:"PieDataPoint[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},title:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'Distribution'",computed:!1}},showLegend:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},unit:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'items'",computed:!1}},centerLabel:{required:!1,tsType:{name:"string"},description:""}}};const he={title:"Organisms/Charts/PieChart",component:G,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:300,max:700,step:50}},height:{control:{type:"number",min:300,max:700,step:50}},title:{control:{type:"text"}},showLegend:{control:{type:"boolean"}}}},j={args:{data:[{name:"Frontend Development",value:35,color:"#8b5cf6"},{name:"Backend Development",value:25,color:"#3b82f6"},{name:"Meetings",value:15,color:"#10b981"},{name:"Code Review",value:10,color:"#f59e0b"},{name:"Documentation",value:8,color:"#ec4899"},{name:"Testing",value:7,color:"#14b8a6"}],width:500,height:500,title:"Project Time Allocation",showLegend:!0}},D={args:{data:[{name:"Yes",value:73,color:"#10b981"},{name:"No",value:27,color:"#ef4444"}],width:350,height:350,title:"Survey Results",showLegend:!1}},N={args:{data:[{name:"JavaScript",value:25},{name:"Python",value:20},{name:"Java",value:15},{name:"TypeScript",value:12},{name:"C++",value:8},{name:"C#",value:6},{name:"Go",value:5},{name:"Rust",value:4},{name:"Swift",value:3},{name:"Kotlin",value:2}],width:600,height:600,title:"Programming Language Usage",showLegend:!0}};var k,E,F;j.parameters={...j.parameters,docs:{...(k=j.parameters)==null?void 0:k.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'Frontend Development',
-      value: 35,
-      color: '#8b5cf6'
-    }, {
-      name: 'Backend Development',
-      value: 25,
-      color: '#3b82f6'
-    }, {
-      name: 'Meetings',
-      value: 15,
-      color: '#10b981'
-    }, {
-      name: 'Code Review',
-      value: 10,
-      color: '#f59e0b'
-    }, {
-      name: 'Documentation',
-      value: 8,
-      color: '#ec4899'
-    }, {
-      name: 'Testing',
-      value: 7,
-      color: '#14b8a6'
-    }],
-    width: 500,
-    height: 500,
-    title: 'Project Time Allocation',
-    showLegend: true
-  }
-}`,...(F=(E=j.parameters)==null?void 0:E.docs)==null?void 0:F.source}}};var I,J,O;D.parameters={...D.parameters,docs:{...(I=D.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'Yes',
-      value: 73,
-      color: '#10b981'
-    }, {
-      name: 'No',
-      value: 27,
-      color: '#ef4444'
-    }],
-    width: 350,
-    height: 350,
-    title: 'Survey Results',
-    showLegend: false
-  }
-}`,...(O=(J=D.parameters)==null?void 0:J.docs)==null?void 0:O.source}}};var U,Y,B;N.parameters={...N.parameters,docs:{...(U=N.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    data: [{
-      name: 'JavaScript',
-      value: 25
-    }, {
-      name: 'Python',
-      value: 20
-    }, {
-      name: 'Java',
-      value: 15
-    }, {
-      name: 'TypeScript',
-      value: 12
-    }, {
-      name: 'C++',
-      value: 8
-    }, {
-      name: 'C#',
-      value: 6
-    }, {
-      name: 'Go',
-      value: 5
-    }, {
-      name: 'Rust',
-      value: 4
-    }, {
-      name: 'Swift',
-      value: 3
-    }, {
-      name: 'Kotlin',
-      value: 2
-    }],
-    width: 600,
-    height: 600,
-    title: 'Programming Language Usage',
-    showLegend: true
-  }
-}`,...(B=(Y=N.parameters)==null?void 0:Y.docs)==null?void 0:B.source}}};const xe=["Default","TwoCategories","ManyCategories"];export{j as Default,N as ManyCategories,D as TwoCategories,xe as __namedExportsOrder,he as default};

package/storybook-static/assets/SleepChart.stories-C1n9aK7B.js

@@ -1,58 +0,0 @@
-import{r as x,j as n}from"./iframe-BTbLpgFM.js";import{s as B,c as L}from"./transform-v7fcW145.js";import{l as it}from"./linear-9syG7RFK.js";import{b as dt,r as q}from"./band-Cq25-Mh7.js";import{a as ct,b as pt}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";const ht="_container_1yktd_1",mt="_header_1yktd_7",ut="_eyebrow_1yktd_15",gt="_title_1yktd_23",ft="_chart_1yktd_38",_t="_gridLine_1yktd_43",Mt="_gridLineAccent_1yktd_50",St="_sleepBar_1yktd_55",yt="_sleepBarHover_1yktd_59",kt="_squiggle_1yktd_59",xt="_endpoint_1yktd_76",$t="_endpointSleep_1yktd_80",wt="_endpointWake_1yktd_84",vt="_xAxis_1yktd_88",bt="_yAxis_1yktd_89",Dt="_tooltip_1yktd_103",Tt="_visible_1yktd_117",At="_tooltipDate_1yktd_121",Ht="_tooltipBody_1yktd_132",jt="_tooltipRow_1yktd_138",Bt="_tooltipTotal_1yktd_162",a={container:ht,header:mt,eyebrow:ut,title:gt,chart:ft,gridLine:_t,gridLineAccent:Mt,sleepBar:St,sleepBarHover:yt,squiggle:kt,endpoint:xt,endpointSleep:$t,endpointWake:wt,xAxis:vt,yAxis:bt,tooltip:Dt,visible:Tt,tooltipDate:At,tooltipBody:Ht,tooltipRow:jt,tooltipTotal:Bt},I=t=>{const[o,r]=t.split(":").map(Number);return o+r/60},O=t=>{const o=Math.floor(t%24),r=Math.round(t%1*60);return`${o.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`},Lt=t=>{const o=Math.floor(t),r=Math.round(t%1*60);return`${o}h ${r.toString().padStart(2,"0")}m`},Rt=(t,o,r,l,p)=>{const i=Math.max(0,o-t);if(i===0)return`M ${t} ${r}`;const g=Math.max(1,Math.round(i/p)),h=i/(g*2);let k=`M ${t} ${r}`;for(let m=0;m<g*2;m++){const f=t+(m+.5)*h,S=r+(m%2===0?-l:l),u=t+(m+1)*h;k+=` Q ${f} ${S} ${u} ${r}`}return k},at=({sleepData:t,width:o=800,height:r=400,onDateClick:l})=>{const p=x.useRef(null),[i,g]=x.useState(null),h=x.useMemo(()=>({top:12,right:16,bottom:32,left:64}),[]),k=o-h.left-h.right,m=r-h.top-h.bottom;return x.useEffect(()=>{const f=()=>g(null);return window.addEventListener("scroll",f,!0),()=>window.removeEventListener("scroll",f,!0)},[]),x.useEffect(()=>{if(!p.current||t.length===0)return;const f=B(p.current);f.selectAll("*").remove(),f.append("rect").attr("width",o).attr("height",r).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>g(null));const S=f.append("g").attr("transform",`translate(${h.left},${h.top})`),u=it().domain([18,42]).range([0,k]),H=t.map(e=>e.date),j=dt().domain(H).range([0,m]).paddingInner(.35).paddingOuter(.1);S.selectAll(".grid-line-x").data(q(18,43,3)).enter().append("line").attr("class",a.gridLine).attr("x1",e=>u(e)).attr("y1",0).attr("x2",e=>u(e)).attr("y2",m).classed(a.gridLineAccent,e=>{const s=e%24;return s===0||s===12}),t.forEach(e=>{const s=j(e.date);if(s===void 0)return;const y=j.bandwidth(),$=S.append("g").attr("class",a.sleepBar).style("cursor",l?"pointer":"default").on("click",()=>l==null?void 0:l(e.date));let d=null,c=null;if(e.sleep_time&&(d=I(e.sleep_time),d<18&&(d+=24)),e.wake_hour&&(c=I(e.wake_hour),d!==null?(c<d||d>=18&&c<18)&&(c+=24):c<12&&(c+=24)),d!==null&&c!==null){const _=u(d),M=u(c),nt=s+y/2,st=Math.min(y/2.2,7),lt=Rt(_,M,nt,st,14),N=$.append("path").attr("class",a.squiggle).attr("d",lt).attr("fill","none"),E=N.node(),W=typeof E.getTotalLength=="function"?E.getTotalLength():(M-_)*1.8;N.attr("stroke-dasharray",W).attr("stroke-dashoffset",W).transition().duration(540).ease(L).attr("stroke-dashoffset",0)}d!==null&&$.append("circle").attr("class",`${a.endpoint} ${a.endpointSleep}`).attr("cx",u(d)).attr("cy",s+y/2).attr("r",0).transition().duration(280).delay(160).ease(L).attr("r",3.5),c!==null&&$.append("circle").attr("class",`${a.endpoint} ${a.endpointWake}`).attr("cx",u(c)).attr("cy",s+y/2).attr("r",0).transition().duration(280).delay(220).ease(L).attr("r",3.5),$.on("mouseenter",function(_){B(this).classed(a.sleepBarHover,!0);const M=d!==null&&c!==null?c-d:null;g({date:e.date,sleepTime:d!==null?O(d):null,wakeTime:c!==null?O(c):null,duration:M!==null?Math.round(M*100)/100:null,x:_.pageX,y:_.pageY-12})}).on("mouseleave",function(){B(this).classed(a.sleepBarHover,!1),g(null)}).on("mousemove",function(_){g(M=>M?{...M,x:_.pageX,y:_.pageY-12}:null)})});const R=q(18,43,3).map(e=>({value:e,label:`${(e%24).toString().padStart(2,"0")}:00`}));S.append("g").attr("class",a.xAxis).attr("transform",`translate(0,${m})`).call(ct(u).tickValues(R.map(e=>e.value)).tickFormat(e=>{const s=R.find(y=>y.value===e);return s?s.label:""}).tickSize(0).tickPadding(10)).select(".domain").remove();const ot=Math.max(1,Math.ceil(H.length/8)),rt=H.filter((e,s)=>s%ot===0);S.append("g").attr("class",a.yAxis).call(pt(j).tickValues(rt).tickFormat(e=>{const s=new Date(e);return`${(s.getMonth()+1).toString().padStart(2,"0")}/${s.getDate().toString().padStart(2,"0")}`}).tickSize(0).tickPadding(12)).select(".domain").remove()},[t,k,m,h,l,r,o]),n.jsxs("div",{className:a.container,children:[n.jsxs("header",{className:a.header,children:[n.jsx("span",{className:a.eyebrow,children:"the night"}),n.jsxs("h3",{className:a.title,children:[n.jsx("em",{children:"Sleep"})," pattern"]})]}),n.jsx("svg",{ref:p,width:o,height:r,className:a.chart}),i&&n.jsxs("div",{className:`${a.tooltip} ${a.visible}`,style:{left:`${i.x}px`,top:`${i.y}px`},children:[n.jsx("div",{className:a.tooltipDate,children:new Date(i.date).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})}),n.jsxs("div",{className:a.tooltipBody,children:[i.sleepTime&&n.jsxs("div",{className:a.tooltipRow,children:[n.jsx("em",{children:"sleep"}),n.jsx("time",{children:i.sleepTime})]}),i.wakeTime&&n.jsxs("div",{className:a.tooltipRow,children:[n.jsx("em",{children:"wake"}),n.jsx("time",{children:i.wakeTime})]}),i.duration!==null&&n.jsxs("div",{className:`${a.tooltipRow} ${a.tooltipTotal}`,children:[n.jsx("em",{children:"total"}),n.jsx("time",{children:Lt(i.duration)})]})]})]})]})};at.__docgenInfo={description:"",methods:[],displayName:"SleepChart",props:{sleepData:{required:!0,tsType:{name:"Array",elements:[{name:"SleepData"}],raw:"SleepData[]"},description:""},width:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"800",computed:!1}},height:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"400",computed:!1}},onDateClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(date: string) => void",signature:{arguments:[{type:{name:"string"},name:"date"}],return:{name:"void"}}},description:""}}};const Ft={title:"Organisms/Charts/SleepChart",component:at,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},onDateClick:{action:"dateClicked"}}},A=t=>{const o=[],r=new Date;for(let l=t-1;l>=0;l--){const p=new Date(r);p.setDate(p.getDate()-l),o.push(p.toISOString().split("T")[0])}return o},w={args:{sleepData:A(7).map(t=>{const o=Math.floor(Math.random()*3)+22,r=Math.floor(Math.random()*3)+6;return{date:t,sleep_time:`${o%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${r}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:800,height:400}},v={args:{sleepData:A(30).map(t=>({date:t,sleep_time:`${(Math.floor(Math.random()*3)+22)%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${Math.floor(Math.random()*2)+7}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`})),width:900,height:400}},b={args:{sleepData:A(14).map((t,o)=>{const r=o%7===5||o%7===6,l=r?Math.floor(Math.random()*4)+24:Math.floor(Math.random()*2)+22,p=r?Math.floor(Math.random()*3)+9:Math.floor(Math.random()*2)+6;return{date:t,sleep_time:`${l%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${p}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:850,height:400}},D={args:{sleepData:A(14).map((t,o)=>({date:t,sleep_time:o%3===0?null:`${(Math.floor(Math.random()*3)+22)%24}:30`,wake_hour:o%3===0?null:`${Math.floor(Math.random()*2)+7}:00`})),width:800,height:400}},T={args:{sleepData:[],width:800,height:400}};var V,P,z;w.parameters={...w.parameters,docs:{...(V=w.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(7).map(date => {
-      const bedHour = Math.floor(Math.random() * 3) + 22;
-      const wakeHour = Math.floor(Math.random() * 3) + 6;
-      return {
-        date,
-        sleep_time: \`\${bedHour % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-        wake_hour: \`\${wakeHour}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-      };
-    }),
-    width: 800,
-    height: 400
-  }
-}`,...(z=(P=w.parameters)==null?void 0:P.docs)==null?void 0:z.source}}};var F,X,Y;v.parameters={...v.parameters,docs:{...(F=v.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(30).map(date => ({
-      date,
-      sleep_time: \`\${(Math.floor(Math.random() * 3) + 22) % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-      wake_hour: \`\${Math.floor(Math.random() * 2) + 7}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-    })),
-    width: 900,
-    height: 400
-  }
-}`,...(Y=(X=v.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var C,G,Q;b.parameters={...b.parameters,docs:{...(C=b.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(14).map((date, i) => {
-      // Simulate irregular sleep pattern
-      const isWeekend = i % 7 === 5 || i % 7 === 6;
-      const bedHour = isWeekend ? Math.floor(Math.random() * 4) + 24 : Math.floor(Math.random() * 2) + 22;
-      const wakeHour = isWeekend ? Math.floor(Math.random() * 3) + 9 : Math.floor(Math.random() * 2) + 6;
-      return {
-        date,
-        sleep_time: \`\${bedHour % 24}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`,
-        wake_hour: \`\${wakeHour}:\${Math.floor(Math.random() * 60).toString().padStart(2, '0')}\`
-      };
-    }),
-    width: 850,
-    height: 400
-  }
-}`,...(Q=(G=b.parameters)==null?void 0:G.docs)==null?void 0:Q.source}}};var U,J,K;D.parameters={...D.parameters,docs:{...(U=D.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  args: {
-    sleepData: generateDateRange(14).map((date, i) => ({
-      date,
-      // Some days have missing data
-      sleep_time: i % 3 === 0 ? null : \`\${(Math.floor(Math.random() * 3) + 22) % 24}:30\`,
-      wake_hour: i % 3 === 0 ? null : \`\${Math.floor(Math.random() * 2) + 7}:00\`
-    })),
-    width: 800,
-    height: 400
-  }
-}`,...(K=(J=D.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Z,tt,et;T.parameters={...T.parameters,docs:{...(Z=T.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    sleepData: [],
-    width: 800,
-    height: 400
-  }
-}`,...(et=(tt=T.parameters)==null?void 0:tt.docs)==null?void 0:et.source}}};const Xt=["WeeklySleep","MonthlySleep","IrregularSleep","MissingSleepData","EmptyState"];export{T as EmptyState,b as IrregularSleep,D as MissingSleepData,v as MonthlySleep,w as WeeklySleep,Xt as __namedExportsOrder,Ft as default};