@stfrigerio/sito-template 0.1.103 → 0.1.107

package/storybook-static/assets/{NumberStepper.stories-BaedWrxw.js → NumberStepper.stories-DqAeQqfy.js}

@@ -1,4 +1,4 @@
-import{j as a,r as n}from"./iframe-ClorXKAj.js";import{N as t}from"./NumberStepper-CA99F71z.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-BS8g02XJ.js";import"./proxy-3BlM6Jc4.js";import"./MotionConfigContext-BOce3hkw.js";import"./index-CezVs6bU.js";const I={title:"Atoms/NumberStepper",component:t,parameters:{layout:"centered"},argTypes:{value:{control:{type:"number"}},onChange:{action:"changed"},min:{control:{type:"number"}},max:{control:{type:"number"}},step:{control:{type:"number"}},label:{control:"text"},icon:{control:"text"},disabled:{control:"boolean"},size:{control:{type:"select"},options:["small","medium","large"]},variant:{control:{type:"select"},options:["default","outlined","filled","minimal","custom","tally"]},showPlusMinus:{control:"boolean"},allowKeyboard:{control:"boolean"}}},b=e=>{const[l,r]=n.useState(e.value||0);return a.jsx(t,{...e,value:l,onChange:s=>{var o;r(s),(o=e.onChange)==null||o.call(e,s)}})},i={render:e=>a.jsx(b,{...e}),args:{value:5,min:0,max:10,step:1}},c={render:e=>a.jsx(b,{...e}),args:{value:5,min:0,max:100,step:1,label:"Cigarettes",icon:"🚬"}},p={render:()=>{const[e,l]=n.useState(0),[r,s]=n.useState(0),[o,m]=n.useState(7);return a.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[a.jsx(t,{value:e,onChange:l,min:0,max:10,step:1,label:"Glasses of Water",icon:"💧",variant:"filled"}),a.jsx(t,{value:r,onChange:s,min:0,max:120,step:15,label:"Exercise (minutes)",icon:"🏃",variant:"outlined"}),a.jsx(t,{value:o,onChange:m,min:0,max:12,step:.5,label:"Hours of Sleep",icon:"😴"})]})}},u={render:()=>{const[e,l]=n.useState(3),[r,s]=n.useState(1),[o,m]=n.useState(2),[g,A]=n.useState(0),E=e+r+o+g;return a.jsxs("div",{style:{width:520,padding:24,background:"#0d1320",color:"#e6e6e6",borderRadius:12,fontFamily:"var(--font-family-primary)"},children:[a.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:11,letterSpacing:"0.1em",textTransform:"uppercase",color:"#7a7e8a",marginBottom:12},children:[a.jsx("span",{children:"Counts — tap row to log"}),a.jsxs("span",{children:[E," today"]})]}),a.jsx(t,{variant:"tally",icon:"🚬",label:"Cigarettes",value:e,onChange:l,color:"#fd4545",min:0}),a.jsx(t,{variant:"tally",icon:"🌿",label:"Herbs",value:r,onChange:s,color:"#22c55e",min:0}),a.jsx(t,{variant:"tally",icon:"☕",label:"Coffees",value:o,onChange:m,color:"#f5b829",min:0}),a.jsx(t,{variant:"tally",icon:"🍷",label:"Alcohols",value:g,onChange:A,color:"#fce390",min:0})]})}},d={render:e=>a.jsx(b,{...e}),args:{value:100,min:0,max:999,step:1,label:"Health Points",icon:"❤️",showPlusMinus:!0,customStyles:{container:{background:"#1a1a2e",border:"2px solid #16213e",borderRadius:"12px",padding:"16px"},header:{marginBottom:"12px"},label:{color:"#eaeaea",fontSize:"14px",textTransform:"uppercase",letterSpacing:"1px"},icon:{filter:"drop-shadow(0 0 10px rgba(255, 0, 0, 0.5))"},stepper:{background:"#0f3460",borderRadius:"8px",padding:"8px"},button:{background:"#e94560",color:"white",border:"none",borderRadius:"6px",transition:"all 0.3s ease"},buttonHover:{background:"#ff4666",boxShadow:"0 0 20px rgba(233, 69, 96, 0.5)"},value:{color:"#00ff00",fontSize:"28px",fontFamily:"monospace",fontWeight:"bold",textShadow:"0 0 10px rgba(0, 255, 0, 0.5)"}}}};var x,f,h;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{
+import{j as a,r as n}from"./iframe-CsNMSmaZ.js";import{N as t}from"./NumberStepper-CBmHB1Ek.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-za8WR_2r.js";import"./proxy-CmCG226X.js";import"./MotionConfigContext-CT5IMbAV.js";import"./index-CnhxZRKH.js";const I={title:"Atoms/NumberStepper",component:t,parameters:{layout:"centered"},argTypes:{value:{control:{type:"number"}},onChange:{action:"changed"},min:{control:{type:"number"}},max:{control:{type:"number"}},step:{control:{type:"number"}},label:{control:"text"},icon:{control:"text"},disabled:{control:"boolean"},size:{control:{type:"select"},options:["small","medium","large"]},variant:{control:{type:"select"},options:["default","outlined","filled","minimal","custom","tally"]},showPlusMinus:{control:"boolean"},allowKeyboard:{control:"boolean"}}},b=e=>{const[l,r]=n.useState(e.value||0);return a.jsx(t,{...e,value:l,onChange:s=>{var o;r(s),(o=e.onChange)==null||o.call(e,s)}})},i={render:e=>a.jsx(b,{...e}),args:{value:5,min:0,max:10,step:1}},c={render:e=>a.jsx(b,{...e}),args:{value:5,min:0,max:100,step:1,label:"Cigarettes",icon:"🚬"}},p={render:()=>{const[e,l]=n.useState(0),[r,s]=n.useState(0),[o,m]=n.useState(7);return a.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[a.jsx(t,{value:e,onChange:l,min:0,max:10,step:1,label:"Glasses of Water",icon:"💧",variant:"filled"}),a.jsx(t,{value:r,onChange:s,min:0,max:120,step:15,label:"Exercise (minutes)",icon:"🏃",variant:"outlined"}),a.jsx(t,{value:o,onChange:m,min:0,max:12,step:.5,label:"Hours of Sleep",icon:"😴"})]})}},u={render:()=>{const[e,l]=n.useState(3),[r,s]=n.useState(1),[o,m]=n.useState(2),[g,A]=n.useState(0),E=e+r+o+g;return a.jsxs("div",{style:{width:520,padding:24,background:"#0d1320",color:"#e6e6e6",borderRadius:12,fontFamily:"var(--font-family-primary)"},children:[a.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:11,letterSpacing:"0.1em",textTransform:"uppercase",color:"#7a7e8a",marginBottom:12},children:[a.jsx("span",{children:"Counts — tap row to log"}),a.jsxs("span",{children:[E," today"]})]}),a.jsx(t,{variant:"tally",icon:"🚬",label:"Cigarettes",value:e,onChange:l,color:"#fd4545",min:0}),a.jsx(t,{variant:"tally",icon:"🌿",label:"Herbs",value:r,onChange:s,color:"#22c55e",min:0}),a.jsx(t,{variant:"tally",icon:"☕",label:"Coffees",value:o,onChange:m,color:"#f5b829",min:0}),a.jsx(t,{variant:"tally",icon:"🍷",label:"Alcohols",value:g,onChange:A,color:"#fce390",min:0})]})}},d={render:e=>a.jsx(b,{...e}),args:{value:100,min:0,max:999,step:1,label:"Health Points",icon:"❤️",showPlusMinus:!0,customStyles:{container:{background:"#1a1a2e",border:"2px solid #16213e",borderRadius:"12px",padding:"16px"},header:{marginBottom:"12px"},label:{color:"#eaeaea",fontSize:"14px",textTransform:"uppercase",letterSpacing:"1px"},icon:{filter:"drop-shadow(0 0 10px rgba(255, 0, 0, 0.5))"},stepper:{background:"#0f3460",borderRadius:"8px",padding:"8px"},button:{background:"#e94560",color:"white",border:"none",borderRadius:"6px",transition:"all 0.3s ease"},buttonHover:{background:"#ff4666",boxShadow:"0 0 20px rgba(233, 69, 96, 0.5)"},value:{color:"#00ff00",fontSize:"28px",fontFamily:"monospace",fontWeight:"bold",textShadow:"0 0 10px rgba(0, 255, 0, 0.5)"}}}};var x,f,h;i.parameters={...i.parameters,docs:{...(x=i.parameters)==null?void 0:x.docs,source:{originalSource:`{
   render: args => <NumberStepperWrapper {...args} />,
   args: {
     value: 5,

package/storybook-static/assets/{Orb.stories-C3AvU6Ck.js → Orb.stories-DGl5_O4a.js}

@@ -1,4 +1,4 @@
-import{r as E,j as D}from"./iframe-ClorXKAj.js";import{R as P,P as U,V as g,M as W}from"./Mesh-CwXV3WjE.js";import{T as X}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Y={"orb-container":"_orb-container_r9fzx_1"};function j({hue:o=0,hoverIntensity:a=.2,rotateOnHover:n=!0,forceHoverState:c=!1,backgroundColor:i="#000000"}){const l=E.useRef(null),h=`
+import{r as E,j as D}from"./iframe-CsNMSmaZ.js";import{R as P,P as U,V as g,M as W}from"./Mesh-CwXV3WjE.js";import{T as X}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Y={"orb-container":"_orb-container_r9fzx_1"};function j({hue:o=0,hoverIntensity:a=.2,rotateOnHover:n=!0,forceHoverState:c=!1,backgroundColor:i="#000000"}){const l=E.useRef(null),h=`
     precision highp float;
     attribute vec2 position;
     attribute vec2 uv;

package/storybook-static/assets/{OrbitImages.stories-CUQtYBoA.js → OrbitImages.stories-KXEol-Nl.js}

@@ -1,4 +1,4 @@
-import{r as j,j as c}from"./iframe-ClorXKAj.js";import{u as K}from"./use-motion-value-BABvebXq.js";import{a as Q}from"./index-CBJggPN9.js";import{u as U}from"./use-transform-CcGdha8D.js";import{m as X}from"./proxy-3BlM6Jc4.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BOce3hkw.js";const g={"orbit-container":"_orbit-container_tujj3_1","orbit-scaling-container":"_orbit-scaling-container_tujj3_7","orbit-rotation-wrapper":"_orbit-rotation-wrapper_tujj3_20","orbit-path-svg":"_orbit-path-svg_tujj3_27","orbit-item":"_orbit-item_tujj3_33","orbit-center-content":"_orbit-center-content_tujj3_39","orbit-image":"_orbit-image_tujj3_48"};function P(e,t,r,a){return`M ${e-r} ${t} A ${r} ${a} 0 1 0 ${e+r} ${t} A ${r} ${a} 0 1 0 ${e-r} ${t}`}function S(e,t,r){return P(e,t,r,r)}function Y(e,t,r){const a=r/2;return`M ${e-a} ${t-a} L ${e+a} ${t-a} L ${e+a} ${t+a} L ${e-a} ${t+a} Z`}function x(e,t,r,a){const s=r/2,n=a/2;return`M ${e-s} ${t-n} L ${e+s} ${t-n} L ${e+s} ${t+n} L ${e-s} ${t+n} Z`}function y(e,t,r){const a=r*Math.sqrt(3)/2,s=r/2;return`M ${e} ${t-a/1.5} L ${e+s} ${t+a/3} L ${e-s} ${t+a/3} Z`}function ee(e,t,r,a,s){const n=Math.PI/s;let l="";for(let o=0;o<2*s;o++){const i=o%2===0?r:a,u=o*n-Math.PI/2,f=e+i*Math.cos(u),b=t+i*Math.sin(u);l+=o===0?`M ${f} ${b}`:` L ${f} ${b}`}return l+" Z"}function te(e,t,r){const a=r/30;return`M ${e} ${t+12*a} C ${e-20*a} ${t-5*a}, ${e-12*a} ${t-18*a}, ${e} ${t-8*a} C ${e+12*a} ${t-18*a}, ${e+20*a} ${t-5*a}, ${e} ${t+12*a}`}function ae(e,t,r,a){const s=r/2,n=a/2;return`M ${e} ${t} C ${e+s*.5} ${t-n}, ${e+s} ${t-n}, ${e+s} ${t} C ${e+s} ${t+n}, ${e+s*.5} ${t+n}, ${e} ${t} C ${e-s*.5} ${t+n}, ${e-s} ${t+n}, ${e-s} ${t} C ${e-s} ${t-n}, ${e-s*.5} ${t-n}, ${e} ${t}`}function se(e,t,r,a,s){const n=[],l=s*20,o=r/2;for(let i=0;i<=l;i++){const u=e-o+r*i/l,f=t+Math.sin(i/l*s*2*Math.PI)*a;n.push(i===0?`M ${u} ${f}`:`L ${u} ${f}`)}for(let i=l;i>=0;i--){const u=e-o+r*i/l,f=t-Math.sin(i/l*s*2*Math.PI)*a;n.push(`L ${u} ${f}`)}return n.join(" ")+" Z"}function re({item:e,index:t,totalItems:r,path:a,itemSize:s,rotation:n,progress:l,fill:o}){const i=o?t/r*100:0,u=U(l,f=>`${((f+i)%100+100)%100}%`);return c.jsx(X.div,{className:`${g["orbit-item"]}`,style:{width:s,height:s,offsetPath:`path("${a}")`,offsetRotate:"0deg",offsetAnchor:"center center",offsetDistance:u},children:c.jsx("div",{style:{transform:`rotate(${-n}deg)`},children:e})})}function D({images:e=[],altPrefix:t="Orbiting image",shape:r="ellipse",customPath:a,baseWidth:s=1400,radiusX:n=700,radiusY:l=170,radius:o=300,starPoints:i=5,starInnerRatio:u=.5,rotation:f=-8,duration:b=40,itemSize:T=64,direction:M="normal",fill:W=!0,width:q=100,height:I=100,className:k="",showPath:z=!1,pathColor:B="rgba(0,0,0,0.1)",pathWidth:H=2,easing:w="linear",paused:C=!1,centerContent:L,responsive:h=!1}){const v=j.useRef(null),[O,F]=j.useState(1),d=s/2,p=s/2,R=j.useMemo(()=>{switch(r){case"circle":return S(d,p,o);case"ellipse":return P(d,p,n,l);case"square":return Y(d,p,o*2);case"rectangle":return x(d,p,n*2,l*2);case"triangle":return y(d,p,o*2);case"star":return ee(d,p,o,o*u,i);case"heart":return te(d,p,o*2);case"infinity":return ae(d,p,n*2,l*2);case"wave":return se(d,p,n*2,l,3);case"custom":return a||S(d,p,o);default:return P(d,p,n,l)}},[r,a,d,p,n,l,o,i,u]);j.useEffect(()=>{if(!h||!v.current)return;const m=()=>{v.current&&F(v.current.clientWidth/s)};m();const $=new ResizeObserver(m);return $.observe(v.current),()=>$.disconnect()},[h,s]);const V=K(0);j.useEffect(()=>{if(C)return;const m=Q(V,M==="reverse"?-100:100,{duration:b,ease:w,repeat:1/0,repeatType:"loop"});return()=>m.stop()},[V,b,w,M,C]);const G=h?"100%":typeof q=="number"?q:"100%",J=h?"auto":typeof I=="number"?I:typeof q=="number"?q:"auto",N=e.map((m,$)=>c.jsx("img",{src:m,alt:`${t} ${$+1}`,draggable:!1,className:`${g["orbit-image"]}`},m));return c.jsxs("div",{ref:v,className:`${g["orbit-container"]} ${k}`,style:{width:G,height:J,aspectRatio:h?"1 / 1":void 0},"aria-hidden":"true",children:[c.jsx("div",{className:h?"orbit-scaling-container orbit-scaling-container--responsive":g["orbit-scaling-container"],style:{width:h?s:"100%",height:h?s:"100%",transform:h?`translate(-50%, -50%) scale(${O})`:void 0},children:c.jsxs("div",{className:`${g["orbit-rotation-wrapper"]}`,style:{transform:`rotate(${f}deg)`},children:[z&&c.jsx("svg",{width:"100%",height:"100%",viewBox:`0 0 ${s} ${s}`,className:`${g["orbit-path-svg"]}`,children:c.jsx("path",{d:R,fill:"none",stroke:B,strokeWidth:H/O})}),N.map((m,$)=>c.jsx(re,{item:m,index:$,totalItems:N.length,path:R,itemSize:T,rotation:f,progress:V,fill:W},$))]})}),L&&c.jsx("div",{className:`${g["orbit-center-content"]}`,children:L})]})}D.__docgenInfo={description:"",methods:[],displayName:"OrbitImages",props:{images:{defaultValue:{value:"[]",computed:!1},required:!1},altPrefix:{defaultValue:{value:"'Orbiting image'",computed:!1},required:!1},shape:{defaultValue:{value:"'ellipse'",computed:!1},required:!1},baseWidth:{defaultValue:{value:"1400",computed:!1},required:!1},radiusX:{defaultValue:{value:"700",computed:!1},required:!1},radiusY:{defaultValue:{value:"170",computed:!1},required:!1},radius:{defaultValue:{value:"300",computed:!1},required:!1},starPoints:{defaultValue:{value:"5",computed:!1},required:!1},starInnerRatio:{defaultValue:{value:"0.5",computed:!1},required:!1},rotation:{defaultValue:{value:"-8",computed:!1},required:!1},duration:{defaultValue:{value:"40",computed:!1},required:!1},itemSize:{defaultValue:{value:"64",computed:!1},required:!1},direction:{defaultValue:{value:"'normal'",computed:!1},required:!1},fill:{defaultValue:{value:"true",computed:!1},required:!1},width:{defaultValue:{value:"100",computed:!1},required:!1},height:{defaultValue:{value:"100",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},showPath:{defaultValue:{value:"false",computed:!1},required:!1},pathColor:{defaultValue:{value:"'rgba(0,0,0,0.1)'",computed:!1},required:!1},pathWidth:{defaultValue:{value:"2",computed:!1},required:!1},easing:{defaultValue:{value:"'linear'",computed:!1},required:!1},paused:{defaultValue:{value:"false",computed:!1},required:!1},responsive:{defaultValue:{value:"false",computed:!1},required:!1}}};const pe={title:"ReactBits/Animations/OrbitImages",component:D,parameters:{layout:"fullscreen"}},_={args:{images:["https://picsum.photos/seed/a/200/200","https://picsum.photos/seed/b/200/200","https://picsum.photos/seed/c/200/200","https://picsum.photos/seed/d/200/200","https://picsum.photos/seed/e/200/200","https://picsum.photos/seed/f/200/200"],altPrefix:"Orbiting image",shape:"ellipse",baseWidth:1400,radiusX:700,radiusY:170,radius:300,starPoints:5,starInnerRatio:.5,rotation:-8,duration:40,itemSize:64,direction:"normal",fill:!0,width:100,height:100,showPath:!1,pathColor:"rgba(0,0,0,0.1)",pathWidth:2,easing:"linear",paused:!1,responsive:!1}};var E,Z,A;_.parameters={..._.parameters,docs:{...(E=_.parameters)==null?void 0:E.docs,source:{originalSource:`{
+import{r as j,j as c}from"./iframe-CsNMSmaZ.js";import{u as K}from"./use-motion-value-Cd-kGXsq.js";import{a as Q}from"./index-M_Boe6P4.js";import{u as U}from"./use-transform-LYq5i14s.js";import{m as X}from"./proxy-CmCG226X.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-CT5IMbAV.js";const g={"orbit-container":"_orbit-container_tujj3_1","orbit-scaling-container":"_orbit-scaling-container_tujj3_7","orbit-rotation-wrapper":"_orbit-rotation-wrapper_tujj3_20","orbit-path-svg":"_orbit-path-svg_tujj3_27","orbit-item":"_orbit-item_tujj3_33","orbit-center-content":"_orbit-center-content_tujj3_39","orbit-image":"_orbit-image_tujj3_48"};function P(e,t,r,a){return`M ${e-r} ${t} A ${r} ${a} 0 1 0 ${e+r} ${t} A ${r} ${a} 0 1 0 ${e-r} ${t}`}function S(e,t,r){return P(e,t,r,r)}function Y(e,t,r){const a=r/2;return`M ${e-a} ${t-a} L ${e+a} ${t-a} L ${e+a} ${t+a} L ${e-a} ${t+a} Z`}function x(e,t,r,a){const s=r/2,n=a/2;return`M ${e-s} ${t-n} L ${e+s} ${t-n} L ${e+s} ${t+n} L ${e-s} ${t+n} Z`}function y(e,t,r){const a=r*Math.sqrt(3)/2,s=r/2;return`M ${e} ${t-a/1.5} L ${e+s} ${t+a/3} L ${e-s} ${t+a/3} Z`}function ee(e,t,r,a,s){const n=Math.PI/s;let l="";for(let o=0;o<2*s;o++){const i=o%2===0?r:a,u=o*n-Math.PI/2,f=e+i*Math.cos(u),b=t+i*Math.sin(u);l+=o===0?`M ${f} ${b}`:` L ${f} ${b}`}return l+" Z"}function te(e,t,r){const a=r/30;return`M ${e} ${t+12*a} C ${e-20*a} ${t-5*a}, ${e-12*a} ${t-18*a}, ${e} ${t-8*a} C ${e+12*a} ${t-18*a}, ${e+20*a} ${t-5*a}, ${e} ${t+12*a}`}function ae(e,t,r,a){const s=r/2,n=a/2;return`M ${e} ${t} C ${e+s*.5} ${t-n}, ${e+s} ${t-n}, ${e+s} ${t} C ${e+s} ${t+n}, ${e+s*.5} ${t+n}, ${e} ${t} C ${e-s*.5} ${t+n}, ${e-s} ${t+n}, ${e-s} ${t} C ${e-s} ${t-n}, ${e-s*.5} ${t-n}, ${e} ${t}`}function se(e,t,r,a,s){const n=[],l=s*20,o=r/2;for(let i=0;i<=l;i++){const u=e-o+r*i/l,f=t+Math.sin(i/l*s*2*Math.PI)*a;n.push(i===0?`M ${u} ${f}`:`L ${u} ${f}`)}for(let i=l;i>=0;i--){const u=e-o+r*i/l,f=t-Math.sin(i/l*s*2*Math.PI)*a;n.push(`L ${u} ${f}`)}return n.join(" ")+" Z"}function re({item:e,index:t,totalItems:r,path:a,itemSize:s,rotation:n,progress:l,fill:o}){const i=o?t/r*100:0,u=U(l,f=>`${((f+i)%100+100)%100}%`);return c.jsx(X.div,{className:`${g["orbit-item"]}`,style:{width:s,height:s,offsetPath:`path("${a}")`,offsetRotate:"0deg",offsetAnchor:"center center",offsetDistance:u},children:c.jsx("div",{style:{transform:`rotate(${-n}deg)`},children:e})})}function D({images:e=[],altPrefix:t="Orbiting image",shape:r="ellipse",customPath:a,baseWidth:s=1400,radiusX:n=700,radiusY:l=170,radius:o=300,starPoints:i=5,starInnerRatio:u=.5,rotation:f=-8,duration:b=40,itemSize:T=64,direction:M="normal",fill:W=!0,width:q=100,height:I=100,className:k="",showPath:z=!1,pathColor:B="rgba(0,0,0,0.1)",pathWidth:H=2,easing:w="linear",paused:C=!1,centerContent:L,responsive:h=!1}){const v=j.useRef(null),[O,F]=j.useState(1),d=s/2,p=s/2,R=j.useMemo(()=>{switch(r){case"circle":return S(d,p,o);case"ellipse":return P(d,p,n,l);case"square":return Y(d,p,o*2);case"rectangle":return x(d,p,n*2,l*2);case"triangle":return y(d,p,o*2);case"star":return ee(d,p,o,o*u,i);case"heart":return te(d,p,o*2);case"infinity":return ae(d,p,n*2,l*2);case"wave":return se(d,p,n*2,l,3);case"custom":return a||S(d,p,o);default:return P(d,p,n,l)}},[r,a,d,p,n,l,o,i,u]);j.useEffect(()=>{if(!h||!v.current)return;const m=()=>{v.current&&F(v.current.clientWidth/s)};m();const $=new ResizeObserver(m);return $.observe(v.current),()=>$.disconnect()},[h,s]);const V=K(0);j.useEffect(()=>{if(C)return;const m=Q(V,M==="reverse"?-100:100,{duration:b,ease:w,repeat:1/0,repeatType:"loop"});return()=>m.stop()},[V,b,w,M,C]);const G=h?"100%":typeof q=="number"?q:"100%",J=h?"auto":typeof I=="number"?I:typeof q=="number"?q:"auto",N=e.map((m,$)=>c.jsx("img",{src:m,alt:`${t} ${$+1}`,draggable:!1,className:`${g["orbit-image"]}`},m));return c.jsxs("div",{ref:v,className:`${g["orbit-container"]} ${k}`,style:{width:G,height:J,aspectRatio:h?"1 / 1":void 0},"aria-hidden":"true",children:[c.jsx("div",{className:h?"orbit-scaling-container orbit-scaling-container--responsive":g["orbit-scaling-container"],style:{width:h?s:"100%",height:h?s:"100%",transform:h?`translate(-50%, -50%) scale(${O})`:void 0},children:c.jsxs("div",{className:`${g["orbit-rotation-wrapper"]}`,style:{transform:`rotate(${f}deg)`},children:[z&&c.jsx("svg",{width:"100%",height:"100%",viewBox:`0 0 ${s} ${s}`,className:`${g["orbit-path-svg"]}`,children:c.jsx("path",{d:R,fill:"none",stroke:B,strokeWidth:H/O})}),N.map((m,$)=>c.jsx(re,{item:m,index:$,totalItems:N.length,path:R,itemSize:T,rotation:f,progress:V,fill:W},$))]})}),L&&c.jsx("div",{className:`${g["orbit-center-content"]}`,children:L})]})}D.__docgenInfo={description:"",methods:[],displayName:"OrbitImages",props:{images:{defaultValue:{value:"[]",computed:!1},required:!1},altPrefix:{defaultValue:{value:"'Orbiting image'",computed:!1},required:!1},shape:{defaultValue:{value:"'ellipse'",computed:!1},required:!1},baseWidth:{defaultValue:{value:"1400",computed:!1},required:!1},radiusX:{defaultValue:{value:"700",computed:!1},required:!1},radiusY:{defaultValue:{value:"170",computed:!1},required:!1},radius:{defaultValue:{value:"300",computed:!1},required:!1},starPoints:{defaultValue:{value:"5",computed:!1},required:!1},starInnerRatio:{defaultValue:{value:"0.5",computed:!1},required:!1},rotation:{defaultValue:{value:"-8",computed:!1},required:!1},duration:{defaultValue:{value:"40",computed:!1},required:!1},itemSize:{defaultValue:{value:"64",computed:!1},required:!1},direction:{defaultValue:{value:"'normal'",computed:!1},required:!1},fill:{defaultValue:{value:"true",computed:!1},required:!1},width:{defaultValue:{value:"100",computed:!1},required:!1},height:{defaultValue:{value:"100",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},showPath:{defaultValue:{value:"false",computed:!1},required:!1},pathColor:{defaultValue:{value:"'rgba(0,0,0,0.1)'",computed:!1},required:!1},pathWidth:{defaultValue:{value:"2",computed:!1},required:!1},easing:{defaultValue:{value:"'linear'",computed:!1},required:!1},paused:{defaultValue:{value:"false",computed:!1},required:!1},responsive:{defaultValue:{value:"false",computed:!1},required:!1}}};const pe={title:"ReactBits/Animations/OrbitImages",component:D,parameters:{layout:"fullscreen"}},_={args:{images:["https://picsum.photos/seed/a/200/200","https://picsum.photos/seed/b/200/200","https://picsum.photos/seed/c/200/200","https://picsum.photos/seed/d/200/200","https://picsum.photos/seed/e/200/200","https://picsum.photos/seed/f/200/200"],altPrefix:"Orbiting image",shape:"ellipse",baseWidth:1400,radiusX:700,radiusY:170,radius:300,starPoints:5,starInnerRatio:.5,rotation:-8,duration:40,itemSize:64,direction:"normal",fill:!0,width:100,height:100,showPath:!1,pathColor:"rgba(0,0,0,0.1)",pathWidth:2,easing:"linear",paused:!1,responsive:!1}};var E,Z,A;_.parameters={..._.parameters,docs:{...(E=_.parameters)==null?void 0:E.docs,source:{originalSource:`{
   args: {
     images: ['https://picsum.photos/seed/a/200/200', 'https://picsum.photos/seed/b/200/200', 'https://picsum.photos/seed/c/200/200', 'https://picsum.photos/seed/d/200/200', 'https://picsum.photos/seed/e/200/200', 'https://picsum.photos/seed/f/200/200'],
     altPrefix: 'Orbiting image',

package/storybook-static/assets/{PieChart.stories-CuDdoiKR.js → PieChart.stories-BY1n9cPF.js}

@@ -1,4 +1,4 @@
-import{r as k,j as h}from"./iframe-ClorXKAj.js";import{s as S,c as H,b as Q,e as W}from"./transform-DaumkFRH.js";import{a as Z}from"./array-BKyUJesY.js";import{c as w}from"./path-CSVzDSO0.js";import{t as $,a as M}from"./arc--Q2xWRUA.js";import{i as ee}from"./value-CMZJhU-O.js";import"./preload-helper-C1FmrZbK.js";function te(n,a){let o=0;if(a===void 0)for(let c of n)(c=+c)&&(o+=c);else{let c=-1;for(let f of n)(f=+a(f,++c,n))&&(o+=f)}return o}function ne(n,a){return a<n?-1:a>n?1:a>=n?0:NaN}function ae(n){return n}function re(){var n=ae,a=ne,o=null,c=w(0),f=w($),C=w(0);function s(t){var r,i=(t=Z(t)).length,m,D,x=0,A=new Array(i),u=new Array(i),_=+c.apply(this,arguments),b=Math.min($,Math.max(-$,f.apply(this,arguments)-_)),T,L=Math.min(Math.abs(b)/i,C.apply(this,arguments)),R=L*(b<0?-1:1),d;for(r=0;r<i;++r)(d=u[A[r]=r]=+n(t[r],r,t))>0&&(x+=d);for(a!=null?A.sort(function(P,y){return a(u[P],u[y])}):o!=null&&A.sort(function(P,y){return o(t[P],t[y])}),r=0,D=x?(b-i*R)/x:0;r<i;++r,_=T)m=A[r],d=u[m],T=_+(d>0?d*D:0)+R,u[m]={data:t[m],index:r,value:d,startAngle:_,endAngle:T,padAngle:L};return u}return s.value=function(t){return arguments.length?(n=typeof t=="function"?t:w(+t),s):n},s.sortValues=function(t){return arguments.length?(a=t,o=null,s):a},s.sort=function(t){return arguments.length?(o=t,a=null,s):o},s.startAngle=function(t){return arguments.length?(c=typeof t=="function"?t:w(+t),s):c},s.endAngle=function(t){return arguments.length?(f=typeof t=="function"?t:w(+t),s):f},s.padAngle=function(t){return arguments.length?(C=typeof t=="function"?t:w(+t),s):C},s}const oe="_container_1d3zv_1",le="_title_1d3zv_7",se="_chartContainer_1d3zv_15",ie="_chart_1d3zv_15",ce="_legend_1d3zv_26",ue="_legendItem_1d3zv_31",de="_legendColor_1d3zv_45",me="_legendLabel_1d3zv_52",ge="_legendValue_1d3zv_59",pe="_tooltip_1d3zv_65",g={container:oe,title:le,chartContainer:se,chart:ie,legend:ce,legendItem:ue,legendColor:de,legendLabel:me,legendValue:ge,tooltip:pe},p=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#8b5cf6","#14b8a6","#f59e0b","#ef4444","#06b6d4","#10b981"],V=n=>{const a=W(n);if(!a)return"#ffffff";const o=a.rgb();return(.299*o.r+.587*o.g+.114*o.b)/255>.5?"#000000":"#ffffff"},X=({data:n,width:a=400,height:o=400,title:c="Distribution",showLegend:f=!0,unit:C="items",centerLabel:s})=>{const t=k.useRef(null),r=Math.min(a,o)/2-20;return k.useEffect(()=>{if(!t.current||!n.length)return;const i=S(t.current);i.selectAll("*").remove();const m=i.append("g").attr("transform",`translate(${a/2},${o/2})`),D=re().value(e=>e.value).sort(null),x=M().innerRadius(r*.4).outerRadius(r).cornerRadius(4),A=M().innerRadius(r*.7).outerRadius(r*.7),u=S("body").append("div").attr("class",g.tooltip).style("opacity",0).style("position","absolute"),_=D(n),b=te(n,e=>e.value),T=m.selectAll(".arc").data(_).enter().append("g").attr("class","arc"),L=900,R=T.append("path").attr("fill",(e,l)=>e.data.color||p[l%p.length]).attr("stroke","var(--bg-primary)").attr("stroke-width",3).style("cursor","pointer").style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))").attr("d",e=>x({...e,endAngle:e.startAngle}));R.transition().delay(e=>e.startAngle/(2*Math.PI)*L).duration(e=>(e.endAngle-e.startAngle)/(2*Math.PI)*L+200).ease(H).attrTween("d",function(e){const l=ee(e.startAngle,e.endAngle);return v=>x({...e,endAngle:l(v)})||""}),R.on("mouseover",function(e,l){const v=M().innerRadius(r*.4).outerRadius(r*1.05).cornerRadius(4);S(this).transition().duration(200).attr("d",q=>v(q)).style("filter","drop-shadow(0 4px 12px rgba(0,0,0,0.25))"),u.transition().duration(200).style("opacity",1);const I=(l.data.value/b*100).toFixed(1);u.html(`
+import{r as k,j as h}from"./iframe-CsNMSmaZ.js";import{s as S,c as H,b as Q,e as W}from"./transform-DaumkFRH.js";import{a as Z}from"./array-BKyUJesY.js";import{c as w}from"./path-CSVzDSO0.js";import{t as $,a as M}from"./arc--Q2xWRUA.js";import{i as ee}from"./value-CMZJhU-O.js";import"./preload-helper-C1FmrZbK.js";function te(n,a){let o=0;if(a===void 0)for(let c of n)(c=+c)&&(o+=c);else{let c=-1;for(let f of n)(f=+a(f,++c,n))&&(o+=f)}return o}function ne(n,a){return a<n?-1:a>n?1:a>=n?0:NaN}function ae(n){return n}function re(){var n=ae,a=ne,o=null,c=w(0),f=w($),C=w(0);function s(t){var r,i=(t=Z(t)).length,m,D,x=0,A=new Array(i),u=new Array(i),_=+c.apply(this,arguments),b=Math.min($,Math.max(-$,f.apply(this,arguments)-_)),T,L=Math.min(Math.abs(b)/i,C.apply(this,arguments)),R=L*(b<0?-1:1),d;for(r=0;r<i;++r)(d=u[A[r]=r]=+n(t[r],r,t))>0&&(x+=d);for(a!=null?A.sort(function(P,y){return a(u[P],u[y])}):o!=null&&A.sort(function(P,y){return o(t[P],t[y])}),r=0,D=x?(b-i*R)/x:0;r<i;++r,_=T)m=A[r],d=u[m],T=_+(d>0?d*D:0)+R,u[m]={data:t[m],index:r,value:d,startAngle:_,endAngle:T,padAngle:L};return u}return s.value=function(t){return arguments.length?(n=typeof t=="function"?t:w(+t),s):n},s.sortValues=function(t){return arguments.length?(a=t,o=null,s):a},s.sort=function(t){return arguments.length?(o=t,a=null,s):o},s.startAngle=function(t){return arguments.length?(c=typeof t=="function"?t:w(+t),s):c},s.endAngle=function(t){return arguments.length?(f=typeof t=="function"?t:w(+t),s):f},s.padAngle=function(t){return arguments.length?(C=typeof t=="function"?t:w(+t),s):C},s}const oe="_container_1d3zv_1",le="_title_1d3zv_7",se="_chartContainer_1d3zv_15",ie="_chart_1d3zv_15",ce="_legend_1d3zv_26",ue="_legendItem_1d3zv_31",de="_legendColor_1d3zv_45",me="_legendLabel_1d3zv_52",ge="_legendValue_1d3zv_59",pe="_tooltip_1d3zv_65",g={container:oe,title:le,chartContainer:se,chart:ie,legend:ce,legendItem:ue,legendColor:de,legendLabel:me,legendValue:ge,tooltip:pe},p=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#8b5cf6","#14b8a6","#f59e0b","#ef4444","#06b6d4","#10b981"],V=n=>{const a=W(n);if(!a)return"#ffffff";const o=a.rgb();return(.299*o.r+.587*o.g+.114*o.b)/255>.5?"#000000":"#ffffff"},X=({data:n,width:a=400,height:o=400,title:c="Distribution",showLegend:f=!0,unit:C="items",centerLabel:s})=>{const t=k.useRef(null),r=Math.min(a,o)/2-20;return k.useEffect(()=>{if(!t.current||!n.length)return;const i=S(t.current);i.selectAll("*").remove();const m=i.append("g").attr("transform",`translate(${a/2},${o/2})`),D=re().value(e=>e.value).sort(null),x=M().innerRadius(r*.4).outerRadius(r).cornerRadius(4),A=M().innerRadius(r*.7).outerRadius(r*.7),u=S("body").append("div").attr("class",g.tooltip).style("opacity",0).style("position","absolute"),_=D(n),b=te(n,e=>e.value),T=m.selectAll(".arc").data(_).enter().append("g").attr("class","arc"),L=900,R=T.append("path").attr("fill",(e,l)=>e.data.color||p[l%p.length]).attr("stroke","var(--bg-primary)").attr("stroke-width",3).style("cursor","pointer").style("filter","drop-shadow(0 2px 8px rgba(0,0,0,0.15))").attr("d",e=>x({...e,endAngle:e.startAngle}));R.transition().delay(e=>e.startAngle/(2*Math.PI)*L).duration(e=>(e.endAngle-e.startAngle)/(2*Math.PI)*L+200).ease(H).attrTween("d",function(e){const l=ee(e.startAngle,e.endAngle);return v=>x({...e,endAngle:l(v)})||""}),R.on("mouseover",function(e,l){const v=M().innerRadius(r*.4).outerRadius(r*1.05).cornerRadius(4);S(this).transition().duration(200).attr("d",q=>v(q)).style("filter","drop-shadow(0 4px 12px rgba(0,0,0,0.25))"),u.transition().duration(200).style("opacity",1);const I=(l.data.value/b*100).toFixed(1);u.html(`
                     <div><strong>${l.data.name}</strong></div>
                     <div>Value: ${l.data.value.toLocaleString()}</div>
                     <div>${I}% of total</div>

package/storybook-static/assets/{PixelBlast.stories-BZMMgPnx.js → PixelBlast.stories-DtC6gAbZ.js}

@@ -1,4 +1,4 @@
-import{r as z,j as Ee}from"./iframe-ClorXKAj.js";import{E as re,R as le,b as ie,a as me}from"./index-DcRHiSf7.js";import{W as we,d as ne,n as Re,S as Ce,a as Pe,i as qe,a9 as Te,q as be,M as Ae,f as ze,G as M,a2 as Me,z as se}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const Fe={"pixel-blast-container":"_pixel-blast-container_a95g7_1"},ke=()=>{const l=document.createElement("canvas");l.width=64,l.height=64;const i=l.getContext("2d");if(!i)throw new Error("2D context not available");i.fillStyle="black",i.fillRect(0,0,l.width,l.height);const T=new Me(l);T.minFilter=se,T.magFilter=se,T.generateMipmaps=!1;const E=[];let w=null;const m=64;let R=.1*64;const F=1/m,k=()=>{i.fillStyle="black",i.fillRect(0,0,l.width,l.height)},I=a=>{const n={x:a.x*64,y:(1-a.y)*64};let c=1;const C=v=>Math.sin(v*Math.PI/2),g=v=>-v*(v-2);a.age<m*.3?c=C(a.age/(m*.3)):c=g(1-(a.age-m*.3)/(m*.7))||0,c*=a.force;const h=`${(a.vx+1)/2*255}, ${(a.vy+1)/2*255}, ${c*255}`,p=64*5;i.shadowOffsetX=p,i.shadowOffsetY=p,i.shadowBlur=R,i.shadowColor=`rgba(${h},${.22*c})`,i.beginPath(),i.fillStyle="rgba(255,0,0,1)",i.arc(n.x-p,n.y-p,R,0,Math.PI*2),i.fill()};return{canvas:l,texture:T,addTouch:a=>{let n=0,c=0,C=0;if(w){const g=a.x-w.x,h=a.y-w.y;if(g===0&&h===0)return;const p=g*g+h*h,v=Math.sqrt(p);c=g/(v||1),C=h/(v||1),n=Math.min(p*1e4,1)}w={x:a.x,y:a.y},E.push({x:a.x,y:a.y,age:0,force:n,vx:c,vy:C})},update:()=>{k();for(let a=E.length-1;a>=0;a--){const n=E[a],c=n.force*F*(1-n.age/m);n.x+=n.vx*c,n.y+=n.vy*c,n.age++,n.age>m&&E.splice(a,1)}for(let a=0;a<E.length;a++)I(E[a]);T.needsUpdate=!0},set radiusScale(a){R=.1*64*a},get radiusScale(){return R/(.1*64)},size:64}},Ie=(b,l)=>{const i=`
+import{r as z,j as Ee}from"./iframe-CsNMSmaZ.js";import{E as re,R as le,b as ie,a as me}from"./index-DcRHiSf7.js";import{W as we,d as ne,n as Re,S as Ce,a as Pe,i as qe,a9 as Te,q as be,M as Ae,f as ze,G as M,a2 as Me,z as se}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const Fe={"pixel-blast-container":"_pixel-blast-container_a95g7_1"},ke=()=>{const l=document.createElement("canvas");l.width=64,l.height=64;const i=l.getContext("2d");if(!i)throw new Error("2D context not available");i.fillStyle="black",i.fillRect(0,0,l.width,l.height);const T=new Me(l);T.minFilter=se,T.magFilter=se,T.generateMipmaps=!1;const E=[];let w=null;const m=64;let R=.1*64;const F=1/m,k=()=>{i.fillStyle="black",i.fillRect(0,0,l.width,l.height)},I=a=>{const n={x:a.x*64,y:(1-a.y)*64};let c=1;const C=v=>Math.sin(v*Math.PI/2),g=v=>-v*(v-2);a.age<m*.3?c=C(a.age/(m*.3)):c=g(1-(a.age-m*.3)/(m*.7))||0,c*=a.force;const h=`${(a.vx+1)/2*255}, ${(a.vy+1)/2*255}, ${c*255}`,p=64*5;i.shadowOffsetX=p,i.shadowOffsetY=p,i.shadowBlur=R,i.shadowColor=`rgba(${h},${.22*c})`,i.beginPath(),i.fillStyle="rgba(255,0,0,1)",i.arc(n.x-p,n.y-p,R,0,Math.PI*2),i.fill()};return{canvas:l,texture:T,addTouch:a=>{let n=0,c=0,C=0;if(w){const g=a.x-w.x,h=a.y-w.y;if(g===0&&h===0)return;const p=g*g+h*h,v=Math.sqrt(p);c=g/(v||1),C=h/(v||1),n=Math.min(p*1e4,1)}w={x:a.x,y:a.y},E.push({x:a.x,y:a.y,age:0,force:n,vx:c,vy:C})},update:()=>{k();for(let a=E.length-1;a>=0;a--){const n=E[a],c=n.force*F*(1-n.age/m);n.x+=n.vx*c,n.y+=n.vy*c,n.age++,n.age>m&&E.splice(a,1)}for(let a=0;a<E.length;a++)I(E[a]);T.needsUpdate=!0},set radiusScale(a){R=.1*64*a},get radiusScale(){return R/(.1*64)},size:64}},Ie=(b,l)=>{const i=`
     uniform sampler2D uTexture;
     uniform float uStrength;
     uniform float uTime;

package/storybook-static/assets/{PixelCard.stories-BGHIfRb9.js → PixelCard.stories-CVURZbUf.js}

@@ -1,4 +1,4 @@
-import{r as l,j as V}from"./iframe-ClorXKAj.js";import"./preload-helper-C1FmrZbK.js";const q={"pixel-canvas":"_pixel-canvas_wo94u_1","pixel-card":"_pixel-card_wo94u_7"};class J{constructor(t,u,p,x,i,y,n){this.width=t.width,this.height=t.height,this.ctx=u,this.x=p,this.y=x,this.color=i,this.speed=this.getRandomValue(.1,.9)*y,this.size=0,this.sizeStep=Math.random()*.4,this.minSize=.5,this.maxSizeInteger=2,this.maxSize=this.getRandomValue(this.minSize,this.maxSizeInteger),this.delay=n,this.counter=0,this.counterStep=Math.random()*4+(this.width+this.height)*.01,this.isIdle=!1,this.isReverse=!1,this.isShimmer=!1}getRandomValue(t,u){return Math.random()*(u-t)+t}draw(){const t=this.maxSizeInteger*.5-this.size*.5;this.ctx.fillStyle=this.color,this.ctx.fillRect(this.x+t,this.y+t,this.size,this.size)}appear(){if(this.isIdle=!1,this.counter<=this.delay){this.counter+=this.counterStep;return}this.size>=this.maxSize&&(this.isShimmer=!0),this.isShimmer?this.shimmer():this.size+=this.sizeStep,this.draw()}disappear(){if(this.isShimmer=!1,this.counter=0,this.size<=0){this.isIdle=!0;return}else this.size-=.1;this.draw()}shimmer(){this.size>=this.maxSize?this.isReverse=!0:this.size<=this.minSize&&(this.isReverse=!1),this.isReverse?this.size-=this.speed:this.size+=this.speed}}function K(m,t){const i=parseInt(m,10);return i<=0||t?0:i>=100?100*.001:i*.001}const T={default:{activeColor:null,gap:5,speed:35,colors:"#f8fafc,#f1f5f9,#cbd5e1",noFocus:!1},blue:{activeColor:"#e0f2fe",gap:10,speed:25,colors:"#e0f2fe,#7dd3fc,#0ea5e9",noFocus:!1},yellow:{activeColor:"#fef08a",gap:3,speed:20,colors:"#fef08a,#fde047,#eab308",noFocus:!1},pink:{activeColor:"#fecdd3",gap:6,speed:80,colors:"#fecdd3,#fda4af,#e11d48",noFocus:!0}};function O({variant:m="default",gap:t,speed:u,colors:p,noFocus:x,className:i="",children:y}){const n=l.useRef(null),s=l.useRef(null),I=l.useRef([]),h=l.useRef(null),F=l.useRef(performance.now()),M=l.useRef(window.matchMedia("(prefers-reduced-motion: reduce)").matches).current,g=T[m]||T.default,C=t??g.gap,A=u??g.speed,_=p??g.colors,v=x??g.noFocus,b=()=>{if(!n.current||!s.current)return;const e=n.current.getBoundingClientRect(),a=Math.floor(e.width),o=Math.floor(e.height),z=s.current.getContext("2d");s.current.width=a,s.current.height=o,s.current.style.width=`${a}px`,s.current.style.height=`${o}px`;const d=_.split(","),f=[];for(let c=0;c<a;c+=parseInt(C,10))for(let r=0;r<o;r+=parseInt(C,10)){const S=d[Math.floor(Math.random()*d.length)],E=c-a/2,N=r-o/2,G=Math.sqrt(E*E+N*N),L=M?0:G;f.push(new J(s.current,z,c,r,S,K(A,M),L))}I.current=f},P=e=>{var c;h.current=requestAnimationFrame(()=>P(e));const a=performance.now(),o=a-F.current,z=1e3/60;if(o<z)return;F.current=a-o%z;const d=(c=s.current)==null?void 0:c.getContext("2d");if(!d||!s.current)return;d.clearRect(0,0,s.current.width,s.current.height);let f=!0;for(let r=0;r<I.current.length;r++){const S=I.current[r];S[e](),S.isIdle||(f=!1)}f&&cancelAnimationFrame(h.current)},R=e=>{cancelAnimationFrame(h.current),h.current=requestAnimationFrame(()=>P(e))},D=()=>R("appear"),H=()=>R("disappear"),W=e=>{e.currentTarget.contains(e.relatedTarget)||R("appear")},k=e=>{e.currentTarget.contains(e.relatedTarget)||R("disappear")};return l.useEffect(()=>{b();const e=new ResizeObserver(()=>{b()});return n.current&&e.observe(n.current),()=>{e.disconnect(),cancelAnimationFrame(h.current)}},[C,A,_,v]),V.jsxs("div",{ref:n,className:`${q["pixel-card"]} ${i}`,onMouseEnter:D,onMouseLeave:H,onFocus:v?void 0:W,onBlur:v?void 0:k,tabIndex:v?-1:0,children:[V.jsx("canvas",{className:`${q["pixel-canvas"]}`,ref:s}),y]})}O.__docgenInfo={description:"",methods:[],displayName:"PixelCard",props:{variant:{defaultValue:{value:"'default'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const X={title:"ReactBits/Components/PixelCard",component:O,parameters:{layout:"fullscreen"}},w={args:{variant:"default",children:"Hello World"}};var $,j,B;w.parameters={...w.parameters,docs:{...($=w.parameters)==null?void 0:$.docs,source:{originalSource:`{
+import{r as l,j as V}from"./iframe-CsNMSmaZ.js";import"./preload-helper-C1FmrZbK.js";const q={"pixel-canvas":"_pixel-canvas_wo94u_1","pixel-card":"_pixel-card_wo94u_7"};class J{constructor(t,u,p,x,i,y,n){this.width=t.width,this.height=t.height,this.ctx=u,this.x=p,this.y=x,this.color=i,this.speed=this.getRandomValue(.1,.9)*y,this.size=0,this.sizeStep=Math.random()*.4,this.minSize=.5,this.maxSizeInteger=2,this.maxSize=this.getRandomValue(this.minSize,this.maxSizeInteger),this.delay=n,this.counter=0,this.counterStep=Math.random()*4+(this.width+this.height)*.01,this.isIdle=!1,this.isReverse=!1,this.isShimmer=!1}getRandomValue(t,u){return Math.random()*(u-t)+t}draw(){const t=this.maxSizeInteger*.5-this.size*.5;this.ctx.fillStyle=this.color,this.ctx.fillRect(this.x+t,this.y+t,this.size,this.size)}appear(){if(this.isIdle=!1,this.counter<=this.delay){this.counter+=this.counterStep;return}this.size>=this.maxSize&&(this.isShimmer=!0),this.isShimmer?this.shimmer():this.size+=this.sizeStep,this.draw()}disappear(){if(this.isShimmer=!1,this.counter=0,this.size<=0){this.isIdle=!0;return}else this.size-=.1;this.draw()}shimmer(){this.size>=this.maxSize?this.isReverse=!0:this.size<=this.minSize&&(this.isReverse=!1),this.isReverse?this.size-=this.speed:this.size+=this.speed}}function K(m,t){const i=parseInt(m,10);return i<=0||t?0:i>=100?100*.001:i*.001}const T={default:{activeColor:null,gap:5,speed:35,colors:"#f8fafc,#f1f5f9,#cbd5e1",noFocus:!1},blue:{activeColor:"#e0f2fe",gap:10,speed:25,colors:"#e0f2fe,#7dd3fc,#0ea5e9",noFocus:!1},yellow:{activeColor:"#fef08a",gap:3,speed:20,colors:"#fef08a,#fde047,#eab308",noFocus:!1},pink:{activeColor:"#fecdd3",gap:6,speed:80,colors:"#fecdd3,#fda4af,#e11d48",noFocus:!0}};function O({variant:m="default",gap:t,speed:u,colors:p,noFocus:x,className:i="",children:y}){const n=l.useRef(null),s=l.useRef(null),I=l.useRef([]),h=l.useRef(null),F=l.useRef(performance.now()),M=l.useRef(window.matchMedia("(prefers-reduced-motion: reduce)").matches).current,g=T[m]||T.default,C=t??g.gap,A=u??g.speed,_=p??g.colors,v=x??g.noFocus,b=()=>{if(!n.current||!s.current)return;const e=n.current.getBoundingClientRect(),a=Math.floor(e.width),o=Math.floor(e.height),z=s.current.getContext("2d");s.current.width=a,s.current.height=o,s.current.style.width=`${a}px`,s.current.style.height=`${o}px`;const d=_.split(","),f=[];for(let c=0;c<a;c+=parseInt(C,10))for(let r=0;r<o;r+=parseInt(C,10)){const S=d[Math.floor(Math.random()*d.length)],E=c-a/2,N=r-o/2,G=Math.sqrt(E*E+N*N),L=M?0:G;f.push(new J(s.current,z,c,r,S,K(A,M),L))}I.current=f},P=e=>{var c;h.current=requestAnimationFrame(()=>P(e));const a=performance.now(),o=a-F.current,z=1e3/60;if(o<z)return;F.current=a-o%z;const d=(c=s.current)==null?void 0:c.getContext("2d");if(!d||!s.current)return;d.clearRect(0,0,s.current.width,s.current.height);let f=!0;for(let r=0;r<I.current.length;r++){const S=I.current[r];S[e](),S.isIdle||(f=!1)}f&&cancelAnimationFrame(h.current)},R=e=>{cancelAnimationFrame(h.current),h.current=requestAnimationFrame(()=>P(e))},D=()=>R("appear"),H=()=>R("disappear"),W=e=>{e.currentTarget.contains(e.relatedTarget)||R("appear")},k=e=>{e.currentTarget.contains(e.relatedTarget)||R("disappear")};return l.useEffect(()=>{b();const e=new ResizeObserver(()=>{b()});return n.current&&e.observe(n.current),()=>{e.disconnect(),cancelAnimationFrame(h.current)}},[C,A,_,v]),V.jsxs("div",{ref:n,className:`${q["pixel-card"]} ${i}`,onMouseEnter:D,onMouseLeave:H,onFocus:v?void 0:W,onBlur:v?void 0:k,tabIndex:v?-1:0,children:[V.jsx("canvas",{className:`${q["pixel-canvas"]}`,ref:s}),y]})}O.__docgenInfo={description:"",methods:[],displayName:"PixelCard",props:{variant:{defaultValue:{value:"'default'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1}}};const X={title:"ReactBits/Components/PixelCard",component:O,parameters:{layout:"fullscreen"}},w={args:{variant:"default",children:"Hello World"}};var $,j,B;w.parameters={...w.parameters,docs:{...($=w.parameters)==null?void 0:$.docs,source:{originalSource:`{
   args: {
     variant: 'default',
     children: 'Hello World'

package/storybook-static/assets/{PixelSnow.stories-BxIpxPJS.js → PixelSnow.stories-v-dVY-lf.js}

@@ -1,4 +1,4 @@
-import{r as t,j as B}from"./iframe-ClorXKAj.js";import{n as K,e as O,S as T,a as U,W as X,i as G,d as H,q as W,M as Y}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const J={"pixel-snow-container":"_pixel-snow-container_udm6i_1"},L=`
+import{r as t,j as B}from"./iframe-CsNMSmaZ.js";import{n as K,e as O,S as T,a as U,W as X,i as G,d as H,q as W,M as Y}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const J={"pixel-snow-container":"_pixel-snow-container_udm6i_1"},L=`
 void main() {
   gl_Position = vec4(position, 1.0);
 }

package/storybook-static/assets/{PixelTransition.stories-Do2T23Se.js → PixelTransition.stories-C9Ty9KkJ.js}

@@ -1,4 +1,4 @@
-import{r,j as l}from"./iframe-ClorXKAj.js";import{g as d}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const c={"pixelated-image-card":"_pixelated-image-card_12og9_1","pixelated-image-card__default":"_pixelated-image-card__default_12og9_12","pixelated-image-card__active":"_pixelated-image-card__active_12og9_13","pixelated-image-card__pixels":"_pixelated-image-card__pixels_12og9_14","pixelated-image-card__pixel":"_pixelated-image-card__pixel_12og9_14"};function E({firstContent:b,secondContent:F,gridSize:u=7,pixelColor:_="currentColor",animationStepDuration:m=.3,once:v=!1,aspectRatio:$="100%",className:q="",style:S={}}){const T=r.useRef(null),x=r.useRef(null),h=r.useRef(null),g=r.useRef(null),[i,I]=r.useState(!1),o="ontouchstart"in window||navigator.maxTouchPoints>0||window.matchMedia("(pointer: coarse)").matches;r.useEffect(()=>{const t=x.current;if(t){t.innerHTML="";for(let n=0;n<u;n++)for(let a=0;a<u;a++){const e=document.createElement("div");e.classList.add(c["pixelated-image-card__pixel"]),e.setAttribute("data-pixel",""),e.style.backgroundColor=_;const s=100/u;e.style.width=`${s}%`,e.style.height=`${s}%`,e.style.left=`${a*s}%`,e.style.top=`${n*s}%`,t.appendChild(e)}}},[u,_]);const f=t=>{I(t);const n=x.current,a=h.current;if(!n||!a)return;const e=n.querySelectorAll("[data-pixel]");if(!e.length)return;d.killTweensOf(e),g.current&&g.current.kill(),d.set(e,{display:"none"});const s=e.length,R=m/s;d.to(e,{display:"block",duration:0,stagger:{each:R,from:"random"}}),g.current=d.delayedCall(m,()=>{a.style.display=t?"block":"none",a.style.pointerEvents=t?"none":""}),d.to(e,{display:"none",duration:0,delay:m,stagger:{each:R,from:"random"}})},y=()=>{i||f(!0)},C=()=>{i&&!v&&f(!1)},V=()=>{i?i&&!v&&f(!1):f(!0)};return l.jsxs("div",{ref:T,className:`${c["pixelated-image-card"]} ${q}`,style:S,onMouseEnter:o?void 0:y,onMouseLeave:o?void 0:C,onClick:o?V:void 0,onFocus:o?void 0:y,onBlur:o?void 0:C,tabIndex:0,children:[l.jsx("div",{style:{paddingTop:$}}),l.jsx("div",{className:`${c["pixelated-image-card__default"]}`,"aria-hidden":i,children:b}),l.jsx("div",{className:`${c["pixelated-image-card__active"]}`,ref:h,"aria-hidden":!i,children:F}),l.jsx("div",{className:`${c["pixelated-image-card__pixels"]}`,ref:x})]})}E.__docgenInfo={description:"",methods:[],displayName:"PixelTransition",props:{gridSize:{defaultValue:{value:"7",computed:!1},required:!1},pixelColor:{defaultValue:{value:"'currentColor'",computed:!1},required:!1},animationStepDuration:{defaultValue:{value:"0.3",computed:!1},required:!1},once:{defaultValue:{value:"false",computed:!1},required:!1},aspectRatio:{defaultValue:{value:"'100%'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const A={title:"ReactBits/Animations/PixelTransition",component:E,parameters:{layout:"fullscreen"}},p={args:{firstContent:l.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"#1a1a2e",color:"#fff",fontSize:"2rem"},children:"Hover me"}),secondContent:l.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"#5227FF",color:"#fff",fontSize:"2rem"},children:"Revealed!"}),gridSize:7,pixelColor:"#5227FF",aspectRatio:"100%"}};var j,k,w;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
+import{r,j as l}from"./iframe-CsNMSmaZ.js";import{g as d}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const c={"pixelated-image-card":"_pixelated-image-card_12og9_1","pixelated-image-card__default":"_pixelated-image-card__default_12og9_12","pixelated-image-card__active":"_pixelated-image-card__active_12og9_13","pixelated-image-card__pixels":"_pixelated-image-card__pixels_12og9_14","pixelated-image-card__pixel":"_pixelated-image-card__pixel_12og9_14"};function E({firstContent:b,secondContent:F,gridSize:u=7,pixelColor:_="currentColor",animationStepDuration:m=.3,once:v=!1,aspectRatio:$="100%",className:q="",style:S={}}){const T=r.useRef(null),x=r.useRef(null),h=r.useRef(null),g=r.useRef(null),[i,I]=r.useState(!1),o="ontouchstart"in window||navigator.maxTouchPoints>0||window.matchMedia("(pointer: coarse)").matches;r.useEffect(()=>{const t=x.current;if(t){t.innerHTML="";for(let n=0;n<u;n++)for(let a=0;a<u;a++){const e=document.createElement("div");e.classList.add(c["pixelated-image-card__pixel"]),e.setAttribute("data-pixel",""),e.style.backgroundColor=_;const s=100/u;e.style.width=`${s}%`,e.style.height=`${s}%`,e.style.left=`${a*s}%`,e.style.top=`${n*s}%`,t.appendChild(e)}}},[u,_]);const f=t=>{I(t);const n=x.current,a=h.current;if(!n||!a)return;const e=n.querySelectorAll("[data-pixel]");if(!e.length)return;d.killTweensOf(e),g.current&&g.current.kill(),d.set(e,{display:"none"});const s=e.length,R=m/s;d.to(e,{display:"block",duration:0,stagger:{each:R,from:"random"}}),g.current=d.delayedCall(m,()=>{a.style.display=t?"block":"none",a.style.pointerEvents=t?"none":""}),d.to(e,{display:"none",duration:0,delay:m,stagger:{each:R,from:"random"}})},y=()=>{i||f(!0)},C=()=>{i&&!v&&f(!1)},V=()=>{i?i&&!v&&f(!1):f(!0)};return l.jsxs("div",{ref:T,className:`${c["pixelated-image-card"]} ${q}`,style:S,onMouseEnter:o?void 0:y,onMouseLeave:o?void 0:C,onClick:o?V:void 0,onFocus:o?void 0:y,onBlur:o?void 0:C,tabIndex:0,children:[l.jsx("div",{style:{paddingTop:$}}),l.jsx("div",{className:`${c["pixelated-image-card__default"]}`,"aria-hidden":i,children:b}),l.jsx("div",{className:`${c["pixelated-image-card__active"]}`,ref:h,"aria-hidden":!i,children:F}),l.jsx("div",{className:`${c["pixelated-image-card__pixels"]}`,ref:x})]})}E.__docgenInfo={description:"",methods:[],displayName:"PixelTransition",props:{gridSize:{defaultValue:{value:"7",computed:!1},required:!1},pixelColor:{defaultValue:{value:"'currentColor'",computed:!1},required:!1},animationStepDuration:{defaultValue:{value:"0.3",computed:!1},required:!1},once:{defaultValue:{value:"false",computed:!1},required:!1},aspectRatio:{defaultValue:{value:"'100%'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},style:{defaultValue:{value:"{}",computed:!1},required:!1}}};const A={title:"ReactBits/Animations/PixelTransition",component:E,parameters:{layout:"fullscreen"}},p={args:{firstContent:l.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"#1a1a2e",color:"#fff",fontSize:"2rem"},children:"Hover me"}),secondContent:l.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",background:"#5227FF",color:"#fff",fontSize:"2rem"},children:"Revealed!"}),gridSize:7,pixelColor:"#5227FF",aspectRatio:"100%"}};var j,k,w;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
   args: {
     firstContent: <div style={{
       width: '100%',

package/storybook-static/assets/{Plasma.stories-SQXqI75y.js → Plasma.stories-BSjjJFIJ.js}

@@ -1,4 +1,4 @@
-import{r as y,j as U}from"./iframe-ClorXKAj.js";import{R as E,P as Q,M as j}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const L={"plasma-container":"_plasma-container_4c6hx_1"},N=n=>{const o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return o?[parseInt(o[1],16)/255,parseInt(o[2],16)/255,parseInt(o[3],16)/255]:[1,.5,.2]},$=`#version 300 es
+import{r as y,j as U}from"./iframe-CsNMSmaZ.js";import{R as E,P as Q,M as j}from"./Mesh-CwXV3WjE.js";import{T as k}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const L={"plasma-container":"_plasma-container_4c6hx_1"},N=n=>{const o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return o?[parseInt(o[1],16)/255,parseInt(o[2],16)/255,parseInt(o[3],16)/255]:[1,.5,.2]},$=`#version 300 es
 precision highp float;
 in vec2 position;
 in vec2 uv;

package/storybook-static/assets/{PolarHeatmap.stories-CDFci1PA.js → PolarHeatmap.stories-6bpm0gDe.js}

@@ -1,4 +1,4 @@
-import{r as f,j as v}from"./iframe-ClorXKAj.js";import{s as X,c as J}from"./transform-DaumkFRH.js";import{a as K}from"./arc--Q2xWRUA.js";import"./preload-helper-C1FmrZbK.js";import"./path-CSVzDSO0.js";const Q="_container_1c0jn_1",Z="_svgWrap_1c0jn_9",tt="_tooltip_1c0jn_15",et="_visible_1c0jn_31",at="_tipLabel_1c0jn_35",rt="_tipRow_1c0jn_40",m={container:Q,svgWrap:Z,tooltip:tt,visible:et,tipLabel:at,tipRow:rt},st="#c8a14a",W=({cells:p,days:e,accentColor:a=st,centerTopLabel:i,centerMainLabel:u,size:y,minSize:b=320,maxSize:R=560})=>{const A=f.useRef(null),_=f.useRef(null),j=f.useRef(null),[Y,G]=f.useState(560),g=y??Y;f.useEffect(()=>{if(y)return;const o=A.current;if(!o)return;const s=new ResizeObserver(n=>{for(const d of n){const c=d.contentRect.width;c>0&&G(Math.max(b,Math.min(R,c)))}});return s.observe(o),()=>s.disconnect()},[y,b,R]);const O=f.useCallback((o,s)=>{const n=j.current,d=A.current;if(!n||!d)return;const c=d.getBoundingClientRect();n.style.left=`${o.clientX-c.left+12}px`,n.style.top=`${o.clientY-c.top-10}px`,n.innerHTML=s,n.classList.add(m.visible)},[]),z=f.useCallback(()=>{var o;(o=j.current)==null||o.classList.remove(m.visible)},[]);return f.useEffect(()=>{if(!_.current||p.length===0||e<=0)return;const o=X(_.current);o.selectAll("*").remove();const s=g/2-32,n=64,d=4,c=(s-n-d*(e-1))/e,V=o.append("defs"),$=`polar-heatmap-glow-${Math.random().toString(36).slice(2,9)}`,S=V.append("radialGradient").attr("id",$).attr("cx","50%").attr("cy","50%").attr("r","50%");S.append("stop").attr("offset","0%").attr("stop-color",a).attr("stop-opacity",.18),S.append("stop").attr("offset","60%").attr("stop-color",a).attr("stop-opacity",.05),S.append("stop").attr("offset","100%").attr("stop-color",a).attr("stop-opacity",0);const l=o.attr("width",g).attr("height",g).append("g").attr("transform",`translate(${g/2}, ${g/2})`),h=t=>t/24*Math.PI*2;l.append("circle").attr("r",s+44).attr("fill",`url(#${$})`);for(let t=0;t<24;t++){const r=h(t)-Math.PI/2;l.append("line").attr("x1",Math.cos(r)*n).attr("y1",Math.sin(r)*n).attr("x2",Math.cos(r)*(s+6)).attr("y2",Math.sin(r)*(s+6)).attr("stroke",a).attr("stroke-width",t%3===0?.7:.35).attr("opacity",t%3===0?.55:.25)}const F=K().innerRadius(t=>s-t.dayOffset*(c+d)-c).outerRadius(t=>s-t.dayOffset*(c+d)).startAngle(t=>h(t.hour)).endAngle(t=>h(t.hour+1)).padAngle(.014).cornerRadius(2.5),B=p.filter(t=>t.dayOffset>=0&&t.dayOffset<e&&t.hour>=0&&t.hour<24);l.selectAll("path.cell").data(B).join("path").attr("class","cell").attr("d",F).attr("fill",t=>t.color).attr("opacity",0).style("cursor",t=>t.label?"pointer":"default").on("mousemove",function(t,r){if(!r.label)return;const x=`${String(r.hour).padStart(2,"0")}:00`,U=r.dayLabel??(r.dayOffset===0?"Today":`${r.dayOffset} days ago`);O(t,`<div class="${m.tipLabel}">${r.emoji??""} ${r.label}</div><div class="${m.tipRow}">${U} · ${x}</div>`)}).on("mouseleave",z).transition().delay(t=>t.hour/24*600+t.dayOffset*30).duration(380).ease(J).attr("opacity",t=>t.label?.88:0),l.append("circle").attr("r",s+16).attr("fill","none").attr("stroke",a).attr("stroke-width",.4).attr("opacity",.4);for(let t=0;t<48;t++){const r=t/48*Math.PI*2-Math.PI/2;l.append("circle").attr("cx",Math.cos(r)*(s+12)).attr("cy",Math.sin(r)*(s+12)).attr("r",t%2===0?1.4:.6).attr("fill",a).attr("opacity",t%2===0?.75:.4)}for(let t=0;t<24;t+=3){const r=h(t)-Math.PI/2,x=s+28;l.append("text").attr("x",Math.cos(r)*x).attr("y",Math.sin(r)*x).attr("text-anchor","middle").attr("dominant-baseline","middle").attr("fill",a).attr("font-size","11px").attr("font-weight",600).attr("letter-spacing","1px").attr("opacity",.85).text(String(t).padStart(2,"0"))}l.append("circle").attr("r",n-4).attr("fill","var(--color-background)"),l.append("circle").attr("r",3).attr("fill",a).attr("opacity",.9),i&&l.append("text").attr("text-anchor","middle").attr("y",n-33).attr("fill",a).attr("font-size","9px").attr("letter-spacing","3px").attr("opacity",.85).text(i),u&&l.append("text").attr("text-anchor","middle").attr("y",n+2).attr("fill",a).attr("font-size","14px").attr("font-weight",700).attr("letter-spacing","2px").attr("opacity",.95).text(u)},[p,e,g,a,i,u,O,z]),v.jsxs("div",{className:m.container,ref:A,children:[v.jsx("div",{className:m.svgWrap,children:v.jsx("svg",{ref:_})}),v.jsx("div",{ref:j,className:m.tooltip})]})};W.__docgenInfo={description:"",methods:[],displayName:"PolarHeatmap",props:{cells:{required:!0,tsType:{name:"Array",elements:[{name:"PolarHeatmapCell"}],raw:"PolarHeatmapCell[]"},description:"Cells: one per (dayOffset, hour). Empty cells can be omitted or set to color='transparent'"},days:{required:!0,tsType:{name:"number"},description:"Number of concentric day rings. Cells with dayOffset >= days are ignored"},accentColor:{required:!1,tsType:{name:"string"},description:"Accent color for ornamental dots/lines/labels around the rim",defaultValue:{value:"'#c8a14a'",computed:!1}},centerTopLabel:{required:!1,tsType:{name:"string"},description:""},centerMainLabel:{required:!1,tsType:{name:"string"},description:""},size:{required:!1,tsType:{name:"number"},description:"Override the size; otherwise the chart fills its container up to maxSize"},minSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"320",computed:!1}},maxSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"560",computed:!1}}}};const ut={title:"Organisms/Charts/PolarHeatmap",component:W,parameters:{layout:"centered"}},nt={work:{color:"#6366f1",emoji:"💼"},sleep:{color:"#1e293b",emoji:"😴"},eat:{color:"#f59e0b",emoji:"🍽️"},sport:{color:"#10b981",emoji:"🏃"},play:{color:"#ec4899",emoji:"🎮"},read:{color:"#8b5cf6",emoji:"📚"}},ot=(p,e)=>e<7?"sleep":e===7?"eat":e>=8&&e<=12?p%6===0?"play":"work":e===13?"eat":e>=14&&e<=17?p%5===0?"sport":"work":e===18?"sport":e===19||e===20?"eat":e>=21&&e<=22?"read":e===23?"sleep":null,w=p=>{const e=[];for(let a=0;a<p;a++)for(let i=0;i<24;i++){const u=ot(a,i);if(!u){e.push({dayOffset:a,hour:i,color:"transparent"});continue}const y=nt[u],b=a===0?"Today":a===1?"Yesterday":`${a} days ago`;e.push({dayOffset:a,hour:i,color:y.color,emoji:y.emoji,label:u,dayLabel:b})}return e},T={args:{cells:w(30),days:30,centerTopLabel:"LAST",centerMainLabel:"30 DAYS",size:520}},L={args:{cells:w(7),days:7,centerTopLabel:"LAST",centerMainLabel:"7 DAYS",size:460}},M={args:{cells:w(30),days:30,accentColor:"#7c3aed",centerTopLabel:"PAST",centerMainLabel:"MONTH",size:520}};var k,P,C;T.parameters={...T.parameters,docs:{...(k=T.parameters)==null?void 0:k.docs,source:{originalSource:`{
+import{r as f,j as v}from"./iframe-CsNMSmaZ.js";import{s as X,c as J}from"./transform-DaumkFRH.js";import{a as K}from"./arc--Q2xWRUA.js";import"./preload-helper-C1FmrZbK.js";import"./path-CSVzDSO0.js";const Q="_container_1c0jn_1",Z="_svgWrap_1c0jn_9",tt="_tooltip_1c0jn_15",et="_visible_1c0jn_31",at="_tipLabel_1c0jn_35",rt="_tipRow_1c0jn_40",m={container:Q,svgWrap:Z,tooltip:tt,visible:et,tipLabel:at,tipRow:rt},st="#c8a14a",W=({cells:p,days:e,accentColor:a=st,centerTopLabel:i,centerMainLabel:u,size:y,minSize:b=320,maxSize:R=560})=>{const A=f.useRef(null),_=f.useRef(null),j=f.useRef(null),[Y,G]=f.useState(560),g=y??Y;f.useEffect(()=>{if(y)return;const o=A.current;if(!o)return;const s=new ResizeObserver(n=>{for(const d of n){const c=d.contentRect.width;c>0&&G(Math.max(b,Math.min(R,c)))}});return s.observe(o),()=>s.disconnect()},[y,b,R]);const O=f.useCallback((o,s)=>{const n=j.current,d=A.current;if(!n||!d)return;const c=d.getBoundingClientRect();n.style.left=`${o.clientX-c.left+12}px`,n.style.top=`${o.clientY-c.top-10}px`,n.innerHTML=s,n.classList.add(m.visible)},[]),z=f.useCallback(()=>{var o;(o=j.current)==null||o.classList.remove(m.visible)},[]);return f.useEffect(()=>{if(!_.current||p.length===0||e<=0)return;const o=X(_.current);o.selectAll("*").remove();const s=g/2-32,n=64,d=4,c=(s-n-d*(e-1))/e,V=o.append("defs"),$=`polar-heatmap-glow-${Math.random().toString(36).slice(2,9)}`,S=V.append("radialGradient").attr("id",$).attr("cx","50%").attr("cy","50%").attr("r","50%");S.append("stop").attr("offset","0%").attr("stop-color",a).attr("stop-opacity",.18),S.append("stop").attr("offset","60%").attr("stop-color",a).attr("stop-opacity",.05),S.append("stop").attr("offset","100%").attr("stop-color",a).attr("stop-opacity",0);const l=o.attr("width",g).attr("height",g).append("g").attr("transform",`translate(${g/2}, ${g/2})`),h=t=>t/24*Math.PI*2;l.append("circle").attr("r",s+44).attr("fill",`url(#${$})`);for(let t=0;t<24;t++){const r=h(t)-Math.PI/2;l.append("line").attr("x1",Math.cos(r)*n).attr("y1",Math.sin(r)*n).attr("x2",Math.cos(r)*(s+6)).attr("y2",Math.sin(r)*(s+6)).attr("stroke",a).attr("stroke-width",t%3===0?.7:.35).attr("opacity",t%3===0?.55:.25)}const F=K().innerRadius(t=>s-t.dayOffset*(c+d)-c).outerRadius(t=>s-t.dayOffset*(c+d)).startAngle(t=>h(t.hour)).endAngle(t=>h(t.hour+1)).padAngle(.014).cornerRadius(2.5),B=p.filter(t=>t.dayOffset>=0&&t.dayOffset<e&&t.hour>=0&&t.hour<24);l.selectAll("path.cell").data(B).join("path").attr("class","cell").attr("d",F).attr("fill",t=>t.color).attr("opacity",0).style("cursor",t=>t.label?"pointer":"default").on("mousemove",function(t,r){if(!r.label)return;const x=`${String(r.hour).padStart(2,"0")}:00`,U=r.dayLabel??(r.dayOffset===0?"Today":`${r.dayOffset} days ago`);O(t,`<div class="${m.tipLabel}">${r.emoji??""} ${r.label}</div><div class="${m.tipRow}">${U} · ${x}</div>`)}).on("mouseleave",z).transition().delay(t=>t.hour/24*600+t.dayOffset*30).duration(380).ease(J).attr("opacity",t=>t.label?.88:0),l.append("circle").attr("r",s+16).attr("fill","none").attr("stroke",a).attr("stroke-width",.4).attr("opacity",.4);for(let t=0;t<48;t++){const r=t/48*Math.PI*2-Math.PI/2;l.append("circle").attr("cx",Math.cos(r)*(s+12)).attr("cy",Math.sin(r)*(s+12)).attr("r",t%2===0?1.4:.6).attr("fill",a).attr("opacity",t%2===0?.75:.4)}for(let t=0;t<24;t+=3){const r=h(t)-Math.PI/2,x=s+28;l.append("text").attr("x",Math.cos(r)*x).attr("y",Math.sin(r)*x).attr("text-anchor","middle").attr("dominant-baseline","middle").attr("fill",a).attr("font-size","11px").attr("font-weight",600).attr("letter-spacing","1px").attr("opacity",.85).text(String(t).padStart(2,"0"))}l.append("circle").attr("r",n-4).attr("fill","var(--color-background)"),l.append("circle").attr("r",3).attr("fill",a).attr("opacity",.9),i&&l.append("text").attr("text-anchor","middle").attr("y",n-33).attr("fill",a).attr("font-size","9px").attr("letter-spacing","3px").attr("opacity",.85).text(i),u&&l.append("text").attr("text-anchor","middle").attr("y",n+2).attr("fill",a).attr("font-size","14px").attr("font-weight",700).attr("letter-spacing","2px").attr("opacity",.95).text(u)},[p,e,g,a,i,u,O,z]),v.jsxs("div",{className:m.container,ref:A,children:[v.jsx("div",{className:m.svgWrap,children:v.jsx("svg",{ref:_})}),v.jsx("div",{ref:j,className:m.tooltip})]})};W.__docgenInfo={description:"",methods:[],displayName:"PolarHeatmap",props:{cells:{required:!0,tsType:{name:"Array",elements:[{name:"PolarHeatmapCell"}],raw:"PolarHeatmapCell[]"},description:"Cells: one per (dayOffset, hour). Empty cells can be omitted or set to color='transparent'"},days:{required:!0,tsType:{name:"number"},description:"Number of concentric day rings. Cells with dayOffset >= days are ignored"},accentColor:{required:!1,tsType:{name:"string"},description:"Accent color for ornamental dots/lines/labels around the rim",defaultValue:{value:"'#c8a14a'",computed:!1}},centerTopLabel:{required:!1,tsType:{name:"string"},description:""},centerMainLabel:{required:!1,tsType:{name:"string"},description:""},size:{required:!1,tsType:{name:"number"},description:"Override the size; otherwise the chart fills its container up to maxSize"},minSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"320",computed:!1}},maxSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"560",computed:!1}}}};const ut={title:"Organisms/Charts/PolarHeatmap",component:W,parameters:{layout:"centered"}},nt={work:{color:"#6366f1",emoji:"💼"},sleep:{color:"#1e293b",emoji:"😴"},eat:{color:"#f59e0b",emoji:"🍽️"},sport:{color:"#10b981",emoji:"🏃"},play:{color:"#ec4899",emoji:"🎮"},read:{color:"#8b5cf6",emoji:"📚"}},ot=(p,e)=>e<7?"sleep":e===7?"eat":e>=8&&e<=12?p%6===0?"play":"work":e===13?"eat":e>=14&&e<=17?p%5===0?"sport":"work":e===18?"sport":e===19||e===20?"eat":e>=21&&e<=22?"read":e===23?"sleep":null,w=p=>{const e=[];for(let a=0;a<p;a++)for(let i=0;i<24;i++){const u=ot(a,i);if(!u){e.push({dayOffset:a,hour:i,color:"transparent"});continue}const y=nt[u],b=a===0?"Today":a===1?"Yesterday":`${a} days ago`;e.push({dayOffset:a,hour:i,color:y.color,emoji:y.emoji,label:u,dayLabel:b})}return e},T={args:{cells:w(30),days:30,centerTopLabel:"LAST",centerMainLabel:"30 DAYS",size:520}},L={args:{cells:w(7),days:7,centerTopLabel:"LAST",centerMainLabel:"7 DAYS",size:460}},M={args:{cells:w(30),days:30,accentColor:"#7c3aed",centerTopLabel:"PAST",centerMainLabel:"MONTH",size:520}};var k,P,C;T.parameters={...T.parameters,docs:{...(k=T.parameters)==null?void 0:k.docs,source:{originalSource:`{
   args: {
     cells: generateCells(30),
     days: 30,

package/storybook-static/assets/{Prism.stories-Ba_UAm8c.js → Prism.stories-CKytcbqj.js}

@@ -1,4 +1,4 @@
-import{r as le,j as Ne}from"./iframe-ClorXKAj.js";import{R as Ye,P as je,M as De}from"./Mesh-CwXV3WjE.js";import{T as Ge}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Xe={"prism-container":"_prism-container_sjqpx_1"},ce=({height:T=3.5,baseWidth:z=5.5,animationType:h="rotate",glow:W=1,offset:s={x:0,y:0},noise:U=.5,transparent:E=!0,scale:N=3.6,hueShift:Y=0,colorFrequency:j=1,hoverStrength:D=2,inertia:G=.05,bloom:X=1,suspendWhenOffscreen:P=!1,timeScale:Z=.5})=>{const k=le.useRef(null);return le.useEffect(()=>{const r=k.current;if(!r)return;const b=Math.max(.001,T),H=Math.max(.001,z)*.5,fe=Math.max(0,W),Q=Math.max(0,U),me=(s==null?void 0:s.x)??0,de=(s==null?void 0:s.y)??0,ve=E?1.5:1,I=Math.max(.001,N),he=Y||0,pe=Math.max(0,j||1),xe=Math.max(0,X||1),we=1,Me=1,Se=1,R=Math.max(0,Z||1),$=Math.max(0,D||1),J=Math.max(0,Math.min(1,G||.12)),_=Math.min(2,window.devicePixelRatio||1),A=new Ye({dpr:_,alpha:E,antialias:!1}),a=A.gl;a.disable(a.DEPTH_TEST),a.disable(a.CULL_FACE),a.disable(a.BLEND),Object.assign(a.canvas.style,{position:"absolute",inset:"0",width:"100%",height:"100%",display:"block"}),r.appendChild(a.canvas);const ge=`
+import{r as le,j as Ne}from"./iframe-CsNMSmaZ.js";import{R as Ye,P as je,M as De}from"./Mesh-CwXV3WjE.js";import{T as Ge}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const Xe={"prism-container":"_prism-container_sjqpx_1"},ce=({height:T=3.5,baseWidth:z=5.5,animationType:h="rotate",glow:W=1,offset:s={x:0,y:0},noise:U=.5,transparent:E=!0,scale:N=3.6,hueShift:Y=0,colorFrequency:j=1,hoverStrength:D=2,inertia:G=.05,bloom:X=1,suspendWhenOffscreen:P=!1,timeScale:Z=.5})=>{const k=le.useRef(null);return le.useEffect(()=>{const r=k.current;if(!r)return;const b=Math.max(.001,T),H=Math.max(.001,z)*.5,fe=Math.max(0,W),Q=Math.max(0,U),me=(s==null?void 0:s.x)??0,de=(s==null?void 0:s.y)??0,ve=E?1.5:1,I=Math.max(.001,N),he=Y||0,pe=Math.max(0,j||1),xe=Math.max(0,X||1),we=1,Me=1,Se=1,R=Math.max(0,Z||1),$=Math.max(0,D||1),J=Math.max(0,Math.min(1,G||.12)),_=Math.min(2,window.devicePixelRatio||1),A=new Ye({dpr:_,alpha:E,antialias:!1}),a=A.gl;a.disable(a.DEPTH_TEST),a.disable(a.CULL_FACE),a.disable(a.BLEND),Object.assign(a.canvas.style,{position:"absolute",inset:"0",width:"100%",height:"100%",display:"block"}),r.appendChild(a.canvas);const ge=`
       attribute vec2 position;
       void main() {
         gl_Position = vec4(position, 0.0, 1.0);

package/storybook-static/assets/{PrismaticBurst.stories-NskKboMg.js → PrismaticBurst.stories-CKa-PPQ0.js}

@@ -1,4 +1,4 @@
-import{r as n,j as te}from"./iframe-ClorXKAj.js";import{R as re,P as ae,M as ne}from"./Mesh-CwXV3WjE.js";import{T as oe}from"./Texture-BkQWYNP2.js";import{T as se}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ue={"prismatic-burst-container":"_prismatic-burst-container_u2n5x_1"},ce=`#version 300 es
+import{r as n,j as te}from"./iframe-CsNMSmaZ.js";import{R as re,P as ae,M as ne}from"./Mesh-CwXV3WjE.js";import{T as oe}from"./Texture-BkQWYNP2.js";import{T as se}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const ue={"prismatic-burst-container":"_prismatic-burst-container_u2n5x_1"},ce=`#version 300 es
 in vec2 position;
 in vec2 uv;
 out vec2 vUv;

package/storybook-static/assets/{ProfileCard.stories-nhGFawW1.js → ProfileCard.stories-DLts3khz.js}

@@ -1,4 +1,4 @@
-import{R as ve,r as o,j as r}from"./iframe-ClorXKAj.js";import"./preload-helper-C1FmrZbK.js";const he="_active_uxwt3_56",_e="_entering_uxwt3_84",xe="_avatar_uxwt3_252",n={"pc-behind":"_pc-behind_uxwt3_40",active:he,"pc-card":"_pc-card_uxwt3_33","pc-card-shell":"_pc-card-shell_uxwt3_84",entering:_e,"pc-inside":"_pc-inside_uxwt3_100","pc-shine":"_pc-shine_uxwt3_108","pc-glare":"_pc-glare_uxwt3_232","pc-avatar-content":"_pc-avatar-content_uxwt3_245",avatar:xe,"pc-user-info":"_pc-user-info_uxwt3_274","pc-user-details":"_pc-user-details_uxwt3_293","pc-mini-avatar":"_pc-mini-avatar_uxwt3_299","pc-user-text":"_pc-user-text_uxwt3_315","pc-handle":"_pc-handle_uxwt3_322","pc-status":"_pc-status_uxwt3_329","pc-contact-btn":"_pc-contact-btn_uxwt3_335","pc-content":"_pc-content_uxwt3_353","pc-details":"_pc-details_uxwt3_367"},ge="linear-gradient(145deg,#60496e8c 0%,#71C4FF44 100%)",L={INITIAL_DURATION:1200,INITIAL_X_OFFSET:70,INITIAL_Y_OFFSET:60,DEVICE_BETA_OFFSET:20,ENTER_TRANSITION_MS:180},$=(p,d=0,v=100)=>Math.min(Math.max(p,d),v),C=(p,d=3)=>parseFloat(p.toFixed(d)),z=(p,d,v,x,O)=>C(x+(O-x)*(p-d)/(v-d)),Z=({avatarUrl:p="<Placeholder for avatar URL>",iconUrl:d="<Placeholder for icon URL>",grainUrl:v="<Placeholder for grain URL>",innerGradient:x,behindGlowEnabled:O=!0,behindGlowColor:S,behindGlowSize:U,className:ee="",enableTilt:A=!0,enableMobileTilt:V=!1,mobileTiltSensitivity:q=5,miniAvatarUrl:te,name:y="Javi A. Torres",title:ne="Software Engineer",handle:ae="javicodes",status:re="Online",contactText:se="Contact",showUserInfo:ce=!0,onContactClick:F})=>{const M=o.useRef(null),m=o.useRef(null),g=o.useRef(null),h=o.useRef(null),s=o.useMemo(()=>{if(!A)return null;let e=null,t=!1,a=0,c=0,i=0,u=0,f=0;const E=.14,T=.6;let j=0;const H=(l,_)=>{const w=m.current,I=M.current;if(!w||!I)return;const J=w.clientWidth||1,oe=w.clientHeight||1,N=$(100/J*l),b=$(100/oe*_),ue=N-50,de=b-50,pe={"--pointer-x":`${N}%`,"--pointer-y":`${b}%`,"--background-x":`${z(N,0,100,35,65)}%`,"--background-y":`${z(b,0,100,35,65)}%`,"--pointer-from-center":`${$(Math.hypot(b-50,N-50)/50,0,1)}`,"--pointer-from-top":`${b/100}`,"--pointer-from-left":`${N/100}`,"--rotate-x":`${C(-(ue/5))}deg`,"--rotate-y":`${C(de/4)}deg`};for(const[fe,me]of Object.entries(pe))I.style.setProperty(fe,me)},W=l=>{if(!t)return;a===0&&(a=l);const _=(l-a)/1e3;a=l;const w=l<j?T:E,I=1-Math.exp(-_/w);c+=(u-c)*I,i+=(f-i)*I,H(c,i),Math.abs(u-c)>.05||Math.abs(f-i)>.05||document.hasFocus()?e=requestAnimationFrame(W):(t=!1,a=0,e&&(cancelAnimationFrame(e),e=null))},B=()=>{t||(t=!0,a=0,e=requestAnimationFrame(W))};return{setImmediate(l,_){c=l,i=_,H(c,i)},setTarget(l,_){u=l,f=_,B()},toCenter(){const l=m.current;l&&this.setTarget(l.clientWidth/2,l.clientHeight/2)},beginInitial(l){j=performance.now()+l,B()},getCurrent(){return{x:c,y:i,tx:u,ty:f}},cancel(){e&&cancelAnimationFrame(e),e=null,t=!1,a=0}}},[A]),P=(e,t)=>{const a=t.getBoundingClientRect();return{x:e.clientX-a.left,y:e.clientY-a.top}},D=o.useCallback(e=>{const t=m.current;if(!t||!s)return;const{x:a,y:c}=P(e,t);s.setTarget(a,c)},[s]),k=o.useCallback(e=>{const t=m.current;if(!t||!s)return;t.classList.add(n.active),t.classList.add(n.entering),g.current&&window.clearTimeout(g.current),g.current=window.setTimeout(()=>{t.classList.remove(n.entering)},L.ENTER_TRANSITION_MS);const{x:a,y:c}=P(e,t);s.setTarget(a,c)},[s]),X=o.useCallback(()=>{const e=m.current;if(!e||!s)return;s.toCenter();const t=()=>{const{x:a,y:c,tx:i,ty:u}=s.getCurrent();Math.hypot(i-a,u-c)<.6?(e.classList.remove(n.active),h.current=null):h.current=requestAnimationFrame(t)};h.current&&cancelAnimationFrame(h.current),h.current=requestAnimationFrame(t)},[s]),Y=o.useCallback(e=>{const t=m.current;if(!t||!s)return;const{beta:a,gamma:c}=e;if(a==null||c==null)return;const i=t.clientWidth/2,u=t.clientHeight/2,f=$(i+c*q,0,t.clientWidth),E=$(u+(a-L.DEVICE_BETA_OFFSET)*q,0,t.clientHeight);s.setTarget(f,E)},[s,q]);o.useEffect(()=>{if(!A||!s)return;const e=m.current;if(!e)return;const t=D,a=k,c=X,i=Y;e.addEventListener("pointerenter",a),e.addEventListener("pointermove",t),e.addEventListener("pointerleave",c);const u=()=>{if(!V||location.protocol!=="https:")return;const T=window.DeviceMotionEvent;T&&typeof T.requestPermission=="function"?T.requestPermission().then(j=>{j==="granted"&&window.addEventListener("deviceorientation",i)}).catch(console.error):window.addEventListener("deviceorientation",i)};e.addEventListener("click",u);const f=(e.clientWidth||0)-L.INITIAL_X_OFFSET,E=L.INITIAL_Y_OFFSET;return s.setImmediate(f,E),s.toCenter(),s.beginInitial(L.INITIAL_DURATION),()=>{e.removeEventListener("pointerenter",a),e.removeEventListener("pointermove",t),e.removeEventListener("pointerleave",c),e.removeEventListener("click",u),window.removeEventListener("deviceorientation",i),g.current&&window.clearTimeout(g.current),h.current&&cancelAnimationFrame(h.current),s.cancel(),e.classList.remove(n.entering)}},[A,V,s,D,k,X,Y]);const le=o.useMemo(()=>({"--icon":d?`url(${d})`:"none","--grain":v?`url(${v})`:"none","--inner-gradient":x??ge,"--behind-glow-color":S??"rgba(125, 190, 255, 0.67)","--behind-glow-size":U??"50%"}),[d,v,x,S,U]),ie=o.useCallback(()=>{F==null||F()},[F]);return r.jsxs("div",{ref:M,className:`pc-card-wrapper ${ee}`.trim(),style:le,children:[O&&r.jsx("div",{className:`${n["pc-behind"]}`}),r.jsx("div",{ref:m,className:`${n["pc-card-shell"]}`,children:r.jsx("section",{className:`${n["pc-card"]}`,children:r.jsxs("div",{className:`${n["pc-inside"]}`,children:[r.jsx("div",{className:`${n["pc-shine"]}`}),r.jsx("div",{className:`${n["pc-glare"]}`}),r.jsxs("div",{className:`${n["pc-content"]} ${n["pc-avatar-content"]}`,children:[r.jsx("img",{className:`${n.avatar}`,src:p,alt:`${y||"User"} avatar`,loading:"lazy",onError:e=>{const t=e.target;t.style.display="none"}}),ce&&r.jsxs("div",{className:`${n["pc-user-info"]}`,children:[r.jsxs("div",{className:`${n["pc-user-details"]}`,children:[r.jsx("div",{className:`${n["pc-mini-avatar"]}`,children:r.jsx("img",{src:te||p,alt:`${y||"User"} mini avatar`,loading:"lazy",onError:e=>{const t=e.target;t.style.opacity="0.5",t.src=p}})}),r.jsxs("div",{className:`${n["pc-user-text"]}`,children:[r.jsxs("div",{className:`${n["pc-handle"]}`,children:["@",ae]}),r.jsx("div",{className:`${n["pc-status"]}`,children:re})]})]}),r.jsx("button",{className:`${n["pc-contact-btn"]}`,onClick:ie,style:{pointerEvents:"auto"},type:"button","aria-label":`Contact ${y||"user"}`,children:se})]})]}),r.jsx("div",{className:`${n["pc-content"]}`,children:r.jsxs("div",{className:`${n["pc-details"]}`,children:[r.jsx("h3",{children:y}),r.jsx("p",{children:ne})]})})]})})})]})},Ee=ve.memo(Z);Z.__docgenInfo={description:"",methods:[],displayName:"ProfileCardComponent",props:{avatarUrl:{defaultValue:{value:"'<Placeholder for avatar URL>'",computed:!1},required:!1},iconUrl:{defaultValue:{value:"'<Placeholder for icon URL>'",computed:!1},required:!1},grainUrl:{defaultValue:{value:"'<Placeholder for grain URL>'",computed:!1},required:!1},behindGlowEnabled:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},enableTilt:{defaultValue:{value:"true",computed:!1},required:!1},enableMobileTilt:{defaultValue:{value:"false",computed:!1},required:!1},mobileTiltSensitivity:{defaultValue:{value:"5",computed:!1},required:!1},name:{defaultValue:{value:"'Javi A. Torres'",computed:!1},required:!1},title:{defaultValue:{value:"'Software Engineer'",computed:!1},required:!1},handle:{defaultValue:{value:"'javicodes'",computed:!1},required:!1},status:{defaultValue:{value:"'Online'",computed:!1},required:!1},contactText:{defaultValue:{value:"'Contact'",computed:!1},required:!1},showUserInfo:{defaultValue:{value:"true",computed:!1},required:!1}}};const Ie={title:"ReactBits/Components/ProfileCard",component:Ee,parameters:{layout:"fullscreen"}},R={args:{avatarUrl:"https://i.pravatar.cc/300?img=12",behindGlowEnabled:!0,enableTilt:!0,enableMobileTilt:!1,mobileTiltSensitivity:5,name:"Javi A. Torres",title:"Software Engineer",handle:"javicodes",status:"Online",contactText:"Contact",showUserInfo:!0}};var G,K,Q;R.parameters={...R.parameters,docs:{...(G=R.parameters)==null?void 0:G.docs,source:{originalSource:`{
+import{R as ve,r as o,j as r}from"./iframe-CsNMSmaZ.js";import"./preload-helper-C1FmrZbK.js";const he="_active_uxwt3_56",_e="_entering_uxwt3_84",xe="_avatar_uxwt3_252",n={"pc-behind":"_pc-behind_uxwt3_40",active:he,"pc-card":"_pc-card_uxwt3_33","pc-card-shell":"_pc-card-shell_uxwt3_84",entering:_e,"pc-inside":"_pc-inside_uxwt3_100","pc-shine":"_pc-shine_uxwt3_108","pc-glare":"_pc-glare_uxwt3_232","pc-avatar-content":"_pc-avatar-content_uxwt3_245",avatar:xe,"pc-user-info":"_pc-user-info_uxwt3_274","pc-user-details":"_pc-user-details_uxwt3_293","pc-mini-avatar":"_pc-mini-avatar_uxwt3_299","pc-user-text":"_pc-user-text_uxwt3_315","pc-handle":"_pc-handle_uxwt3_322","pc-status":"_pc-status_uxwt3_329","pc-contact-btn":"_pc-contact-btn_uxwt3_335","pc-content":"_pc-content_uxwt3_353","pc-details":"_pc-details_uxwt3_367"},ge="linear-gradient(145deg,#60496e8c 0%,#71C4FF44 100%)",L={INITIAL_DURATION:1200,INITIAL_X_OFFSET:70,INITIAL_Y_OFFSET:60,DEVICE_BETA_OFFSET:20,ENTER_TRANSITION_MS:180},$=(p,d=0,v=100)=>Math.min(Math.max(p,d),v),C=(p,d=3)=>parseFloat(p.toFixed(d)),z=(p,d,v,x,O)=>C(x+(O-x)*(p-d)/(v-d)),Z=({avatarUrl:p="<Placeholder for avatar URL>",iconUrl:d="<Placeholder for icon URL>",grainUrl:v="<Placeholder for grain URL>",innerGradient:x,behindGlowEnabled:O=!0,behindGlowColor:S,behindGlowSize:U,className:ee="",enableTilt:A=!0,enableMobileTilt:V=!1,mobileTiltSensitivity:q=5,miniAvatarUrl:te,name:y="Javi A. Torres",title:ne="Software Engineer",handle:ae="javicodes",status:re="Online",contactText:se="Contact",showUserInfo:ce=!0,onContactClick:F})=>{const M=o.useRef(null),m=o.useRef(null),g=o.useRef(null),h=o.useRef(null),s=o.useMemo(()=>{if(!A)return null;let e=null,t=!1,a=0,c=0,i=0,u=0,f=0;const E=.14,T=.6;let j=0;const H=(l,_)=>{const w=m.current,I=M.current;if(!w||!I)return;const J=w.clientWidth||1,oe=w.clientHeight||1,N=$(100/J*l),b=$(100/oe*_),ue=N-50,de=b-50,pe={"--pointer-x":`${N}%`,"--pointer-y":`${b}%`,"--background-x":`${z(N,0,100,35,65)}%`,"--background-y":`${z(b,0,100,35,65)}%`,"--pointer-from-center":`${$(Math.hypot(b-50,N-50)/50,0,1)}`,"--pointer-from-top":`${b/100}`,"--pointer-from-left":`${N/100}`,"--rotate-x":`${C(-(ue/5))}deg`,"--rotate-y":`${C(de/4)}deg`};for(const[fe,me]of Object.entries(pe))I.style.setProperty(fe,me)},W=l=>{if(!t)return;a===0&&(a=l);const _=(l-a)/1e3;a=l;const w=l<j?T:E,I=1-Math.exp(-_/w);c+=(u-c)*I,i+=(f-i)*I,H(c,i),Math.abs(u-c)>.05||Math.abs(f-i)>.05||document.hasFocus()?e=requestAnimationFrame(W):(t=!1,a=0,e&&(cancelAnimationFrame(e),e=null))},B=()=>{t||(t=!0,a=0,e=requestAnimationFrame(W))};return{setImmediate(l,_){c=l,i=_,H(c,i)},setTarget(l,_){u=l,f=_,B()},toCenter(){const l=m.current;l&&this.setTarget(l.clientWidth/2,l.clientHeight/2)},beginInitial(l){j=performance.now()+l,B()},getCurrent(){return{x:c,y:i,tx:u,ty:f}},cancel(){e&&cancelAnimationFrame(e),e=null,t=!1,a=0}}},[A]),P=(e,t)=>{const a=t.getBoundingClientRect();return{x:e.clientX-a.left,y:e.clientY-a.top}},D=o.useCallback(e=>{const t=m.current;if(!t||!s)return;const{x:a,y:c}=P(e,t);s.setTarget(a,c)},[s]),k=o.useCallback(e=>{const t=m.current;if(!t||!s)return;t.classList.add(n.active),t.classList.add(n.entering),g.current&&window.clearTimeout(g.current),g.current=window.setTimeout(()=>{t.classList.remove(n.entering)},L.ENTER_TRANSITION_MS);const{x:a,y:c}=P(e,t);s.setTarget(a,c)},[s]),X=o.useCallback(()=>{const e=m.current;if(!e||!s)return;s.toCenter();const t=()=>{const{x:a,y:c,tx:i,ty:u}=s.getCurrent();Math.hypot(i-a,u-c)<.6?(e.classList.remove(n.active),h.current=null):h.current=requestAnimationFrame(t)};h.current&&cancelAnimationFrame(h.current),h.current=requestAnimationFrame(t)},[s]),Y=o.useCallback(e=>{const t=m.current;if(!t||!s)return;const{beta:a,gamma:c}=e;if(a==null||c==null)return;const i=t.clientWidth/2,u=t.clientHeight/2,f=$(i+c*q,0,t.clientWidth),E=$(u+(a-L.DEVICE_BETA_OFFSET)*q,0,t.clientHeight);s.setTarget(f,E)},[s,q]);o.useEffect(()=>{if(!A||!s)return;const e=m.current;if(!e)return;const t=D,a=k,c=X,i=Y;e.addEventListener("pointerenter",a),e.addEventListener("pointermove",t),e.addEventListener("pointerleave",c);const u=()=>{if(!V||location.protocol!=="https:")return;const T=window.DeviceMotionEvent;T&&typeof T.requestPermission=="function"?T.requestPermission().then(j=>{j==="granted"&&window.addEventListener("deviceorientation",i)}).catch(console.error):window.addEventListener("deviceorientation",i)};e.addEventListener("click",u);const f=(e.clientWidth||0)-L.INITIAL_X_OFFSET,E=L.INITIAL_Y_OFFSET;return s.setImmediate(f,E),s.toCenter(),s.beginInitial(L.INITIAL_DURATION),()=>{e.removeEventListener("pointerenter",a),e.removeEventListener("pointermove",t),e.removeEventListener("pointerleave",c),e.removeEventListener("click",u),window.removeEventListener("deviceorientation",i),g.current&&window.clearTimeout(g.current),h.current&&cancelAnimationFrame(h.current),s.cancel(),e.classList.remove(n.entering)}},[A,V,s,D,k,X,Y]);const le=o.useMemo(()=>({"--icon":d?`url(${d})`:"none","--grain":v?`url(${v})`:"none","--inner-gradient":x??ge,"--behind-glow-color":S??"rgba(125, 190, 255, 0.67)","--behind-glow-size":U??"50%"}),[d,v,x,S,U]),ie=o.useCallback(()=>{F==null||F()},[F]);return r.jsxs("div",{ref:M,className:`pc-card-wrapper ${ee}`.trim(),style:le,children:[O&&r.jsx("div",{className:`${n["pc-behind"]}`}),r.jsx("div",{ref:m,className:`${n["pc-card-shell"]}`,children:r.jsx("section",{className:`${n["pc-card"]}`,children:r.jsxs("div",{className:`${n["pc-inside"]}`,children:[r.jsx("div",{className:`${n["pc-shine"]}`}),r.jsx("div",{className:`${n["pc-glare"]}`}),r.jsxs("div",{className:`${n["pc-content"]} ${n["pc-avatar-content"]}`,children:[r.jsx("img",{className:`${n.avatar}`,src:p,alt:`${y||"User"} avatar`,loading:"lazy",onError:e=>{const t=e.target;t.style.display="none"}}),ce&&r.jsxs("div",{className:`${n["pc-user-info"]}`,children:[r.jsxs("div",{className:`${n["pc-user-details"]}`,children:[r.jsx("div",{className:`${n["pc-mini-avatar"]}`,children:r.jsx("img",{src:te||p,alt:`${y||"User"} mini avatar`,loading:"lazy",onError:e=>{const t=e.target;t.style.opacity="0.5",t.src=p}})}),r.jsxs("div",{className:`${n["pc-user-text"]}`,children:[r.jsxs("div",{className:`${n["pc-handle"]}`,children:["@",ae]}),r.jsx("div",{className:`${n["pc-status"]}`,children:re})]})]}),r.jsx("button",{className:`${n["pc-contact-btn"]}`,onClick:ie,style:{pointerEvents:"auto"},type:"button","aria-label":`Contact ${y||"user"}`,children:se})]})]}),r.jsx("div",{className:`${n["pc-content"]}`,children:r.jsxs("div",{className:`${n["pc-details"]}`,children:[r.jsx("h3",{children:y}),r.jsx("p",{children:ne})]})})]})})})]})},Ee=ve.memo(Z);Z.__docgenInfo={description:"",methods:[],displayName:"ProfileCardComponent",props:{avatarUrl:{defaultValue:{value:"'<Placeholder for avatar URL>'",computed:!1},required:!1},iconUrl:{defaultValue:{value:"'<Placeholder for icon URL>'",computed:!1},required:!1},grainUrl:{defaultValue:{value:"'<Placeholder for grain URL>'",computed:!1},required:!1},behindGlowEnabled:{defaultValue:{value:"true",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},enableTilt:{defaultValue:{value:"true",computed:!1},required:!1},enableMobileTilt:{defaultValue:{value:"false",computed:!1},required:!1},mobileTiltSensitivity:{defaultValue:{value:"5",computed:!1},required:!1},name:{defaultValue:{value:"'Javi A. Torres'",computed:!1},required:!1},title:{defaultValue:{value:"'Software Engineer'",computed:!1},required:!1},handle:{defaultValue:{value:"'javicodes'",computed:!1},required:!1},status:{defaultValue:{value:"'Online'",computed:!1},required:!1},contactText:{defaultValue:{value:"'Contact'",computed:!1},required:!1},showUserInfo:{defaultValue:{value:"true",computed:!1},required:!1}}};const Ie={title:"ReactBits/Components/ProfileCard",component:Ee,parameters:{layout:"fullscreen"}},R={args:{avatarUrl:"https://i.pravatar.cc/300?img=12",behindGlowEnabled:!0,enableTilt:!0,enableMobileTilt:!1,mobileTiltSensitivity:5,name:"Javi A. Torres",title:"Software Engineer",handle:"javicodes",status:"Online",contactText:"Contact",showUserInfo:!0}};var G,K,Q;R.parameters={...R.parameters,docs:{...(G=R.parameters)==null?void 0:G.docs,source:{originalSource:`{
   args: {
     avatarUrl: 'https://i.pravatar.cc/300?img=12',
     behindGlowEnabled: true,

package/storybook-static/assets/{ProgressRings.stories-Dq2WYOU1.js → ProgressRings.stories-Chckh-on.js}

@@ -1,4 +1,4 @@
-import{r as v,j as r}from"./iframe-ClorXKAj.js";import"./preload-helper-C1FmrZbK.js";const P="_container_1jujk_1",A="_grid_1jujk_6",F="_ring_1jujk_13",U="_svg_1jujk_22",I="_center_1jujk_26",S="_emoji_1jujk_38",W="_pct_1jujk_44",B="_over_1jujk_51",G="_label_1jujk_59",H="_amounts_1jujk_66",X="_budget_1jujk_72",Y="_empty_1jujk_76",J="_tooltip_1jujk_83",K="_visible_1jujk_99",Q="_tipLabel_1jujk_103",Z="_tipRow_1jujk_108",t={container:P,grid:A,ring:F,svg:U,center:I,emoji:S,pct:W,over:B,label:G,amounts:H,budget:X,empty:Y,tooltip:J,visible:K,tipLabel:Q,tipRow:Z},z=e=>e.toLocaleString(),ee=(e,l)=>`Over by ${l(e)}`,te=(e,l)=>`${l(e)} left`,O=({rings:e,formatValue:l=z,ringSize:s=120,stroke:b=12,emptyMessage:j="No data to display",overLabel:m=ee,underLabel:_=te})=>{const y=v.useRef(null),c=v.useRef(null),d=v.useCallback((n,f)=>{const a=c.current,g=y.current;if(!a||!g)return;const p=g.getBoundingClientRect();a.style.left=`${n.clientX-p.left+12}px`,a.style.top=`${n.clientY-p.top-10}px`,a.innerHTML=f,a.classList.add(t.visible)},[]),R=v.useCallback(()=>{var n;(n=c.current)==null||n.classList.remove(t.visible)},[]);if(e.length===0)return r.jsx("div",{className:t.empty,children:j});const u=(s-b)/2,i=2*Math.PI*u;return r.jsxs("div",{className:t.container,ref:y,children:[r.jsx("div",{className:t.grid,children:e.map((n,f)=>{const a=n.target>0?n.value/n.target:0,g=Math.min(1,a),p=i*(1-g),k=Math.round(a*100),o=a>1,C=o?"var(--color-error)":n.color||"var(--color-primary)";return r.jsx(ne,{label:n.label,emoji:n.emoji,ringSize:s,stroke:b,radius:u,circumference:i,finalOffset:p,ringColor:C,value:n.value,target:n.target,pct:k,over:o,formatValue:l,overLabel:m,underLabel:_,delay:f*80,onTip:d,onTipLeave:R},n.label)})}),r.jsx("div",{ref:c,className:t.tooltip})]})},ne=({label:e,emoji:l,ringSize:s,stroke:b,radius:j,circumference:m,finalOffset:_,ringColor:y,value:c,target:d,pct:R,over:u,formatValue:i,overLabel:n,underLabel:f,delay:a,onTip:g,onTipLeave:p})=>{const k=v.useRef(null);return v.useEffect(()=>{const o=k.current;o&&(o.style.transition="none",o.style.strokeDashoffset=`${m}`,o.getBoundingClientRect(),o.style.transition=`stroke-dashoffset 900ms cubic-bezier(0.22, 1, 0.36, 1) ${a}ms`,o.style.strokeDashoffset=`${_}`)},[m,_,a]),r.jsxs("div",{className:t.ring,onMouseMove:o=>g(o,`<div class="${t.tipLabel}">${l??""} ${e}</div><div class="${t.tipRow}">${i(c)} of ${i(d)}</div><div class="${t.tipRow}" style="color:${u?"var(--color-error)":"var(--color-success)"}">${u?n(c-d,i):f(d-c,i)}</div>`),onMouseLeave:p,children:[r.jsxs("svg",{width:s,height:s,className:t.svg,children:[r.jsx("circle",{cx:s/2,cy:s/2,r:j,fill:"none",stroke:"var(--color-border)",strokeWidth:b,strokeOpacity:"0.35"}),r.jsx("circle",{ref:k,cx:s/2,cy:s/2,r:j,fill:"none",stroke:y,strokeWidth:b,strokeLinecap:"round",strokeDasharray:m,strokeDashoffset:m,transform:`rotate(-90 ${s/2} ${s/2})`})]}),r.jsxs("div",{className:t.center,children:[l&&r.jsx("div",{className:t.emoji,children:l}),r.jsxs("div",{className:`${t.pct} ${u?t.over:""}`,children:[R,"%"]})]}),r.jsx("div",{className:t.label,children:e}),r.jsxs("div",{className:t.amounts,children:[r.jsx("span",{className:u?t.over:"",children:i(c)}),r.jsxs("span",{className:t.budget,children:[" / ",i(d)]})]})]})};O.__docgenInfo={description:"",methods:[],displayName:"ProgressRings",props:{rings:{required:!0,tsType:{name:"Array",elements:[{name:"ProgressRingItem"}],raw:"ProgressRingItem[]"},description:""},formatValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: number) => string",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"string"}}},description:"",defaultValue:{value:"(n: number) => n.toLocaleString()",computed:!1}},ringSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"120",computed:!1}},stroke:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"12",computed:!1}},emptyMessage:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'No data to display'",computed:!1}},overLabel:{required:!1,tsType:{name:"signature",type:"function",raw:"(over: number, formatValue: (v: number) => string) => string",signature:{arguments:[{type:{name:"number"},name:"over"},{type:{name:"signature",type:"function",raw:"(v: number) => string",signature:{arguments:[{type:{name:"number"},name:"v"}],return:{name:"string"}}},name:"formatValue"}],return:{name:"string"}}},description:"",defaultValue:{value:"(over: number, fmt: (v: number) => string) => `Over by ${fmt(over)}`",computed:!1}},underLabel:{required:!1,tsType:{name:"signature",type:"function",raw:"(left: number, formatValue: (v: number) => string) => string",signature:{arguments:[{type:{name:"number"},name:"left"},{type:{name:"signature",type:"function",raw:"(v: number) => string",signature:{arguments:[{type:{name:"number"},name:"v"}],return:{name:"string"}}},name:"formatValue"}],return:{name:"string"}}},description:"",defaultValue:{value:"(left: number, fmt: (v: number) => string) => `${fmt(left)} left`",computed:!1}}}};const oe={title:"Organisms/Charts/ProgressRings",component:O,parameters:{layout:"centered"}},re=e=>`€${e.toLocaleString("en-US",{maximumFractionDigits:0})}`,h={args:{rings:[{label:"Groceries",emoji:"🥦",color:"#10b981",value:320,target:500},{label:"Rent",emoji:"🏠",color:"#6366f1",value:1200,target:1200},{label:"Eating out",emoji:"🍕",color:"#f59e0b",value:220,target:150},{label:"Transport",emoji:"🚇",color:"#06b6d4",value:60,target:200},{label:"Entertainment",emoji:"🎬",color:"#ec4899",value:95,target:120}],formatValue:re}},$={args:{rings:[{label:"Reading",emoji:"📚",color:"#8b5cf6",value:18,target:30},{label:"Workouts",emoji:"🏋️",color:"#10b981",value:12,target:12},{label:"Meditation",emoji:"🧘",color:"#06b6d4",value:5,target:20}],ringSize:96,stroke:10,formatValue:e=>`${e}`,underLabel:e=>`${e} to go`,overLabel:e=>`+${e} extra`}},x={args:{rings:[]}};var L,T,E;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`{
+import{r as v,j as r}from"./iframe-CsNMSmaZ.js";import"./preload-helper-C1FmrZbK.js";const P="_container_1jujk_1",A="_grid_1jujk_6",F="_ring_1jujk_13",U="_svg_1jujk_22",I="_center_1jujk_26",S="_emoji_1jujk_38",W="_pct_1jujk_44",B="_over_1jujk_51",G="_label_1jujk_59",H="_amounts_1jujk_66",X="_budget_1jujk_72",Y="_empty_1jujk_76",J="_tooltip_1jujk_83",K="_visible_1jujk_99",Q="_tipLabel_1jujk_103",Z="_tipRow_1jujk_108",t={container:P,grid:A,ring:F,svg:U,center:I,emoji:S,pct:W,over:B,label:G,amounts:H,budget:X,empty:Y,tooltip:J,visible:K,tipLabel:Q,tipRow:Z},z=e=>e.toLocaleString(),ee=(e,l)=>`Over by ${l(e)}`,te=(e,l)=>`${l(e)} left`,O=({rings:e,formatValue:l=z,ringSize:s=120,stroke:b=12,emptyMessage:j="No data to display",overLabel:m=ee,underLabel:_=te})=>{const y=v.useRef(null),c=v.useRef(null),d=v.useCallback((n,f)=>{const a=c.current,g=y.current;if(!a||!g)return;const p=g.getBoundingClientRect();a.style.left=`${n.clientX-p.left+12}px`,a.style.top=`${n.clientY-p.top-10}px`,a.innerHTML=f,a.classList.add(t.visible)},[]),R=v.useCallback(()=>{var n;(n=c.current)==null||n.classList.remove(t.visible)},[]);if(e.length===0)return r.jsx("div",{className:t.empty,children:j});const u=(s-b)/2,i=2*Math.PI*u;return r.jsxs("div",{className:t.container,ref:y,children:[r.jsx("div",{className:t.grid,children:e.map((n,f)=>{const a=n.target>0?n.value/n.target:0,g=Math.min(1,a),p=i*(1-g),k=Math.round(a*100),o=a>1,C=o?"var(--color-error)":n.color||"var(--color-primary)";return r.jsx(ne,{label:n.label,emoji:n.emoji,ringSize:s,stroke:b,radius:u,circumference:i,finalOffset:p,ringColor:C,value:n.value,target:n.target,pct:k,over:o,formatValue:l,overLabel:m,underLabel:_,delay:f*80,onTip:d,onTipLeave:R},n.label)})}),r.jsx("div",{ref:c,className:t.tooltip})]})},ne=({label:e,emoji:l,ringSize:s,stroke:b,radius:j,circumference:m,finalOffset:_,ringColor:y,value:c,target:d,pct:R,over:u,formatValue:i,overLabel:n,underLabel:f,delay:a,onTip:g,onTipLeave:p})=>{const k=v.useRef(null);return v.useEffect(()=>{const o=k.current;o&&(o.style.transition="none",o.style.strokeDashoffset=`${m}`,o.getBoundingClientRect(),o.style.transition=`stroke-dashoffset 900ms cubic-bezier(0.22, 1, 0.36, 1) ${a}ms`,o.style.strokeDashoffset=`${_}`)},[m,_,a]),r.jsxs("div",{className:t.ring,onMouseMove:o=>g(o,`<div class="${t.tipLabel}">${l??""} ${e}</div><div class="${t.tipRow}">${i(c)} of ${i(d)}</div><div class="${t.tipRow}" style="color:${u?"var(--color-error)":"var(--color-success)"}">${u?n(c-d,i):f(d-c,i)}</div>`),onMouseLeave:p,children:[r.jsxs("svg",{width:s,height:s,className:t.svg,children:[r.jsx("circle",{cx:s/2,cy:s/2,r:j,fill:"none",stroke:"var(--color-border)",strokeWidth:b,strokeOpacity:"0.35"}),r.jsx("circle",{ref:k,cx:s/2,cy:s/2,r:j,fill:"none",stroke:y,strokeWidth:b,strokeLinecap:"round",strokeDasharray:m,strokeDashoffset:m,transform:`rotate(-90 ${s/2} ${s/2})`})]}),r.jsxs("div",{className:t.center,children:[l&&r.jsx("div",{className:t.emoji,children:l}),r.jsxs("div",{className:`${t.pct} ${u?t.over:""}`,children:[R,"%"]})]}),r.jsx("div",{className:t.label,children:e}),r.jsxs("div",{className:t.amounts,children:[r.jsx("span",{className:u?t.over:"",children:i(c)}),r.jsxs("span",{className:t.budget,children:[" / ",i(d)]})]})]})};O.__docgenInfo={description:"",methods:[],displayName:"ProgressRings",props:{rings:{required:!0,tsType:{name:"Array",elements:[{name:"ProgressRingItem"}],raw:"ProgressRingItem[]"},description:""},formatValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: number) => string",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"string"}}},description:"",defaultValue:{value:"(n: number) => n.toLocaleString()",computed:!1}},ringSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"120",computed:!1}},stroke:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"12",computed:!1}},emptyMessage:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'No data to display'",computed:!1}},overLabel:{required:!1,tsType:{name:"signature",type:"function",raw:"(over: number, formatValue: (v: number) => string) => string",signature:{arguments:[{type:{name:"number"},name:"over"},{type:{name:"signature",type:"function",raw:"(v: number) => string",signature:{arguments:[{type:{name:"number"},name:"v"}],return:{name:"string"}}},name:"formatValue"}],return:{name:"string"}}},description:"",defaultValue:{value:"(over: number, fmt: (v: number) => string) => `Over by ${fmt(over)}`",computed:!1}},underLabel:{required:!1,tsType:{name:"signature",type:"function",raw:"(left: number, formatValue: (v: number) => string) => string",signature:{arguments:[{type:{name:"number"},name:"left"},{type:{name:"signature",type:"function",raw:"(v: number) => string",signature:{arguments:[{type:{name:"number"},name:"v"}],return:{name:"string"}}},name:"formatValue"}],return:{name:"string"}}},description:"",defaultValue:{value:"(left: number, fmt: (v: number) => string) => `${fmt(left)} left`",computed:!1}}}};const oe={title:"Organisms/Charts/ProgressRings",component:O,parameters:{layout:"centered"}},re=e=>`€${e.toLocaleString("en-US",{maximumFractionDigits:0})}`,h={args:{rings:[{label:"Groceries",emoji:"🥦",color:"#10b981",value:320,target:500},{label:"Rent",emoji:"🏠",color:"#6366f1",value:1200,target:1200},{label:"Eating out",emoji:"🍕",color:"#f59e0b",value:220,target:150},{label:"Transport",emoji:"🚇",color:"#06b6d4",value:60,target:200},{label:"Entertainment",emoji:"🎬",color:"#ec4899",value:95,target:120}],formatValue:re}},$={args:{rings:[{label:"Reading",emoji:"📚",color:"#8b5cf6",value:18,target:30},{label:"Workouts",emoji:"🏋️",color:"#10b981",value:12,target:12},{label:"Meditation",emoji:"🧘",color:"#06b6d4",value:5,target:20}],ringSize:96,stroke:10,formatValue:e=>`${e}`,underLabel:e=>`${e} to go`,overLabel:e=>`+${e} extra`}},x={args:{rings:[]}};var L,T,E;h.parameters={...h.parameters,docs:{...(L=h.parameters)==null?void 0:L.docs,source:{originalSource:`{
   args: {
     rings: [{
       label: 'Groceries',

package/storybook-static/assets/{QuantifiableHabitsChart.stories-treJexAd.js → QuantifiableHabitsChart.stories-B5Zb8qqa.js}

@@ -1,4 +1,4 @@
-import{r as d,j as r}from"./iframe-ClorXKAj.js";import{s as y,c as Mt,f as ae}from"./transform-DaumkFRH.js";import{t as ne,e as re,l as oe,m as se,p as wt}from"./monotone-Ca9yXB0X.js";import{l as ie}from"./linear-BTA54h8k.js";import{C as le}from"./chart-column-Bc8_bGZY.js";import{c as at}from"./createLucideIcon-B-jPBnP1.js";import{C as ce}from"./calendar-DtZXr8CJ.js";import{t as gt}from"./defaultLocale-DJ2q5QjE.js";import{a as de,b as ue}from"./axis-D3QohQNI.js";import{b as kt}from"./back-BxPoHLz2.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CSVzDSO0.js";import"./value-CMZJhU-O.js";import"./descending-BO6OmMcj.js";/**
+import{r as d,j as r}from"./iframe-CsNMSmaZ.js";import{s as y,c as Mt,f as ae}from"./transform-DaumkFRH.js";import{t as ne,e as re,l as oe,m as se,p as wt}from"./monotone-Ca9yXB0X.js";import{l as ie}from"./linear-BTA54h8k.js";import{C as le}from"./chart-column-CvnqmJ3s.js";import{c as at}from"./createLucideIcon-D-7CW_CD.js";import{C as ce}from"./calendar-AYW9MMYR.js";import{t as gt}from"./defaultLocale-DJ2q5QjE.js";import{a as de,b as ue}from"./axis-D3QohQNI.js";import{b as kt}from"./back-BxPoHLz2.js";import"./preload-helper-C1FmrZbK.js";import"./array-BKyUJesY.js";import"./path-CSVzDSO0.js";import"./value-CMZJhU-O.js";import"./descending-BO6OmMcj.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{Radar.stories-DN8oMfe1.js → Radar.stories-DS1aP6fF.js}

@@ -1,4 +1,4 @@
-import{r as y,j as W}from"./iframe-ClorXKAj.js";import{R as D,P as G,M as U}from"./Mesh-CwXV3WjE.js";import{T as z}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const j={"radar-container":"_radar-container_51ksp_1"};function L(n){const o=n.replace("#","");return[parseInt(o.slice(0,2),16)/255,parseInt(o.slice(2,4),16)/255,parseInt(o.slice(4,6),16)/255]}const N=`
+import{r as y,j as W}from"./iframe-CsNMSmaZ.js";import{R as D,P as G,M as U}from"./Mesh-CwXV3WjE.js";import{T as z}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const j={"radar-container":"_radar-container_51ksp_1"};function L(n){const o=n.replace("#","");return[parseInt(o.slice(0,2),16)/255,parseInt(o.slice(2,4),16)/255,parseInt(o.slice(4,6),16)/255]}const N=`
 attribute vec2 uv;
 attribute vec2 position;
 varying vec2 vUv;

package/storybook-static/assets/{RadialDayChart.stories-C_GY1oKa.js → RadialDayChart.stories-s1bCHgJt.js}

@@ -1,4 +1,4 @@
-import{r as u,j as k}from"./iframe-ClorXKAj.js";import{s as it,c as ct}from"./transform-DaumkFRH.js";import{a as lt}from"./arc--Q2xWRUA.js";import{i as dt}from"./value-CMZJhU-O.js";import"./preload-helper-C1FmrZbK.js";import"./path-CSVzDSO0.js";const ut="_container_7142v_1",pt="_clockWrap_7142v_10",mt="_tooltip_7142v_16",yt="_visible_7142v_32",ft="_tooltipLabel_7142v_36",ht="_tooltipRow_7142v_41",p={container:ut,clockWrap:pt,tooltip:mt,visible:yt,tooltipLabel:ft,tooltipRow:ht},G=t=>{const a=Math.floor(t),b=Math.floor((t-a)*60);return`${String(a).padStart(2,"0")}:${String(b).padStart(2,"0")}`},gt=t=>{const a=Math.round(t*60);return a<60?`${a}m`:`${Math.floor(a/60)}h ${a%60}m`},et=({rings:t,showNowHand:a=!0,centerTopLabel:b,centerMainLabel:w,size:_,minSize:N=280,maxSize:O=560})=>{const S=u.useRef(null),j=u.useRef(null),z=u.useRef(null),[ot,at]=u.useState(380),x=_??ot;u.useEffect(()=>{if(_)return;const n=S.current;if(!n)return;const f=new ResizeObserver(c=>{for(const H of c){const{width:h}=H.contentRect;h>0&&at(Math.max(N,Math.min(O,h)))}});return f.observe(n),()=>f.disconnect()},[_,N,O]);const q=u.useCallback((n,f)=>{const c=z.current,H=S.current;if(!c||!H)return;const h=H.getBoundingClientRect();c.style.left=`${n.clientX-h.left+12}px`,c.style.top=`${n.clientY-h.top-10}px`,c.innerHTML=f,c.classList.add(p.visible)},[]),W=u.useCallback(()=>{var n;(n=z.current)==null||n.classList.remove(p.visible)},[]);return u.useEffect(()=>{if(!j.current||t.length===0)return;const n=it(j.current);n.selectAll("*").remove();const f=x,c=x,H=f/2,h=c/2,g=x/2-28,l=n.attr("width",f).attr("height",c).append("g").attr("transform",`translate(${H},${h})`),A=getComputedStyle(document.documentElement),st=A.getPropertyValue("--color-text-secondary").trim()||"#888",P=A.getPropertyValue("--color-text-muted").trim()||"#aaa",D=A.getPropertyValue("--color-border").trim()||"rgba(128,128,128,0.2)",R=r=>r/24*Math.PI*2;l.append("circle").attr("r",g+8).attr("fill","none").attr("stroke",D).attr("stroke-width",1);const V=46,Y=2,C=t.length,B=(g-V-Y*(C-1))/C;t.forEach((r,o)=>{const s=g-o*(B+Y),d=s-B,M=r.opacity!==void 0?r.opacity:o===0?1:Math.max(.1,.85-o/C*.85),v=lt().innerRadius(d).outerRadius(s).startAngle(e=>R(e.startHour)).endAngle(e=>R(e.endHour)).cornerRadius(2);l.selectAll(`.ring-${o}`).data(r.arcs).join("path").attr("class",`ring-${o}`).attr("fill",e=>e.color).attr("opacity",0).attr("stroke","var(--color-background)").attr("stroke-width",.6).style("cursor","pointer").on("mousemove",function(e,i){const E=gt(i.endHour-i.startHour),nt=`${i.emoji??""} ${i.label??""}${i.description?` — ${i.description}`:""}`.trim();q(e,`<div class="${p.tooltipLabel}">${nt||"·"}</div><div class="${p.tooltipRow}">${r.dayLabel} · ${G(i.startHour)} → ${G(i.endHour)}</div><div class="${p.tooltipRow}">${E}${i.isActive?" · running":""}</div>`)}).on("mouseleave",W).attr("d",e=>v({...e,endHour:e.startHour})).transition().delay(e=>e.startHour/24*600+o*80).duration(550).ease(ct).attr("opacity",M).attrTween("d",function(e){const i=dt(e.startHour,e.endHour);return E=>v({...e,endHour:i(E)})||""})});for(let r=0;r<24;r++){const o=R(r)-Math.PI/2,s=r%3===0,d=g+2,M=g+(s?9:5);if(l.append("line").attr("x1",Math.cos(o)*d).attr("y1",Math.sin(o)*d).attr("x2",Math.cos(o)*M).attr("y2",Math.sin(o)*M).attr("stroke",s?st:D).attr("stroke-width",s?2:1),s){const v=g+22;l.append("text").attr("x",Math.cos(o)*v).attr("y",Math.sin(o)*v).attr("text-anchor","middle").attr("dominant-baseline","middle").attr("fill",P).attr("font-size","11px").attr("font-weight",600).text(String(r).padStart(2,"0"))}}if(l.append("circle").attr("r",V-2).attr("fill","var(--color-background-secondary)").attr("stroke",D).attr("stroke-width",1),b&&l.append("text").attr("text-anchor","middle").attr("y",w?-6:4).attr("fill",P).attr("font-size","10px").attr("letter-spacing","1.5px").text(b),w&&l.append("text").attr("text-anchor","middle").attr("y",b?14:4).attr("fill","var(--color-text)").attr("font-size","18px").attr("font-weight",700).text(w),a){const r=new Date,o=r.getHours()+r.getMinutes()/60,s=R(o)-Math.PI/2,d=g+6;l.append("line").attr("x1",0).attr("y1",0).attr("x2",Math.cos(s)*d).attr("y2",Math.sin(s)*d).attr("stroke","var(--color-error)").attr("stroke-width",2.5).attr("stroke-linecap","round").style("opacity",0).transition().delay(800).duration(300).style("opacity",1),l.append("circle").attr("cx",Math.cos(s)*d).attr("cy",Math.sin(s)*d).attr("r",4).attr("fill","var(--color-error)").style("opacity",0).transition().delay(800).duration(300).style("opacity",1),l.append("circle").attr("r",5).attr("fill","var(--color-error)").attr("stroke","var(--color-background)").attr("stroke-width",1.5).style("opacity",0).transition().delay(800).duration(300).style("opacity",1)}},[x,t,b,w,a,q,W]),k.jsxs("div",{className:p.container,ref:S,children:[k.jsx("div",{className:p.clockWrap,children:k.jsx("svg",{ref:j})}),k.jsx("div",{ref:z,className:p.tooltip})]})};et.__docgenInfo={description:"",methods:[],displayName:"RadialDayChart",props:{rings:{required:!0,tsType:{name:"Array",elements:[{name:"RadialRing"}],raw:"RadialRing[]"},description:'Index 0 is the outermost ring (typically "today")'},showNowHand:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},centerTopLabel:{required:!1,tsType:{name:"string"},description:""},centerMainLabel:{required:!1,tsType:{name:"string"},description:""},size:{required:!1,tsType:{name:"number"},description:"Override the size; otherwise the chart fills its container up to maxSize"},minSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"280",computed:!1}},maxSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"560",computed:!1}}}};const kt={title:"Organisms/Charts/RadialDayChart",component:et,parameters:{layout:"centered"}},m={work:"#6366f1",sleep:"#1e293b",eat:"#f59e0b",sport:"#10b981",read:"#8b5cf6"},y=[{startHour:0,endHour:7.5,color:m.sleep,label:"Sleep",emoji:"😴"},{startHour:7.5,endHour:8,color:m.eat,label:"Breakfast",emoji:"🥐"},{startHour:9,endHour:12.5,color:m.work,label:"Deep work",emoji:"💼"},{startHour:13,endHour:13.75,color:m.eat,label:"Lunch",emoji:"🍝"},{startHour:14,endHour:17,color:m.work,label:"Meetings",emoji:"💼"},{startHour:18,endHour:19,color:m.sport,label:"Run",emoji:"🏃"},{startHour:19.5,endHour:20.5,color:m.eat,label:"Dinner",emoji:"🍣"},{startHour:21,endHour:23,color:m.read,label:"Reading",emoji:"📚"}],rt=[{dayLabel:"Today",arcs:y},{dayLabel:"Yesterday",arcs:y.map(t=>({...t,startHour:t.startHour-.4,endHour:t.endHour-.2}))},{dayLabel:"2 days ago",arcs:y.map(t=>({...t,startHour:t.startHour+.5,endHour:t.endHour+.3}))},{dayLabel:"3 days ago",arcs:y.slice(0,4)},{dayLabel:"4 days ago",arcs:y.slice(2)},{dayLabel:"5 days ago",arcs:y.filter((t,a)=>a%2===0)},{dayLabel:"6 days ago",arcs:y.slice(0,6)}],L={args:{rings:rt,centerTopLabel:"TODAY",centerMainLabel:"11h 30m",size:460}},T={args:{rings:[{dayLabel:"Today",arcs:y}],centerTopLabel:"TODAY",centerMainLabel:"11h 30m",size:380}},$={args:{rings:rt,showNowHand:!1,centerTopLabel:"WEEK",centerMainLabel:"78h",size:460}};var K,I,X;L.parameters={...L.parameters,docs:{...(K=L.parameters)==null?void 0:K.docs,source:{originalSource:`{
+import{r as u,j as k}from"./iframe-CsNMSmaZ.js";import{s as it,c as ct}from"./transform-DaumkFRH.js";import{a as lt}from"./arc--Q2xWRUA.js";import{i as dt}from"./value-CMZJhU-O.js";import"./preload-helper-C1FmrZbK.js";import"./path-CSVzDSO0.js";const ut="_container_7142v_1",pt="_clockWrap_7142v_10",mt="_tooltip_7142v_16",yt="_visible_7142v_32",ft="_tooltipLabel_7142v_36",ht="_tooltipRow_7142v_41",p={container:ut,clockWrap:pt,tooltip:mt,visible:yt,tooltipLabel:ft,tooltipRow:ht},G=t=>{const a=Math.floor(t),b=Math.floor((t-a)*60);return`${String(a).padStart(2,"0")}:${String(b).padStart(2,"0")}`},gt=t=>{const a=Math.round(t*60);return a<60?`${a}m`:`${Math.floor(a/60)}h ${a%60}m`},et=({rings:t,showNowHand:a=!0,centerTopLabel:b,centerMainLabel:w,size:_,minSize:N=280,maxSize:O=560})=>{const S=u.useRef(null),j=u.useRef(null),z=u.useRef(null),[ot,at]=u.useState(380),x=_??ot;u.useEffect(()=>{if(_)return;const n=S.current;if(!n)return;const f=new ResizeObserver(c=>{for(const H of c){const{width:h}=H.contentRect;h>0&&at(Math.max(N,Math.min(O,h)))}});return f.observe(n),()=>f.disconnect()},[_,N,O]);const q=u.useCallback((n,f)=>{const c=z.current,H=S.current;if(!c||!H)return;const h=H.getBoundingClientRect();c.style.left=`${n.clientX-h.left+12}px`,c.style.top=`${n.clientY-h.top-10}px`,c.innerHTML=f,c.classList.add(p.visible)},[]),W=u.useCallback(()=>{var n;(n=z.current)==null||n.classList.remove(p.visible)},[]);return u.useEffect(()=>{if(!j.current||t.length===0)return;const n=it(j.current);n.selectAll("*").remove();const f=x,c=x,H=f/2,h=c/2,g=x/2-28,l=n.attr("width",f).attr("height",c).append("g").attr("transform",`translate(${H},${h})`),A=getComputedStyle(document.documentElement),st=A.getPropertyValue("--color-text-secondary").trim()||"#888",P=A.getPropertyValue("--color-text-muted").trim()||"#aaa",D=A.getPropertyValue("--color-border").trim()||"rgba(128,128,128,0.2)",R=r=>r/24*Math.PI*2;l.append("circle").attr("r",g+8).attr("fill","none").attr("stroke",D).attr("stroke-width",1);const V=46,Y=2,C=t.length,B=(g-V-Y*(C-1))/C;t.forEach((r,o)=>{const s=g-o*(B+Y),d=s-B,M=r.opacity!==void 0?r.opacity:o===0?1:Math.max(.1,.85-o/C*.85),v=lt().innerRadius(d).outerRadius(s).startAngle(e=>R(e.startHour)).endAngle(e=>R(e.endHour)).cornerRadius(2);l.selectAll(`.ring-${o}`).data(r.arcs).join("path").attr("class",`ring-${o}`).attr("fill",e=>e.color).attr("opacity",0).attr("stroke","var(--color-background)").attr("stroke-width",.6).style("cursor","pointer").on("mousemove",function(e,i){const E=gt(i.endHour-i.startHour),nt=`${i.emoji??""} ${i.label??""}${i.description?` — ${i.description}`:""}`.trim();q(e,`<div class="${p.tooltipLabel}">${nt||"·"}</div><div class="${p.tooltipRow}">${r.dayLabel} · ${G(i.startHour)} → ${G(i.endHour)}</div><div class="${p.tooltipRow}">${E}${i.isActive?" · running":""}</div>`)}).on("mouseleave",W).attr("d",e=>v({...e,endHour:e.startHour})).transition().delay(e=>e.startHour/24*600+o*80).duration(550).ease(ct).attr("opacity",M).attrTween("d",function(e){const i=dt(e.startHour,e.endHour);return E=>v({...e,endHour:i(E)})||""})});for(let r=0;r<24;r++){const o=R(r)-Math.PI/2,s=r%3===0,d=g+2,M=g+(s?9:5);if(l.append("line").attr("x1",Math.cos(o)*d).attr("y1",Math.sin(o)*d).attr("x2",Math.cos(o)*M).attr("y2",Math.sin(o)*M).attr("stroke",s?st:D).attr("stroke-width",s?2:1),s){const v=g+22;l.append("text").attr("x",Math.cos(o)*v).attr("y",Math.sin(o)*v).attr("text-anchor","middle").attr("dominant-baseline","middle").attr("fill",P).attr("font-size","11px").attr("font-weight",600).text(String(r).padStart(2,"0"))}}if(l.append("circle").attr("r",V-2).attr("fill","var(--color-background-secondary)").attr("stroke",D).attr("stroke-width",1),b&&l.append("text").attr("text-anchor","middle").attr("y",w?-6:4).attr("fill",P).attr("font-size","10px").attr("letter-spacing","1.5px").text(b),w&&l.append("text").attr("text-anchor","middle").attr("y",b?14:4).attr("fill","var(--color-text)").attr("font-size","18px").attr("font-weight",700).text(w),a){const r=new Date,o=r.getHours()+r.getMinutes()/60,s=R(o)-Math.PI/2,d=g+6;l.append("line").attr("x1",0).attr("y1",0).attr("x2",Math.cos(s)*d).attr("y2",Math.sin(s)*d).attr("stroke","var(--color-error)").attr("stroke-width",2.5).attr("stroke-linecap","round").style("opacity",0).transition().delay(800).duration(300).style("opacity",1),l.append("circle").attr("cx",Math.cos(s)*d).attr("cy",Math.sin(s)*d).attr("r",4).attr("fill","var(--color-error)").style("opacity",0).transition().delay(800).duration(300).style("opacity",1),l.append("circle").attr("r",5).attr("fill","var(--color-error)").attr("stroke","var(--color-background)").attr("stroke-width",1.5).style("opacity",0).transition().delay(800).duration(300).style("opacity",1)}},[x,t,b,w,a,q,W]),k.jsxs("div",{className:p.container,ref:S,children:[k.jsx("div",{className:p.clockWrap,children:k.jsx("svg",{ref:j})}),k.jsx("div",{ref:z,className:p.tooltip})]})};et.__docgenInfo={description:"",methods:[],displayName:"RadialDayChart",props:{rings:{required:!0,tsType:{name:"Array",elements:[{name:"RadialRing"}],raw:"RadialRing[]"},description:'Index 0 is the outermost ring (typically "today")'},showNowHand:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},centerTopLabel:{required:!1,tsType:{name:"string"},description:""},centerMainLabel:{required:!1,tsType:{name:"string"},description:""},size:{required:!1,tsType:{name:"number"},description:"Override the size; otherwise the chart fills its container up to maxSize"},minSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"280",computed:!1}},maxSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"560",computed:!1}}}};const kt={title:"Organisms/Charts/RadialDayChart",component:et,parameters:{layout:"centered"}},m={work:"#6366f1",sleep:"#1e293b",eat:"#f59e0b",sport:"#10b981",read:"#8b5cf6"},y=[{startHour:0,endHour:7.5,color:m.sleep,label:"Sleep",emoji:"😴"},{startHour:7.5,endHour:8,color:m.eat,label:"Breakfast",emoji:"🥐"},{startHour:9,endHour:12.5,color:m.work,label:"Deep work",emoji:"💼"},{startHour:13,endHour:13.75,color:m.eat,label:"Lunch",emoji:"🍝"},{startHour:14,endHour:17,color:m.work,label:"Meetings",emoji:"💼"},{startHour:18,endHour:19,color:m.sport,label:"Run",emoji:"🏃"},{startHour:19.5,endHour:20.5,color:m.eat,label:"Dinner",emoji:"🍣"},{startHour:21,endHour:23,color:m.read,label:"Reading",emoji:"📚"}],rt=[{dayLabel:"Today",arcs:y},{dayLabel:"Yesterday",arcs:y.map(t=>({...t,startHour:t.startHour-.4,endHour:t.endHour-.2}))},{dayLabel:"2 days ago",arcs:y.map(t=>({...t,startHour:t.startHour+.5,endHour:t.endHour+.3}))},{dayLabel:"3 days ago",arcs:y.slice(0,4)},{dayLabel:"4 days ago",arcs:y.slice(2)},{dayLabel:"5 days ago",arcs:y.filter((t,a)=>a%2===0)},{dayLabel:"6 days ago",arcs:y.slice(0,6)}],L={args:{rings:rt,centerTopLabel:"TODAY",centerMainLabel:"11h 30m",size:460}},T={args:{rings:[{dayLabel:"Today",arcs:y}],centerTopLabel:"TODAY",centerMainLabel:"11h 30m",size:380}},$={args:{rings:rt,showNowHand:!1,centerTopLabel:"WEEK",centerMainLabel:"78h",size:460}};var K,I,X;L.parameters={...L.parameters,docs:{...(K=L.parameters)==null?void 0:K.docs,source:{originalSource:`{
   args: {
     rings,
     centerTopLabel: 'TODAY',