@stfrigerio/sito-template 0.1.93 → 0.1.95

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

@@ -1,58 +0,0 @@
-import{r as _,j as r}from"./iframe-CY9B_G0D.js";import{s as w,e as nt}from"./transform-QOf3tDlt.js";import{l as st}from"./linear-DhrdWH9x.js";import{b as lt,r as L}from"./band-BYy0bT_S.js";import{a as it,b as dt}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";var T=1.70158;(function o(t){t=+t;function l(a){return(a=+a)*a*(t*(a-1)+a)}return l.overshoot=o,l})(T);var V=function o(t){t=+t;function l(a){return--a*a*((a+1)*t+a)+1}return l.overshoot=o,l}(T);(function o(t){t=+t;function l(a){return((a*=2)<1?a*a*((t+1)*a-t):(a-=2)*a*((t+1)*a+t)+2)/2}return l.overshoot=o,l})(T);const ct="_container_wk2zd_1",pt="_header_wk2zd_7",ht="_title_wk2zd_14",mt="_legend_wk2zd_20",ut="_legendItem_wk2zd_25",ft="_sleepDot_wk2zd_33",gt="_wakeDot_wk2zd_42",Mt="_chart_wk2zd_51",_t="_gridLine_wk2zd_55",wt="_sleepBar_wk2zd_60",xt="_xAxis_wk2zd_70",kt="_yAxis_wk2zd_71",St="_tooltip_wk2zd_96",yt="_visible_wk2zd_117",bt="_tooltipHeader_wk2zd_122",$t="_tooltipEmoji_wk2zd_133",vt="_tooltipInfo_wk2zd_138",Dt="_tooltipRow_wk2zd_144",jt="_tooltipLabel_wk2zd_152",At="_tooltipValue_wk2zd_158",zt="_tooltipDuration_wk2zd_163",s={container:ct,header:pt,title:ht,legend:mt,legendItem:ut,sleepDot:ft,wakeDot:gt,chart:Mt,gridLine:_t,sleepBar:wt,xAxis:xt,yAxis:kt,tooltip:St,visible:yt,tooltipHeader:bt,tooltipEmoji:$t,tooltipInfo:vt,tooltipRow:Dt,tooltipLabel:jt,tooltipValue:At,tooltipDuration:zt},O=o=>{const[t,l]=o.split(":").map(Number);return t+l/60},W=o=>{const t=Math.floor(o%24),l=t===0?12:t>12?t-12:t,a=t>=12?"PM":"AM",c=Math.round(o%1*60);return`${Math.floor(l)}:${c.toString().padStart(2,"0")} ${a}`},rt=({sleepData:o,width:t=800,height:l=400,onDateClick:a})=>{const c=_.useRef(null),[p,M]=_.useState(null),u=_.useMemo(()=>({top:30,right:30,bottom:50,left:80}),[]),I=t-u.left-u.right,x=l-u.top-u.bottom;return _.useEffect(()=>{const f=()=>{M(null)};return window.addEventListener("scroll",f,!0),()=>{window.removeEventListener("scroll",f,!0)}},[]),_.useEffect(()=>{if(!c.current||o.length===0)return;const f=w(c.current);f.selectAll("*").remove(),f.append("rect").attr("width",t).attr("height",l).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>{M(null)});const k=f.append("g").attr("transform",`translate(${u.left},${u.top})`),h=st().domain([18,42]).range([0,I]),A=o.map(e=>e.date),z=lt().domain(A).range([0,x]).paddingInner(.2).paddingOuter(.1);k.selectAll(".grid-line-x").data(L(18,43,1)).enter().append("line").attr("class",s.gridLine).attr("x1",e=>h(e)).attr("y1",0).attr("x2",e=>h(e)).attr("y2",x).style("stroke",e=>{const n=e%24;return"var(--color-border)"}).style("stroke-opacity",e=>{const n=e%24;return n===0||n===12?.3:n%3===0?.15:.05}).style("stroke-width",e=>{const n=e%24;return n===0||n===12?2:1}),o.forEach(e=>{const n=z(e.date);if(n===void 0)return;const g=z.bandwidth(),S=k.append("g").attr("class",s.sleepBar).style("cursor","pointer").on("click",()=>a==null?void 0:a(e.date));let i=null,d=null;e.sleep_time&&(i=O(e.sleep_time),i<18&&(i+=24)),e.wake_hour&&(d=O(e.wake_hour),i!==null?(d<i||i>=18&&d<18)&&(d+=24):d<12&&(d+=24)),i!==null&&d!==null&&S.append("rect").attr("x",h(i)).attr("y",n).attr("width",0).attr("height",g).attr("rx",g/2).attr("fill","url(#sleepGradient)").attr("opacity",0).attr("stroke","rgba(255,255,255,0.3)").attr("stroke-width",1).style("filter","drop-shadow(0 2px 8px rgba(155, 89, 182, 0.3))").transition().duration(800).delay(Math.random()*200).ease(nt).attr("width",Math.max(0,h(d)-h(i))).attr("opacity",.85),i!==null&&S.append("circle").attr("cx",h(i)).attr("cy",n+g/2).attr("r",0).attr("fill","#9B59B6").attr("stroke","#ffffff").attr("stroke-width",2).style("filter","drop-shadow(0 3px 6px rgba(155, 89, 182, 0.4))").style("transition","all 0.3s ease").transition().duration(400).delay(300+Math.random()*100).ease(V).attr("r",6),d!==null&&S.append("circle").attr("cx",h(d)).attr("cy",n+g/2).attr("r",0).attr("fill","#3498DB").attr("stroke","#ffffff").attr("stroke-width",2).style("filter","drop-shadow(0 3px 6px rgba(52, 152, 219, 0.4))").style("transition","all 0.3s ease").transition().duration(400).delay(500+Math.random()*100).ease(V).attr("r",6),S.on("mouseenter",function(m){var R;if(w(this).select("rect").transition().duration(200).attr("opacity",1).style("filter","drop-shadow(0 4px 12px rgba(155, 89, 182, 0.5)) brightness(1.1)"),w(this).selectAll("circle").transition().duration(200).attr("r",8),(R=c.current)==null?void 0:R.getBoundingClientRect()){const B=i!==null&&d!==null?d-i:null;M({date:e.date,sleepTime:i!==null?W(i):null,wakeTime:d!==null?W(d):null,duration:B!==null?Math.round(B*100)/100:null,x:m.pageX,y:m.pageY-80})}}).on("mouseleave",function(){w(this).select("rect").transition().duration(200).attr("opacity",.85).style("filter","drop-shadow(0 2px 8px rgba(155, 89, 182, 0.3))"),w(this).selectAll("circle").transition().duration(200).attr("r",6),M(null)}).on("mousemove",function(m){M(H=>H?{...H,x:m.pageX,y:m.pageY-80}:null)})});const N=f.append("defs").append("linearGradient").attr("id","sleepGradient").attr("x1","0%").attr("x2","100%");N.append("stop").attr("offset","0%").attr("stop-color","#9B59B6").attr("stop-opacity",1),N.append("stop").attr("offset","50%").attr("stop-color","#7B68A6").attr("stop-opacity",1),N.append("stop").attr("offset","100%").attr("stop-color","#3498DB").attr("stop-opacity",1);const E=L(18,43,3).map(e=>({value:e,label:e===24?"12 AM":e===36?"12 PM":e%24===0?"12 AM":e%24<12?`${e%24} AM`:e%24===12?"12 PM":`${e%24-12} PM`}));k.append("g").attr("class",s.xAxis).attr("transform",`translate(0,${x})`).call(it(h).tickValues(E.map(e=>e.value)).tickFormat(e=>{const n=E.find(g=>g.value===e);return n?n.label:""}).tickSizeOuter(0)).selectAll("text").style("font-weight",e=>{const n=e%24;return n===0||n===12?"600":"400"});const ot=A.filter((e,n)=>n%Math.ceil(A.length/10)===0);k.append("g").attr("class",s.yAxis).call(dt(z).tickValues(ot).tickFormat(e=>{const n=new Date(e);return`${(n.getMonth()+1).toString().padStart(2,"0")}/${n.getDate().toString().padStart(2,"0")}`}))},[o,I,x,u,a,l,t]),r.jsxs("div",{className:s.container,children:[r.jsxs("div",{className:s.header,children:[r.jsx("h3",{className:s.title,children:"Sleep Pattern"}),r.jsxs("div",{className:s.legend,children:[r.jsxs("div",{className:s.legendItem,children:[r.jsx("span",{className:s.sleepDot}),r.jsx("span",{children:"Sleep Time"})]}),r.jsxs("div",{className:s.legendItem,children:[r.jsx("span",{className:s.wakeDot}),r.jsx("span",{children:"Wake Time"})]})]})]}),r.jsx("svg",{ref:c,width:t,height:l,className:s.chart}),p&&r.jsxs("div",{className:`${s.tooltip} ${p?s.visible:""}`,style:{left:`${p.x}px`,top:`${p.y}px`},children:[r.jsxs("div",{className:s.tooltipHeader,children:[r.jsx("span",{className:s.tooltipEmoji,children:"😴"}),r.jsx("span",{children:new Date(p.date).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})})]}),r.jsxs("div",{className:s.tooltipInfo,children:[p.sleepTime&&r.jsxs("div",{className:s.tooltipRow,children:[r.jsxs("span",{className:s.tooltipLabel,children:[r.jsx("span",{children:"🌙"}),r.jsx("span",{children:"Sleep:"})]}),r.jsx("span",{className:s.tooltipValue,children:p.sleepTime})]}),p.wakeTime&&r.jsxs("div",{className:s.tooltipRow,children:[r.jsxs("span",{className:s.tooltipLabel,children:[r.jsx("span",{children:"☀️"}),r.jsx("span",{children:"Wake:"})]}),r.jsx("span",{className:s.tooltipValue,children:p.wakeTime})]}),p.duration!==null&&r.jsxs("div",{className:s.tooltipDuration,children:[r.jsx("span",{children:"⏱️"}),r.jsxs("span",{children:[Math.floor(p.duration),"h ",Math.round(p.duration%1*60),"m"]})]})]})]})]})};rt.__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 Vt={title:"Organisms/Charts/SleepChart",component:rt,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"}}},j=o=>{const t=[],l=new Date;for(let a=o-1;a>=0;a--){const c=new Date(l);c.setDate(c.getDate()-a),t.push(c.toISOString().split("T")[0])}return t},y={args:{sleepData:j(7).map(o=>{const t=Math.floor(Math.random()*3)+22,l=Math.floor(Math.random()*3)+6;return{date:o,sleep_time:`${t%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${l}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:800,height:400}},b={args:{sleepData:j(30).map(o=>({date:o,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}},$={args:{sleepData:j(14).map((o,t)=>{const l=t%7===5||t%7===6,a=l?Math.floor(Math.random()*4)+24:Math.floor(Math.random()*2)+22,c=l?Math.floor(Math.random()*3)+9:Math.floor(Math.random()*2)+6;return{date:o,sleep_time:`${a%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${c}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:850,height:400}},v={args:{sleepData:j(14).map((o,t)=>({date:o,sleep_time:t%3===0?null:`${(Math.floor(Math.random()*3)+22)%24}:30`,wake_hour:t%3===0?null:`${Math.floor(Math.random()*2)+7}:00`})),width:800,height:400}},D={args:{sleepData:[],width:800,height:400}};var P,q,G;y.parameters={...y.parameters,docs:{...(P=y.parameters)==null?void 0:P.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
-  }
-}`,...(G=(q=y.parameters)==null?void 0:q.docs)==null?void 0:G.source}}};var C,F,X;b.parameters={...b.parameters,docs:{...(C=b.parameters)==null?void 0:C.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
-  }
-}`,...(X=(F=b.parameters)==null?void 0:F.docs)==null?void 0:X.source}}};var Y,U,J;$.parameters={...$.parameters,docs:{...(Y=$.parameters)==null?void 0:Y.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
-  }
-}`,...(J=(U=$.parameters)==null?void 0:U.docs)==null?void 0:J.source}}};var K,Q,Z;v.parameters={...v.parameters,docs:{...(K=v.parameters)==null?void 0:K.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
-  }
-}`,...(Z=(Q=v.parameters)==null?void 0:Q.docs)==null?void 0:Z.source}}};var tt,et,at;D.parameters={...D.parameters,docs:{...(tt=D.parameters)==null?void 0:tt.docs,source:{originalSource:`{
-  args: {
-    sleepData: [],
-    width: 800,
-    height: 400
-  }
-}`,...(at=(et=D.parameters)==null?void 0:et.docs)==null?void 0:at.source}}};const Ot=["WeeklySleep","MonthlySleep","IrregularSleep","MissingSleepData","EmptyState"];export{D as EmptyState,$ as IrregularSleep,v as MissingSleepData,b as MonthlySleep,y as WeeklySleep,Ot as __namedExportsOrder,Vt as default};

