@stfrigerio/sito-template 0.1.36 → 0.1.39

package/storybook-static/assets/ShinyText.stories-qP5FdChR.js

@@ -0,0 +1,14 @@
+import{r,j as N}from"./iframe-Cz1R6gKZ.js";import{u as P}from"./use-motion-value-BgGWOnBX.js";import{u as z}from"./use-animation-frame-DhanRv3Z.js";import{u as A}from"./use-transform-CJxjUEuh.js";import{m as B}from"./proxy-CAwOFzsk.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";const F={"shiny-text":"_shiny-text_183zx_1"},T=({text:V,disabled:q=!1,speed:k=2,className:C="",color:u="#b5b5b5",shineColor:$="#ffffff",spread:R=120,yoyo:S=!1,pauseOnHover:f=!1,direction:m="left",delay:_=0})=>{const[D,y]=r.useState(!1),e=P(0),c=r.useRef(0),o=r.useRef(null),a=r.useRef(m==="left"?1:-1),t=k*1e3,b=_*1e3;z(n=>{if(q||D){o.current=null;return}if(o.current===null){o.current=n;return}const I=n-o.current;if(o.current=n,c.current+=I,S){const l=t+b,i=l*2,s=c.current%i;if(s<t){const p=s/t*100;e.set(a.current===1?p:100-p)}else if(s<l)e.set(a.current===1?100:0);else if(s<l+t){const x=100-(s-l)/t*100;e.set(a.current===1?x:100-x)}else e.set(a.current===1?0:100)}else{const l=t+b,i=c.current%l;if(i<t){const s=i/t*100;e.set(a.current===1?s:100-s)}else e.set(a.current===1?100:0)}}),r.useEffect(()=>{a.current=m==="left"?1:-1,c.current=0,e.set(0)},[m]);const E=A(e,n=>`${150-n*2}% center`),M=r.useCallback(()=>{f&&y(!0)},[f]),W=r.useCallback(()=>{f&&y(!1)},[f]),j={backgroundImage:`linear-gradient(${R}deg, ${u} 0%, ${u} 35%, ${$} 50%, ${u} 65%, ${u} 100%)`,backgroundSize:"200% auto",WebkitBackgroundClip:"text",backgroundClip:"text",WebkitTextFillColor:"transparent"};return N.jsx(B.span,{className:`${F["shiny-text"]} ${C}`,style:{...j,backgroundPosition:E},onMouseEnter:M,onMouseLeave:W,children:V})};T.__docgenInfo={description:"",methods:[],displayName:"ShinyText",props:{disabled:{defaultValue:{value:"false",computed:!1},required:!1},speed:{defaultValue:{value:"2",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},color:{defaultValue:{value:"'#b5b5b5'",computed:!1},required:!1},shineColor:{defaultValue:{value:"'#ffffff'",computed:!1},required:!1},spread:{defaultValue:{value:"120",computed:!1},required:!1},yoyo:{defaultValue:{value:"false",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},direction:{defaultValue:{value:"'left'",computed:!1},required:!1},delay:{defaultValue:{value:"0",computed:!1},required:!1}}};const Q={title:"ReactBits/TextAnimations/ShinyText",component:T,parameters:{layout:"fullscreen"},tags:["autodocs"]},d={args:{text:"Hello World",disabled:!1,speed:2,color:"#b5b5b5",shineColor:"#ffffff",spread:120,yoyo:!1,pauseOnHover:!1,direction:"left",delay:0}};var g,v,h;d.parameters={...d.parameters,docs:{...(g=d.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    text: 'Hello World',
+    disabled: false,
+    speed: 2,
+    color: '#b5b5b5',
+    shineColor: '#ffffff',
+    spread: 120,
+    yoyo: false,
+    pauseOnHover: false,
+    direction: 'left',
+    delay: 0
+  }
+}`,...(h=(v=d.parameters)==null?void 0:v.docs)==null?void 0:h.source}}};const U=["Default"];export{d as Default,U as __namedExportsOrder,Q as default};

package/storybook-static/assets/Silk.stories-BHYeNKYP.js

@@ -0,0 +1,62 @@
+import{r as n,j as a}from"./iframe-Cz1R6gKZ.js";import{C as p,u as x,a as g}from"./react-three-fiber.esm-t8sCLCER.js";import{n as y}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const S=e=>(e=e.replace("#",""),[parseInt(e.slice(0,2),16)/255,parseInt(e.slice(2,4),16)/255,parseInt(e.slice(4,6),16)/255]),C=`
+varying vec2 vUv;
+varying vec3 vPosition;
+
+void main() {
+  vPosition = position;
+  vUv = uv;
+  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+}
+`,h=`
+varying vec2 vUv;
+varying vec3 vPosition;
+
+uniform float uTime;
+uniform vec3  uColor;
+uniform float uSpeed;
+uniform float uScale;
+uniform float uRotation;
+uniform float uNoiseIntensity;
+
+const float e = 2.71828182845904523536;
+
+float noise(vec2 texCoord) {
+  float G = e;
+  vec2  r = (G * sin(G * texCoord));
+  return fract(r.x * r.y * (1.0 + texCoord.x));
+}
+
+vec2 rotateUvs(vec2 uv, float angle) {
+  float c = cos(angle);
+  float s = sin(angle);
+  mat2  rot = mat2(c, -s, s, c);
+  return rot * uv;
+}
+
+void main() {
+  float rnd        = noise(gl_FragCoord.xy);
+  vec2  uv         = rotateUvs(vUv * uScale, uRotation);
+  vec2  tex        = uv * uScale;
+  float tOffset    = uSpeed * uTime;
+
+  tex.y += 0.03 * sin(8.0 * tex.x - tOffset);
+
+  float pattern = 0.6 +
+                  0.4 * sin(5.0 * (tex.x + tex.y +
+                                   cos(3.0 * tex.x + 5.0 * tex.y) +
+                                   0.02 * tOffset) +
+                           sin(20.0 * (tex.x + tex.y - 0.1 * tOffset)));
+
+  vec4 col = vec4(uColor, 1.0) * vec4(pattern) - rnd / 15.0 * uNoiseIntensity;
+  col.a = 1.0;
+  gl_FragColor = col;
+}
+`,v=n.forwardRef(function({uniforms:r},t){const{viewport:o}=x();return n.useLayoutEffect(()=>{t.current&&t.current.scale.set(o.width,o.height,1)},[t,o]),g((l,i)=>{t.current.material.uniforms.uTime.value+=.1*i}),a.jsxs("mesh",{ref:t,children:[a.jsx("planeGeometry",{args:[1,1,1,1]}),a.jsx("shaderMaterial",{uniforms:r,vertexShader:C,fragmentShader:h})]})});v.displayName="SilkPlane";const d=({speed:e=5,scale:r=1,color:t="#7B7481",noiseIntensity:o=1.5,rotation:l=0})=>{const i=n.useRef(),m=n.useMemo(()=>({uSpeed:{value:e},uScale:{value:r},uNoiseIntensity:{value:o},uColor:{value:new y(...S(t))},uRotation:{value:l},uTime:{value:0}}),[e,r,o,t,l]);return a.jsx(p,{dpr:[1,2],frameloop:"always",children:a.jsx(v,{ref:i,uniforms:m})})};d.__docgenInfo={description:"",methods:[],displayName:"Silk",props:{speed:{defaultValue:{value:"5",computed:!1},required:!1},scale:{defaultValue:{value:"1",computed:!1},required:!1},color:{defaultValue:{value:"'#7B7481'",computed:!1},required:!1},noiseIntensity:{defaultValue:{value:"1.5",computed:!1},required:!1},rotation:{defaultValue:{value:"0",computed:!1},required:!1}}};const k={title:"ReactBits/Backgrounds/Silk",component:d,parameters:{layout:"fullscreen"},tags:["autodocs"]},s={args:{speed:5,scale:1,color:"#7B7481",noiseIntensity:1.5,rotation:0}};var u,c,f;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{
+  args: {
+    speed: 5,
+    scale: 1,
+    color: '#7B7481',
+    noiseIntensity: 1.5,
+    rotation: 0
+  }
+}`,...(f=(c=s.parameters)==null?void 0:c.docs)==null?void 0:f.source}}};const B=["Default"];export{s as Default,B as __namedExportsOrder,k as default};

