@stfrigerio/sito-template 0.1.37 → 0.1.39

package/storybook-static/assets/SelectInput.stories-BJ8-v1VC.js

@@ -0,0 +1,129 @@
+import{r as w,j as o}from"./iframe-Cz1R6gKZ.js";import{S as l}from"./SelectInput-BrdH7gJ5.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DOpt9DfD.js";import"./chevron-down-BI8IU4ZZ.js";import"./createLucideIcon-C7zEcVM7.js";const H={title:"Atoms/SelectInput",component:l,parameters:{layout:"centered",docs:{description:{component:"A simple dropdown select component with customizable options."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label for the select input"},value:{control:"text",description:"Currently selected value"},placeholder:{control:"text",description:"Placeholder text when no value is selected"},onChange:{action:"changed"}}},P=["Option 1","Option 2","Option 3","Option 4"],p=[{label:"United States",value:"us"},{label:"United Kingdom",value:"uk"},{label:"Canada",value:"ca"},{label:"Australia",value:"au"},{label:"Germany",value:"de"},{label:"France",value:"fr"},{label:"Italy",value:"it"},{label:"Spain",value:"es"}],r={args:{label:"Select an option",value:"",onChange:()=>{},options:P,placeholder:"Choose..."}},n={args:{label:"Choose your favorite",value:"Option 2",onChange:()=>{},options:P}},s={args:{label:"Country",value:"uk",onChange:()=>{},options:p,placeholder:"Select a country"}},i={args:{label:"Priority",value:"",onChange:()=>{},options:["Low","Medium","High","Critical"]}},c={args:{label:"Interactive Select",value:"",onChange:()=>{},options:p,placeholder:"Choose a country"},render:()=>{var a;const[e,t]=w.useState("");return o.jsxs("div",{children:[o.jsx(l,{label:"Select your country",value:e,onChange:t,options:p,placeholder:"Choose a country"}),e&&o.jsxs("p",{style:{marginTop:"1rem",fontSize:"0.875rem",color:"#666"},children:["Selected: ",((a=p.find(k=>k.value===e))==null?void 0:a.label)||e]})]})}},u={args:{label:"Form Example",value:"",onChange:()=>{},options:["Option 1","Option 2"]},render:()=>{const[e,t]=w.useState({title:"",category:"",priority:"",assignee:""});return o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"1rem",padding:"1.5rem",background:"#f9f9f9",borderRadius:"8px",minWidth:"300px"},children:[o.jsx("h3",{style:{marginTop:0},children:"Create Task"}),o.jsx(l,{label:"Title",value:e.title,onChange:a=>t({...e,title:a}),options:["Mr","Mrs","Ms","Dr","Prof"],placeholder:"Select title"}),o.jsx(l,{label:"Category",value:e.category,onChange:a=>t({...e,category:a}),options:[{label:"Bug",value:"bug"},{label:"Feature",value:"feature"},{label:"Documentation",value:"docs"},{label:"Testing",value:"test"}],placeholder:"Select category"}),o.jsx(l,{label:"Priority",value:e.priority,onChange:a=>t({...e,priority:a}),options:["Low","Medium","High","Critical"],placeholder:"Select priority"}),o.jsx(l,{label:"Assignee",value:e.assignee,onChange:a=>t({...e,assignee:a}),options:[{label:"John Doe",value:"john"},{label:"Jane Smith",value:"jane"},{label:"Bob Johnson",value:"bob"},{label:"Alice Brown",value:"alice"}],placeholder:"Select assignee"})]})},parameters:{controls:{disable:!0}}};var d,m,g;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  args: {
+    label: 'Select an option',
+    value: '',
+    onChange: () => {},
+    options: simpleOptions,
+    placeholder: 'Choose...'
+  }
+}`,...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.source}}};var h,v,b;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  args: {
+    label: 'Choose your favorite',
+    value: 'Option 2',
+    onChange: () => {},
+    options: simpleOptions
+  }
+}`,...(b=(v=n.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var y,C,S;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    label: 'Country',
+    value: 'uk',
+    onChange: () => {},
+    options: countryOptions,
+    placeholder: 'Select a country'
+  }
+}`,...(S=(C=s.parameters)==null?void 0:C.docs)==null?void 0:S.source}}};var f,x,D;i.parameters={...i.parameters,docs:{...(f=i.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    label: 'Priority',
+    value: '',
+    onChange: () => {},
+    options: ['Low', 'Medium', 'High', 'Critical']
+  }
+}`,...(D=(x=i.parameters)==null?void 0:x.docs)==null?void 0:D.source}}};var O,j,F;c.parameters={...c.parameters,docs:{...(O=c.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  args: {
+    label: 'Interactive Select',
+    value: '',
+    onChange: () => {},
+    options: countryOptions,
+    placeholder: 'Choose a country'
+  },
+  render: () => {
+    const [selectedCountry, setSelectedCountry] = useState('');
+    return <div>
+                <SelectInput label="Select your country" value={selectedCountry} onChange={setSelectedCountry} options={countryOptions} placeholder="Choose a country" />
+                {selectedCountry && <p style={{
+        marginTop: '1rem',
+        fontSize: '0.875rem',
+        color: '#666'
+      }}>
+                        Selected: {countryOptions.find(opt => opt.value === selectedCountry)?.label || selectedCountry}
+                    </p>}
+            </div>;
+  }
+}`,...(F=(j=c.parameters)==null?void 0:j.docs)==null?void 0:F.source}}};var I,T,M;u.parameters={...u.parameters,docs:{...(I=u.parameters)==null?void 0:I.docs,source:{originalSource:`{
+  args: {
+    label: 'Form Example',
+    value: '',
+    onChange: () => {},
+    options: ['Option 1', 'Option 2']
+  },
+  render: () => {
+    const [formData, setFormData] = useState({
+      title: '',
+      category: '',
+      priority: '',
+      assignee: ''
+    });
+    return <div style={{
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '1rem',
+      padding: '1.5rem',
+      background: '#f9f9f9',
+      borderRadius: '8px',
+      minWidth: '300px'
+    }}>
+            <h3 style={{
+        marginTop: 0
+      }}>Create Task</h3>
+            
+            <SelectInput label="Title" value={formData.title} onChange={value => setFormData({
+        ...formData,
+        title: value
+      })} options={['Mr', 'Mrs', 'Ms', 'Dr', 'Prof']} placeholder="Select title" />
+            
+            <SelectInput label="Category" value={formData.category} onChange={value => setFormData({
+        ...formData,
+        category: value
+      })} options={[{
+        label: 'Bug',
+        value: 'bug'
+      }, {
+        label: 'Feature',
+        value: 'feature'
+      }, {
+        label: 'Documentation',
+        value: 'docs'
+      }, {
+        label: 'Testing',
+        value: 'test'
+      }]} placeholder="Select category" />
+            
+            <SelectInput label="Priority" value={formData.priority} onChange={value => setFormData({
+        ...formData,
+        priority: value
+      })} options={['Low', 'Medium', 'High', 'Critical']} placeholder="Select priority" />
+            
+            <SelectInput label="Assignee" value={formData.assignee} onChange={value => setFormData({
+        ...formData,
+        assignee: value
+      })} options={[{
+        label: 'John Doe',
+        value: 'john'
+      }, {
+        label: 'Jane Smith',
+        value: 'jane'
+      }, {
+        label: 'Bob Johnson',
+        value: 'bob'
+      }, {
+        label: 'Alice Brown',
+        value: 'alice'
+      }]} placeholder="Select assignee" />
+        </div>;
+  },
+  parameters: {
+    controls: {
+      disable: true
+    }
+  }
+}`,...(M=(T=u.parameters)==null?void 0:T.docs)==null?void 0:M.source}}};const z=["Default","WithSimpleOptions","WithObjectOptions","NoPlaceholder","Interactive","FormExample"];export{r as Default,u as FormExample,c as Interactive,i as NoPlaceholder,s as WithObjectOptions,n as WithSimpleOptions,z as __namedExportsOrder,H as default};

package/storybook-static/assets/ShapeBlur.stories-BD9LHX3y.js

@@ -0,0 +1,131 @@
+import{r as M,j}from"./iframe-Cz1R6gKZ.js";import{d as m,S as B,a as D,W as N,q as T,i as k,M as G,r as H}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const U=`
+varying vec2 v_texcoord;
+void main() {
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
+    v_texcoord = uv;
+}
+`,X=`
+varying vec2 v_texcoord;
+
+uniform vec2 u_mouse;
+uniform vec2 u_resolution;
+uniform float u_pixelRatio;
+
+uniform float u_shapeSize;
+uniform float u_roundness;
+uniform float u_borderSize;
+uniform float u_circleSize;
+uniform float u_circleEdge;
+
+#ifndef PI
+#define PI 3.1415926535897932384626433832795
+#endif
+#ifndef TWO_PI
+#define TWO_PI 6.2831853071795864769252867665590
+#endif
+
+#ifndef VAR
+#define VAR 0
+#endif
+
+#ifndef FNC_COORD
+#define FNC_COORD
+vec2 coord(in vec2 p) {
+    p = p / u_resolution.xy;
+    if (u_resolution.x > u_resolution.y) {
+        p.x *= u_resolution.x / u_resolution.y;
+        p.x += (u_resolution.y - u_resolution.x) / u_resolution.y / 2.0;
+    } else {
+        p.y *= u_resolution.y / u_resolution.x;
+        p.y += (u_resolution.x - u_resolution.y) / u_resolution.x / 2.0;
+    }
+    p -= 0.5;
+    p *= vec2(-1.0, 1.0);
+    return p;
+}
+#endif
+
+#define st0 coord(gl_FragCoord.xy)
+#define mx coord(u_mouse * u_pixelRatio)
+
+float sdRoundRect(vec2 p, vec2 b, float r) {
+    vec2 d = abs(p - 0.5) * 4.2 - b + vec2(r);
+    return min(max(d.x, d.y), 0.0) + length(max(d, 0.0)) - r;
+}
+float sdCircle(in vec2 st, in vec2 center) {
+    return length(st - center) * 2.0;
+}
+float sdPoly(in vec2 p, in float w, in int sides) {
+    float a = atan(p.x, p.y) + PI;
+    float r = TWO_PI / float(sides);
+    float d = cos(floor(0.5 + a / r) * r - a) * length(max(abs(p) * 1.0, 0.0));
+    return d * 2.0 - w;
+}
+
+float aastep(float threshold, float value) {
+    float afwidth = length(vec2(dFdx(value), dFdy(value))) * 0.70710678118654757;
+    return smoothstep(threshold - afwidth, threshold + afwidth, value);
+}
+float fill(in float x) { return 1.0 - aastep(0.0, x); }
+float fill(float x, float size, float edge) {
+    return 1.0 - smoothstep(size - edge, size + edge, x);
+}
+float stroke(in float d, in float t) { return (1.0 - aastep(t, abs(d))); }
+float stroke(float x, float size, float w, float edge) {
+    float d = smoothstep(size - edge, size + edge, x + w * 0.5) - smoothstep(size - edge, size + edge, x - w * 0.5);
+    return clamp(d, 0.0, 1.0);
+}
+
+float strokeAA(float x, float size, float w, float edge) {
+    float afwidth = length(vec2(dFdx(x), dFdy(x))) * 0.70710678;
+    float d = smoothstep(size - edge - afwidth, size + edge + afwidth, x + w * 0.5)
+            - smoothstep(size - edge - afwidth, size + edge + afwidth, x - w * 0.5);
+    return clamp(d, 0.0, 1.0);
+}
+
+void main() {
+    vec2 st = st0 + 0.5;
+    vec2 posMouse = mx * vec2(1., -1.) + 0.5;
+
+    float size = u_shapeSize;
+    float roundness = u_roundness;
+    float borderSize = u_borderSize;
+    float circleSize = u_circleSize;
+    float circleEdge = u_circleEdge;
+
+    float sdfCircle = fill(
+        sdCircle(st, posMouse),
+        circleSize,
+        circleEdge
+    );
+
+    float sdf;
+    if (VAR == 0) {
+        sdf = sdRoundRect(st, vec2(size), roundness);
+        sdf = strokeAA(sdf, 0.0, borderSize, sdfCircle) * 4.0;
+    } else if (VAR == 1) {
+        sdf = sdCircle(st, vec2(0.5));
+        sdf = fill(sdf, 0.6, sdfCircle) * 1.2;
+    } else if (VAR == 2) {
+        sdf = sdCircle(st, vec2(0.5));
+        sdf = strokeAA(sdf, 0.58, 0.02, sdfCircle) * 4.0;
+    } else if (VAR == 3) {
+        sdf = sdPoly(st - vec2(0.5, 0.45), 0.3, 3);
+        sdf = fill(sdf, 0.05, sdfCircle) * 1.4;
+    }
+
+    vec3 color = vec3(1.0);
+    float alpha = sdf;
+    gl_FragColor = vec4(color.rgb, alpha);
+}
+`,I=({className:L="",variation:p=0,pixelRatioProp:v=2,shapeSize:h=1.2,roundness:x=.4,borderSize:_=.05,circleSize:g=.3,circleEdge:z=.5})=>{const w=M.useRef();return M.useEffect(()=>{const t=w.current;if(!t)return;let l=!0,S,f=0,R=0;const y=new m,c=new m,C=new m;let s=1,a=1;const E=new B,r=new D;r.position.z=1;const e=new N({alpha:!0});e.setClearColor(0,0),t.appendChild(e.domElement);const W=new T(1,1),b=new k({vertexShader:U,fragmentShader:X,uniforms:{u_mouse:{value:c},u_resolution:{value:C},u_pixelRatio:{value:v},u_shapeSize:{value:h},u_roundness:{value:x},u_borderSize:{value:_},u_circleSize:{value:g},u_circleEdge:{value:z}},defines:{VAR:p},transparent:!0}),V=new G(W,b);E.add(V);const n=o=>{const i=t.getBoundingClientRect();y.set(o.clientX-i.left,o.clientY-i.top)};document.addEventListener("mousemove",n),document.addEventListener("pointermove",n);const d=()=>{if(!l)return;s=t.clientWidth,a=t.clientHeight;const o=Math.min(window.devicePixelRatio,2);e.setSize(s,a),e.setPixelRatio(o),r.left=-s/2,r.right=s/2,r.top=a/2,r.bottom=-a/2,r.updateProjectionMatrix(),V.scale.set(s,a,1),C.set(s,a).multiplyScalar(o),b.uniforms.u_pixelRatio.value=o};d(),window.addEventListener("resize",d);const A=new ResizeObserver(()=>{l&&d()});A.observe(t);const P=()=>{if(!l)return;f=performance.now()*.001;const o=f-R;R=f,["x","y"].forEach(i=>{c[i]=H.damp(c[i],y[i],8,o)}),e.render(E,r),S=requestAnimationFrame(P)};return P(),()=>{l=!1,cancelAnimationFrame(S),window.removeEventListener("resize",d),A.disconnect(),document.removeEventListener("mousemove",n),document.removeEventListener("pointermove",n),t.contains(e.domElement)&&t.removeChild(e.domElement),e.dispose(),e.forceContextLoss()}},[p,v,h,x,_,g,z]),j.jsx("div",{className:L,ref:w,style:{width:"100%",minHeight:"100vh",position:"relative"}})};I.__docgenInfo={description:"",methods:[],displayName:"ShapeBlur",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},variation:{defaultValue:{value:"0",computed:!1},required:!1},pixelRatioProp:{defaultValue:{value:"2",computed:!1},required:!1},shapeSize:{defaultValue:{value:"1.2",computed:!1},required:!1},roundness:{defaultValue:{value:"0.4",computed:!1},required:!1},borderSize:{defaultValue:{value:"0.05",computed:!1},required:!1},circleSize:{defaultValue:{value:"0.3",computed:!1},required:!1},circleEdge:{defaultValue:{value:"0.5",computed:!1},required:!1}}};const Q={title:"ReactBits/Animations/ShapeBlur",component:I,parameters:{layout:"fullscreen"},tags:["autodocs"]},u={args:{variation:0,pixelRatioProp:2,shapeSize:1.2,roundness:.4,borderSize:.05,circleSize:.3,circleEdge:.5}};var q,F,O;u.parameters={...u.parameters,docs:{...(q=u.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    variation: 0,
+    pixelRatioProp: 2,
+    shapeSize: 1.2,
+    roundness: 0.4,
+    borderSize: 0.05,
+    circleSize: 0.3,
+    circleEdge: 0.5
+  }
+}`,...(O=(F=u.parameters)==null?void 0:F.docs)==null?void 0:O.source}}};const Z=["Default"];export{u as Default,Z as __namedExportsOrder,Q as default};