package/storybook-static/assets/Slider-BXnBVqND.js

@@ -1,4 +0,0 @@
-import{r as O,j as a}from"./iframe-CY9B_G0D.js";import{u as B}from"./useSound-CXRse1g5.js";import{m as x}from"./proxy-Dl3L0B2p.js";import{A as U}from"./index-REPfzYsl.js";const F="_slider_aeiqv_2",G="_label_aeiqv_14",H="_sliderContainer_aeiqv_22",J="_track_aeiqv_32",K="_dragging_aeiqv_43",Q="_fill_aeiqv_48",W="_input_aeiqv_55",X="_thumb_aeiqv_105",Y="_tooltip_aeiqv_130",Z="_tooltipArrow_aeiqv_145",ee="_valueDisplay_aeiqv_158",ae="_labelsContainer_aeiqv_170",te="_labelItem_aeiqv_177",se="_size-sm_aeiqv_191",ie="_size-lg_aeiqv_198",ne="_disabled_aeiqv_206",re="_loading_aeiqv_218",le="_loadingTrack_aeiqv_223",oe="_loadingIndicator_aeiqv_232",e={slider:F,label:G,sliderContainer:H,track:J,dragging:K,fill:Q,input:W,thumb:X,tooltip:Y,tooltipArrow:Z,valueDisplay:ee,labelsContainer:ae,labelItem:te,"size-sm":"_size-sm_aeiqv_191",sizeSm:se,"size-lg":"_size-lg_aeiqv_198",sizeLg:ie,disabled:ne,loading:re,loadingTrack:le,loadingIndicator:oe};function ue({value:s,onChange:j,min:u=0,max:l=100,step:k=1,label:n,showValue:N=!1,valueFormatter:g,labels:v=[],config:$={},disabled:r=!1,className:_="",style:y={},loading:d=!1,colorFunction:b,showTooltip:z=!1,tooltipContent:h,soundConfig:V}){const{handlers:D,playSound:I}=B(V),[q,C]=O.useState(!1),{colors:c={},size:A="md"}=$,m=Math.max(0,Math.min(100,(s-u)/(l-u)*100)),L=()=>b?b(s):c.fill?c.fill:"var(--color-primary)",T=t=>g?g(t):`${t}${l<=10?`/${l}`:""}`,P=t=>{if(r||d)return;const f=Number(t.target.value);I("click"),j(f)},M=()=>{r||d||C(!0)},p=()=>C(!1),i=L(),S=e[`size-${A}`],R=r?e.disabled:"",E=q?e.dragging:"";if(d)return a.jsxs("div",{className:`${e.slider} ${S} ${e.loading} ${_}`,style:y,children:[n&&a.jsx("label",{className:e.label,children:n}),a.jsx("div",{className:e.loadingTrack,children:a.jsx(x.div,{className:e.loadingIndicator,animate:{x:["-100%","200%"]},transition:{repeat:1/0,duration:1.5,ease:"easeInOut"}})})]});const w={left:`${m}%`,marginLeft:`calc(var(--slider-thumb-size) * ${-m/100})`};return a.jsxs("div",{className:`${e.slider} ${S} ${R} ${E} ${_}`,style:y,children:[n&&a.jsx("label",{className:e.label,children:n}),a.jsxs("div",{className:e.sliderContainer,children:[a.jsx("div",{className:e.track,children:a.jsx("div",{className:e.fill,style:{width:`${m}%`,backgroundColor:i}})}),a.jsx("input",{type:"range",min:u,max:l,step:k,value:s,onChange:P,onPointerDown:M,onPointerUp:p,onPointerCancel:p,onBlur:p,...D,className:e.input,disabled:r,"aria-label":n}),a.jsx("div",{className:e.thumb,style:{...w,backgroundColor:i,borderColor:c.thumb||i}}),a.jsx(U,{children:z&&q&&!r&&a.jsxs(x.div,{className:e.tooltip,style:{...w,backgroundColor:i},initial:{opacity:0,y:6,scale:.9},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:6,scale:.9},transition:{duration:.15},children:[h?h(s):T(s),a.jsx("div",{className:e.tooltipArrow,style:{borderTopColor:i}})]})})]}),N&&a.jsx("div",{className:e.valueDisplay,style:{color:i},children:T(s)}),v.length>0&&a.jsx("div",{className:e.labelsContainer,children:v.map((t,f)=>{let o=0;return t.position==="start"?o=0:t.position==="end"?o=100:typeof t.position=="number"&&(o=t.position),a.jsx("div",{className:e.labelItem,style:{left:`${o}%`,color:t.color},children:t.label},f)})})]})}ue.__docgenInfo={description:`Slider component — responsive, accessible range input with a styled track, fill, and thumb.
-
-The thumb is inset at the track endpoints so it never overflows. Drag state is tracked
-via pointer events (works on mouse, touch, and pen).`,methods:[],displayName:"Slider",props:{value:{required:!0,tsType:{name:"number"},description:"Current slider value"},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: number) => void",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:"Callback when value changes"},min:{required:!1,tsType:{name:"number"},description:"Minimum value",defaultValue:{value:"0",computed:!1}},max:{required:!1,tsType:{name:"number"},description:"Maximum value",defaultValue:{value:"100",computed:!1}},step:{required:!1,tsType:{name:"number"},description:"Step increment",defaultValue:{value:"1",computed:!1}},label:{required:!1,tsType:{name:"string"},description:"Optional label"},showValue:{required:!1,tsType:{name:"boolean"},description:"Show persistent value display below the track",defaultValue:{value:"false",computed:!1}},valueFormatter:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: number) => string",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"string"}}},description:"Custom value formatter"},labels:{required:!1,tsType:{name:"Array",elements:[{name:"SliderLabel"}],raw:"SliderLabel[]"},description:"Labels for slider endpoints or custom positions",defaultValue:{value:"[]",computed:!1}},config:{required:!1,tsType:{name:"SliderConfig"},description:"Custom styling configuration",defaultValue:{value:"{}",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"Disabled state",defaultValue:{value:"false",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom CSS class",defaultValue:{value:"''",computed:!1}},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:"Custom styles",defaultValue:{value:"{}",computed:!1}},loading:{required:!1,tsType:{name:"boolean"},description:"Loading state",defaultValue:{value:"false",computed:!1}},colorFunction:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: number) => string",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"string"}}},description:"Color function for dynamic coloring"},showTooltip:{required:!1,tsType:{name:"boolean"},description:"Show a tooltip above the thumb while dragging",defaultValue:{value:"false",computed:!1}},tooltipContent:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: number) => string",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"string"}}},description:"Custom tooltip content"},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:"Sound configuration for interactions"}}};export{ue as S};

