@stfrigerio/sito-template 0.1.87 → 0.1.90

package/storybook-static/assets/QuantifiableHabitsChart.stories-DlkEZwYa.js

@@ -1,115 +0,0 @@
-import{r as d,j as n}from"./iframe-zy5fIh42.js";import{s as Y}from"./transform-QOf3tDlt.js";import{t as Me,e as Se,l as Te,m as ke}from"./monotone-DouxdRGd.js";import{l as je}from"./linear-DhrdWH9x.js";import{c as me}from"./createLucideIcon-CrHgDpuU.js";import{t as Q}from"./defaultLocale-DJ2q5QjE.js";import{a as De,b as Ee}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.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 Ce=[["circle",{cx:"12",cy:"6",r:"1",key:"1bh7o1"}],["line",{x1:"5",x2:"19",y1:"12",y2:"12",key:"13b5wn"}],["circle",{cx:"12",cy:"18",r:"1",key:"lqb9t5"}]],qe=me("divide",Ce);/**
- * @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 Le=[["path",{d:"M18 7V5a1 1 0 0 0-1-1H6.5a.5.5 0 0 0-.4.8l4.5 6a2 2 0 0 1 0 2.4l-4.5 6a.5.5 0 0 0 .4.8H17a1 1 0 0 0 1-1v-2",key:"wuwx1p"}]],$e=me("sigma",Le),Ne="_container_cn90n_1",Ae="_controls_cn90n_19",Ve="_viewToggle_cn90n_27",Ie="_viewButton_cn90n_36",We="_active_cn90n_57",Be="_viewIcon_cn90n_63",He="_viewLabel_cn90n_68",Re="_aggregationToggle_cn90n_78",Fe="_aggregationButton_cn90n_87",Oe="_aggregationIcon_cn90n_114",ze="_aggregationLabel_cn90n_119",Ye="_legend_cn90n_129",Qe="_compactLegend_cn90n_140",Ue="_legendItem_cn90n_145",Pe="_legendEmoji_cn90n_150",Ge="_legendLabel_cn90n_154",Ke="_inactive_cn90n_178",Xe="_legendColor_cn90n_188",Je="_chart_cn90n_227",Ze="_gridLine_cn90n_235",et="_line_cn90n_241",tt="_xAxis_cn90n_248",at="_yAxis_cn90n_249",nt="_dataPoint_cn90n_268",rt="_tooltip_cn90n_278",ot="_visible_cn90n_299",st="_tooltipHeader_cn90n_304",it="_tooltipEmoji_cn90n_315",lt="_tooltipDot_cn90n_320",ct="_tooltipInfo_cn90n_327",dt="_tooltipDate_cn90n_333",ut="_tooltipValue_cn90n_339",t={container:Ne,controls:Ae,viewToggle:Ve,viewButton:Ie,active:We,viewIcon:Be,viewLabel:He,aggregationToggle:Re,aggregationButton:Fe,aggregationIcon:Oe,aggregationLabel:ze,legend:Ye,compactLegend:Qe,legendItem:Ue,legendEmoji:Pe,legendLabel:Ge,inactive:Ke,legendColor:Xe,chart:Je,gridLine:Ze,line:et,xAxis:tt,yAxis:at,dataPoint:nt,tooltip:rt,visible:ot,tooltipHeader:st,tooltipEmoji:it,tooltipDot:lt,tooltipInfo:ct,tooltipDate:dt,tooltipValue:ut},mt={Exercise:"#6BCB77",Meditation:"#4D96FF",Reading:"#FFB319",Water:"#00D9FF",Steps:"#FF6B6B",Sleep:"#9B59B6",Calories:"#FF9F1C",Study:"#C774E8"},ge=({data:r,width:_=800,height:v=400,defaultViewType:M="daily",periodType:b="month",habitColors:U={},habitEmojis:P={},onDataPointClick:B,hideControls:pe=!1,compactLegend:he=!1})=>{const D=d.useRef(null),ye=d.useRef(null),[m,fe]=d.useState(M),[E,G]=d.useState([]),[S,K]=d.useState(null),[h,C]=d.useState(null),[q,X]=d.useState("average"),y=d.useMemo(()=>({top:20,right:20,bottom:50,left:50}),[]),H=_-y.left-y.right,R=v-y.top-y.bottom,T=d.useMemo(()=>Object.keys(r).filter(e=>e!=="dates"),[r]);d.useEffect(()=>{G(T)},[T]),d.useEffect(()=>{const e=()=>{C(null)};return window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("scroll",e,!0)}},[]);const _e=d.useMemo(()=>{switch(b){case"week":return["daily"];case"month":return["daily","weekly"];case"quarter":return["weekly","monthly"];case"year":return["daily","weekly","monthly","quarterly"];case"allTime":return["monthly","quarterly"];default:return["daily"]}},[b]),k=d.useCallback(e=>U[e]||mt[e]||`hsl(${Math.abs(e.split("").reduce((o,s)=>o+s.charCodeAt(0),0))%360}, 70%, 50%)`,[U]),f=d.useMemo(()=>{if(m==="daily"||!r.dates.length)return r;const e={dates:[]},o=new Map;return r.dates.forEach((s,g)=>{const w=new Date(s);let i;switch(m){case"weekly":{const c=new Date(w),p=c.getDay(),L=c.getDate()-p+(p===0?-6:1);c.setDate(L),i=c.toISOString().split("T")[0];break}case"monthly":i=`${w.getFullYear()}-${String(w.getMonth()+1).padStart(2,"0")}-01`;break;case"quarterly":{const p=(Math.floor(w.getMonth()/3)+1-1)*3;i=new Date(w.getFullYear(),p,1).toISOString().split("T")[0];break}default:i=s}o.has(i)||o.set(i,[]),o.get(i).push(g)}),e.dates=Array.from(o.keys()).sort(),T.forEach(s=>{e[s]=e.dates.map(g=>{const i=o.get(g).map(c=>r[s][c]).filter(c=>typeof c=="number"&&!isNaN(c));return i.length===0?0:Math.round(q==="sum"?i.reduce((c,p)=>c+p,0):i.reduce((c,p)=>c+p,0)/i.length)})}),e},[r,m,T,q]),ve=e=>{G(o=>o.includes(e)?o.filter(s=>s!==e):[...o,e])};d.useEffect(()=>{if(!D.current||f.dates.length===0)return;const e=Y(D.current);e.selectAll("*").remove(),e.append("rect").attr("width",_).attr("height",v).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>{C(null)});const o=e.append("g").attr("transform",`translate(${y.left},${y.top})`),s=f.dates.map(a=>new Date(a)),g=Me().domain(Se(s)).range([0,H]),w=Math.max(...E.flatMap(a=>f[a].filter(u=>typeof u=="number"))),i=je().domain([0,w*1.1]).range([R,0]);o.selectAll(".grid-line-y").data(i.ticks(5)).enter().append("line").attr("class",t.gridLine).attr("x1",0).attr("y1",a=>i(a)).attr("x2",H).attr("y2",a=>i(a));const c=Te().x(a=>g(a[0])).y(a=>i(a[1])).curve(ke);E.forEach(a=>{const u=s.map((l,x)=>[l,f[a][x]]).filter(l=>typeof l[1]=="number");o.append("path").datum(u).attr("class",t.line).attr("d",c).attr("stroke",k(a)).attr("opacity",S&&S!==a?.3:1),o.selectAll(`.hover-circle-${a}`).data(u).enter().append("circle").attr("cx",l=>g(l[0])).attr("cy",l=>i(l[1])).attr("r",10).attr("fill","transparent").style("cursor","pointer").on("mouseenter",function(l,x){var Z;const[j,$]=x,z=(Z=D.current)==null?void 0:Z.getBoundingClientRect();z&&C({habit:a,date:j.toISOString().split("T")[0],value:$,x:g(j)+y.left+z.left,y:i($)+y.top+z.top}),Y(o.node()).selectAll(`.circle-${a}-${s.indexOf(j)}`).attr("r",6)}).on("mouseleave",function(l,x){C(null),Y(o.node()).selectAll('[class*="circle-'+a+'"]').attr("r",4)}).on("click",function(l,x){const[j,$]=x;B&&B(a,j.toISOString().split("T")[0],$)}),o.selectAll(`.circle-${a}`).data(u).enter().append("circle").attr("class",(l,x)=>`${t.dataPoint} circle-${a}-${x}`).attr("cx",l=>g(l[0])).attr("cy",l=>i(l[1])).attr("r",4).attr("fill",k(a)).attr("opacity",S&&S!==a?.3:1).style("pointer-events","none")});const p=a=>{const u=new Date(a);u.setHours(0,0,0,0),u.setDate(u.getDate()+3-(u.getDay()+6)%7);const l=new Date(u.getFullYear(),0,4);return 1+Math.round(((u.getTime()-l.getTime())/864e5-3+(l.getDay()+6)%7)/7)},L=(()=>{switch(m){case"daily":return Q("%m-%d");case"weekly":return a=>`W${p(a).toString().padStart(2,"0")}`;case"monthly":return Q("%b");case"quarterly":return a=>`Q${Math.floor(a.getMonth()/3)+1}`;default:return Q("%m-%d")}})(),J=(()=>{switch(m){case"daily":return Math.min(10,f.dates.length);case"weekly":return Math.min(12,f.dates.length);case"monthly":return Math.min(12,f.dates.length);case"quarterly":return f.dates.length;default:return}})(),O=De(g).tickFormat(a=>L(a));m==="quarterly"?O.tickValues(s):J&&O.ticks(J);const be=o.append("g").attr("class",t.xAxis).attr("transform",`translate(0,${R})`).call(O);(m==="daily"||m==="weekly")&&be.selectAll("text").style("text-anchor","end").attr("dx","-.8em").attr("dy",".15em").attr("transform","rotate(-45)"),o.append("g").attr("class",t.yAxis).call(Ee(i))},[f,E,H,R,y,S,B,k,v,m,_]);const we=(e,o)=>{const s=new Date(e);switch(o){case"daily":return s.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"});case"weekly":return new Date(s).setDate(s.getDate()+6),`Week of ${s.toLocaleDateString("en-US",{month:"short",day:"numeric"})}`;case"monthly":return s.toLocaleDateString("en-US",{month:"long",year:"numeric"});case"quarterly":return`Q${Math.floor(s.getMonth()/3)+1} ${s.getFullYear()}`;default:return e}},F={daily:{icon:"📅",label:"Daily"},weekly:{icon:"📆",label:"Weekly"},monthly:{icon:"🗓️",label:"Monthly"},quarterly:{icon:"📊",label:"Quarterly"}},xe=m!=="daily";return n.jsxs("div",{className:t.container,children:[!pe&&n.jsxs("div",{className:t.controls,children:[n.jsx("div",{className:t.viewToggle,children:_e.map(e=>n.jsxs("button",{className:`${t.viewButton} ${m===e?t.active:""}`,onClick:()=>fe(e),title:F[e].label,children:[n.jsx("span",{className:t.viewIcon,children:F[e].icon}),n.jsx("span",{className:t.viewLabel,children:F[e].label})]},e))}),xe&&n.jsxs("div",{className:t.aggregationToggle,children:[n.jsxs("button",{className:`${t.aggregationButton} ${q==="average"?t.active:""}`,onClick:()=>X("average"),title:"Show average values for each period",children:[n.jsx("span",{className:t.aggregationIcon,children:n.jsx(qe,{size:16})}),n.jsx("span",{className:t.aggregationLabel,children:"Average"})]}),n.jsxs("button",{className:`${t.aggregationButton} ${q==="sum"?t.active:""}`,onClick:()=>X("sum"),title:"Show total values for each period",children:[n.jsx("span",{className:t.aggregationIcon,children:n.jsx($e,{size:16})}),n.jsx("span",{className:t.aggregationLabel,children:"Sum"})]})]})]}),n.jsx("div",{className:`${t.legend}${he?` ${t.compactLegend}`:""}`,children:T.map(e=>n.jsxs("button",{className:`${t.legendItem} ${E.includes(e)?"":t.inactive}`,onClick:()=>ve(e),onMouseEnter:()=>K(e),onMouseLeave:()=>K(null),children:[n.jsx("span",{className:t.legendEmoji,children:P[e]||"📊"}),n.jsx("span",{className:t.legendColor,style:{backgroundColor:k(e)}}),n.jsx("span",{className:t.legendLabel,children:e})]},e))}),n.jsx("svg",{ref:D,viewBox:`0 0 ${_} ${v}`,preserveAspectRatio:"xMidYMid meet",className:t.chart}),h&&n.jsxs("div",{ref:ye,className:`${t.tooltip} ${h?t.visible:""}`,style:{left:`${h.x}px`,top:`${h.y-80}px`},children:[n.jsxs("div",{className:t.tooltipHeader,children:[n.jsx("span",{className:t.tooltipEmoji,children:P[h.habit]||"📊"}),n.jsx("span",{className:t.tooltipDot,style:{backgroundColor:k(h.habit)}}),n.jsx("span",{children:h.habit})]}),n.jsxs("div",{className:t.tooltipInfo,children:[n.jsx("div",{className:t.tooltipDate,children:we(h.date,m)}),n.jsxs("div",{className:t.tooltipValue,children:[n.jsx("strong",{children:Math.round(h.value*10)/10}),n.jsx("span",{style:{fontSize:"12px",fontWeight:"normal",opacity:.6},children:"units"})]})]})]})]})};ge.__docgenInfo={description:"",methods:[],displayName:"QuantifiableHabitsChart",props:{data:{required:!0,tsType:{name:"ChartData"},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}},defaultViewType:{required:!1,tsType:{name:"union",raw:"'daily' | 'weekly' | 'monthly' | 'quarterly'",elements:[{name:"literal",value:"'daily'"},{name:"literal",value:"'weekly'"},{name:"literal",value:"'monthly'"},{name:"literal",value:"'quarterly'"}]},description:"",defaultValue:{value:"'daily'",computed:!1}},periodType:{required:!1,tsType:{name:"union",raw:"'week' | 'month' | 'quarter' | 'year' | 'allTime'",elements:[{name:"literal",value:"'week'"},{name:"literal",value:"'month'"},{name:"literal",value:"'quarter'"},{name:"literal",value:"'year'"},{name:"literal",value:"'allTime'"}]},description:"",defaultValue:{value:"'month'",computed:!1}},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}},onDataPointClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(habit: string, date: string, value: number) => void",signature:{arguments:[{type:{name:"string"},name:"habit"},{type:{name:"string"},name:"date"},{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:""},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 Mt={title:"Organisms/Charts/QuantifiableHabitsChart",component:ge,parameters:{layout:"centered"},argTypes:{width:{control:{type:"number",min:400,max:1200,step:50}},height:{control:{type:"number",min:200,max:600,step:50}},defaultViewType:{control:{type:"select"},options:["daily","weekly","monthly","quarterly"]},periodType:{control:{type:"select"},options:["week","month","quarter","year","allTime"]}}},W=r=>{const _=[],v=new Date;for(let M=r-1;M>=0;M--){const b=new Date(v);b.setDate(b.getDate()-M),_.push(b.toISOString().split("T")[0])}return _},N={args:{data:(()=>{const r=W(30);return{dates:r,Exercise:r.map(()=>Math.floor(Math.random()*60)+20),Reading:r.map(()=>Math.floor(Math.random()*120)+30),Water:r.map(()=>Math.floor(Math.random()*8)+2),Steps:r.map(()=>Math.floor(Math.random()*15e3)+5e3)}})(),width:900,height:400,defaultViewType:"daily",periodType:"month",habitColors:{Exercise:"#10b981",Reading:"#8b5cf6",Water:"#3b82f6",Steps:"#f59e0b"},habitEmojis:{Exercise:"🏃",Reading:"📚",Water:"💧",Steps:"👟"}}},A={args:{data:(()=>{const r=W(90);return{dates:r,Meditation:r.map(()=>Math.floor(Math.random()*30)+10),Study:r.map(()=>Math.floor(Math.random()*180)+60),Sleep:r.map(()=>Math.floor(Math.random()*3)+6)}})(),width:900,height:400,defaultViewType:"weekly",periodType:"quarter",habitColors:{Meditation:"#a78bfa",Study:"#34d399",Sleep:"#60a5fa"},habitEmojis:{Meditation:"🧘",Study:"📖",Sleep:"😴"}}},V={args:{data:(()=>{const r=W(365);return{dates:r,Coding:r.map(()=>Math.floor(Math.random()*240)+120),Exercise:r.map(()=>Math.floor(Math.random()*90)+30),Learning:r.map(()=>Math.floor(Math.random()*120)+60),Socializing:r.map(()=>Math.floor(Math.random()*180)+60)}})(),width:1e3,height:450,defaultViewType:"monthly",periodType:"year",habitColors:{Coding:"#7c3aed",Exercise:"#10b981",Learning:"#f59e0b",Socializing:"#ec4899"},habitEmojis:{Coding:"💻",Exercise:"💪",Learning:"🎓",Socializing:"👥"}}},I={args:{data:(()=>{const r=W(30);return{dates:r,Weight:r.map((_,v)=>70+Math.sin(v/5)*2+Math.random())}})(),width:800,height:300,defaultViewType:"daily",periodType:"month",habitColors:{Weight:"#3b82f6"},habitEmojis:{Weight:"⚖️"}}};var ee,te,ae;N.parameters={...N.parameters,docs:{...(ee=N.parameters)==null?void 0:ee.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(30);
-      return {
-        dates,
-        Exercise: dates.map(() => Math.floor(Math.random() * 60) + 20),
-        Reading: dates.map(() => Math.floor(Math.random() * 120) + 30),
-        Water: dates.map(() => Math.floor(Math.random() * 8) + 2),
-        Steps: dates.map(() => Math.floor(Math.random() * 15000) + 5000)
-      };
-    })(),
-    width: 900,
-    height: 400,
-    defaultViewType: 'daily',
-    periodType: 'month',
-    habitColors: {
-      Exercise: '#10b981',
-      Reading: '#8b5cf6',
-      Water: '#3b82f6',
-      Steps: '#f59e0b'
-    },
-    habitEmojis: {
-      Exercise: '🏃',
-      Reading: '📚',
-      Water: '💧',
-      Steps: '👟'
-    }
-  }
-}`,...(ae=(te=N.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var ne,re,oe;A.parameters={...A.parameters,docs:{...(ne=A.parameters)==null?void 0:ne.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(90);
-      return {
-        dates,
-        Meditation: dates.map(() => Math.floor(Math.random() * 30) + 10),
-        Study: dates.map(() => Math.floor(Math.random() * 180) + 60),
-        Sleep: dates.map(() => Math.floor(Math.random() * 3) + 6)
-      };
-    })(),
-    width: 900,
-    height: 400,
-    defaultViewType: 'weekly',
-    periodType: 'quarter',
-    habitColors: {
-      Meditation: '#a78bfa',
-      Study: '#34d399',
-      Sleep: '#60a5fa'
-    },
-    habitEmojis: {
-      Meditation: '🧘',
-      Study: '📖',
-      Sleep: '😴'
-    }
-  }
-}`,...(oe=(re=A.parameters)==null?void 0:re.docs)==null?void 0:oe.source}}};var se,ie,le;V.parameters={...V.parameters,docs:{...(se=V.parameters)==null?void 0:se.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(365);
-      return {
-        dates,
-        Coding: dates.map(() => Math.floor(Math.random() * 240) + 120),
-        Exercise: dates.map(() => Math.floor(Math.random() * 90) + 30),
-        Learning: dates.map(() => Math.floor(Math.random() * 120) + 60),
-        Socializing: dates.map(() => Math.floor(Math.random() * 180) + 60)
-      };
-    })(),
-    width: 1000,
-    height: 450,
-    defaultViewType: 'monthly',
-    periodType: 'year',
-    habitColors: {
-      Coding: '#7c3aed',
-      Exercise: '#10b981',
-      Learning: '#f59e0b',
-      Socializing: '#ec4899'
-    },
-    habitEmojis: {
-      Coding: '💻',
-      Exercise: '💪',
-      Learning: '🎓',
-      Socializing: '👥'
-    }
-  }
-}`,...(le=(ie=V.parameters)==null?void 0:ie.docs)==null?void 0:le.source}}};var ce,de,ue;I.parameters={...I.parameters,docs:{...(ce=I.parameters)==null?void 0:ce.docs,source:{originalSource:`{
-  args: {
-    data: (() => {
-      const dates = generateDateRange(30);
-      return {
-        dates,
-        Weight: dates.map((_, i) => 70 + Math.sin(i / 5) * 2 + Math.random())
-      };
-    })(),
-    width: 800,
-    height: 300,
-    defaultViewType: 'daily',
-    periodType: 'month',
-    habitColors: {
-      Weight: '#3b82f6'
-    },
-    habitEmojis: {
-      Weight: '⚖️'
-    }
-  }
-}`,...(ue=(de=I.parameters)==null?void 0:de.docs)==null?void 0:ue.source}}};const St=["DailyHabits","WeeklyAverages","YearlyOverview","SingleHabit"];export{N as DailyHabits,I as SingleHabit,A as WeeklyAverages,V as YearlyOverview,St as __namedExportsOrder,Mt as default};

package/storybook-static/assets/ThemeSwitcher-XCVQ6hhy.css

@@ -1 +0,0 @@
-._button_2917u_1{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base)}._button_2917u_1:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}._iconWrapper_2917u_20{display:flex;align-items:center;justify-content:center;width:20px;height:20px}._label_2917u_28{font-weight:var(--font-weight-medium)}._toggle_2917u_33{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:0}._toggleTrack_2917u_43{width:48px;height:24px;border-radius:var(--radius-full);padding:2px;display:flex;align-items:center;transition:background-color var(--transition-base)}._toggleThumb_2917u_53{width:20px;height:20px;background:var(--color-surface);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}._dropdown_2917u_65{position:relative}._dropdownTrigger_2917u_69{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-base)}._dropdownTrigger_2917u_69:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}._dropdown_2917u_65:hover ._dropdownMenu_2917u_87,._dropdown_2917u_65:focus-within ._dropdownMenu_2917u_87{display:block}._dropdownMenu_2917u_87{display:none;position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:var(--z-index-dropdown)}._dropdownItem_2917u_106{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);text-align:left}._dropdownItem_2917u_106:hover{background:var(--color-background-secondary)}._dropdownItem_2917u_106._active_2917u_124{background:var(--color-primary);color:var(--color-text-inverse)}._dropdownItem_2917u_106:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}._dropdownItem_2917u_106:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}._icon_2917u_20{width:20px;display:flex;align-items:center;justify-content:center}._text_2917u_144{flex:1}

package/storybook-static/assets/ThemeSwitcher.stories-DbrfPqUY.js

@@ -1,47 +0,0 @@
-import{r as p,j as e}from"./iframe-zy5fIh42.js";import{m as s}from"./proxy-CPPwweV0.js";import{M as _,S as y}from"./sun-j_wDVUAd.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-ej6g39cv.js";import"./createLucideIcon-CrHgDpuU.js";const E=p.createContext(void 0),R=()=>p.useContext(E)??null,O=({children:o,defaultTheme:m="light",storageKey:l="app-theme"})=>{const[i,g]=p.useState(()=>{const a=localStorage.getItem(l);return a&&["light","dark","lossito","lossito-dark","dao","dao-dark","crt"].includes(a)?a:window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":m}),v=a=>{g(a),localStorage.setItem(l,a)},n=()=>{const a=["light","dark","lossito","lossito-dark","dao","dao-dark","crt"],x=(a.indexOf(i)+1)%a.length;v(a[x])};return p.useEffect(()=>{const a=document.documentElement;a.setAttribute("data-theme",i),i.includes("dark")?a.classList.add("dark"):a.classList.remove("dark")},[i]),p.useEffect(()=>{const a=window.matchMedia("(prefers-color-scheme: dark)"),d=x=>{localStorage.getItem(l)||g(x.matches?"dark":"light")};return a.addEventListener("change",d),()=>a.removeEventListener("change",d)},[l]),e.jsx(E.Provider,{value:{theme:i,setTheme:v,toggleTheme:n},children:o})};O.__docgenInfo={description:"",methods:[],displayName:"ThemeProvider",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},defaultTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},description:"",defaultValue:{value:"'light'",computed:!1}},storageKey:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'app-theme'",computed:!1}}}};const W="_button_2917u_1",P="_iconWrapper_2917u_20",z="_label_2917u_28",A="_toggle_2917u_33",H="_toggleTrack_2917u_43",Q="_toggleThumb_2917u_53",F="_dropdown_2917u_65",G="_dropdownTrigger_2917u_69",J="_dropdownMenu_2917u_87",U="_dropdownItem_2917u_106",X="_active_2917u_124",Y="_icon_2917u_20",Z="_text_2917u_144",r={button:W,iconWrapper:P,label:z,toggle:A,toggleTrack:H,toggleThumb:Q,dropdown:F,dropdownTrigger:G,dropdownMenu:J,dropdownItem:U,active:X,icon:Y,text:Z},h=({variant:o="button",showLabel:m=!1,className:l="",currentTheme:i,onThemeChange:g,themes:v})=>{const n=R(),a=i??(n==null?void 0:n.theme)??"light",d=g??(n==null?void 0:n.setTheme)??(()=>{}),c=v??[{value:"light",label:"Light",icon:e.jsx(y,{})},{value:"dark",label:"Dark",icon:e.jsx(_,{})},{value:"lossito",label:"Lossito Light",icon:"✨"},{value:"lossito-dark",label:"Lossito Dark",icon:"🌑"},{value:"dao",label:"Dao Light",icon:"⬜"},{value:"dao-dark",label:"Dao Dark",icon:"⬛"}],k=c.findIndex(t=>t.value===a),u=c[k]??c[0];if(o==="toggle"){const t=a.includes("dark");return e.jsxs(s.button,{className:`${r.toggle} ${l}`,onClick:()=>d(t?"light":"dark"),whileTap:{scale:.95},"aria-label":"Toggle theme",children:[e.jsx(s.div,{className:r.toggleTrack,animate:{backgroundColor:t?"var(--color-primary)":"var(--color-border)"},children:e.jsx(s.div,{className:r.toggleThumb,animate:{x:t?24:0},transition:{type:"spring",stiffness:500,damping:30},children:t?e.jsx(_,{size:14}):e.jsx(y,{size:14})})}),m&&e.jsx("span",{className:r.label,children:t?"Dark":"Light"})]})}return o==="dropdown"?e.jsxs("div",{className:`${r.dropdown} ${l}`,children:[e.jsxs(s.button,{className:r.dropdownTrigger,whileTap:{scale:.98},children:[u.icon,m&&e.jsx("span",{className:r.label,children:u.label})]}),e.jsx(s.div,{className:r.dropdownMenu,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},children:c.map(t=>e.jsxs(s.button,{className:`${r.dropdownItem} ${a===t.value?r.active:""}`,onClick:()=>d(t.value),whileHover:{x:4},whileTap:{scale:.98},children:[e.jsx("span",{className:r.icon,children:t.icon}),e.jsx("span",{className:r.text,children:t.label})]},t.value))})]}):e.jsxs(s.button,{className:`${r.button} ${l}`,onClick:()=>{const t=(k+1)%c.length;d(c[t].value)},whileTap:{scale:.95},whileHover:{scale:1.05},"aria-label":`Current theme: ${u.label}. Click to change.`,children:[e.jsx(s.div,{initial:{rotate:-180,opacity:0},animate:{rotate:0,opacity:1},exit:{rotate:180,opacity:0},transition:{duration:.3},className:r.iconWrapper,children:u.icon},a),m&&e.jsx("span",{className:r.label,children:u.label})]})};h.__docgenInfo={description:"",methods:[],displayName:"ThemeSwitcher",props:{variant:{required:!1,tsType:{name:"union",raw:"'button' | 'dropdown' | 'toggle'",elements:[{name:"literal",value:"'button'"},{name:"literal",value:"'dropdown'"},{name:"literal",value:"'toggle'"}]},description:"",defaultValue:{value:"'button'",computed:!1}},showLabel:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},currentTheme:{required:!1,tsType:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},description:""},onThemeChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(theme: Theme) => void",signature:{arguments:[{type:{name:"union",raw:"'light' | 'dark' | 'lossito' | 'lossito-dark' | 'dao' | 'dao-dark' | 'crt'",elements:[{name:"literal",value:"'light'"},{name:"literal",value:"'dark'"},{name:"literal",value:"'lossito'"},{name:"literal",value:"'lossito-dark'"},{name:"literal",value:"'dao'"},{name:"literal",value:"'dao-dark'"},{name:"literal",value:"'crt'"}]},name:"theme"}],return:{name:"void"}}},description:""},themes:{required:!1,tsType:{name:"Array",elements:[{name:"ThemeOption"}],raw:"ThemeOption[]"},description:""}}};const K=({children:o})=>e.jsx(O,{defaultTheme:"light",children:o}),ne={title:"Molecules/ThemeSwitcher",component:h,decorators:[o=>e.jsx(K,{children:e.jsx("div",{style:{padding:"2rem"},children:e.jsx(o,{})})})],parameters:{layout:"centered"},argTypes:{variant:{control:{type:"select"},options:["button","dropdown","toggle"]},showLabel:{control:{type:"boolean"}}}},w={args:{variant:"button",showLabel:!0}},b={args:{variant:"toggle",showLabel:!0}},T={args:{variant:"dropdown",showLabel:!0}},f={render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",alignItems:"center"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Button Variant"}),e.jsx(h,{variant:"button",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Toggle Variant"}),e.jsx(h,{variant:"toggle",showLabel:!0})]}),e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"1rem",color:"var(--color-text)"},children:"Dropdown Variant"}),e.jsx(h,{variant:"dropdown",showLabel:!0})]})]})};var j,L,S;w.parameters={...w.parameters,docs:{...(j=w.parameters)==null?void 0:j.docs,source:{originalSource:`{
-  args: {
-    variant: 'button',
-    showLabel: true
-  }
-}`,...(S=(L=w.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};var I,N,D;b.parameters={...b.parameters,docs:{...(I=b.parameters)==null?void 0:I.docs,source:{originalSource:`{
-  args: {
-    variant: 'toggle',
-    showLabel: true
-  }
-}`,...(D=(N=b.parameters)==null?void 0:N.docs)==null?void 0:D.source}}};var V,C,M;T.parameters={...T.parameters,docs:{...(V=T.parameters)==null?void 0:V.docs,source:{originalSource:`{
-  args: {
-    variant: 'dropdown',
-    showLabel: true
-  }
-}`,...(M=(C=T.parameters)==null?void 0:C.docs)==null?void 0:M.source}}};var B,q,$;f.parameters={...f.parameters,docs:{...(B=f.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  render: () => <div style={{
-    display: 'flex',
-    flexDirection: 'column',
-    gap: '2rem',
-    alignItems: 'center'
-  }}>
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Button Variant</h3>
-                <ThemeSwitcher variant="button" showLabel />
-            </div>
-
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Toggle Variant</h3>
-                <ThemeSwitcher variant="toggle" showLabel />
-            </div>
-
-            <div>
-                <h3 style={{
-        marginBottom: '1rem',
-        color: 'var(--color-text)'
-      }}>Dropdown Variant</h3>
-                <ThemeSwitcher variant="dropdown" showLabel />
-            </div>
-        </div>
-}`,...($=(q=f.parameters)==null?void 0:q.docs)==null?void 0:$.source}}};const se=["Button","Toggle","Dropdown","MultipleVariants"];export{w as Button,T as Dropdown,f as MultipleVariants,b as Toggle,se as __namedExportsOrder,ne as default};

package/storybook-static/assets/client-BLhnv49m.js

@@ -1 +0,0 @@
-import{r}from"./index-CtGjEf3g.js";var t,o=r;t=o.createRoot,o.hydrateRoot;export{t as c};