package/storybook-static/assets/ShapeGrid-D5w-KuEm.css

@@ -0,0 +1 @@
+._shapegrid-canvas_ilyut_1{width:100%;min-height:100vh;border:none;display:block}

package/storybook-static/assets/ShapeGrid.stories-MtqpqIIh.js

@@ -0,0 +1,11 @@
+import{r as v,j as q}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const z={"shapegrid-canvas":"_shapegrid-canvas_ilyut_1"},J=({direction:P="right",speed:L=1,borderColor:k="#999",squareSize:t=40,hoverFillColor:b="#222",shape:X="square",hoverTrailAmount:y=0,className:Q=""})=>{const _=v.useRef(null),j=v.useRef(null),U=v.useRef(),Z=v.useRef(),r=v.useRef({x:0,y:0}),o=v.useRef(null),p=v.useRef([]),M=v.useRef(new Map);return v.useEffect(()=>{const s=_.current,n=s.getContext("2d"),Y=X==="hexagon",E=X==="triangle",w=t*1.5,m=t*Math.sqrt(3),V=()=>{s.width=s.offsetWidth,s.height=s.offsetHeight,U.current=Math.ceil(s.width/t)+1,Z.current=Math.ceil(s.height/t)+1};window.addEventListener("resize",V),V();const C=(l,e,c)=>{n.beginPath();for(let u=0;u<6;u++){const h=Math.PI/3*u,d=l+c*Math.cos(h),f=e+c*Math.sin(h);u===0?n.moveTo(d,f):n.lineTo(d,f)}n.closePath()},G=(l,e,c)=>{n.beginPath(),n.arc(l,e,c/2,0,Math.PI*2),n.closePath()},O=(l,e,c,u)=>{n.beginPath(),u?(n.moveTo(l,e+c/2),n.lineTo(l+c/2,e-c/2),n.lineTo(l-c/2,e-c/2)):(n.moveTo(l,e-c/2),n.lineTo(l+c/2,e+c/2),n.lineTo(l-c/2,e+c/2)),n.closePath()},A=()=>{if(n.clearRect(0,0,s.width,s.height),Y){const e=Math.floor(r.current.x/w),c=(r.current.x%w+w)%w,u=(r.current.y%m+m)%m,h=Math.ceil(s.width/w)+3,d=Math.ceil(s.height/m)+3;for(let f=-2;f<h;f++)for(let g=-2;g<d;g++){const i=f*w+c,a=g*m+((f+e)%2!==0?m/2:0)+u,x=`${f},${g}`,R=M.current.get(x);R&&(n.globalAlpha=R,C(i,a,t),n.fillStyle=b,n.fill(),n.globalAlpha=1),C(i,a,t),n.strokeStyle=k,n.stroke()}}else if(E){const e=t/2,c=Math.floor(r.current.x/e),u=Math.floor(r.current.y/t),h=(r.current.x%e+e)%e,d=(r.current.y%t+t)%t,f=Math.ceil(s.width/e)+4,g=Math.ceil(s.height/t)+4;for(let i=-2;i<f;i++)for(let a=-2;a<g;a++){const x=i*e+h,R=a*t+t/2+d,I=((i+c+a+u)%2+2)%2!==0,S=`${i},${a}`,N=M.current.get(S);N&&(n.globalAlpha=N,O(x,R,t,I),n.fillStyle=b,n.fill(),n.globalAlpha=1),O(x,R,t,I),n.strokeStyle=k,n.stroke()}}else if(X==="circle"){const e=(r.current.x%t+t)%t,c=(r.current.y%t+t)%t,u=Math.ceil(s.width/t)+3,h=Math.ceil(s.height/t)+3;for(let d=-2;d<u;d++)for(let f=-2;f<h;f++){const g=d*t+t/2+e,i=f*t+t/2+c,a=`${d},${f}`,x=M.current.get(a);x&&(n.globalAlpha=x,G(g,i,t),n.fillStyle=b,n.fill(),n.globalAlpha=1),G(g,i,t),n.strokeStyle=k,n.stroke()}}else{const e=(r.current.x%t+t)%t,c=(r.current.y%t+t)%t,u=Math.ceil(s.width/t)+3,h=Math.ceil(s.height/t)+3;for(let d=-2;d<u;d++)for(let f=-2;f<h;f++){const g=d*t+e,i=f*t+c,a=`${d},${f}`,x=M.current.get(a);x&&(n.globalAlpha=x,n.fillStyle=b,n.fillRect(g,i,t,t),n.globalAlpha=1),n.strokeStyle=k,n.strokeRect(g,i,t,t)}}const l=n.createRadialGradient(s.width/2,s.height/2,0,s.width/2,s.height/2,Math.sqrt(s.width**2+s.height**2)/2);l.addColorStop(0,"rgba(0, 0, 0, 0)"),n.fillStyle=l,n.fillRect(0,0,s.width,s.height)},H=()=>{const l=Math.max(L,.1),e=Y?w*2:t,c=Y?m:E?t*2:t;switch(P){case"right":r.current.x=(r.current.x-l+e)%e;break;case"left":r.current.x=(r.current.x+l+e)%e;break;case"up":r.current.y=(r.current.y+l+c)%c;break;case"down":r.current.y=(r.current.y-l+c)%c;break;case"diagonal":r.current.x=(r.current.x-l+e)%e,r.current.y=(r.current.y-l+c)%c;break}T(),A(),j.current=requestAnimationFrame(H)},T=()=>{const l=new Map;if(o.current&&l.set(`${o.current.x},${o.current.y}`,1),y>0)for(let e=0;e<p.current.length;e++){const c=p.current[e],u=`${c.x},${c.y}`;l.has(u)||l.set(u,(p.current.length-e)/(p.current.length+1))}for(const[e]of l)M.current.has(e)||M.current.set(e,0);for(const[e,c]of M.current){const u=l.get(e)||0,h=c+(u-c)*.15;h<.005?M.current.delete(e):M.current.set(e,h)}},K=l=>{const e=s.getBoundingClientRect(),c=l.clientX-e.left,u=l.clientY-e.top;if(Y){const h=Math.floor(r.current.x/w),d=(r.current.x%w+w)%w,f=(r.current.y%m+m)%m,g=c-d,i=u-f,a=Math.round(g/w),x=(a+h)%2!==0?m/2:0,R=Math.round((i-x)/m);(!o.current||o.current.x!==a||o.current.y!==R)&&(o.current&&y>0&&(p.current.unshift({...o.current}),p.current.length>y&&(p.current.length=y)),o.current={x:a,y:R})}else if(E){const h=t/2,d=(r.current.x%h+h)%h,f=(r.current.y%t+t)%t,g=c-d,i=u-f,a=Math.round(g/h),x=Math.floor(i/t);(!o.current||o.current.x!==a||o.current.y!==x)&&(o.current&&y>0&&(p.current.unshift({...o.current}),p.current.length>y&&(p.current.length=y)),o.current={x:a,y:x})}else if(X==="circle"){const h=(r.current.x%t+t)%t,d=(r.current.y%t+t)%t,f=c-h,g=u-d,i=Math.round(f/t),a=Math.round(g/t);(!o.current||o.current.x!==i||o.current.y!==a)&&(o.current&&y>0&&(p.current.unshift({...o.current}),p.current.length>y&&(p.current.length=y)),o.current={x:i,y:a})}else{const h=(r.current.x%t+t)%t,d=(r.current.y%t+t)%t,f=c-h,g=u-d,i=Math.floor(f/t),a=Math.floor(g/t);(!o.current||o.current.x!==i||o.current.y!==a)&&(o.current&&y>0&&(p.current.unshift({...o.current}),p.current.length>y&&(p.current.length=y)),o.current={x:i,y:a})}},B=()=>{o.current&&y>0&&(p.current.unshift({...o.current}),p.current.length>y&&(p.current.length=y)),o.current=null};return s.addEventListener("mousemove",K),s.addEventListener("mouseleave",B),j.current=requestAnimationFrame(H),()=>{window.removeEventListener("resize",V),cancelAnimationFrame(j.current),s.removeEventListener("mousemove",K),s.removeEventListener("mouseleave",B)}},[P,L,k,b,t,X,y]),q.jsx("canvas",{ref:_,className:`${z["shapegrid-canvas"]} ${Q}`})};J.__docgenInfo={description:"",methods:[],displayName:"ShapeGrid",props:{direction:{defaultValue:{value:"'right'",computed:!1},required:!1},speed:{defaultValue:{value:"1",computed:!1},required:!1},borderColor:{defaultValue:{value:"'#999'",computed:!1},required:!1},squareSize:{defaultValue:{value:"40",computed:!1},required:!1},hoverFillColor:{defaultValue:{value:"'#222'",computed:!1},required:!1},shape:{defaultValue:{value:"'square'",computed:!1},required:!1},hoverTrailAmount:{defaultValue:{value:"0",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const nt={title:"ReactBits/Backgrounds/ShapeGrid",component:J,parameters:{layout:"fullscreen"},tags:["autodocs"]},$={args:{direction:"right",speed:1,borderColor:"#999",squareSize:40,hoverFillColor:"#222",shape:"square",hoverTrailAmount:0}};var W,D,F;$.parameters={...$.parameters,docs:{...(W=$.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    direction: 'right',
+    speed: 1,
+    borderColor: '#999',
+    squareSize: 40,
+    hoverFillColor: '#222',
+    shape: 'square',
+    hoverTrailAmount: 0
+  }
+}`,...(F=(D=$.parameters)==null?void 0:D.docs)==null?void 0:F.source}}};const ct=["Default"];export{$ as Default,ct as __namedExportsOrder,nt as default};

package/storybook-static/assets/ShinyText-D0_UmCBv.css

@@ -0,0 +1 @@
+._shiny-text_183zx_1{display:inline-block}

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)}}