package/storybook-static/assets/Slider-BfT1m14M.css

@@ -1 +0,0 @@
-._slider_aeiqv_2{--slider-thumb-size: 20px;--slider-track-height: 6px;--slider-track-height-active: 7px;display:flex;flex-direction:column;gap:var(--spacing-xs);font-family:var(--font-family-primary);width:100%}._label_aeiqv_14{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin:0}._sliderContainer_aeiqv_22{position:relative;display:flex;align-items:center;width:100%;height:var(--slider-thumb-size);cursor:pointer}._track_aeiqv_32{position:absolute;left:0;right:0;height:var(--slider-track-height);background:var(--color-border);border-radius:calc(var(--slider-track-height) / 2);overflow:hidden;transition:height .12s ease}._slider_aeiqv_2._dragging_aeiqv_43 ._track_aeiqv_32{height:var(--slider-track-height-active)}._fill_aeiqv_48{height:100%;background:var(--color-primary);border-radius:inherit}._input_aeiqv_55{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;margin:0;padding:0;z-index:2}._input_aeiqv_55:focus,._input_aeiqv_55:active{outline:none}._input_aeiqv_55::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border:none;cursor:pointer}._input_aeiqv_55::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:transparent;border:none;cursor:pointer}._input_aeiqv_55::-webkit-slider-runnable-track{background:transparent;border:none}._input_aeiqv_55::-moz-range-track{background:transparent;border:none}._thumb_aeiqv_105{position:absolute;top:50%;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-primary);border:2px solid var(--color-background);border-radius:50%;transform:translateY(-50%);pointer-events:none;z-index:3;box-shadow:0 1px 3px #0003;transition:box-shadow .15s ease,width .15s ease,height .15s ease}._slider_aeiqv_2._dragging_aeiqv_43 ._thumb_aeiqv_105{width:calc(var(--slider-thumb-size) * 1.2);height:calc(var(--slider-thumb-size) * 1.2);box-shadow:0 2px 10px #00000040}._tooltip_aeiqv_130{position:absolute;bottom:calc(100% + 8px);padding:4px 8px;background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm);white-space:nowrap;z-index:10;box-shadow:var(--shadow-md);pointer-events:none}._tooltipArrow_aeiqv_145{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--color-primary)}._valueDisplay_aeiqv_158{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-align:center;min-height:18px;display:flex;align-items:center;justify-content:center}._labelsContainer_aeiqv_170{position:relative;width:100%;height:20px;margin-top:var(--spacing-xs)}._labelItem_aeiqv_177{position:absolute;transform:translate(-50%);font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}._size-sm_aeiqv_191{--slider-thumb-size: 16px;--slider-track-height: 4px;--slider-track-height-active: 5px;font-size:var(--font-size-xs)}._size-lg_aeiqv_198{--slider-thumb-size: 24px;--slider-track-height: 8px;--slider-track-height-active: 10px;font-size:var(--font-size-lg)}._disabled_aeiqv_206{opacity:.5;pointer-events:none;cursor:not-allowed}._disabled_aeiqv_206 ._sliderContainer_aeiqv_22,._disabled_aeiqv_206 ._thumb_aeiqv_105{cursor:not-allowed}._loading_aeiqv_218{opacity:.7;pointer-events:none}._loadingTrack_aeiqv_223{position:relative;width:100%;height:var(--slider-track-height);background:var(--color-border);border-radius:calc(var(--slider-track-height) / 2);overflow:hidden}._loadingIndicator_aeiqv_232{position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:inherit}._input_aeiqv_55:focus-visible~._thumb_aeiqv_105{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary)}@media (prefers-color-scheme: dark){._track_aeiqv_32{box-shadow:inset 0 1px 2px #0000004d}._thumb_aeiqv_105{box-shadow:0 1px 4px #00000080,0 0 0 1px #ffffff1a}._slider_aeiqv_2._dragging_aeiqv_43 ._thumb_aeiqv_105{box-shadow:0 2px 10px #00000080,0 0 0 1px #ffffff26}}@media (prefers-contrast: high){._track_aeiqv_32{border:1px solid var(--color-text)}._thumb_aeiqv_105{border-color:var(--color-text)}._fill_aeiqv_48{border:1px solid var(--color-text)}}@media (max-width: 768px){._slider_aeiqv_2{--slider-thumb-size: 22px}._size-sm_aeiqv_191{--slider-thumb-size: 18px}._size-lg_aeiqv_198{--slider-thumb-size: 26px}._labelItem_aeiqv_177{min-width:24px;height:24px;font-size:var(--font-size-sm)}}