package/storybook-static/assets/SleepChart-DBRb08s_.css

@@ -0,0 +1 @@
+._container_1b7jl_1{background:linear-gradient(135deg,var(--color-background-secondary) 0%,color-mix(in srgb,var(--color-background-secondary) 95%,#9B59B6) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 16px #0000001a;border:1px solid var(--color-border)}._header_1b7jl_11{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}._title_1b7jl_18{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}._legend_1b7jl_24{display:flex;gap:var(--spacing-xl)}._legendItem_1b7jl_29{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}._sleepDot_1b7jl_37{width:14px;height:14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 2px 6px #9b59b666;border:2px solid #ffffff}._wakeDot_1b7jl_46{width:14px;height:14px;border-radius:var(--radius-full);background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 6px #3498db66;border:2px solid #ffffff}._chart_1b7jl_55{display:block}._gridLine_1b7jl_59{stroke:var(--color-border);stroke-opacity:.1}._sleepBar_1b7jl_64{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}._sleepBar_1b7jl_64:hover{transform:scaleY(1.05);filter:brightness(1.15)}._xAxis_1b7jl_74,._yAxis_1b7jl_75{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}._xAxis_1b7jl_74 line,._xAxis_1b7jl_74 path,._yAxis_1b7jl_75 line,._yAxis_1b7jl_75 path{stroke:var(--color-border)}._xAxis_1b7jl_74 text,._yAxis_1b7jl_75 text{fill:var(--color-text-secondary);transition:all .2s ease}._xAxis_1b7jl_74 text:hover,._yAxis_1b7jl_75 text:hover{fill:var(--color-text);font-weight:600}._tooltip_1b7jl_100{position:fixed;pointer-events:none;background:var(--color-background-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500;z-index:10000;box-shadow:0 0 0 1px var(--color-border),0 10px 20px #00000026,0 4px 8px #0000001a;transition:opacity .15s ease,transform .15s ease;opacity:0;transform:translateY(-8px) translate(-50%)}._tooltip_1b7jl_100._visible_1b7jl_121{opacity:1;transform:translateY(-4px) translate(-50%)}._tooltipHeader_1b7jl_126{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border);font-weight:600;color:var(--color-text)}._tooltipEmoji_1b7jl_137{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}._tooltipInfo_1b7jl_142{display:flex;flex-direction:column;gap:6px}._tooltipRow_1b7jl_148{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:13px}._tooltipLabel_1b7jl_156{display:flex;align-items:center;gap:6px}._tooltipValue_1b7jl_162{color:var(--color-text);font-weight:600}._tooltipDuration_1b7jl_167{margin-top:8px;padding-top:8px;border-top:1px solid var(--color-border);color:var(--color-text);font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}

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

@@ -0,0 +1,58 @@
+import{r as S,j as l}from"./iframe-Cz1R6gKZ.js";import{s as j,a as ut}from"./transform-BKmuZieF.js";import{i as lt,l as ht}from"./linear-dkJHgUri.js";import{a as mt,b as ft}from"./axis-D3QohQNI.js";import"./preload-helper-C1FmrZbK.js";class W extends Map{constructor(t,r=xt){if(super(),Object.defineProperties(this,{_intern:{value:new Map},_key:{value:r}}),t!=null)for(const[a,n]of t)this.set(a,n)}get(t){return super.get(P(this,t))}has(t){return super.has(P(this,t))}set(t,r){return super.set(gt(this,t),r)}delete(t){return super.delete(Mt(this,t))}}function P({_intern:e,_key:t},r){const a=t(r);return e.has(a)?e.get(a):r}function gt({_intern:e,_key:t},r){const a=t(r);return e.has(a)?e.get(a):(e.set(a,r),r)}function Mt({_intern:e,_key:t},r){const a=t(r);return e.has(a)&&(r=e.get(a),e.delete(a)),r}function xt(e){return e!==null&&typeof e=="object"?e.valueOf():e}function O(e,t,r){e=+e,t=+t,r=(n=arguments.length)<2?(t=e,e=0,1):n<3?1:+r;for(var a=-1,n=Math.max(0,Math.ceil((t-e)/r))|0,s=new Array(n);++a<n;)s[a]=e+a*r;return s}var B=1.70158;(function e(t){t=+t;function r(a){return(a=+a)*a*(t*(a-1)+a)}return r.overshoot=e,r})(B);var q=function e(t){t=+t;function r(a){return--a*a*((a+1)*t+a)+1}return r.overshoot=e,r}(B);(function e(t){t=+t;function r(a){return((a*=2)<1?a*a*((t+1)*a-t):(a-=2)*a*((t+1)*a+t)+2)/2}return r.overshoot=e,r})(B);const G=Symbol("implicit");function it(){var e=new W,t=[],r=[],a=G;function n(s){let p=e.get(s);if(p===void 0){if(a!==G)return a;e.set(s,p=t.push(s)-1)}return r[p%r.length]}return n.domain=function(s){if(!arguments.length)return t.slice();t=[],e=new W;for(const p of s)e.has(p)||e.set(p,t.push(p)-1);return n},n.range=function(s){return arguments.length?(r=Array.from(s),n):r.slice()},n.unknown=function(s){return arguments.length?(a=s,n):a},n.copy=function(){return it(t,r).unknown(a)},lt.apply(n,arguments),n}function ct(){var e=it().unknown(void 0),t=e.domain,r=e.range,a=0,n=1,s,p,h=!1,M=0,x=0,g=.5;delete e.unknown;function m(){var i=t().length,y=n<a,_=y?n:a,R=y?a:n;s=(R-_)/Math.max(1,i-M+x*2),h&&(s=Math.floor(s)),_+=(R-_-s*(i-M))*g,p=s*(1-M),h&&(_=Math.round(_),p=Math.round(p));var b=O(i).map(function(v){return _+s*v});return r(y?b.reverse():b)}return e.domain=function(i){return arguments.length?(t(i),m()):t()},e.range=function(i){return arguments.length?([a,n]=i,a=+a,n=+n,m()):[a,n]},e.rangeRound=function(i){return[a,n]=i,a=+a,n=+n,h=!0,m()},e.bandwidth=function(){return p},e.step=function(){return s},e.round=function(i){return arguments.length?(h=!!i,m()):h},e.padding=function(i){return arguments.length?(M=Math.min(1,x=+i),m()):M},e.paddingInner=function(i){return arguments.length?(M=Math.min(1,i),m()):M},e.paddingOuter=function(i){return arguments.length?(x=+i,m()):x},e.align=function(i){return arguments.length?(g=Math.max(0,Math.min(1,i)),m()):g},e.copy=function(){return ct(t(),[a,n]).round(h).paddingInner(M).paddingOuter(x).align(g)},lt.apply(m(),arguments)}const _t="_container_1b7jl_1",wt="_header_1b7jl_11",yt="_title_1b7jl_18",bt="_legend_1b7jl_24",kt="_legendItem_1b7jl_29",St="_sleepDot_1b7jl_37",jt="_wakeDot_1b7jl_46",vt="_chart_1b7jl_55",$t="_gridLine_1b7jl_59",Dt="_sleepBar_1b7jl_64",At="_xAxis_1b7jl_74",Nt="_yAxis_1b7jl_75",Ht="_tooltip_1b7jl_100",It="_visible_1b7jl_121",Tt="_tooltipHeader_1b7jl_126",Rt="_tooltipEmoji_1b7jl_137",Et="_tooltipInfo_1b7jl_142",Ot="_tooltipRow_1b7jl_148",Bt="_tooltipLabel_1b7jl_156",Lt="_tooltipValue_1b7jl_162",Vt="_tooltipDuration_1b7jl_167",d={container:_t,header:wt,title:yt,legend:bt,legendItem:kt,sleepDot:St,wakeDot:jt,chart:vt,gridLine:$t,sleepBar:Dt,xAxis:At,yAxis:Nt,tooltip:Ht,visible:It,tooltipHeader:Tt,tooltipEmoji:Rt,tooltipInfo:Et,tooltipRow:Ot,tooltipLabel:Bt,tooltipValue:Lt,tooltipDuration:Vt},C=e=>{const[t,r]=e.split(":").map(Number);return t+r/60},F=e=>{const t=Math.floor(e%24),r=t===0?12:t>12?t-12:t,a=t>=12?"PM":"AM",n=Math.round(e%1*60);return`${Math.floor(r)}:${n.toString().padStart(2,"0")} ${a}`},dt=({sleepData:e,width:t=800,height:r=400,onDateClick:a})=>{const n=S.useRef(null),[s,p]=S.useState(null),h=S.useMemo(()=>({top:30,right:30,bottom:50,left:80}),[]),M=t-h.left-h.right,x=r-h.top-h.bottom;return S.useEffect(()=>{const g=()=>{p(null)};return window.addEventListener("scroll",g,!0),()=>{window.removeEventListener("scroll",g,!0)}},[]),S.useEffect(()=>{if(!n.current||e.length===0)return;const g=j(n.current);g.selectAll("*").remove(),g.append("rect").attr("width",t).attr("height",r).attr("fill","transparent").style("pointer-events","all").on("mouseleave",()=>{p(null)});const m=g.append("g").attr("transform",`translate(${h.left},${h.top})`),i=ht().domain([18,42]).range([0,M]),y=e.map(o=>o.date),_=ct().domain(y).range([0,x]).paddingInner(.2).paddingOuter(.1);m.selectAll(".grid-line-x").data(O(18,43,1)).enter().append("line").attr("class",d.gridLine).attr("x1",o=>i(o)).attr("y1",0).attr("x2",o=>i(o)).attr("y2",x).style("stroke",o=>{const c=o%24;return"var(--color-border)"}).style("stroke-opacity",o=>{const c=o%24;return c===0||c===12?.3:c%3===0?.15:.05}).style("stroke-width",o=>{const c=o%24;return c===0||c===12?2:1}),e.forEach(o=>{const c=_(o.date);if(c===void 0)return;const k=_.bandwidth(),$=m.append("g").attr("class",d.sleepBar).style("cursor","pointer").on("click",()=>a==null?void 0:a(o.date));let u=null,f=null;o.sleep_time&&(u=C(o.sleep_time),u<18&&(u+=24)),o.wake_hour&&(f=C(o.wake_hour),u!==null?(f<u||u>=18&&f<18)&&(f+=24):f<12&&(f+=24)),u!==null&&f!==null&&$.append("rect").attr("x",i(u)).attr("y",c).attr("width",0).attr("height",k).attr("rx",k/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(ut).attr("width",Math.max(0,i(f)-i(u))).attr("opacity",.85),u!==null&&$.append("circle").attr("cx",i(u)).attr("cy",c+k/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(q).attr("r",6),f!==null&&$.append("circle").attr("cx",i(f)).attr("cy",c+k/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(q).attr("r",6),$.on("mouseenter",function(w){var L;if(j(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)"),j(this).selectAll("circle").transition().duration(200).attr("r",8),(L=n.current)==null?void 0:L.getBoundingClientRect()){const V=u!==null&&f!==null?f-u:null;p({date:o.date,sleepTime:u!==null?F(u):null,wakeTime:f!==null?F(f):null,duration:V!==null?Math.round(V*100)/100:null,x:w.pageX,y:w.pageY-80})}}).on("mouseleave",function(){j(this).select("rect").transition().duration(200).attr("opacity",.85).style("filter","drop-shadow(0 2px 8px rgba(155, 89, 182, 0.3))"),j(this).selectAll("circle").transition().duration(200).attr("r",6),p(null)}).on("mousemove",function(w){p(E=>E?{...E,x:w.pageX,y:w.pageY-80}:null)})});const b=g.append("defs").append("linearGradient").attr("id","sleepGradient").attr("x1","0%").attr("x2","100%");b.append("stop").attr("offset","0%").attr("stop-color","#9B59B6").attr("stop-opacity",1),b.append("stop").attr("offset","50%").attr("stop-color","#7B68A6").attr("stop-opacity",1),b.append("stop").attr("offset","100%").attr("stop-color","#3498DB").attr("stop-opacity",1);const v=O(18,43,3).map(o=>({value:o,label:o===24?"12 AM":o===36?"12 PM":o%24===0?"12 AM":o%24<12?`${o%24} AM`:o%24===12?"12 PM":`${o%24-12} PM`}));m.append("g").attr("class",d.xAxis).attr("transform",`translate(0,${x})`).call(mt(i).tickValues(v.map(o=>o.value)).tickFormat(o=>{const c=v.find(k=>k.value===o);return c?c.label:""}).tickSizeOuter(0)).selectAll("text").style("font-weight",o=>{const c=o%24;return c===0||c===12?"600":"400"});const pt=y.filter((o,c)=>c%Math.ceil(y.length/10)===0);m.append("g").attr("class",d.yAxis).call(ft(_).tickValues(pt).tickFormat(o=>{const c=new Date(o);return`${(c.getMonth()+1).toString().padStart(2,"0")}/${c.getDate().toString().padStart(2,"0")}`}))},[e,M,x,h,a,r,t]),l.jsxs("div",{className:d.container,children:[l.jsxs("div",{className:d.header,children:[l.jsx("h3",{className:d.title,children:"Sleep Pattern"}),l.jsxs("div",{className:d.legend,children:[l.jsxs("div",{className:d.legendItem,children:[l.jsx("span",{className:d.sleepDot}),l.jsx("span",{children:"Sleep Time"})]}),l.jsxs("div",{className:d.legendItem,children:[l.jsx("span",{className:d.wakeDot}),l.jsx("span",{children:"Wake Time"})]})]})]}),l.jsx("svg",{ref:n,width:t,height:r,className:d.chart}),s&&l.jsxs("div",{className:`${d.tooltip} ${s?d.visible:""}`,style:{left:`${s.x}px`,top:`${s.y}px`},children:[l.jsxs("div",{className:d.tooltipHeader,children:[l.jsx("span",{className:d.tooltipEmoji,children:"😴"}),l.jsx("span",{children:new Date(s.date).toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"})})]}),l.jsxs("div",{className:d.tooltipInfo,children:[s.sleepTime&&l.jsxs("div",{className:d.tooltipRow,children:[l.jsxs("span",{className:d.tooltipLabel,children:[l.jsx("span",{children:"🌙"}),l.jsx("span",{children:"Sleep:"})]}),l.jsx("span",{className:d.tooltipValue,children:s.sleepTime})]}),s.wakeTime&&l.jsxs("div",{className:d.tooltipRow,children:[l.jsxs("span",{className:d.tooltipLabel,children:[l.jsx("span",{children:"☀️"}),l.jsx("span",{children:"Wake:"})]}),l.jsx("span",{className:d.tooltipValue,children:s.wakeTime})]}),s.duration!==null&&l.jsxs("div",{className:d.tooltipDuration,children:[l.jsx("span",{children:"⏱️"}),l.jsxs("span",{children:[Math.floor(s.duration),"h ",Math.round(s.duration%1*60),"m"]})]})]})]})]})};dt.__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 Xt={title:"Organisms/Charts/SleepChart",component:dt,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"}}},T=e=>{const t=[],r=new Date;for(let a=e-1;a>=0;a--){const n=new Date(r);n.setDate(n.getDate()-a),t.push(n.toISOString().split("T")[0])}return t},D={args:{sleepData:T(7).map(e=>{const t=Math.floor(Math.random()*3)+22,r=Math.floor(Math.random()*3)+6;return{date:e,sleep_time:`${t%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}},A={args:{sleepData:T(30).map(e=>({date:e,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}},N={args:{sleepData:T(14).map((e,t)=>{const r=t%7===5||t%7===6,a=r?Math.floor(Math.random()*4)+24:Math.floor(Math.random()*2)+22,n=r?Math.floor(Math.random()*3)+9:Math.floor(Math.random()*2)+6;return{date:e,sleep_time:`${a%24}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`,wake_hour:`${n}:${Math.floor(Math.random()*60).toString().padStart(2,"0")}`}}),width:850,height:400}},H={args:{sleepData:T(14).map((e,t)=>({date:e,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}},I={args:{sleepData:[],width:800,height:400}};var X,Y,z;D.parameters={...D.parameters,docs:{...(X=D.parameters)==null?void 0:X.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=(Y=D.parameters)==null?void 0:Y.docs)==null?void 0:z.source}}};var U,J,K;A.parameters={...A.parameters,docs:{...(U=A.parameters)==null?void 0:U.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
+  }
+}`,...(K=(J=A.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Q,Z,tt;N.parameters={...N.parameters,docs:{...(Q=N.parameters)==null?void 0:Q.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
+  }
+}`,...(tt=(Z=N.parameters)==null?void 0:Z.docs)==null?void 0:tt.source}}};var et,at,rt;H.parameters={...H.parameters,docs:{...(et=H.parameters)==null?void 0:et.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
+  }
+}`,...(rt=(at=H.parameters)==null?void 0:at.docs)==null?void 0:rt.source}}};var nt,ot,st;I.parameters={...I.parameters,docs:{...(nt=I.parameters)==null?void 0:nt.docs,source:{originalSource:`{
+  args: {
+    sleepData: [],
+    width: 800,
+    height: 400
+  }
+}`,...(st=(ot=I.parameters)==null?void 0:ot.docs)==null?void 0:st.source}}};const Yt=["WeeklySleep","MonthlySleep","IrregularSleep","MissingSleepData","EmptyState"];export{I as EmptyState,N as IrregularSleep,H as MissingSleepData,A as MonthlySleep,D as WeeklySleep,Yt as __namedExportsOrder,Xt as default};

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

@@ -0,0 +1,32 @@
+import{r as h,j as i}from"./iframe-Cz1R6gKZ.js";import{u as J}from"./useSound-DOpt9DfD.js";import{m as a}from"./proxy-CAwOFzsk.js";import{A as K}from"./index-CIvCfZMj.js";const Q="_slider_11ix8_2",W="_label_11ix8_11",X="_sliderContainer_11ix8_19",Y="_track_11ix8_29",Z="_fill_11ix8_41",ee="_shimmer_11ix8_1",ie="_input_11ix8_69",ne="_thumb_11ix8_96",ae="_ripple_11ix8_122",te="_tooltip_11ix8_135",se="_tooltipArrow_11ix8_152",oe="_valueDisplay_11ix8_165",re="_labelsContainer_11ix8_177",le="_labelItem_11ix8_184",ue="_size-sm_11ix8_199",de="_size-lg_11ix8_226",ce="_disabled_11ix8_254",me="_loading_11ix8_269",pe="_loadingTrack_11ix8_274",fe="_loadingIndicator_11ix8_283",e={slider:Q,label:W,sliderContainer:X,track:Y,fill:Z,shimmer:ee,input:ie,thumb:ne,ripple:ae,tooltip:te,tooltipArrow:se,valueDisplay:oe,labelsContainer:re,labelItem:le,"size-sm":"_size-sm_11ix8_199",sizeSm:ue,"size-lg":"_size-lg_11ix8_226",sizeLg:de,disabled:ce,loading:me,loadingTrack:pe,loadingIndicator:fe};function ge({value:s,onChange:N,min:g=0,max:l=100,step:q=1,label:o,showValue:V=!1,valueFormatter:b,labels:x=[],config:z={},disabled:u=!1,className:v="",style:C={},loading:y=!1,colorFunction:S,showTooltip:d=!1,tooltipContent:w,soundConfig:k}){const{handlers:I,playSound:M}=J(k),[c,T]=h.useState(!1),[D,m]=h.useState(!1),A=h.useRef(null),{colors:_={},size:L="md",animations:R={}}=z,{duration:H=.2}=R,r=(s-g)/(l-g)*100,E=()=>S?S(s):_.fill?_.fill:`hsl(${r*1.2}, 70%, 50%)`,j=n=>b?b(n):`${n}${l<=10?`/${l}`:""}`,P=n=>{if(u||y)return;const p=Number(n.target.value);M("click"),N(p)},F=()=>{T(!0),d&&m(!0)},O=()=>{T(!1),d&&setTimeout(()=>m(!1),500)},U=()=>{d&&!u&&m(!0)},B=()=>{d&&!c&&m(!1)},t=E(),$=e[`size-${L}`],G=u?e.disabled:y?e.loading:"";return y?i.jsxs("div",{className:`${e.slider} ${$} ${e.loading} ${v}`,style:C,children:[o&&i.jsx("label",{className:e.label,children:o}),i.jsx("div",{className:e.loadingTrack,children:i.jsx(a.div,{className:e.loadingIndicator,animate:{x:["-100%","200%"]},transition:{repeat:1/0,duration:1.5,ease:"easeInOut"}})})]}):i.jsxs("div",{className:`${e.slider} ${$} ${G} ${v}`,style:C,children:[o&&i.jsx(a.label,{className:e.label,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{duration:.3},children:o}),i.jsxs(a.div,{className:e.sliderContainer,ref:A,onMouseEnter:U,onMouseLeave:B,whileHover:{scale:1.02},transition:{duration:.1},children:[i.jsx(a.div,{className:e.track,whileHover:{height:8,marginTop:-1},transition:{duration:.1},children:i.jsx(a.div,{className:e.fill,style:{width:`${r}%`,backgroundColor:t},initial:{width:0},animate:{width:`${r}%`},transition:{duration:H,type:"spring",stiffness:300,damping:30},whileHover:{boxShadow:"inset 0 0 0 1px rgba(255,255,255,0.2)"}})}),i.jsx("input",{type:"range",min:g,max:l,step:q,value:s,onChange:P,onMouseDown:F,onMouseUp:O,...I,className:e.input,disabled:u,"aria-label":o}),i.jsx(a.div,{className:e.thumb,style:{left:`${r}%`,backgroundColor:t,borderColor:_.thumb||t},animate:{scale:c?1.3:1,boxShadow:c?`0 0 20px ${t}40`:`0 2px 8px ${t}30`},transition:{duration:.1,type:"spring",stiffness:400,damping:25},whileHover:{scale:1.1,transition:{duration:.1}},children:c&&i.jsx(a.div,{className:e.ripple,initial:{scale:0,opacity:.6},animate:{scale:2,opacity:0},transition:{duration:.5}})}),i.jsx(K,{children:D&&i.jsxs(a.div,{className:e.tooltip,style:{left:`${r}%`,backgroundColor:t},initial:{opacity:0,y:10,scale:.8},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:10,scale:.8},transition:{duration:.2},children:[w?w(s):j(s),i.jsx("div",{className:e.tooltipArrow,style:{borderTopColor:t}})]})})]}),V&&i.jsx(a.div,{className:e.valueDisplay,style:{color:t},initial:{scale:.8},animate:{scale:1},transition:{duration:.2,type:"spring",stiffness:300},children:j(s)},s),x.length>0&&i.jsx("div",{className:e.labelsContainer,children:x.map((n,p)=>{let f=0;return n.position==="start"?f=0:n.position==="end"?f=100:typeof n.position=="number"&&(f=n.position),i.jsx(a.div,{className:e.labelItem,style:{left:`${f}%`,color:n.color},initial:{opacity:0,y:5},animate:{opacity:1,y:0},transition:{duration:.3,delay:p*.1},whileHover:{scale:1.2,transition:{duration:.1}},children:n.label},p)})})]})}ge.__docgenInfo={description:`Slider component - A beautiful, animated range input
+
+@component
+@description
+A highly customizable slider component with smooth Framer Motion animations,
+dynamic coloring, custom labels, tooltips, and theme support. Perfect for
+ratings, volume controls, progress indicators, or any numeric input.
+
+@example
+// Basic usage
+<Slider
+  value={rating}
+  onChange={setRating}
+  min={1}
+  max={10}
+  showValue
+/>
+
+@example
+// Rating slider with emojis
+<Slider
+  value={mood}
+  onChange={setMood}
+  min={1}
+  max={5}
+  labels={[
+    { label: '😢', position: 'start' },
+    { label: '😐', position: 50 },
+    { label: '😊', position: 'end' }
+  ]}
+  colorFunction={(val) => \`hsl(\${val * 24}, 70%, 50%)\`}
+/>`,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 value display",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:"Tooltip configuration",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{ge as S};

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

@@ -0,0 +1 @@
+._slider_11ix8_2{display:flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-primary);width:100%}._label_11ix8_11{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin:0}._sliderContainer_11ix8_19{position:relative;display:flex;align-items:center;width:100%;height:24px;cursor:pointer}._track_11ix8_29{position:absolute;width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}._fill_11ix8_41{height:100%;background:var(--color-primary);border-radius:3px;position:relative;overflow:hidden}._fill_11ix8_41:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.2) 100%);animation:_shimmer_11ix8_1 2s infinite}@keyframes _shimmer_11ix8_1{0%{transform:translate(-100%)}to{transform:translate(100%)}}._input_11ix8_69{position:absolute;width:100%;height:100%;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;z-index:2}._input_11ix8_69::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;background:transparent}._input_11ix8_69::-moz-range-thumb{width:0;height:0;background:transparent;border:none;cursor:pointer}._thumb_11ix8_96{position:absolute;width:20px;height:20px;background:var(--color-primary);border:3px solid var(--color-background);border-radius:50%;transform:translate(-50%);cursor:pointer;z-index:3;box-shadow:0 2px 8px #0003}._thumb_11ix8_96:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;background:var(--color-background);border-radius:50%;transform:translate(-50%,-50%)}._ripple_11ix8_122{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background:currentColor;transform:translate(-50%,-50%);pointer-events:none}._tooltip_11ix8_135{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:12px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-md);white-space:nowrap;z-index:10;box-shadow:var(--shadow-md)}._tooltipArrow_11ix8_152{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-primary)}._valueDisplay_11ix8_165{font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);text-align:center;min-height:24px;display:flex;align-items:center;justify-content:center}._labelsContainer_11ix8_177{position:relative;width:100%;height:24px;margin-top:var(--spacing-xs)}._labelItem_11ix8_184{position:absolute;transform:translate(-50%);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px}._size-sm_11ix8_199{font-size:var(--font-size-xs)}._size-sm_11ix8_199 ._track_11ix8_29{height:4px}._size-sm_11ix8_199 ._sliderContainer_11ix8_19:hover ._track_11ix8_29{height:6px}._size-sm_11ix8_199 ._thumb_11ix8_96{width:16px;height:16px;border-width:2px}._size-sm_11ix8_199 ._thumb_11ix8_96:before{width:4px;height:4px}._size-sm_11ix8_199 ._sliderContainer_11ix8_19{height:20px}._size-lg_11ix8_226{font-size:var(--font-size-lg)}._size-lg_11ix8_226 ._track_11ix8_29{height:8px}._size-lg_11ix8_226 ._sliderContainer_11ix8_19:hover ._track_11ix8_29{height:10px}._size-lg_11ix8_226 ._thumb_11ix8_96{width:24px;height:24px;border-width:4px}._size-lg_11ix8_226 ._thumb_11ix8_96:before{width:8px;height:8px}._size-lg_11ix8_226 ._sliderContainer_11ix8_19{height:28px}._disabled_11ix8_254{opacity:.5;pointer-events:none;cursor:not-allowed}._disabled_11ix8_254 ._sliderContainer_11ix8_19,._disabled_11ix8_254 ._thumb_11ix8_96{cursor:not-allowed}._loading_11ix8_269{opacity:.7;pointer-events:none}._loadingTrack_11ix8_274{position:relative;width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}._loadingIndicator_11ix8_283{position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:3px}._input_11ix8_69:focus-visible+._thumb_11ix8_96{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme: dark){._track_11ix8_29{background:var(--color-border);box-shadow:inset 0 1px 2px #0000004d}._thumb_11ix8_96{box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff1a}._sliderContainer_11ix8_19:hover ._thumb_11ix8_96{box-shadow:0 4px 12px #00000080,0 0 0 1px #fff3}._fill_11ix8_41:after{background:linear-gradient(90deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%)}}@media (prefers-contrast: high){._track_11ix8_29{border:1px solid var(--color-text)}._thumb_11ix8_96{border-width:2px;border-color:var(--color-text)}._fill_11ix8_41{border:1px solid var(--color-text)}}@media (prefers-reduced-motion: reduce){._fill_11ix8_41:after{animation:none}}@media (max-width: 768px){._thumb_11ix8_96{width:24px;height:24px}._size-sm_11ix8_199 ._thumb_11ix8_96{width:20px;height:20px}._size-lg_11ix8_226 ._thumb_11ix8_96{width:28px;height:28px}._sliderContainer_11ix8_19{height:32px}._size-sm_11ix8_199 ._sliderContainer_11ix8_19{height:28px}._size-lg_11ix8_226 ._sliderContainer_11ix8_19{height:36px}._labelItem_11ix8_184{min-width:32px;height:32px;font-size:var(--font-size-md)}}

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

@@ -0,0 +1,99 @@
+import{r as C,j as i}from"./iframe-Cz1R6gKZ.js";import{S as F}from"./Slider-A51SjNTF.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DOpt9DfD.js";import"./proxy-CAwOFzsk.js";import"./MotionConfigContext-C_Ro_xsO.js";import"./index-CIvCfZMj.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"}},tags:["autodocs"]},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/SoftAurora-2A7ssVQp.css

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

package/storybook-static/assets/SoftAurora.stories-sSXHgJo6.js

@@ -0,0 +1,147 @@
+import{r as E,j as D}from"./iframe-Cz1R6gKZ.js";import{R as I,P as O,M as N}from"./Mesh-CwXV3WjE.js";import{T as G}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const P={"soft-aurora-container":"_soft-aurora-container_c4lp8_1"};function H(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const U=`
+attribute vec2 uv;
+attribute vec2 position;
+varying vec2 vUv;
+void main() {
+  vUv = uv;
+  gl_Position = vec4(position, 0, 1);
+}
+`,j=`
+precision highp float;
+
+uniform float uTime;
+uniform vec3 uResolution;
+uniform float uSpeed;
+uniform float uScale;
+uniform float uBrightness;
+uniform vec3 uColor1;
+uniform vec3 uColor2;
+uniform float uNoiseFreq;
+uniform float uNoiseAmp;
+uniform float uBandHeight;
+uniform float uBandSpread;
+uniform float uOctaveDecay;
+uniform float uLayerOffset;
+uniform float uColorSpeed;
+uniform vec2 uMouse;
+uniform float uMouseInfluence;
+uniform bool uEnableMouse;
+
+#define TAU 6.28318
+
+vec3 gradientHash(vec3 p) {
+  p = vec3(
+    dot(p, vec3(127.1, 311.7, 234.6)),
+    dot(p, vec3(269.5, 183.3, 198.3)),
+    dot(p, vec3(169.5, 283.3, 156.9))
+  );
+  vec3 h = fract(sin(p) * 43758.5453123);
+  float phi = acos(2.0 * h.x - 1.0);
+  float theta = TAU * h.y;
+  return vec3(cos(theta) * sin(phi), sin(theta) * cos(phi), cos(phi));
+}
+
+float quinticSmooth(float t) {
+  float t2 = t * t;
+  float t3 = t * t2;
+  return 6.0 * t3 * t2 - 15.0 * t2 * t2 + 10.0 * t3;
+}
+
+vec3 cosineGradient(float t, vec3 a, vec3 b, vec3 c, vec3 d) {
+  return a + b * cos(TAU * (c * t + d));
+}
+
+float perlin3D(float amplitude, float frequency, float px, float py, float pz) {
+  float x = px * frequency;
+  float y = py * frequency;
+
+  float fx = floor(x); float fy = floor(y); float fz = floor(pz);
+  float cx = ceil(x);  float cy = ceil(y);  float cz = ceil(pz);
+
+  vec3 g000 = gradientHash(vec3(fx, fy, fz));
+  vec3 g100 = gradientHash(vec3(cx, fy, fz));
+  vec3 g010 = gradientHash(vec3(fx, cy, fz));
+  vec3 g110 = gradientHash(vec3(cx, cy, fz));
+  vec3 g001 = gradientHash(vec3(fx, fy, cz));
+  vec3 g101 = gradientHash(vec3(cx, fy, cz));
+  vec3 g011 = gradientHash(vec3(fx, cy, cz));
+  vec3 g111 = gradientHash(vec3(cx, cy, cz));
+
+  float d000 = dot(g000, vec3(x - fx, y - fy, pz - fz));
+  float d100 = dot(g100, vec3(x - cx, y - fy, pz - fz));
+  float d010 = dot(g010, vec3(x - fx, y - cy, pz - fz));
+  float d110 = dot(g110, vec3(x - cx, y - cy, pz - fz));
+  float d001 = dot(g001, vec3(x - fx, y - fy, pz - cz));
+  float d101 = dot(g101, vec3(x - cx, y - fy, pz - cz));
+  float d011 = dot(g011, vec3(x - fx, y - cy, pz - cz));
+  float d111 = dot(g111, vec3(x - cx, y - cy, pz - cz));
+
+  float sx = quinticSmooth(x - fx);
+  float sy = quinticSmooth(y - fy);
+  float sz = quinticSmooth(pz - fz);
+
+  float lx00 = mix(d000, d100, sx);
+  float lx10 = mix(d010, d110, sx);
+  float lx01 = mix(d001, d101, sx);
+  float lx11 = mix(d011, d111, sx);
+
+  float ly0 = mix(lx00, lx10, sy);
+  float ly1 = mix(lx01, lx11, sy);
+
+  return amplitude * mix(ly0, ly1, sz);
+}
+
+float auroraGlow(float t, vec2 shift) {
+  vec2 uv = gl_FragCoord.xy / uResolution.y;
+  uv += shift;
+
+  float noiseVal = 0.0;
+  float freq = uNoiseFreq;
+  float amp = uNoiseAmp;
+  vec2 samplePos = uv * uScale;
+
+  for (float i = 0.0; i < 3.0; i += 1.0) {
+    noiseVal += perlin3D(amp, freq, samplePos.x, samplePos.y, t);
+    amp *= uOctaveDecay;
+    freq *= 2.0;
+  }
+
+  float yBand = uv.y * 10.0 - uBandHeight * 10.0;
+  return 0.3 * max(exp(uBandSpread * (1.0 - 1.1 * abs(noiseVal + yBand))), 0.0);
+}
+
+void main() {
+  vec2 uv = gl_FragCoord.xy / uResolution.xy;
+  float t = uSpeed * 0.4 * uTime;
+
+  vec2 shift = vec2(0.0);
+  if (uEnableMouse) {
+    shift = (uMouse - 0.5) * uMouseInfluence;
+  }
+
+  vec3 col = vec3(0.0);
+  col += 0.99 * auroraGlow(t, shift) * cosineGradient(uv.x + uTime * uSpeed * 0.2 * uColorSpeed, vec3(0.5), vec3(0.5), vec3(1.0), vec3(0.3, 0.20, 0.20)) * uColor1;
+  col += 0.99 * auroraGlow(t + uLayerOffset, shift) * cosineGradient(uv.x + uTime * uSpeed * 0.1 * uColorSpeed, vec3(0.5), vec3(0.5), vec3(2.0, 1.0, 0.0), vec3(0.5, 0.20, 0.25)) * uColor2;
+
+  col *= uBrightness;
+  float alpha = clamp(length(col), 0.0, 1.0);
+  gl_FragColor = vec4(col, alpha);
+}
+`;function R({speed:r=.6,scale:t=1.5,brightness:p=1,color1:h="#f7f7f7",color2:x="#e100ff",noiseFrequency:y=2.5,noiseAmplitude:g=1,bandHeight:z=.5,bandSpread:q=1,octaveDecay:S=.1,layerOffset:M=0,colorSpeed:C=1,enableMouseInteraction:l=!0,mouseInfluence:V=.25}){const i=E.useRef(null);return E.useEffect(()=>{if(!i.current)return;const f=i.current,d=new I({alpha:!0,premultipliedAlpha:!1}),e=d.gl;e.clearColor(0,0,0,0);let a,u=[.5,.5],n=[.5,.5];function w(o){const s=e.canvas.getBoundingClientRect();n=[(o.clientX-s.left)/s.width,1-(o.clientY-s.top)/s.height]}function A(){n=[.5,.5]}function v(){d.setSize(f.offsetWidth,f.offsetHeight),a&&(a.uniforms.uResolution.value=[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height])}window.addEventListener("resize",v),v();const T=new G(e);a=new O(e,{vertex:U,fragment:j,uniforms:{uTime:{value:0},uResolution:{value:[e.canvas.width,e.canvas.height,e.canvas.width/e.canvas.height]},uSpeed:{value:r},uScale:{value:t},uBrightness:{value:p},uColor1:{value:H(h)},uColor2:{value:H(x)},uNoiseFreq:{value:y},uNoiseAmp:{value:g},uBandHeight:{value:z},uBandSpread:{value:q},uOctaveDecay:{value:S},uLayerOffset:{value:M},uColorSpeed:{value:C},uMouse:{value:new Float32Array([.5,.5])},uMouseInfluence:{value:V},uEnableMouse:{value:l}}});const L=new N(e,{geometry:T,program:a});f.appendChild(e.canvas),l&&(e.canvas.addEventListener("mousemove",w),e.canvas.addEventListener("mouseleave",A));let m;function B(o){m=requestAnimationFrame(B),a.uniforms.uTime.value=o*.001,l?(u[0]+=.05*(n[0]-u[0]),u[1]+=.05*(n[1]-u[1]),a.uniforms.uMouse.value[0]=u[0],a.uniforms.uMouse.value[1]=u[1]):(a.uniforms.uMouse.value[0]=.5,a.uniforms.uMouse.value[1]=.5),d.render({scene:L})}return m=requestAnimationFrame(B),()=>{var o;cancelAnimationFrame(m),window.removeEventListener("resize",v),l&&(e.canvas.removeEventListener("mousemove",w),e.canvas.removeEventListener("mouseleave",A)),f.removeChild(e.canvas),(o=e.getExtension("WEBGL_lose_context"))==null||o.loseContext()}},[r,t,p,h,x,y,g,z,q,S,M,C,l,V]),D.jsx("div",{ref:i,className:`${P["soft-aurora-container"]}`})}R.__docgenInfo={description:"",methods:[],displayName:"SoftAurora",props:{speed:{defaultValue:{value:"0.6",computed:!1},required:!1},scale:{defaultValue:{value:"1.5",computed:!1},required:!1},brightness:{defaultValue:{value:"1.0",computed:!1},required:!1},color1:{defaultValue:{value:"'#f7f7f7'",computed:!1},required:!1},color2:{defaultValue:{value:"'#e100ff'",computed:!1},required:!1},noiseFrequency:{defaultValue:{value:"2.5",computed:!1},required:!1},noiseAmplitude:{defaultValue:{value:"1.0",computed:!1},required:!1},bandHeight:{defaultValue:{value:"0.5",computed:!1},required:!1},bandSpread:{defaultValue:{value:"1.0",computed:!1},required:!1},octaveDecay:{defaultValue:{value:"0.1",computed:!1},required:!1},layerOffset:{defaultValue:{value:"0",computed:!1},required:!1},colorSpeed:{defaultValue:{value:"1.0",computed:!1},required:!1},enableMouseInteraction:{defaultValue:{value:"true",computed:!1},required:!1},mouseInfluence:{defaultValue:{value:"0.25",computed:!1},required:!1}}};const $={title:"ReactBits/Backgrounds/SoftAurora",component:R,parameters:{layout:"fullscreen"},tags:["autodocs"]},c={args:{speed:.6,scale:1.5,brightness:1,color1:"#f7f7f7",color2:"#e100ff",noiseFrequency:2.5,noiseAmplitude:1,bandHeight:.5,bandSpread:1,octaveDecay:.1,layerOffset:0,colorSpeed:1,enableMouseInteraction:!0,mouseInfluence:.25}};var b,F,_;c.parameters={...c.parameters,docs:{...(b=c.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    speed: 0.6,
+    scale: 1.5,
+    brightness: 1.0,
+    color1: '#f7f7f7',
+    color2: '#e100ff',
+    noiseFrequency: 2.5,
+    noiseAmplitude: 1.0,
+    bandHeight: 0.5,
+    bandSpread: 1.0,
+    octaveDecay: 0.1,
+    layerOffset: 0,
+    colorSpeed: 1.0,
+    enableMouseInteraction: true,
+    mouseInfluence: 0.25
+  }
+}`,...(_=(F=c.parameters)==null?void 0:F.docs)==null?void 0:_.source}}};const J=["Default"];export{c as Default,J as __namedExportsOrder,$ as default};

package/storybook-static/assets/SoundDemo.stories-tUFyk4lU.js

@@ -0,0 +1,3 @@
+import{j as e,r as s,R as d}from"./iframe-Cz1R6gKZ.js";import{B as t}from"./Button-Bkr9S309.js";import{C as c}from"./Checkbox-CpADrZij.js";import{T}from"./TextInput-BpsPIO3D.js";import{T as w}from"./Toggle-BZxwy2el.js";import{S as E}from"./Slider-A51SjNTF.js";import{s as n}from"./useSound-DOpt9DfD.js";import"./preload-helper-C1FmrZbK.js";import"./proxy-CAwOFzsk.js";import"./MotionConfigContext-C_Ro_xsO.js";import"./index-CIvCfZMj.js";const x=()=>{const[r,g]=s.useState(!0),[i,p]=s.useState(.5),[l,j]=s.useState("digital"),[v,y]=s.useState(!1),[S,f]=s.useState(!1),[C,k]=s.useState(""),[b,B]=s.useState(50);return d.useEffect(()=>{n.setEnabled(r)},[r]),d.useEffect(()=>{n.setVolume(i)},[i]),d.useEffect(()=>{n.setSoundPack(l)},[l]),e.jsxs("div",{style:{padding:"2rem",maxWidth:"800px",margin:"0 auto"},children:[e.jsx("h1",{children:"🎵 Sound System Demo"}),e.jsxs("div",{style:{padding:"1.5rem",background:"#f5f5f5",borderRadius:"8px",marginBottom:"2rem"},children:[e.jsx("h2",{children:"Sound Controls"}),e.jsx("div",{style:{marginBottom:"1rem"},children:e.jsx(c,{checked:r,onChange:g,label:"Enable Sounds"})}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsxs("label",{children:["Volume: ",Math.round(i*100),"%"]}),e.jsx("input",{type:"range",min:"0",max:"100",value:i*100,onChange:a=>p(Number(a.target.value)/100),style:{width:"100%",marginTop:"0.5rem"}})]}),e.jsxs("div",{style:{marginBottom:"1rem"},children:[e.jsx("label",{children:"Sound Pack: "}),e.jsxs("select",{value:l,onChange:a=>j(a.target.value),style:{marginLeft:"0.5rem",padding:"0.25rem"},children:[e.jsx("option",{value:"digital",children:"🔊 Digital (Clean & Modern)"}),e.jsx("option",{value:"fantasy",children:"🧙 Fantasy (Magical & Mystical)"}),e.jsx("option",{value:"retro",children:"🎮 Retro (8-bit Gaming)"}),e.jsx("option",{value:"minimal",children:"⚪ Minimal (Subtle & Simple)"}),e.jsx("option",{value:"mechanical",children:"⚙️ Mechanical (Industrial)"})]})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Test Individual Sounds"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem",flexWrap:"wrap"},children:[e.jsx(t,{variant:"primary",size:"small",onClick:()=>n.play("click"),children:"Click Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("hover"),children:"Hover Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("success"),children:"Success Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("error"),children:"Error Sound"}),e.jsx(t,{variant:"outline",size:"small",onClick:()=>n.play("warning"),children:"Warning Sound"}),e.jsx(t,{variant:"secondary",size:"small",onClick:()=>n.play("toggle"),children:"Toggle Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("type"),children:"Type Sound"}),e.jsx(t,{variant:"ghost",size:"small",onClick:()=>n.play("delete"),children:"Delete Sound"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Special Effects"}),e.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[e.jsx(t,{variant:"primary",onClick:()=>n.celebration(),children:"🎉 Celebration"}),e.jsx(t,{variant:"secondary",onClick:()=>n.milestone(),children:"⭐ Milestone"})]})]}),e.jsxs("div",{style:{marginBottom:"2rem"},children:[e.jsx("h2",{children:"Components with Sound Integration"}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Button with Sounds"}),e.jsx(t,{variant:"primary",soundConfig:{onClick:!0,onHover:!0},children:"Interactive Button (hover, click)"})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Checkbox with Sound"}),e.jsx(c,{checked:v,onChange:y,label:"Check me!",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Toggle with Sound"}),e.jsx(w,{isOn:S,onToggle:f,leftLabel:"Off",rightLabel:"On",soundConfig:{onClick:!0}})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Input with Sound"}),e.jsx(T,{label:"Type something",value:C,onChange:k,placeholder:"Type to hear typing sounds",enableTypingSounds:!0})]}),e.jsxs("div",{style:{marginBottom:"1.5rem"},children:[e.jsx("h3",{children:"Slider with Sound"}),e.jsx(E,{value:b,onChange:B,min:0,max:100,label:"Adjust me",soundConfig:{onClick:!0}})]})]}),e.jsxs("div",{style:{padding:"1rem",background:"#e8f4f8",borderRadius:"8px",fontSize:"0.9rem"},children:[e.jsx("h3",{children:"ℹ️ How to Use"}),e.jsxs("ul",{children:[e.jsx("li",{children:"Enable sounds using the checkbox above"}),e.jsx("li",{children:"Adjust volume with the slider"}),e.jsx("li",{children:"Click the test buttons to hear individual sounds"}),e.jsx("li",{children:"Interact with the components below to hear sounds in context"}),e.jsx("li",{children:"Note: AudioContext requires user interaction to start (click any button first)"})]})]})]})},L={title:"Atoms/SoundDemo",component:x,parameters:{layout:"fullscreen",docs:{description:{component:"Interactive demo for testing the sound system with Web Audio API"}}}},o={render:()=>e.jsx(x,{})};var m,u,h;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  render: () => <SoundDemo />
+}`,...(h=(u=o.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};const N=["Default"];export{o as Default,N as __namedExportsOrder,L as default};