package/storybook-static/assets/Slider.stories-Dc4IqM8s.js

@@ -1,99 +0,0 @@
-import{r as C,j as i}from"./iframe-CY9B_G0D.js";import{S as F}from"./Slider-BXnBVqND.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-CXRse1g5.js";import"./proxy-Dl3L0B2p.js";import"./MotionConfigContext-CMLd2xKL.js";import"./index-REPfzYsl.js";const D={title:"Atoms/Slider",component:F,parameters:{layout:"centered",docs:{description:{component:"An animated slider component with customizable styling, labels, and dynamic coloring."}}},argTypes:{value:{control:"number"},min:{control:"number"},max:{control:"number"},step:{control:"number"},label:{control:"text"},showValue:{control:"boolean"},showTooltip:{control:"boolean"},disabled:{control:"boolean"},loading:{control:"boolean"},config:{control:"object"}}},n=e=>{const[r,V]=C.useState(e.value||50);return i.jsx("div",{style:{width:"300px",padding:"20px"},children:i.jsx(F,{...e,value:r,onChange:V})})},o={render:n,args:{min:0,max:100,step:1,label:"Default Slider",showValue:!0}},a={render:n,args:{min:1,max:10,value:7,label:"Rating",showValue:!0,labels:[{label:":(",position:"start"},{label:":|",position:50},{label:":)",position:"end"}],colorFunction:e=>e<=3?"#ff4444":e<=6?"#ffa500":"#4caf50",valueFormatter:e=>`${e}/10`}},t={render:n,args:{min:-10,max:40,value:22,step:.5,label:"Temperature",showValue:!0,showTooltip:!0,colorFunction:e=>{const r=(e+10)/50;return r<.3?"#4fc3f7":r<.7?"#66bb6a":"#ff7043"},valueFormatter:e=>`${e} C`}},l={render:n,args:{min:1,max:5,value:3,label:"How are you feeling?",showValue:!0,labels:[{label:"Terrible",position:"start"},{label:"Okay",position:50},{label:"Great",position:"end"}],colorFunction:e=>{const r=["#f44336","#ff9800","#ffc107","#4caf50","#2196f3"];return r[e-1]||r[2]},valueFormatter:e=>["Terrible","Bad","Okay","Good","Great"][e-1]||"Okay",config:{size:"lg"}}},s={render:n,args:{min:0,max:100,value:30,label:"Custom Colors",showValue:!0,config:{colors:{fill:"#e91e63",thumb:"#e91e63",text:"#e91e63"}}}};var u,c,m;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  render: InteractiveSlider,
-  args: {
-    min: 0,
-    max: 100,
-    step: 1,
-    label: 'Default Slider',
-    showValue: true
-  }
-}`,...(m=(c=o.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var d,p,f;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  render: InteractiveSlider,
-  args: {
-    min: 1,
-    max: 10,
-    value: 7,
-    label: 'Rating',
-    showValue: true,
-    labels: [{
-      label: ':(',
-      position: 'start'
-    }, {
-      label: ':|',
-      position: 50
-    }, {
-      label: ':)',
-      position: 'end'
-    }],
-    colorFunction: (val: number) => {
-      if (val <= 3) return '#ff4444';
-      if (val <= 6) return '#ffa500';
-      return '#4caf50';
-    },
-    valueFormatter: (val: number) => \`\${val}/10\`
-  }
-}`,...(f=(p=a.parameters)==null?void 0:p.docs)==null?void 0:f.source}}};var b,v,g;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  render: InteractiveSlider,
-  args: {
-    min: -10,
-    max: 40,
-    value: 22,
-    step: 0.5,
-    label: 'Temperature',
-    showValue: true,
-    showTooltip: true,
-    colorFunction: (val: number) => {
-      const normalized = (val + 10) / 50;
-      if (normalized < 0.3) return '#4fc3f7';
-      if (normalized < 0.7) return '#66bb6a';
-      return '#ff7043';
-    },
-    valueFormatter: (val: number) => \`\${val} C\`
-  }
-}`,...(g=(v=t.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};var x,h,w;l.parameters={...l.parameters,docs:{...(x=l.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  render: InteractiveSlider,
-  args: {
-    min: 1,
-    max: 5,
-    value: 3,
-    label: 'How are you feeling?',
-    showValue: true,
-    labels: [{
-      label: 'Terrible',
-      position: 'start'
-    }, {
-      label: 'Okay',
-      position: 50
-    }, {
-      label: 'Great',
-      position: 'end'
-    }],
-    colorFunction: (val: number) => {
-      const colors = ['#f44336', '#ff9800', '#ffc107', '#4caf50', '#2196f3'];
-      return colors[val - 1] || colors[2];
-    },
-    valueFormatter: (val: number) => {
-      const moods = ['Terrible', 'Bad', 'Okay', 'Good', 'Great'];
-      return moods[val - 1] || 'Okay';
-    },
-    config: {
-      size: 'lg'
-    }
-  }
-}`,...(w=(h=l.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};var S,T,y;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  render: InteractiveSlider,
-  args: {
-    min: 0,
-    max: 100,
-    value: 30,
-    label: 'Custom Colors',
-    showValue: true,
-    config: {
-      colors: {
-        fill: '#e91e63',
-        thumb: '#e91e63',
-        text: '#e91e63'
-      }
-    }
-  }
-}`,...(y=(T=s.parameters)==null?void 0:T.docs)==null?void 0:y.source}}};const $=["Default","Rating","Temperature","MoodTracker","CustomColors"];export{s as CustomColors,o as Default,l as MoodTracker,a as Rating,t as Temperature,$ as __namedExportsOrder,D as default};

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

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