npm - @stfrigerio/sito-template - Versions diffs - 0.1.51 → 0.1.52 - Mend

@stfrigerio/sito-template 0.1.51 → 0.1.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (184) hide show

package/storybook-static/assets/{ShinyText.stories-2ZQhiBft.js → ShinyText.stories-NtVkUqNB.js} RENAMED Viewed

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

package/storybook-static/assets/{Silk.stories-C973tELu.js → Silk.stories-BACMGa6I.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as n,j as a}from"./iframe-CvT6MryR.js";import{C as p,u as x,a as g}from"./react-three-fiber.esm-BbD9yVT_.js";import{n as y}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const S=e=>(e=e.replace("#",""),[parseInt(e.slice(0,2),16)/255,parseInt(e.slice(2,4),16)/255,parseInt(e.slice(4,6),16)/255]),C=`
+import{r as n,j as a}from"./iframe-LZvJb0BS.js";import{C as p,u as x,a as g}from"./react-three-fiber.esm-D_o7ZgN9.js";import{n as y}from"./three.module--_vTUKhS.js";import"./preload-helper-C1FmrZbK.js";const S=e=>(e=e.replace("#",""),[parseInt(e.slice(0,2),16)/255,parseInt(e.slice(2,4),16)/255,parseInt(e.slice(4,6),16)/255]),C=`
 varying vec2 vUv;
 varying vec3 vPosition;

package/storybook-static/assets/{SleepChart.stories-C-nic0Hg.js → SleepChart.stories-S6pSldWo.js} RENAMED Viewed

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

package/storybook-static/assets/{Slider-Cj4NY5N0.js → Slider-dqb2UNTZ.js} RENAMED Viewed

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

package/storybook-static/assets/{Slider.stories-DLEYO7pQ.js → Slider.stories-4UkeTwoz.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as C,j as i}from"./iframe-CvT6MryR.js";import{S as F}from"./Slider-Cj4NY5N0.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-DyOR6GVH.js";import"./proxy-0exJiild.js";import"./MotionConfigContext-BdSKNtzx.js";import"./index-2ZuXCVEx.js";const D={title:"Atoms/Slider",component:F,parameters:{layout:"centered",docs:{description:{component:"An animated slider component with customizable styling, labels, and dynamic coloring."}}},argTypes:{value:{control:"number"},min:{control:"number"},max:{control:"number"},step:{control:"number"},label:{control:"text"},showValue:{control:"boolean"},showTooltip:{control:"boolean"},disabled:{control:"boolean"},loading:{control:"boolean"},config:{control:"object"}},tags:["autodocs"]},n=e=>{const[r,V]=C.useState(e.value||50);return i.jsx("div",{style:{width:"300px",padding:"20px"},children:i.jsx(F,{...e,value:r,onChange:V})})},o={render:n,args:{min:0,max:100,step:1,label:"Default Slider",showValue:!0}},a={render:n,args:{min:1,max:10,value:7,label:"Rating",showValue:!0,labels:[{label:":(",position:"start"},{label:":|",position:50},{label:":)",position:"end"}],colorFunction:e=>e<=3?"#ff4444":e<=6?"#ffa500":"#4caf50",valueFormatter:e=>`${e}/10`}},t={render:n,args:{min:-10,max:40,value:22,step:.5,label:"Temperature",showValue:!0,showTooltip:!0,colorFunction:e=>{const r=(e+10)/50;return r<.3?"#4fc3f7":r<.7?"#66bb6a":"#ff7043"},valueFormatter:e=>`${e} C`}},l={render:n,args:{min:1,max:5,value:3,label:"How are you feeling?",showValue:!0,labels:[{label:"Terrible",position:"start"},{label:"Okay",position:50},{label:"Great",position:"end"}],colorFunction:e=>{const r=["#f44336","#ff9800","#ffc107","#4caf50","#2196f3"];return r[e-1]||r[2]},valueFormatter:e=>["Terrible","Bad","Okay","Good","Great"][e-1]||"Okay",config:{size:"lg"}}},s={render:n,args:{min:0,max:100,value:30,label:"Custom Colors",showValue:!0,config:{colors:{fill:"#e91e63",thumb:"#e91e63",text:"#e91e63"}}}};var u,c,m;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
+import{r as C,j as i}from"./iframe-LZvJb0BS.js";import{S as F}from"./Slider-dqb2UNTZ.js";import"./preload-helper-C1FmrZbK.js";import"./useSound-Dc8S51xy.js";import"./proxy-94dt0K2Y.js";import"./MotionConfigContext-D_4LMwJ5.js";import"./index-vc18hLoj.js";const D={title:"Atoms/Slider",component:F,parameters:{layout:"centered",docs:{description:{component:"An animated slider component with customizable styling, labels, and dynamic coloring."}}},argTypes:{value:{control:"number"},min:{control:"number"},max:{control:"number"},step:{control:"number"},label:{control:"text"},showValue:{control:"boolean"},showTooltip:{control:"boolean"},disabled:{control:"boolean"},loading:{control:"boolean"},config:{control:"object"}},tags:["autodocs"]},n=e=>{const[r,V]=C.useState(e.value||50);return i.jsx("div",{style:{width:"300px",padding:"20px"},children:i.jsx(F,{...e,value:r,onChange:V})})},o={render:n,args:{min:0,max:100,step:1,label:"Default Slider",showValue:!0}},a={render:n,args:{min:1,max:10,value:7,label:"Rating",showValue:!0,labels:[{label:":(",position:"start"},{label:":|",position:50},{label:":)",position:"end"}],colorFunction:e=>e<=3?"#ff4444":e<=6?"#ffa500":"#4caf50",valueFormatter:e=>`${e}/10`}},t={render:n,args:{min:-10,max:40,value:22,step:.5,label:"Temperature",showValue:!0,showTooltip:!0,colorFunction:e=>{const r=(e+10)/50;return r<.3?"#4fc3f7":r<.7?"#66bb6a":"#ff7043"},valueFormatter:e=>`${e} C`}},l={render:n,args:{min:1,max:5,value:3,label:"How are you feeling?",showValue:!0,labels:[{label:"Terrible",position:"start"},{label:"Okay",position:50},{label:"Great",position:"end"}],colorFunction:e=>{const r=["#f44336","#ff9800","#ffc107","#4caf50","#2196f3"];return r[e-1]||r[2]},valueFormatter:e=>["Terrible","Bad","Okay","Good","Great"][e-1]||"Okay",config:{size:"lg"}}},s={render:n,args:{min:0,max:100,value:30,label:"Custom Colors",showValue:!0,config:{colors:{fill:"#e91e63",thumb:"#e91e63",text:"#e91e63"}}}};var u,c,m;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
   render: InteractiveSlider,
   args: {
     min: 0,

package/storybook-static/assets/{SoftAurora.stories-BwKGvWh1.js → SoftAurora.stories-DH8d39VG.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as E,j as D}from"./iframe-CvT6MryR.js";import{R as I,P as O,M as N}from"./Mesh-CwXV3WjE.js";import{T as G}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const P={"soft-aurora-container":"_soft-aurora-container_c4lp8_1"};function H(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const U=`
+import{r as E,j as D}from"./iframe-LZvJb0BS.js";import{R as I,P as O,M as N}from"./Mesh-CwXV3WjE.js";import{T as G}from"./Triangle-64ffRKNB.js";import"./preload-helper-C1FmrZbK.js";const P={"soft-aurora-container":"_soft-aurora-container_c4lp8_1"};function H(r){const t=r.replace("#","");return[parseInt(t.slice(0,2),16)/255,parseInt(t.slice(2,4),16)/255,parseInt(t.slice(4,6),16)/255]}const U=`
 attribute vec2 uv;
 attribute vec2 position;
 varying vec2 vUv;

package/storybook-static/assets/{SoundDemo.stories-BBGMylUU.js → SoundDemo.stories-Ci_Q1qDO.js} RENAMED Viewed

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

package/storybook-static/assets/{SplashCursor.stories-Nh-ONQGd.js → SplashCursor.stories-BMBbSrDn.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as V,j as le}from"./iframe-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";function ve({SIM_RESOLUTION:de=128,DYE_RESOLUTION:me=1440,CAPTURE_RESOLUTION:it=512,DENSITY_DISSIPATION:he=3.5,VELOCITY_DISSIPATION:xe=2,PRESSURE:Te=.1,PRESSURE_ITERATIONS:pe=20,CURL:Re=3,SPLAT_RADIUS:Ee=.2,SPLAT_FORCE:ge=6e3,SHADING:Se=!0,COLOR_UPDATE_SPEED:De=10,BACK_COLOR:ot={r:.5,g:0,b:0},TRANSPARENT:at=!0}){const H=V.useRef(null),U=V.useRef(null);return V.useEffect(()=>{const c=H.current;if(!c)return;let q=!0;function Ae(){this.id=-1,this.texcoordX=0,this.texcoordY=0,this.prevTexcoordX=0,this.prevTexcoordY=0,this.deltaX=0,this.deltaY=0,this.down=!1,this.moved=!1,this.color=[0,0,0]}let v={SIM_RESOLUTION:de,DYE_RESOLUTION:me,DENSITY_DISSIPATION:he,VELOCITY_DISSIPATION:xe,PRESSURE:Te,PRESSURE_ITERATIONS:pe,CURL:Re,SPLAT_RADIUS:Ee,SPLAT_FORCE:ge,SHADING:Se,COLOR_UPDATE_SPEED:De},_=[new Ae];const{gl:t,ext:E}=_e(c);E.supportLinearFiltering||(v.DYE_RESOLUTION=256,v.SHADING=!1);function _e(e){const r={alpha:!0,depth:!1,stencil:!1,antialias:!1,preserveDrawingBuffer:!1};let i=e.getContext("webgl2",r);const o=!!i;o||(i=e.getContext("webgl",r)||e.getContext("experimental-webgl",r));let a,n;o?(i.getExtension("EXT_color_buffer_float"),n=i.getExtension("OES_texture_float_linear")):(a=i.getExtension("OES_texture_half_float"),n=i.getExtension("OES_texture_half_float_linear")),i.clearColor(0,0,0,1);const u=o?i.HALF_FLOAT:a&&a.HALF_FLOAT_OES;let f,s,R;return o?(f=S(i,i.RGBA16F,i.RGBA,u),s=S(i,i.RG16F,i.RG,u),R=S(i,i.R16F,i.RED,u)):(f=S(i,i.RGBA,i.RGBA,u),s=S(i,i.RGBA,i.RGBA,u),R=S(i,i.RGBA,i.RGBA,u)),{gl:i,ext:{formatRGBA:f,formatRG:s,formatR:R,halfFloatTexType:u,supportLinearFiltering:n}}}function S(e,r,i,o){if(!ye(e,r,i,o))switch(r){case e.R16F:return S(e,e.RG16F,e.RG,o);case e.RG16F:return S(e,e.RGBA16F,e.RGBA,o);default:return null}return{internalFormat:r,format:i}}function ye(e,r,i,o){const a=e.createTexture();e.bindTexture(e.TEXTURE_2D,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,r,4,4,0,i,o,null);const n=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,n),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a,0),e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE}class Fe{constructor(r,i){this.vertexShader=r,this.fragmentShaderSource=i,this.programs=[],this.activeProgram=null,this.uniforms=[]}setKeywords(r){let i=0;for(let a=0;a<r.length;a++)i+=rt(r[a]);let o=this.programs[i];if(o==null){let a=h(t.FRAGMENT_SHADER,this.fragmentShaderSource,r);o=W(this.vertexShader,a),this.programs[i]=o}o!==this.activeProgram&&(this.uniforms=k(o),this.activeProgram=o)}bind(){t.useProgram(this.activeProgram)}}class g{constructor(r,i){this.uniforms={},this.program=W(r,i),this.uniforms=k(this.program)}bind(){t.useProgram(this.program)}}function W(e,r){let i=t.createProgram();return t.attachShader(i,e),t.attachShader(i,r),t.linkProgram(i),t.getProgramParameter(i,t.LINK_STATUS)||console.trace(t.getProgramInfoLog(i)),i}function k(e){let r=[],i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS);for(let o=0;o<i;o++){let a=t.getActiveUniform(e,o).name;r[a]=t.getUniformLocation(e,a)}return r}function h(e,r,i){r=we(r,i);const o=t.createShader(e);return t.shaderSource(o,r),t.compileShader(o),t.getShaderParameter(o,t.COMPILE_STATUS)||console.trace(t.getShaderInfoLog(o)),o}function we(e,r){if(!r)return e;let i="";return r.forEach(o=>{i+="#define "+o+`
+import{r as V,j as le}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";function ve({SIM_RESOLUTION:de=128,DYE_RESOLUTION:me=1440,CAPTURE_RESOLUTION:it=512,DENSITY_DISSIPATION:he=3.5,VELOCITY_DISSIPATION:xe=2,PRESSURE:Te=.1,PRESSURE_ITERATIONS:pe=20,CURL:Re=3,SPLAT_RADIUS:Ee=.2,SPLAT_FORCE:ge=6e3,SHADING:Se=!0,COLOR_UPDATE_SPEED:De=10,BACK_COLOR:ot={r:.5,g:0,b:0},TRANSPARENT:at=!0}){const H=V.useRef(null),U=V.useRef(null);return V.useEffect(()=>{const c=H.current;if(!c)return;let q=!0;function Ae(){this.id=-1,this.texcoordX=0,this.texcoordY=0,this.prevTexcoordX=0,this.prevTexcoordY=0,this.deltaX=0,this.deltaY=0,this.down=!1,this.moved=!1,this.color=[0,0,0]}let v={SIM_RESOLUTION:de,DYE_RESOLUTION:me,DENSITY_DISSIPATION:he,VELOCITY_DISSIPATION:xe,PRESSURE:Te,PRESSURE_ITERATIONS:pe,CURL:Re,SPLAT_RADIUS:Ee,SPLAT_FORCE:ge,SHADING:Se,COLOR_UPDATE_SPEED:De},_=[new Ae];const{gl:t,ext:E}=_e(c);E.supportLinearFiltering||(v.DYE_RESOLUTION=256,v.SHADING=!1);function _e(e){const r={alpha:!0,depth:!1,stencil:!1,antialias:!1,preserveDrawingBuffer:!1};let i=e.getContext("webgl2",r);const o=!!i;o||(i=e.getContext("webgl",r)||e.getContext("experimental-webgl",r));let a,n;o?(i.getExtension("EXT_color_buffer_float"),n=i.getExtension("OES_texture_float_linear")):(a=i.getExtension("OES_texture_half_float"),n=i.getExtension("OES_texture_half_float_linear")),i.clearColor(0,0,0,1);const u=o?i.HALF_FLOAT:a&&a.HALF_FLOAT_OES;let f,s,R;return o?(f=S(i,i.RGBA16F,i.RGBA,u),s=S(i,i.RG16F,i.RG,u),R=S(i,i.R16F,i.RED,u)):(f=S(i,i.RGBA,i.RGBA,u),s=S(i,i.RGBA,i.RGBA,u),R=S(i,i.RGBA,i.RGBA,u)),{gl:i,ext:{formatRGBA:f,formatRG:s,formatR:R,halfFloatTexType:u,supportLinearFiltering:n}}}function S(e,r,i,o){if(!ye(e,r,i,o))switch(r){case e.R16F:return S(e,e.RG16F,e.RG,o);case e.RG16F:return S(e,e.RGBA16F,e.RGBA,o);default:return null}return{internalFormat:r,format:i}}function ye(e,r,i,o){const a=e.createTexture();e.bindTexture(e.TEXTURE_2D,a),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.NEAREST),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texImage2D(e.TEXTURE_2D,0,r,4,4,0,i,o,null);const n=e.createFramebuffer();return e.bindFramebuffer(e.FRAMEBUFFER,n),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,a,0),e.checkFramebufferStatus(e.FRAMEBUFFER)===e.FRAMEBUFFER_COMPLETE}class Fe{constructor(r,i){this.vertexShader=r,this.fragmentShaderSource=i,this.programs=[],this.activeProgram=null,this.uniforms=[]}setKeywords(r){let i=0;for(let a=0;a<r.length;a++)i+=rt(r[a]);let o=this.programs[i];if(o==null){let a=h(t.FRAGMENT_SHADER,this.fragmentShaderSource,r);o=W(this.vertexShader,a),this.programs[i]=o}o!==this.activeProgram&&(this.uniforms=k(o),this.activeProgram=o)}bind(){t.useProgram(this.activeProgram)}}class g{constructor(r,i){this.uniforms={},this.program=W(r,i),this.uniforms=k(this.program)}bind(){t.useProgram(this.program)}}function W(e,r){let i=t.createProgram();return t.attachShader(i,e),t.attachShader(i,r),t.linkProgram(i),t.getProgramParameter(i,t.LINK_STATUS)||console.trace(t.getProgramInfoLog(i)),i}function k(e){let r=[],i=t.getProgramParameter(e,t.ACTIVE_UNIFORMS);for(let o=0;o<i;o++){let a=t.getActiveUniform(e,o).name;r[a]=t.getUniformLocation(e,a)}return r}function h(e,r,i){r=we(r,i);const o=t.createShader(e);return t.shaderSource(o,r),t.compileShader(o),t.getShaderParameter(o,t.COMPILE_STATUS)||console.trace(t.getShaderInfoLog(o)),o}function we(e,r){if(!r)return e;let i="";return r.forEach(o=>{i+="#define "+o+`
 `}),i+e}const T=h(t.VERTEX_SHADER,`
         precision highp float;
         attribute vec2 aPosition;

package/storybook-static/assets/{SpotlightCard.stories-C7FUbVoM.js → SpotlightCard.stories-Cy3mgAFZ.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as m,j as f}from"./iframe-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";const h={"card-spotlight":"_card-spotlight_leen8_1"},n=({children:c,className:p="",spotlightColor:u="rgba(255, 255, 255, 0.25)"})=>{const e=m.useRef(null),d=o=>{const r=e.current.getBoundingClientRect(),i=o.clientX-r.left,g=o.clientY-r.top;e.current.style.setProperty("--mouse-x",`${i}px`),e.current.style.setProperty("--mouse-y",`${g}px`),e.current.style.setProperty("--spotlight-color",u)};return f.jsx("div",{ref:e,onMouseMove:d,className:`${h["card-spotlight"]} ${p}`,children:c})};n.__docgenInfo={description:"",methods:[],displayName:"SpotlightCard",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spotlightColor:{defaultValue:{value:"'rgba(255, 255, 255, 0.25)'",computed:!1},required:!1}}};const C={title:"ReactBits/Components/SpotlightCard",component:n,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{children:"Hello World",spotlightColor:"rgba(255, 255, 255, 0.25)"}};var s,l,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+import{r as m,j as f}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";const h={"card-spotlight":"_card-spotlight_leen8_1"},n=({children:c,className:p="",spotlightColor:u="rgba(255, 255, 255, 0.25)"})=>{const e=m.useRef(null),d=o=>{const r=e.current.getBoundingClientRect(),i=o.clientX-r.left,g=o.clientY-r.top;e.current.style.setProperty("--mouse-x",`${i}px`),e.current.style.setProperty("--mouse-y",`${g}px`),e.current.style.setProperty("--spotlight-color",u)};return f.jsx("div",{ref:e,onMouseMove:d,className:`${h["card-spotlight"]} ${p}`,children:c})};n.__docgenInfo={description:"",methods:[],displayName:"SpotlightCard",props:{className:{defaultValue:{value:"''",computed:!1},required:!1},spotlightColor:{defaultValue:{value:"'rgba(255, 255, 255, 0.25)'",computed:!1},required:!1}}};const C={title:"ReactBits/Components/SpotlightCard",component:n,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{children:"Hello World",spotlightColor:"rgba(255, 255, 255, 0.25)"}};var s,l,a;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
   args: {
     children: 'Hello World',
     spotlightColor: 'rgba(255, 255, 255, 0.25)'

package/storybook-static/assets/{Stack.stories-eXwEbGTy.js → Stack.stories-C_qFRAvS.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as c,j as t}from"./iframe-CvT6MryR.js";import{m as k}from"./proxy-0exJiild.js";import{u as R}from"./use-motion-value-DfJqnIZb.js";import{u as q}from"./use-transform-CATrWDJd.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const $="_card_1aymn_8",o={"stack-container":"_stack-container_1aymn_1","card-rotate":"_card-rotate_1aymn_8","card-rotate-disabled":"_card-rotate-disabled_1aymn_15",card:$,"card-image":"_card-image_1aymn_38"};function I({children:n,onSendToBack:g,sensitivity:s,disableDrag:u=!1}){const d=R(0),i=R(0),m=q(i,[-100,100],[60,-60]),f=q(d,[-100,100],[-60,60]);function b(y,p){Math.abs(p.offset.x)>s||Math.abs(p.offset.y)>s?g():(d.set(0),i.set(0))}return u?t.jsx(k.div,{className:`${o["card-rotate-disabled"]}`,style:{x:0,y:0},children:n}):t.jsx(k.div,{className:`${o["card-rotate"]}`,style:{x:d,y:i,rotateX:m,rotateY:f},drag:!0,dragConstraints:{top:0,right:0,bottom:0,left:0},dragElastic:.6,whileTap:{cursor:"grabbing"},onDragEnd:b,children:n})}function O({randomRotation:n=!1,sensitivity:g=200,cards:s=[],animationConfig:u={stiffness:260,damping:20},sendToBackOnClick:d=!1,autoplay:i=!1,autoplayDelay:m=3e3,pauseOnHover:f=!1,mobileClickOnly:b=!1,mobileBreakpoint:y=768}){const[p,S]=c.useState(!1),[j,x]=c.useState(!1);c.useEffect(()=>{const e=()=>{S(window.innerWidth<y)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]);const w=b&&p,D=d||w,[r,_]=c.useState(()=>s.length?s.map((e,a)=>({id:a+1,content:e})):[{id:1,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=500&auto=format",alt:"card-1",className:`${o["card-image"]}`})},{id:2,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1449844908441-8829872d2607?q=80&w=500&auto=format",alt:"card-2",className:`${o["card-image"]}`})},{id:3,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1452626212852-811d58933cae?q=80&w=500&auto=format",alt:"card-3",className:`${o["card-image"]}`})},{id:4,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1572120360610-d971b9d7767c?q=80&w=500&auto=format",alt:"card-4",className:`${o["card-image"]}`})}]);c.useEffect(()=>{s.length&&_(s.map((e,a)=>({id:a+1,content:e})))},[s]);const v=e=>{_(a=>{const l=[...a],M=l.findIndex(F=>F.id===e),[N]=l.splice(M,1);return l.unshift(N),l})};return c.useEffect(()=>{if(i&&r.length>1&&!j){const e=setInterval(()=>{const a=r[r.length-1].id;v(a)},m);return()=>clearInterval(e)}},[i,m,r,j]),t.jsx("div",{className:`${o["stack-container"]}`,onMouseEnter:()=>f&&x(!0),onMouseLeave:()=>f&&x(!1),children:r.map((e,a)=>{const l=n?Math.random()*10-5:0;return t.jsx(I,{onSendToBack:()=>v(e.id),sensitivity:g,disableDrag:w,children:t.jsx(k.div,{className:`${o.card}`,onClick:()=>D&&v(e.id),animate:{rotateZ:(r.length-a-1)*4+l,scale:1+a*.06-r.length*.06,transformOrigin:"90% 90%"},initial:!1,transition:{type:"spring",stiffness:u.stiffness,damping:u.damping},children:e.content})},e.id)})})}O.__docgenInfo={description:"",methods:[],displayName:"Stack",props:{randomRotation:{defaultValue:{value:"false",computed:!1},required:!1},sensitivity:{defaultValue:{value:"200",computed:!1},required:!1},cards:{defaultValue:{value:"[]",computed:!1},required:!1},animationConfig:{defaultValue:{value:"{ stiffness: 260, damping: 20 }",computed:!1},required:!1},sendToBackOnClick:{defaultValue:{value:"false",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},mobileClickOnly:{defaultValue:{value:"false",computed:!1},required:!1},mobileBreakpoint:{defaultValue:{value:"768",computed:!1},required:!1}}};const W={title:"ReactBits/Components/Stack",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{randomRotation:!1,sensitivity:200,sendToBackOnClick:!1,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,mobileClickOnly:!1,cards:[t.jsx("img",{src:"https://picsum.photos/seed/a/400/300",alt:"card-1",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"1"),t.jsx("img",{src:"https://picsum.photos/seed/b/400/300",alt:"card-2",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"2"),t.jsx("img",{src:"https://picsum.photos/seed/c/400/300",alt:"card-3",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"3"),t.jsx("img",{src:"https://picsum.photos/seed/d/400/300",alt:"card-4",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"4")]}};var E,C,V;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
+import{r as c,j as t}from"./iframe-LZvJb0BS.js";import{m as k}from"./proxy-94dt0K2Y.js";import{u as R}from"./use-motion-value-Cic9xvrL.js";import{u as q}from"./use-transform-D1fwdMmS.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const $="_card_1aymn_8",o={"stack-container":"_stack-container_1aymn_1","card-rotate":"_card-rotate_1aymn_8","card-rotate-disabled":"_card-rotate-disabled_1aymn_15",card:$,"card-image":"_card-image_1aymn_38"};function I({children:n,onSendToBack:g,sensitivity:s,disableDrag:u=!1}){const d=R(0),i=R(0),m=q(i,[-100,100],[60,-60]),f=q(d,[-100,100],[-60,60]);function b(y,p){Math.abs(p.offset.x)>s||Math.abs(p.offset.y)>s?g():(d.set(0),i.set(0))}return u?t.jsx(k.div,{className:`${o["card-rotate-disabled"]}`,style:{x:0,y:0},children:n}):t.jsx(k.div,{className:`${o["card-rotate"]}`,style:{x:d,y:i,rotateX:m,rotateY:f},drag:!0,dragConstraints:{top:0,right:0,bottom:0,left:0},dragElastic:.6,whileTap:{cursor:"grabbing"},onDragEnd:b,children:n})}function O({randomRotation:n=!1,sensitivity:g=200,cards:s=[],animationConfig:u={stiffness:260,damping:20},sendToBackOnClick:d=!1,autoplay:i=!1,autoplayDelay:m=3e3,pauseOnHover:f=!1,mobileClickOnly:b=!1,mobileBreakpoint:y=768}){const[p,S]=c.useState(!1),[j,x]=c.useState(!1);c.useEffect(()=>{const e=()=>{S(window.innerWidth<y)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[y]);const w=b&&p,D=d||w,[r,_]=c.useState(()=>s.length?s.map((e,a)=>({id:a+1,content:e})):[{id:1,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1480074568708-e7b720bb3f09?q=80&w=500&auto=format",alt:"card-1",className:`${o["card-image"]}`})},{id:2,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1449844908441-8829872d2607?q=80&w=500&auto=format",alt:"card-2",className:`${o["card-image"]}`})},{id:3,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1452626212852-811d58933cae?q=80&w=500&auto=format",alt:"card-3",className:`${o["card-image"]}`})},{id:4,content:t.jsx("img",{src:"https://images.unsplash.com/photo-1572120360610-d971b9d7767c?q=80&w=500&auto=format",alt:"card-4",className:`${o["card-image"]}`})}]);c.useEffect(()=>{s.length&&_(s.map((e,a)=>({id:a+1,content:e})))},[s]);const v=e=>{_(a=>{const l=[...a],M=l.findIndex(F=>F.id===e),[N]=l.splice(M,1);return l.unshift(N),l})};return c.useEffect(()=>{if(i&&r.length>1&&!j){const e=setInterval(()=>{const a=r[r.length-1].id;v(a)},m);return()=>clearInterval(e)}},[i,m,r,j]),t.jsx("div",{className:`${o["stack-container"]}`,onMouseEnter:()=>f&&x(!0),onMouseLeave:()=>f&&x(!1),children:r.map((e,a)=>{const l=n?Math.random()*10-5:0;return t.jsx(I,{onSendToBack:()=>v(e.id),sensitivity:g,disableDrag:w,children:t.jsx(k.div,{className:`${o.card}`,onClick:()=>D&&v(e.id),animate:{rotateZ:(r.length-a-1)*4+l,scale:1+a*.06-r.length*.06,transformOrigin:"90% 90%"},initial:!1,transition:{type:"spring",stiffness:u.stiffness,damping:u.damping},children:e.content})},e.id)})})}O.__docgenInfo={description:"",methods:[],displayName:"Stack",props:{randomRotation:{defaultValue:{value:"false",computed:!1},required:!1},sensitivity:{defaultValue:{value:"200",computed:!1},required:!1},cards:{defaultValue:{value:"[]",computed:!1},required:!1},animationConfig:{defaultValue:{value:"{ stiffness: 260, damping: 20 }",computed:!1},required:!1},sendToBackOnClick:{defaultValue:{value:"false",computed:!1},required:!1},autoplay:{defaultValue:{value:"false",computed:!1},required:!1},autoplayDelay:{defaultValue:{value:"3000",computed:!1},required:!1},pauseOnHover:{defaultValue:{value:"false",computed:!1},required:!1},mobileClickOnly:{defaultValue:{value:"false",computed:!1},required:!1},mobileBreakpoint:{defaultValue:{value:"768",computed:!1},required:!1}}};const W={title:"ReactBits/Components/Stack",component:O,parameters:{layout:"fullscreen"},tags:["autodocs"]},h={args:{randomRotation:!1,sensitivity:200,sendToBackOnClick:!1,autoplay:!1,autoplayDelay:3e3,pauseOnHover:!1,mobileClickOnly:!1,cards:[t.jsx("img",{src:"https://picsum.photos/seed/a/400/300",alt:"card-1",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"1"),t.jsx("img",{src:"https://picsum.photos/seed/b/400/300",alt:"card-2",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"2"),t.jsx("img",{src:"https://picsum.photos/seed/c/400/300",alt:"card-3",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"3"),t.jsx("img",{src:"https://picsum.photos/seed/d/400/300",alt:"card-4",style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:12}},"4")]}};var E,C,V;h.parameters={...h.parameters,docs:{...(E=h.parameters)==null?void 0:E.docs,source:{originalSource:`{
   args: {
     randomRotation: false,
     sensitivity: 200,

package/storybook-static/assets/{StaggeredMenu.stories-tgVDfUr0.js → StaggeredMenu.stories-BeqjTXCs.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as s,R as le,j as r}from"./iframe-CvT6MryR.js";import{g as l}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const a={"staggered-menu-wrapper":"_staggered-menu-wrapper_rbage_1","staggered-menu-header":"_staggered-menu-header_rbage_19","sm-logo":"_sm-logo_rbage_37","sm-logo-img":"_sm-logo-img_rbage_43","sm-toggle":"_sm-toggle_rbage_50","sm-toggle-textWrap":"_sm-toggle-textWrap_rbage_74","sm-toggle-textInner":"_sm-toggle-textInner_rbage_84","sm-toggle-line":"_sm-toggle-line_rbage_90","sm-icon":"_sm-icon_rbage_96","sm-panel-itemWrap":"_sm-panel-itemWrap_rbage_107","sm-icon-line":"_sm-icon-line_rbage_113","staggered-menu-panel":"_staggered-menu-panel_rbage_129","sm-prelayers":"_sm-prelayers_rbage_151","sm-prelayer":"_sm-prelayer_rbage_151","sm-panel-inner":"_sm-panel-inner_rbage_175","sm-socials":"_sm-socials_rbage_182","sm-socials-title":"_sm-socials-title_rbage_190","sm-socials-list":"_sm-socials-list_rbage_197","sm-socials-link":"_sm-socials-link_rbage_208","sm-panel-list":"_sm-panel-list_rbage_258","sm-panel-item":"_sm-panel-item_rbage_107","sm-panel-itemLabel":"_sm-panel-itemLabel_rbage_302"},oe=({position:k="right",colors:P=["#B19EEF","#5227FF"],items:T=[],socialItems:V=[],displaySocials:ce=!0,displayItemNumbering:ue=!0,className:D,logoUrl:me="/src/assets/logos/reactbits-gh-white.svg",menuButtonColor:b="#fff",openMenuButtonColor:v="#fff",accentColor:G="#5227FF",changeMenuColorOnOpen:L=!0,isFixed:fe=!1,closeOnClickAway:U=!0,onMenuOpen:N,onMenuClose:h})=>{const[y,z]=s.useState(!1),R=s.useRef(!1),_=s.useRef(null),J=s.useRef(null),I=s.useRef([]),K=s.useRef(null),Q=s.useRef(null),W=s.useRef(null),H=s.useRef(null),pe=s.useRef(null),[ge,de]=s.useState(["Menu","Close"]),S=s.useRef(null),w=s.useRef(null),O=s.useRef(null),X=s.useRef(null),Y=s.useRef(null),p=s.useRef(null),j=s.useRef(!1),Z=s.useRef(null);s.useLayoutEffect(()=>{const e=l.context(()=>{const t=_.current,n=J.current,o=K.current,m=Q.current,i=W.current,c=H.current;if(!t||!o||!m||!i||!c)return;let f=[];n&&(f=Array.from(n.querySelectorAll(".sm-prelayer"))),I.current=f;const u=k==="left"?-100:100;l.set([t,...f],{xPercent:u}),l.set(o,{transformOrigin:"50% 50%",rotate:0}),l.set(m,{transformOrigin:"50% 50%",rotate:90}),l.set(i,{rotate:0,transformOrigin:"50% 50%"}),l.set(c,{yPercent:0}),p.current&&l.set(p.current,{color:b})});return()=>e.revert()},[b,k]);const M=s.useCallback(()=>{var ae,se;const e=_.current,t=I.current;if(!e)return null;(ae=S.current)==null||ae.kill(),w.current&&(w.current.kill(),w.current=null),(se=Z.current)==null||se.kill();const n=Array.from(e.querySelectorAll(".sm-panel-itemLabel")),o=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item")),m=e.querySelector(".sm-socials-title"),i=Array.from(e.querySelectorAll(".sm-socials-link")),c=t.map(d=>({el:d,start:Number(l.getProperty(d,"xPercent"))})),f=Number(l.getProperty(e,"xPercent"));n.length&&l.set(n,{yPercent:140,rotate:10}),o.length&&l.set(o,{"--sm-num-opacity":0}),m&&l.set(m,{opacity:0}),i.length&&l.set(i,{y:25,opacity:0});const u=l.timeline({paused:!0});c.forEach((d,A)=>{u.fromTo(d.el,{xPercent:d.start},{xPercent:0,duration:.5,ease:"power4.out"},A*.07)});const g=(c.length?(c.length-1)*.07:0)+(c.length?.08:0),B=.65;if(u.fromTo(e,{xPercent:f},{xPercent:0,duration:B,ease:"power4.out"},g),n.length){const A=g+B*.15;u.to(n,{yPercent:0,rotate:0,duration:1,ease:"power4.out",stagger:{each:.1,from:"start"}},A),o.length&&u.to(o,{duration:.6,ease:"power2.out","--sm-num-opacity":1,stagger:{each:.08,from:"start"}},A+.1)}if(m||i.length){const d=g+B*.4;m&&u.to(m,{opacity:1,duration:.5,ease:"power2.out"},d),i.length&&u.to(i,{y:0,opacity:1,duration:.55,ease:"power3.out",stagger:{each:.08,from:"start"},onComplete:()=>{l.set(i,{clearProps:"opacity"})}},d+.04)}return S.current=u,u},[]),ee=s.useCallback(()=>{if(j.current)return;j.current=!0;const e=M();e?(e.eventCallback("onComplete",()=>{j.current=!1}),e.play(0)):j.current=!1},[M]),$=s.useCallback(()=>{var m,i,c;(m=S.current)==null||m.kill(),S.current=null,(i=Z.current)==null||i.kill();const e=_.current,t=I.current;if(!e)return;const n=[...t,e];(c=w.current)==null||c.kill();const o=k==="left"?-100:100;w.current=l.to(n,{xPercent:o,duration:.32,ease:"power3.in",overwrite:"auto",onComplete:()=>{const f=Array.from(e.querySelectorAll(".sm-panel-itemLabel"));f.length&&l.set(f,{yPercent:140,rotate:10});const u=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item"));u.length&&l.set(u,{"--sm-num-opacity":0});const x=e.querySelector(".sm-socials-title"),g=Array.from(e.querySelectorAll(".sm-socials-link"));x&&l.set(x,{opacity:0}),g.length&&l.set(g,{y:25,opacity:0}),j.current=!1}})},[k]),q=s.useCallback(e=>{var n;const t=W.current;t&&((n=O.current)==null||n.kill(),e?O.current=l.to(t,{rotate:225,duration:.8,ease:"power4.out",overwrite:"auto"}):O.current=l.to(t,{rotate:0,duration:.35,ease:"power3.inOut",overwrite:"auto"}))},[]),E=s.useCallback(e=>{var n;const t=p.current;if(t)if((n=Y.current)==null||n.kill(),L){const o=e?v:b;Y.current=l.to(t,{color:o,delay:.18,duration:.3,ease:"power2.out"})}else l.set(t,{color:b})},[v,b,L]);le.useEffect(()=>{if(p.current)if(L){const e=R.current?v:b;l.set(p.current,{color:e})}else l.set(p.current,{color:b})},[L,b,v]);const F=s.useCallback(e=>{var x;const t=H.current;if(!t)return;(x=X.current)==null||x.kill();const n=e?"Menu":"Close",o=e?"Close":"Menu",m=3,i=[n];let c=n;for(let g=0;g<m;g++)c=c==="Menu"?"Close":"Menu",i.push(c);c!==o&&i.push(o),i.push(o),de(i),l.set(t,{yPercent:0});const f=i.length,u=(f-1)/f*100;X.current=l.to(t,{yPercent:-u,duration:.5+f*.07,ease:"power4.out"})},[]),be=s.useCallback(()=>{const e=!R.current;R.current=e,z(e),e?(N==null||N(),ee()):(h==null||h(),$()),q(e),E(e),F(e)},[ee,$,q,E,F,N,h]),te=s.useCallback(()=>{R.current&&(R.current=!1,z(!1),h==null||h(),$(),q(!1),E(!1),F(!1))},[$,q,E,F,h]);return le.useEffect(()=>{if(!U||!y)return;const e=t=>{_.current&&!_.current.contains(t.target)&&p.current&&!p.current.contains(t.target)&&te()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[U,y,te]),r.jsxs("div",{className:(D?D+" ":"")+a["staggered-menu-wrapper"]+(fe?" fixed-wrapper":""),style:G?{"--sm-accent":G}:void 0,"data-position":k,"data-open":y||void 0,children:[r.jsx("div",{ref:J,className:`${a["sm-prelayers"]}`,"aria-hidden":"true",children:(()=>{let t=[...P&&P.length?P.slice(0,4):["#1e1e22","#35353c"]];if(t.length>=3){const n=Math.floor(t.length/2);t.splice(n,1)}return t.map((n,o)=>r.jsx("div",{className:`${a["sm-prelayer"]}`,style:{background:n}},o))})()}),r.jsxs("header",{className:`${a["staggered-menu-header"]}`,"aria-label":"Main navigation header",children:[r.jsx("div",{className:`${a["sm-logo"]}`,"aria-label":"Logo",children:r.jsx("img",{src:me||"/src/assets/logos/reactbits-gh-white.svg",alt:"Logo",className:`${a["sm-logo-img"]}`,draggable:!1,width:110,height:24})}),r.jsxs("button",{ref:p,className:`${a["sm-toggle"]}`,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":a["staggered-menu-panel"],onClick:be,type:"button",children:[r.jsx("span",{ref:pe,className:`${a["sm-toggle-textWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{ref:H,className:`${a["sm-toggle-textInner"]}`,children:ge.map((e,t)=>r.jsx("span",{className:`${a["sm-toggle-line"]}`,children:e},t))})}),r.jsxs("span",{ref:W,className:`${a["sm-icon"]}`,"aria-hidden":"true",children:[r.jsx("span",{ref:K,className:`${a["sm-icon-line"]}`}),r.jsx("span",{ref:Q,className:`${a["sm-icon-line"]} ${a["sm-icon-line"]}-v`})]})]})]}),r.jsx("aside",{id:a["staggered-menu-panel"],ref:_,className:`${a["staggered-menu-panel"]}`,"aria-hidden":!y,children:r.jsxs("div",{className:`${a["sm-panel-inner"]}`,children:[r.jsx("ul",{className:`${a["sm-panel-list"]}`,role:"list","data-numbering":ue||void 0,children:T&&T.length?T.map((e,t)=>r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,children:r.jsx("a",{className:`${a["sm-panel-item"]}`,href:e.link,"aria-label":e.ariaLabel,"data-index":t+1,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:e.label})})},e.label+t)):r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{className:`${a["sm-panel-item"]}`,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:"No items"})})})}),ce&&V&&V.length>0&&r.jsxs("div",{className:`${a["sm-socials"]}`,"aria-label":"Social links",children:[r.jsx("h3",{className:`${a["sm-socials-title"]}`,children:"Socials"}),r.jsx("ul",{className:`${a["sm-socials-list"]}`,role:"list",children:V.map((e,t)=>r.jsx("li",{className:"sm-socials-item",children:r.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:`${a["sm-socials-link"]}`,children:e.label})},e.label+t))})]})]})})]})};oe.__docgenInfo={description:"",methods:[],displayName:"StaggeredMenu",props:{position:{defaultValue:{value:"'right'",computed:!1},required:!1},colors:{defaultValue:{value:"['#B19EEF', '#5227FF']",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},socialItems:{defaultValue:{value:"[]",computed:!1},required:!1},displaySocials:{defaultValue:{value:"true",computed:!1},required:!1},displayItemNumbering:{defaultValue:{value:"true",computed:!1},required:!1},logoUrl:{defaultValue:{value:"'/src/assets/logos/reactbits-gh-white.svg'",computed:!1},required:!1},menuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},openMenuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},accentColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},changeMenuColorOnOpen:{defaultValue:{value:"true",computed:!1},required:!1},isFixed:{defaultValue:{value:"false",computed:!1},required:!1},closeOnClickAway:{defaultValue:{value:"true",computed:!1},required:!1}}};const xe={title:"ReactBits/Components/StaggeredMenu",component:oe,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{position:"right",colors:["#B19EEF","#5227FF"],items:[{label:"Home",link:"#",ariaLabel:"Home"},{label:"About",link:"#about",ariaLabel:"About"},{label:"Projects",link:"#projects",ariaLabel:"Projects"},{label:"Blog",link:"#blog",ariaLabel:"Blog"},{label:"Contact",link:"#contact",ariaLabel:"Contact"}],socialItems:[{label:"Twitter",link:"https://twitter.com"},{label:"GitHub",link:"https://github.com"},{label:"LinkedIn",link:"https://linkedin.com"}],displaySocials:!0,displayItemNumbering:!0,menuButtonColor:"#fff",openMenuButtonColor:"#fff",accentColor:"#5227FF",changeMenuColorOnOpen:!0,isFixed:!1,closeOnClickAway:!0}};var re,ne,ie;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
+import{r as s,R as le,j as r}from"./iframe-LZvJb0BS.js";import{g as l}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const a={"staggered-menu-wrapper":"_staggered-menu-wrapper_rbage_1","staggered-menu-header":"_staggered-menu-header_rbage_19","sm-logo":"_sm-logo_rbage_37","sm-logo-img":"_sm-logo-img_rbage_43","sm-toggle":"_sm-toggle_rbage_50","sm-toggle-textWrap":"_sm-toggle-textWrap_rbage_74","sm-toggle-textInner":"_sm-toggle-textInner_rbage_84","sm-toggle-line":"_sm-toggle-line_rbage_90","sm-icon":"_sm-icon_rbage_96","sm-panel-itemWrap":"_sm-panel-itemWrap_rbage_107","sm-icon-line":"_sm-icon-line_rbage_113","staggered-menu-panel":"_staggered-menu-panel_rbage_129","sm-prelayers":"_sm-prelayers_rbage_151","sm-prelayer":"_sm-prelayer_rbage_151","sm-panel-inner":"_sm-panel-inner_rbage_175","sm-socials":"_sm-socials_rbage_182","sm-socials-title":"_sm-socials-title_rbage_190","sm-socials-list":"_sm-socials-list_rbage_197","sm-socials-link":"_sm-socials-link_rbage_208","sm-panel-list":"_sm-panel-list_rbage_258","sm-panel-item":"_sm-panel-item_rbage_107","sm-panel-itemLabel":"_sm-panel-itemLabel_rbage_302"},oe=({position:k="right",colors:P=["#B19EEF","#5227FF"],items:T=[],socialItems:V=[],displaySocials:ce=!0,displayItemNumbering:ue=!0,className:D,logoUrl:me="/src/assets/logos/reactbits-gh-white.svg",menuButtonColor:b="#fff",openMenuButtonColor:v="#fff",accentColor:G="#5227FF",changeMenuColorOnOpen:L=!0,isFixed:fe=!1,closeOnClickAway:U=!0,onMenuOpen:N,onMenuClose:h})=>{const[y,z]=s.useState(!1),R=s.useRef(!1),_=s.useRef(null),J=s.useRef(null),I=s.useRef([]),K=s.useRef(null),Q=s.useRef(null),W=s.useRef(null),H=s.useRef(null),pe=s.useRef(null),[ge,de]=s.useState(["Menu","Close"]),S=s.useRef(null),w=s.useRef(null),O=s.useRef(null),X=s.useRef(null),Y=s.useRef(null),p=s.useRef(null),j=s.useRef(!1),Z=s.useRef(null);s.useLayoutEffect(()=>{const e=l.context(()=>{const t=_.current,n=J.current,o=K.current,m=Q.current,i=W.current,c=H.current;if(!t||!o||!m||!i||!c)return;let f=[];n&&(f=Array.from(n.querySelectorAll(".sm-prelayer"))),I.current=f;const u=k==="left"?-100:100;l.set([t,...f],{xPercent:u}),l.set(o,{transformOrigin:"50% 50%",rotate:0}),l.set(m,{transformOrigin:"50% 50%",rotate:90}),l.set(i,{rotate:0,transformOrigin:"50% 50%"}),l.set(c,{yPercent:0}),p.current&&l.set(p.current,{color:b})});return()=>e.revert()},[b,k]);const M=s.useCallback(()=>{var ae,se;const e=_.current,t=I.current;if(!e)return null;(ae=S.current)==null||ae.kill(),w.current&&(w.current.kill(),w.current=null),(se=Z.current)==null||se.kill();const n=Array.from(e.querySelectorAll(".sm-panel-itemLabel")),o=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item")),m=e.querySelector(".sm-socials-title"),i=Array.from(e.querySelectorAll(".sm-socials-link")),c=t.map(d=>({el:d,start:Number(l.getProperty(d,"xPercent"))})),f=Number(l.getProperty(e,"xPercent"));n.length&&l.set(n,{yPercent:140,rotate:10}),o.length&&l.set(o,{"--sm-num-opacity":0}),m&&l.set(m,{opacity:0}),i.length&&l.set(i,{y:25,opacity:0});const u=l.timeline({paused:!0});c.forEach((d,A)=>{u.fromTo(d.el,{xPercent:d.start},{xPercent:0,duration:.5,ease:"power4.out"},A*.07)});const g=(c.length?(c.length-1)*.07:0)+(c.length?.08:0),B=.65;if(u.fromTo(e,{xPercent:f},{xPercent:0,duration:B,ease:"power4.out"},g),n.length){const A=g+B*.15;u.to(n,{yPercent:0,rotate:0,duration:1,ease:"power4.out",stagger:{each:.1,from:"start"}},A),o.length&&u.to(o,{duration:.6,ease:"power2.out","--sm-num-opacity":1,stagger:{each:.08,from:"start"}},A+.1)}if(m||i.length){const d=g+B*.4;m&&u.to(m,{opacity:1,duration:.5,ease:"power2.out"},d),i.length&&u.to(i,{y:0,opacity:1,duration:.55,ease:"power3.out",stagger:{each:.08,from:"start"},onComplete:()=>{l.set(i,{clearProps:"opacity"})}},d+.04)}return S.current=u,u},[]),ee=s.useCallback(()=>{if(j.current)return;j.current=!0;const e=M();e?(e.eventCallback("onComplete",()=>{j.current=!1}),e.play(0)):j.current=!1},[M]),$=s.useCallback(()=>{var m,i,c;(m=S.current)==null||m.kill(),S.current=null,(i=Z.current)==null||i.kill();const e=_.current,t=I.current;if(!e)return;const n=[...t,e];(c=w.current)==null||c.kill();const o=k==="left"?-100:100;w.current=l.to(n,{xPercent:o,duration:.32,ease:"power3.in",overwrite:"auto",onComplete:()=>{const f=Array.from(e.querySelectorAll(".sm-panel-itemLabel"));f.length&&l.set(f,{yPercent:140,rotate:10});const u=Array.from(e.querySelectorAll(".sm-panel-list[data-numbering] .sm-panel-item"));u.length&&l.set(u,{"--sm-num-opacity":0});const x=e.querySelector(".sm-socials-title"),g=Array.from(e.querySelectorAll(".sm-socials-link"));x&&l.set(x,{opacity:0}),g.length&&l.set(g,{y:25,opacity:0}),j.current=!1}})},[k]),q=s.useCallback(e=>{var n;const t=W.current;t&&((n=O.current)==null||n.kill(),e?O.current=l.to(t,{rotate:225,duration:.8,ease:"power4.out",overwrite:"auto"}):O.current=l.to(t,{rotate:0,duration:.35,ease:"power3.inOut",overwrite:"auto"}))},[]),E=s.useCallback(e=>{var n;const t=p.current;if(t)if((n=Y.current)==null||n.kill(),L){const o=e?v:b;Y.current=l.to(t,{color:o,delay:.18,duration:.3,ease:"power2.out"})}else l.set(t,{color:b})},[v,b,L]);le.useEffect(()=>{if(p.current)if(L){const e=R.current?v:b;l.set(p.current,{color:e})}else l.set(p.current,{color:b})},[L,b,v]);const F=s.useCallback(e=>{var x;const t=H.current;if(!t)return;(x=X.current)==null||x.kill();const n=e?"Menu":"Close",o=e?"Close":"Menu",m=3,i=[n];let c=n;for(let g=0;g<m;g++)c=c==="Menu"?"Close":"Menu",i.push(c);c!==o&&i.push(o),i.push(o),de(i),l.set(t,{yPercent:0});const f=i.length,u=(f-1)/f*100;X.current=l.to(t,{yPercent:-u,duration:.5+f*.07,ease:"power4.out"})},[]),be=s.useCallback(()=>{const e=!R.current;R.current=e,z(e),e?(N==null||N(),ee()):(h==null||h(),$()),q(e),E(e),F(e)},[ee,$,q,E,F,N,h]),te=s.useCallback(()=>{R.current&&(R.current=!1,z(!1),h==null||h(),$(),q(!1),E(!1),F(!1))},[$,q,E,F,h]);return le.useEffect(()=>{if(!U||!y)return;const e=t=>{_.current&&!_.current.contains(t.target)&&p.current&&!p.current.contains(t.target)&&te()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[U,y,te]),r.jsxs("div",{className:(D?D+" ":"")+a["staggered-menu-wrapper"]+(fe?" fixed-wrapper":""),style:G?{"--sm-accent":G}:void 0,"data-position":k,"data-open":y||void 0,children:[r.jsx("div",{ref:J,className:`${a["sm-prelayers"]}`,"aria-hidden":"true",children:(()=>{let t=[...P&&P.length?P.slice(0,4):["#1e1e22","#35353c"]];if(t.length>=3){const n=Math.floor(t.length/2);t.splice(n,1)}return t.map((n,o)=>r.jsx("div",{className:`${a["sm-prelayer"]}`,style:{background:n}},o))})()}),r.jsxs("header",{className:`${a["staggered-menu-header"]}`,"aria-label":"Main navigation header",children:[r.jsx("div",{className:`${a["sm-logo"]}`,"aria-label":"Logo",children:r.jsx("img",{src:me||"/src/assets/logos/reactbits-gh-white.svg",alt:"Logo",className:`${a["sm-logo-img"]}`,draggable:!1,width:110,height:24})}),r.jsxs("button",{ref:p,className:`${a["sm-toggle"]}`,"aria-label":y?"Close menu":"Open menu","aria-expanded":y,"aria-controls":a["staggered-menu-panel"],onClick:be,type:"button",children:[r.jsx("span",{ref:pe,className:`${a["sm-toggle-textWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{ref:H,className:`${a["sm-toggle-textInner"]}`,children:ge.map((e,t)=>r.jsx("span",{className:`${a["sm-toggle-line"]}`,children:e},t))})}),r.jsxs("span",{ref:W,className:`${a["sm-icon"]}`,"aria-hidden":"true",children:[r.jsx("span",{ref:K,className:`${a["sm-icon-line"]}`}),r.jsx("span",{ref:Q,className:`${a["sm-icon-line"]} ${a["sm-icon-line"]}-v`})]})]})]}),r.jsx("aside",{id:a["staggered-menu-panel"],ref:_,className:`${a["staggered-menu-panel"]}`,"aria-hidden":!y,children:r.jsxs("div",{className:`${a["sm-panel-inner"]}`,children:[r.jsx("ul",{className:`${a["sm-panel-list"]}`,role:"list","data-numbering":ue||void 0,children:T&&T.length?T.map((e,t)=>r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,children:r.jsx("a",{className:`${a["sm-panel-item"]}`,href:e.link,"aria-label":e.ariaLabel,"data-index":t+1,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:e.label})})},e.label+t)):r.jsx("li",{className:`${a["sm-panel-itemWrap"]}`,"aria-hidden":"true",children:r.jsx("span",{className:`${a["sm-panel-item"]}`,children:r.jsx("span",{className:`${a["sm-panel-itemLabel"]}`,children:"No items"})})})}),ce&&V&&V.length>0&&r.jsxs("div",{className:`${a["sm-socials"]}`,"aria-label":"Social links",children:[r.jsx("h3",{className:`${a["sm-socials-title"]}`,children:"Socials"}),r.jsx("ul",{className:`${a["sm-socials-list"]}`,role:"list",children:V.map((e,t)=>r.jsx("li",{className:"sm-socials-item",children:r.jsx("a",{href:e.link,target:"_blank",rel:"noopener noreferrer",className:`${a["sm-socials-link"]}`,children:e.label})},e.label+t))})]})]})})]})};oe.__docgenInfo={description:"",methods:[],displayName:"StaggeredMenu",props:{position:{defaultValue:{value:"'right'",computed:!1},required:!1},colors:{defaultValue:{value:"['#B19EEF', '#5227FF']",computed:!1},required:!1},items:{defaultValue:{value:"[]",computed:!1},required:!1},socialItems:{defaultValue:{value:"[]",computed:!1},required:!1},displaySocials:{defaultValue:{value:"true",computed:!1},required:!1},displayItemNumbering:{defaultValue:{value:"true",computed:!1},required:!1},logoUrl:{defaultValue:{value:"'/src/assets/logos/reactbits-gh-white.svg'",computed:!1},required:!1},menuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},openMenuButtonColor:{defaultValue:{value:"'#fff'",computed:!1},required:!1},accentColor:{defaultValue:{value:"'#5227FF'",computed:!1},required:!1},changeMenuColorOnOpen:{defaultValue:{value:"true",computed:!1},required:!1},isFixed:{defaultValue:{value:"false",computed:!1},required:!1},closeOnClickAway:{defaultValue:{value:"true",computed:!1},required:!1}}};const xe={title:"ReactBits/Components/StaggeredMenu",component:oe,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{position:"right",colors:["#B19EEF","#5227FF"],items:[{label:"Home",link:"#",ariaLabel:"Home"},{label:"About",link:"#about",ariaLabel:"About"},{label:"Projects",link:"#projects",ariaLabel:"Projects"},{label:"Blog",link:"#blog",ariaLabel:"Blog"},{label:"Contact",link:"#contact",ariaLabel:"Contact"}],socialItems:[{label:"Twitter",link:"https://twitter.com"},{label:"GitHub",link:"https://github.com"},{label:"LinkedIn",link:"https://linkedin.com"}],displaySocials:!0,displayItemNumbering:!0,menuButtonColor:"#fff",openMenuButtonColor:"#fff",accentColor:"#5227FF",changeMenuColorOnOpen:!0,isFixed:!1,closeOnClickAway:!0}};var re,ne,ie;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
   args: {
     position: 'right',
     colors: ['#B19EEF', '#5227FF'],

package/storybook-static/assets/{StarBorder.stories-D36zbc2N.js → StarBorder.stories-BeLKjLZu.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as e}from"./iframe-CvT6MryR.js";import"./preload-helper-C1FmrZbK.js";const r={"star-border-container":"_star-border-container_xk50o_1","border-gradient-bottom":"_border-gradient-bottom_xk50o_8","border-gradient-top":"_border-gradient-top_xk50o_23","inner-content":"_inner-content_xk50o_38"},i=({as:c="button",className:u="",color:a="white",speed:o="6s",thickness:m=1,children:p,...s})=>e.jsxs(c,{className:`${r["star-border-container"]} ${u}`,style:{padding:`${m}px 0`,...s.style},...s,children:[e.jsx("div",{className:`${r["border-gradient-bottom"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["border-gradient-top"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["inner-content"]}`,children:p})]});i.__docgenInfo={description:"",methods:[],displayName:"StarBorder",props:{as:{defaultValue:{value:"'button'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},color:{defaultValue:{value:"'white'",computed:!1},required:!1},speed:{defaultValue:{value:"'6s'",computed:!1},required:!1},thickness:{defaultValue:{value:"1",computed:!1},required:!1}}};const g={title:"ReactBits/Animations/StarBorder",component:i,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{as:"button",color:"white",speed:"6s",thickness:1,children:"Hello World"}};var n,d,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
+import{j as e}from"./iframe-LZvJb0BS.js";import"./preload-helper-C1FmrZbK.js";const r={"star-border-container":"_star-border-container_xk50o_1","border-gradient-bottom":"_border-gradient-bottom_xk50o_8","border-gradient-top":"_border-gradient-top_xk50o_23","inner-content":"_inner-content_xk50o_38"},i=({as:c="button",className:u="",color:a="white",speed:o="6s",thickness:m=1,children:p,...s})=>e.jsxs(c,{className:`${r["star-border-container"]} ${u}`,style:{padding:`${m}px 0`,...s.style},...s,children:[e.jsx("div",{className:`${r["border-gradient-bottom"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["border-gradient-top"]}`,style:{background:`radial-gradient(circle, ${a}, transparent 10%)`,animationDuration:o}}),e.jsx("div",{className:`${r["inner-content"]}`,children:p})]});i.__docgenInfo={description:"",methods:[],displayName:"StarBorder",props:{as:{defaultValue:{value:"'button'",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},color:{defaultValue:{value:"'white'",computed:!1},required:!1},speed:{defaultValue:{value:"'6s'",computed:!1},required:!1},thickness:{defaultValue:{value:"1",computed:!1},required:!1}}};const g={title:"ReactBits/Animations/StarBorder",component:i,parameters:{layout:"fullscreen"},tags:["autodocs"]},t={args:{as:"button",color:"white",speed:"6s",thickness:1,children:"Hello World"}};var n,d,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
   args: {
     as: 'button',
     color: 'white',

package/storybook-static/assets/{SunburstChart.stories-CgCbkhG8.js → SunburstChart.stories-DN8EQLMh.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as T,j as W}from"./iframe-CvT6MryR.js";import{c as ae,s as _,t as re,f as ie}from"./transform-BKmuZieF.js";import{l as se,d as R}from"./linear-dkJHgUri.js";import{a as U}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";import"./path-CbwjOpE9.js";function Oe(e){var n=0,a=e.children,r=a&&a.length;if(!r)n=1;else for(;--r>=0;)n+=a[r].value;e.value=n}function Te(){return this.eachAfter(Oe)}function _e(e,n){let a=-1;for(const r of this)e.call(n,r,++a,this);return this}function ke(e,n){for(var a=this,r=[a],o,u,i=-1;a=r.pop();)if(e.call(n,a,++i,this),o=a.children)for(u=o.length-1;u>=0;--u)r.push(o[u]);return this}function De(e,n){for(var a=this,r=[a],o=[],u,i,m,c=-1;a=r.pop();)if(o.push(a),u=a.children)for(i=0,m=u.length;i<m;++i)r.push(u[i]);for(;a=o.pop();)e.call(n,a,++c,this);return this}function Ee(e,n){let a=-1;for(const r of this)if(e.call(n,r,++a,this))return r}function Be(e){return this.eachAfter(function(n){for(var a=+e(n.data)||0,r=n.children,o=r&&r.length;--o>=0;)a+=r[o].value;n.value=a})}function Ie(e){return this.eachBefore(function(n){n.children&&n.children.sort(e)})}function $e(e){for(var n=this,a=qe(n,e),r=[n];n!==a;)n=n.parent,r.push(n);for(var o=r.length;e!==a;)r.splice(o,0,e),e=e.parent;return r}function qe(e,n){if(e===n)return e;var a=e.ancestors(),r=n.ancestors(),o=null;for(e=a.pop(),n=r.pop();e===n;)o=e,e=a.pop(),n=r.pop();return o}function je(){for(var e=this,n=[e];e=e.parent;)n.push(e);return n}function Le(){return Array.from(this)}function Ve(){var e=[];return this.eachBefore(function(n){n.children||e.push(n)}),e}function Fe(){var e=this,n=[];return e.each(function(a){a!==e&&n.push({source:a.parent,target:a})}),n}function*Ye(){var e=this,n,a=[e],r,o,u;do for(n=a.reverse(),a=[];e=n.pop();)if(yield e,r=e.children)for(o=0,u=r.length;o<u;++o)a.push(r[o]);while(a.length)}function N(e,n){e instanceof Map?(e=[void 0,e],n===void 0&&(n=Ge)):n===void 0&&(n=He);for(var a=new Y(e),r,o=[a],u,i,m,c;r=o.pop();)if((i=n(r.data))&&(c=(i=Array.from(i)).length))for(r.children=i,m=c-1;m>=0;--m)o.push(u=i[m]=new Y(i[m])),u.parent=r,u.depth=r.depth+1;return a.eachBefore(Ue)}function Xe(){return N(this).eachBefore(We)}function He(e){return e.children}function Ge(e){return Array.isArray(e)?e[1]:null}function We(e){e.data.value!==void 0&&(e.value=e.data.value),e.data=e.data.data}function Ue(e){var n=0;do e.height=n;while((e=e.parent)&&e.height<++n)}function Y(e){this.data=e,this.depth=this.height=0,this.parent=null}Y.prototype=N.prototype={constructor:Y,count:Te,each:_e,eachAfter:De,eachBefore:ke,find:Ee,sum:Be,sort:Ie,path:$e,ancestors:je,descendants:Le,leaves:Ve,links:Fe,copy:Xe,[Symbol.iterator]:Ye};function Ne(e){e.x0=Math.round(e.x0),e.y0=Math.round(e.y0),e.x1=Math.round(e.x1),e.y1=Math.round(e.y1)}function Qe(e,n,a,r,o){for(var u=e.children,i,m=-1,c=u.length,b=e.value&&(r-n)/e.value;++m<c;)i=u[m],i.y0=a,i.y1=o,i.x0=n,i.x1=n+=i.value*b}function Je(){var e=1,n=1,a=0,r=!1;function o(i){var m=i.height+1;return i.x0=i.y0=a,i.x1=e,i.y1=n/m,i.eachBefore(u(n,m)),r&&i.eachBefore(Ne),i}function u(i,m){return function(c){c.children&&Qe(c,c.x0,i*(c.depth+1)/m,c.x1,i*(c.depth+2)/m);var b=c.x0,g=c.y0,p=c.x1-a,O=c.y1-a;p<b&&(b=p=(b+p)/2),O<g&&(g=O=(g+O)/2),c.x0=b,c.y0=g,c.x1=p,c.y1=O}}return o.round=function(i){return arguments.length?(r=!!i,o):r},o.size=function(i){return arguments.length?(e=+i[0],n=+i[1],o):[e,n]},o.padding=function(i){return arguments.length?(a=+i,o):a},o}const Ke="_container_sjfr4_1",Ze="_title_sjfr4_9",en="_chart_sjfr4_17",nn="_tooltip_sjfr4_23",q={container:Ke,title:Ze,chart:en,tooltip:nn},oe=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#14b8a6","#f59e0b"],ve=({data:e,width:n=500,height:a=500,title:r="Sunburst Chart",tagColors:o={},unit:u="items",centerLabel:i})=>{const m=T.useRef(null),c=T.useRef(new Map).current,b=T.useRef(0),g=T.useRef(null),p=Math.min(n,a)/2,O=T.useCallback((C,x)=>{if(o[C]){const v=ae(o[C]);if(v)return x>1?v.darker((x-1)*.3).toString():v.toString()}c.has(C)||(c.set(C,oe[b.current%oe.length]),b.current++);const w=c.get(C)||"#d4af37",X=ae(w);return X?X.darker(x*.3).toString():w},[o,c]);return T.useEffect(()=>{if(!m.current||!e)return;const C=_(m.current);C.selectAll("*").remove();const x=C.append("g").attr("transform",`translate(${n/2},${a/2})`),w=N(e).sum(t=>t.size??0).sort((t,s)=>(s.value??0)-(t.value??0)),v=Je().size([2*Math.PI,p*p])(w).descendants();v.forEach(t=>{const s=t;s.x0Original=t.x0,s.x1Original=t.x1,s.y0Original=t.y0,s.y1Original=t.y1});const be=U().startAngle(t=>t.x0).endAngle(t=>t.x1).innerRadius(t=>Math.sqrt(t.y0)).outerRadius(t=>Math.sqrt(t.y1)).cornerRadius(3),k=_("body").append("div").attr("class",q.tooltip).style("opacity",0).style("position","absolute"),Ce=()=>{g.current=null;const t=re().duration(750).ease(ie);M.style("opacity",1),M.transition(t).attrTween("d",s=>{const l=s;return f=>{const z=R(l.x0,l.x0Original)(f),S=R(l.x1,l.x1Original)(f),P=R(l.y0,l.y0Original)(f),d=R(l.y1,l.y1Original)(f);return l.x0=z,l.x1=S,l.y0=P,l.y1=d,U().startAngle(()=>z).endAngle(()=>S).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,P)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,d)))).cornerRadius(3)(l)||""}}),M.style("cursor",s=>!s.children||s.children.length===0?"default":"pointer"),K.style("cursor","default"),J(t,v)},we=(t,s)=>{if(t.stopPropagation(),g.current||!s.children||s.children.length===0)return;g.current=s;const l=re().duration(750).ease(ie),f=s,z=se().domain([f.x0Original,f.x1Original]).range([0,2*Math.PI]).clamp(!0),S=v.filter(y=>B(s,y)),P=Math.max(...S.map(y=>y.y1Original)),d=se().domain([f.y0Original,P]).range([0,p*p]).clamp(!0);M.style("opacity",y=>B(s,y)?1:0),M.transition(l).attrTween("d",y=>{const h=y;if(!B(s,y))return()=>"";let D=z(h.x0Original),E=z(h.x1Original);if(E<=D){const A=(h.x1Original-h.x0Original)/(f.x1Original-f.x0Original);E=D+2*Math.PI*A}let G,I;if(h===s)if(G=0,h.children&&h.children.length>0){const A=Math.min(...h.children.map($=>$.y0Original));I=d(A)*.98}else I=p*p*.98;else G=d(h.y0Original),I=d(h.y1Original);const Se=h.x0,Ae=h.x1,Re=h.y0,Pe=h.y1;return A=>{const $=R(Se,D)(A),ee=R(Ae,E)(A),ne=R(Re,G)(A),te=R(Pe,I)(A);return h.x0=$,h.x1=ee,h.y0=ne,h.y1=te,U().startAngle(()=>$).endAngle(()=>ee).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,ne)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,te)))).cornerRadius(3)(h)||""}}),J(l,v.filter(y=>B(s,y))),M.style("cursor","default"),K.style("cursor","pointer")},B=(t,s)=>{if(t===s)return!0;let l=s.parent;for(;l;){if(l===t)return!0;l=l.parent}return!1},M=x.selectAll("path").data(v.filter(t=>t.depth>0&&t.value&&t.value>0)).enter().append("path").attr("d",be).attr("fill",t=>{let s=t;for(;s.depth>1&&s.parent;)s=s.parent;return O(s.data.name,t.depth)}).attr("stroke",()=>window.getComputedStyle(m.current).getPropertyValue("--color-border")||"#e2e8f0").attr("stroke-width",2).style("cursor",t=>!t.children||t.children.length===0?"default":"pointer").on("click",we).on("mouseover",function(t,s){if(g.current)return;const l=this;k.transition().duration(200).style("opacity",1);const f=s.value||0,z=(f/(w.value||1)*100).toFixed(1);k.html(`
+import{r as T,j as W}from"./iframe-LZvJb0BS.js";import{c as ae,s as _,t as re,f as ie}from"./transform-BKmuZieF.js";import{l as se,d as R}from"./linear-dkJHgUri.js";import{a as U}from"./arc-DgcIQOLP.js";import"./preload-helper-C1FmrZbK.js";import"./path-CbwjOpE9.js";function Oe(e){var n=0,a=e.children,r=a&&a.length;if(!r)n=1;else for(;--r>=0;)n+=a[r].value;e.value=n}function Te(){return this.eachAfter(Oe)}function _e(e,n){let a=-1;for(const r of this)e.call(n,r,++a,this);return this}function ke(e,n){for(var a=this,r=[a],o,u,i=-1;a=r.pop();)if(e.call(n,a,++i,this),o=a.children)for(u=o.length-1;u>=0;--u)r.push(o[u]);return this}function De(e,n){for(var a=this,r=[a],o=[],u,i,m,c=-1;a=r.pop();)if(o.push(a),u=a.children)for(i=0,m=u.length;i<m;++i)r.push(u[i]);for(;a=o.pop();)e.call(n,a,++c,this);return this}function Ee(e,n){let a=-1;for(const r of this)if(e.call(n,r,++a,this))return r}function Be(e){return this.eachAfter(function(n){for(var a=+e(n.data)||0,r=n.children,o=r&&r.length;--o>=0;)a+=r[o].value;n.value=a})}function Ie(e){return this.eachBefore(function(n){n.children&&n.children.sort(e)})}function $e(e){for(var n=this,a=qe(n,e),r=[n];n!==a;)n=n.parent,r.push(n);for(var o=r.length;e!==a;)r.splice(o,0,e),e=e.parent;return r}function qe(e,n){if(e===n)return e;var a=e.ancestors(),r=n.ancestors(),o=null;for(e=a.pop(),n=r.pop();e===n;)o=e,e=a.pop(),n=r.pop();return o}function je(){for(var e=this,n=[e];e=e.parent;)n.push(e);return n}function Le(){return Array.from(this)}function Ve(){var e=[];return this.eachBefore(function(n){n.children||e.push(n)}),e}function Fe(){var e=this,n=[];return e.each(function(a){a!==e&&n.push({source:a.parent,target:a})}),n}function*Ye(){var e=this,n,a=[e],r,o,u;do for(n=a.reverse(),a=[];e=n.pop();)if(yield e,r=e.children)for(o=0,u=r.length;o<u;++o)a.push(r[o]);while(a.length)}function N(e,n){e instanceof Map?(e=[void 0,e],n===void 0&&(n=Ge)):n===void 0&&(n=He);for(var a=new Y(e),r,o=[a],u,i,m,c;r=o.pop();)if((i=n(r.data))&&(c=(i=Array.from(i)).length))for(r.children=i,m=c-1;m>=0;--m)o.push(u=i[m]=new Y(i[m])),u.parent=r,u.depth=r.depth+1;return a.eachBefore(Ue)}function Xe(){return N(this).eachBefore(We)}function He(e){return e.children}function Ge(e){return Array.isArray(e)?e[1]:null}function We(e){e.data.value!==void 0&&(e.value=e.data.value),e.data=e.data.data}function Ue(e){var n=0;do e.height=n;while((e=e.parent)&&e.height<++n)}function Y(e){this.data=e,this.depth=this.height=0,this.parent=null}Y.prototype=N.prototype={constructor:Y,count:Te,each:_e,eachAfter:De,eachBefore:ke,find:Ee,sum:Be,sort:Ie,path:$e,ancestors:je,descendants:Le,leaves:Ve,links:Fe,copy:Xe,[Symbol.iterator]:Ye};function Ne(e){e.x0=Math.round(e.x0),e.y0=Math.round(e.y0),e.x1=Math.round(e.x1),e.y1=Math.round(e.y1)}function Qe(e,n,a,r,o){for(var u=e.children,i,m=-1,c=u.length,b=e.value&&(r-n)/e.value;++m<c;)i=u[m],i.y0=a,i.y1=o,i.x0=n,i.x1=n+=i.value*b}function Je(){var e=1,n=1,a=0,r=!1;function o(i){var m=i.height+1;return i.x0=i.y0=a,i.x1=e,i.y1=n/m,i.eachBefore(u(n,m)),r&&i.eachBefore(Ne),i}function u(i,m){return function(c){c.children&&Qe(c,c.x0,i*(c.depth+1)/m,c.x1,i*(c.depth+2)/m);var b=c.x0,g=c.y0,p=c.x1-a,O=c.y1-a;p<b&&(b=p=(b+p)/2),O<g&&(g=O=(g+O)/2),c.x0=b,c.y0=g,c.x1=p,c.y1=O}}return o.round=function(i){return arguments.length?(r=!!i,o):r},o.size=function(i){return arguments.length?(e=+i[0],n=+i[1],o):[e,n]},o.padding=function(i){return arguments.length?(a=+i,o):a},o}const Ke="_container_sjfr4_1",Ze="_title_sjfr4_9",en="_chart_sjfr4_17",nn="_tooltip_sjfr4_23",q={container:Ke,title:Ze,chart:en,tooltip:nn},oe=["#6366f1","#8b5cf6","#06b6d4","#10b981","#f59e0b","#ef4444","#ec4899","#84cc16","#f97316","#3b82f6","#14b8a6","#f59e0b"],ve=({data:e,width:n=500,height:a=500,title:r="Sunburst Chart",tagColors:o={},unit:u="items",centerLabel:i})=>{const m=T.useRef(null),c=T.useRef(new Map).current,b=T.useRef(0),g=T.useRef(null),p=Math.min(n,a)/2,O=T.useCallback((C,x)=>{if(o[C]){const v=ae(o[C]);if(v)return x>1?v.darker((x-1)*.3).toString():v.toString()}c.has(C)||(c.set(C,oe[b.current%oe.length]),b.current++);const w=c.get(C)||"#d4af37",X=ae(w);return X?X.darker(x*.3).toString():w},[o,c]);return T.useEffect(()=>{if(!m.current||!e)return;const C=_(m.current);C.selectAll("*").remove();const x=C.append("g").attr("transform",`translate(${n/2},${a/2})`),w=N(e).sum(t=>t.size??0).sort((t,s)=>(s.value??0)-(t.value??0)),v=Je().size([2*Math.PI,p*p])(w).descendants();v.forEach(t=>{const s=t;s.x0Original=t.x0,s.x1Original=t.x1,s.y0Original=t.y0,s.y1Original=t.y1});const be=U().startAngle(t=>t.x0).endAngle(t=>t.x1).innerRadius(t=>Math.sqrt(t.y0)).outerRadius(t=>Math.sqrt(t.y1)).cornerRadius(3),k=_("body").append("div").attr("class",q.tooltip).style("opacity",0).style("position","absolute"),Ce=()=>{g.current=null;const t=re().duration(750).ease(ie);M.style("opacity",1),M.transition(t).attrTween("d",s=>{const l=s;return f=>{const z=R(l.x0,l.x0Original)(f),S=R(l.x1,l.x1Original)(f),P=R(l.y0,l.y0Original)(f),d=R(l.y1,l.y1Original)(f);return l.x0=z,l.x1=S,l.y0=P,l.y1=d,U().startAngle(()=>z).endAngle(()=>S).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,P)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,d)))).cornerRadius(3)(l)||""}}),M.style("cursor",s=>!s.children||s.children.length===0?"default":"pointer"),K.style("cursor","default"),J(t,v)},we=(t,s)=>{if(t.stopPropagation(),g.current||!s.children||s.children.length===0)return;g.current=s;const l=re().duration(750).ease(ie),f=s,z=se().domain([f.x0Original,f.x1Original]).range([0,2*Math.PI]).clamp(!0),S=v.filter(y=>B(s,y)),P=Math.max(...S.map(y=>y.y1Original)),d=se().domain([f.y0Original,P]).range([0,p*p]).clamp(!0);M.style("opacity",y=>B(s,y)?1:0),M.transition(l).attrTween("d",y=>{const h=y;if(!B(s,y))return()=>"";let D=z(h.x0Original),E=z(h.x1Original);if(E<=D){const A=(h.x1Original-h.x0Original)/(f.x1Original-f.x0Original);E=D+2*Math.PI*A}let G,I;if(h===s)if(G=0,h.children&&h.children.length>0){const A=Math.min(...h.children.map($=>$.y0Original));I=d(A)*.98}else I=p*p*.98;else G=d(h.y0Original),I=d(h.y1Original);const Se=h.x0,Ae=h.x1,Re=h.y0,Pe=h.y1;return A=>{const $=R(Se,D)(A),ee=R(Ae,E)(A),ne=R(Re,G)(A),te=R(Pe,I)(A);return h.x0=$,h.x1=ee,h.y0=ne,h.y1=te,U().startAngle(()=>$).endAngle(()=>ee).innerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,ne)))).outerRadius(()=>Math.min(p,Math.sqrt(Math.max(0,te)))).cornerRadius(3)(h)||""}}),J(l,v.filter(y=>B(s,y))),M.style("cursor","default"),K.style("cursor","pointer")},B=(t,s)=>{if(t===s)return!0;let l=s.parent;for(;l;){if(l===t)return!0;l=l.parent}return!1},M=x.selectAll("path").data(v.filter(t=>t.depth>0&&t.value&&t.value>0)).enter().append("path").attr("d",be).attr("fill",t=>{let s=t;for(;s.depth>1&&s.parent;)s=s.parent;return O(s.data.name,t.depth)}).attr("stroke",()=>window.getComputedStyle(m.current).getPropertyValue("--color-border")||"#e2e8f0").attr("stroke-width",2).style("cursor",t=>!t.children||t.children.length===0?"default":"pointer").on("click",we).on("mouseover",function(t,s){if(g.current)return;const l=this;k.transition().duration(200).style("opacity",1);const f=s.value||0,z=(f/(w.value||1)*100).toFixed(1);k.html(`
                     <div><strong>${s.data.name}</strong></div>
                     <div>Value: ${f}</div>
                     <div>${z}% of total</div>

package/storybook-static/assets/{Table.stories-BdABrDyr.js → Table.stories-BJ6FcfdD.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as d,j as a}from"./iframe-CvT6MryR.js";import{L as de,m as aa}from"./proxy-0exJiild.js";import{u as na,f as ta}from"./MotionConfigContext-BdSKNtzx.js";import{A as sa}from"./index-2ZuXCVEx.js";import"./preload-helper-C1FmrZbK.js";const ra=s=>!s.isLayoutDirty&&s.willUpdate(!1);function ue(){const s=new Set,i=new WeakMap,p=()=>s.forEach(ra);return{add:c=>{s.add(c),i.set(c,c.addEventListener("willUpdate",p))},remove:c=>{s.delete(c);const h=i.get(c);h&&(h(),i.delete(c)),p()},dirty:p}}const oa=d.createContext(null);function la(){const s=d.useRef(!1);return na(()=>(s.current=!0,()=>{s.current=!1}),[]),s}function ia(){const s=la(),[i,p]=d.useState(0),c=d.useCallback(()=>{s.current&&p(i+1)},[i]);return[d.useCallback(()=>ta.postRender(c),[c]),i]}const Pe=s=>s===!0,ca=s=>Pe(s===!0)||s==="id",da=({children:s,id:i,inherit:p=!0})=>{const c=d.useContext(de),h=d.useContext(oa),[$,j]=ia(),u=d.useRef(null),b=c.id||h;u.current===null&&(ca(p)&&b&&(i=i?b+"-"+i:b),u.current={id:i,group:Pe(p)&&c.group||ue()});const y=d.useMemo(()=>({...u.current,forceRender:$}),[j]);return a.jsx(de.Provider,{value:y,children:s})},ua="_container_11eom_1",ma="_header_11eom_15",pa="_title_11eom_23",ha="_actions_11eom_31",ga="_controls_11eom_37",ba="_searchBox_11eom_45",fa="_searchIcon_11eom_52",xa="_searchInput_11eom_59",_a="_clearButton_11eom_76",ya="_clearFiltersButton_11eom_93",ka="_resultCount_11eom_109",va="_loading_11eom_117",Ca="_spinner_11eom_126",Sa="_empty_11eom_141",ja="_emptyIcon_11eom_147",wa="_tableWrapper_11eom_160",Na="_stickyHeader_11eom_167",Ta="_table_11eom_160",$a="_striped_11eom_189",za="_compact_11eom_193",Da="_th_11eom_193",Ia="_td_11eom_194",Aa="_hoverable_11eom_198",Ma="_headerCell_11eom_213",Ea="_headerText_11eom_220",La="_sortButton_11eom_225",Pa="_sortIcon_11eom_244",Wa="_columnFilter_11eom_261",Ra="_tr_11eom_279",qa="_selected_11eom_285",Ba="_clickable_11eom_290",Va="_checkboxColumn_11eom_315",Ua="_actionsColumn_11eom_326",Fa="_actionButtons_11eom_338",Oa="_actionButton_11eom_338",Ha="_actionButtonPrimary_11eom_438",Ga="_actionButtonSecondary_11eom_459",Ja="_actionButtonDanger_11eom_478",Qa="_actionButtonWarning_11eom_500",Ka="_actionButtonSuccess_11eom_522",Xa="_checkbox_11eom_315",Ya="_nullValue_11eom_552",Za="_badge_11eom_558",en="_badgeSuccess_11eom_569",an="_badgeDanger_11eom_574",nn="_code_11eom_579",tn="_pagination_11eom_593",sn="_pageInfo_11eom_602",rn="_pageControls_11eom_608",on="_pageButton_11eom_614",ln="_pageNumber_11eom_639",cn="_pageSizeSelect_11eom_646",dn="_bulkActions_11eom_675",un="_bulkActionButtons_11eom_740",mn="_bulkActionButton_11eom_740",pn="_selectionCount_11eom_817",hn="_bulkPrimary_11eom_828",gn="_bulkSecondary_11eom_844",bn="_bulkDanger_11eom_861",fn="_bulkWarning_11eom_871",xn="_bulkSuccess_11eom_881",_n="_bulkCustom_11eom_891",yn="_horizontalScroll_11eom_901",n={container:ua,header:ma,title:pa,actions:ha,controls:ga,searchBox:ba,searchIcon:fa,searchInput:xa,clearButton:_a,clearFiltersButton:ya,resultCount:ka,loading:va,spinner:Ca,empty:Sa,emptyIcon:ja,tableWrapper:wa,stickyHeader:Na,table:Ta,striped:$a,compact:za,th:Da,td:Ia,hoverable:Aa,headerCell:Ma,headerText:Ea,sortButton:La,sortIcon:Pa,columnFilter:Wa,tr:Ra,selected:qa,clickable:Ba,checkboxColumn:Va,actionsColumn:Ua,actionButtons:Fa,actionButton:Oa,actionButtonPrimary:Ha,actionButtonSecondary:Ga,actionButtonDanger:Ja,actionButtonWarning:Qa,actionButtonSuccess:Ka,checkbox:Xa,nullValue:Ya,badge:Za,badgeSuccess:en,badgeDanger:an,code:nn,pagination:tn,pageInfo:sn,pageControls:rn,pageButton:on,pageNumber:ln,pageSizeSelect:cn,bulkActions:dn,bulkActionButtons:un,bulkActionButton:mn,selectionCount:pn,bulkPrimary:hn,bulkSecondary:gn,bulkDanger:bn,bulkWarning:fn,bulkSuccess:xn,bulkCustom:_n,horizontalScroll:yn},We=function({data:i,columns:p,keyField:c="id",title:h,searchable:$=!1,selectable:j=!1,pagination:u=!1,onRowClick:b,onSelectionChange:y,actions:P,bulkActions:D,rowActions:k,actionButtonStyles:l,emptyMessage:qe="No data available",loading:Be=!1,striped:Ve=!1,hoverable:Ue=!0,compact:Fe=!1,stickyHeader:Oe=!1,animated:He=!0,horizontalScroll:Ge=!1,className:H=""}){const[g,Q]=d.useState(new Set),[w,G]=d.useState(""),[I,K]=d.useState({}),[f,X]=d.useState({key:null,direction:"asc"}),[x,v]=d.useState(1),[C,Je]=d.useState(typeof u=="object"&&u.pageSize?u.pageSize:10),Qe=d.useMemo(()=>typeof u=="object"&&u.pageSizeOptions?u.pageSizeOptions:[10,25,50,100],[u]),Y=d.useMemo(()=>p.map(e=>e.key),[p]),A=d.useMemo(()=>{if(!w&&Object.keys(I).length===0)return i;let e=i;if($&&w){const r=w.toLowerCase();e=e.filter(t=>Y.some(o=>{const m=t[o];return m!=null&&String(m).toLowerCase().includes(r)}))}for(const[r,t]of Object.entries(I))if(t){const o=t.toLowerCase();e=e.filter(m=>{const N=m[r];return N!=null&&String(N).toLowerCase().includes(o)})}return e},[i,Y,w,I,$]),S=d.useMemo(()=>f.key?[...A].sort((e,r)=>{const t=e[f.key],o=r[f.key];if(t==null)return 1;if(o==null)return-1;let m=0;return typeof t=="number"&&typeof o=="number"?m=t-o:t instanceof Date&&o instanceof Date?m=t.getTime()-o.getTime():m=String(t).localeCompare(String(o)),f.direction==="asc"?m:-m}):A,[A,f]),M=d.useMemo(()=>{if(!u)return S;const e=(x-1)*C,r=e+C;return S.slice(e,r)},[S,u,x,C]),z=d.useMemo(()=>u?Math.ceil(S.length/C):1,[S,C,u]),Ke=d.useCallback(e=>{X(r=>r.key!==e?{key:e,direction:"asc"}:r.direction==="asc"?{key:e,direction:"desc"}:{key:null,direction:"asc"})},[]),Xe=d.useCallback(()=>{const e=M.map(o=>o[c]),r=e.every(o=>g.has(o)),t=new Set(g);if(r?e.forEach(o=>t.delete(o)):e.forEach(o=>t.add(o)),Q(t),y){const o=i.filter(m=>t.has(m[c]));y(o)}},[M,g,c,i,y]),Z=d.useCallback(e=>{const r=new Set(g);if(r.has(e)?r.delete(e):r.add(e),Q(r),y){const t=i.filter(o=>r.has(o[c]));y(t)}},[g,i,c,y]),Ye=d.useCallback((e,r)=>{K(t=>({...t,[e]:r})),v(1)},[]),Ze=d.useCallback(()=>{G(""),K({}),X({key:null,direction:"asc"}),v(1)},[]),ee=w||Object.values(I).some(e=>e),J=M.map(e=>e[c]),ae=j&&J.length>0&&J.every(e=>g.has(e)),ea=j&&J.some(e=>g.has(e)),_=d.useMemo(()=>i.filter(e=>g.has(e[c])),[i,g,c]),ne=d.useCallback(e=>{var m,N,E,se,re,oe,le,ie,ce;const r=(l==null?void 0:l.size)||36,t=((m=e.buttonStyles)==null?void 0:m.size)||r,o={width:t,height:t,borderRadius:((N=e.buttonStyles)==null?void 0:N.borderRadius)||(l==null?void 0:l.borderRadius)||"50%",fontSize:((E=e.buttonStyles)==null?void 0:E.fontSize)||(l==null?void 0:l.fontSize),padding:((se=e.buttonStyles)==null?void 0:se.padding)||(l==null?void 0:l.padding),...l==null?void 0:l.style,...e.style,...(re=e.buttonStyles)==null?void 0:re.style};return((oe=e.buttonStyles)!=null&&oe.iconSize||l!=null&&l.iconSize)&&(o["--icon-size"]=typeof(((le=e.buttonStyles)==null?void 0:le.iconSize)||(l==null?void 0:l.iconSize))=="number"?`${((ie=e.buttonStyles)==null?void 0:ie.iconSize)||(l==null?void 0:l.iconSize)}px`:((ce=e.buttonStyles)==null?void 0:ce.iconSize)||(l==null?void 0:l.iconSize)),o},[l]),te=d.useCallback(e=>{var E;const r=n.actionButton,t=e.variant==="primary"?n.actionButtonPrimary:e.variant==="danger"?n.actionButtonDanger:e.variant==="warning"?n.actionButtonWarning:e.variant==="success"?n.actionButtonSuccess:e.variant==="custom"?"":n.actionButtonSecondary,o=(l==null?void 0:l.className)||"",m=e.className||"",N=((E=e.buttonStyles)==null?void 0:E.className)||"";return`${r} ${t} ${o} ${m} ${N}`.trim()},[l]);return Be?a.jsx("div",{className:`${n.container} ${H}`,children:a.jsxs("div",{className:n.loading,children:[a.jsx("div",{className:n.spinner}),a.jsx("span",{children:"Loading..."})]})}):i.length===0?a.jsxs("div",{className:`${n.container} ${H}`,children:[h&&a.jsx("h2",{className:n.title,children:h}),a.jsxs("div",{className:n.empty,children:[a.jsx("span",{className:n.emptyIcon,children:"📊"}),a.jsx("p",{children:qe})]})]}):a.jsxs("div",{className:`${n.container} ${H}`,children:[(h||P||D)&&a.jsxs("div",{className:n.header,children:[h&&a.jsx("h2",{className:n.title,children:h}),(P||D)&&a.jsxs("div",{className:n.bulkActions,children:[P&&_.length>0&&a.jsx("div",{className:n.actions,children:P(_)}),D&&D.length>0&&_.length>0&&a.jsx("div",{className:n.bulkActionButtons,children:D.map((e,r)=>{const t=e.disabled&&e.disabled(_)||e.minSelection&&_.length<e.minSelection||e.maxSelection&&_.length>e.maxSelection;return a.jsxs("button",{className:`${n.bulkActionButton} ${e.variant==="primary"?n.bulkPrimary:e.variant==="secondary"?n.bulkSecondary:e.variant==="danger"?n.bulkDanger:e.variant==="warning"?n.bulkWarning:e.variant==="success"?n.bulkSuccess:e.variant==="custom"?n.bulkCustom:n.bulkPrimary} ${e.className||""}`,style:e.style,disabled:!!t,onClick:async()=>{if(e.confirmMessage){const o=typeof e.confirmMessage=="function"?e.confirmMessage(_):e.confirmMessage;if(!confirm(o))return}await e.onClick(_)},title:e.label,"aria-label":e.label,children:[e.icon,a.jsx("span",{children:e.label}),a.jsxs("span",{className:n.selectionCount,children:["(",_.length,")"]})]},r)})})]})]}),($||ee)&&a.jsxs("div",{className:n.controls,children:[$&&a.jsxs("div",{className:n.searchBox,children:[a.jsx("span",{className:n.searchIcon,children:"🔍"}),a.jsx("input",{type:"text",placeholder:"Search...",value:w,onChange:e=>{G(e.target.value),v(1)},className:n.searchInput}),w&&a.jsx("button",{className:n.clearButton,onClick:()=>G(""),children:"✕"})]}),ee&&a.jsx("button",{className:n.clearFiltersButton,onClick:Ze,children:"Clear All Filters"}),a.jsxs("div",{className:n.resultCount,children:[A.length," ",A.length===1?"result":"results"]})]}),a.jsx("div",{className:`${n.tableWrapper} ${Oe?n.stickyHeader:""} ${Ge?n.horizontalScroll:""}`,children:a.jsxs("table",{className:`
+import{r as d,j as a}from"./iframe-LZvJb0BS.js";import{L as de,m as aa}from"./proxy-94dt0K2Y.js";import{u as na,f as ta}from"./MotionConfigContext-D_4LMwJ5.js";import{A as sa}from"./index-vc18hLoj.js";import"./preload-helper-C1FmrZbK.js";const ra=s=>!s.isLayoutDirty&&s.willUpdate(!1);function ue(){const s=new Set,i=new WeakMap,p=()=>s.forEach(ra);return{add:c=>{s.add(c),i.set(c,c.addEventListener("willUpdate",p))},remove:c=>{s.delete(c);const h=i.get(c);h&&(h(),i.delete(c)),p()},dirty:p}}const oa=d.createContext(null);function la(){const s=d.useRef(!1);return na(()=>(s.current=!0,()=>{s.current=!1}),[]),s}function ia(){const s=la(),[i,p]=d.useState(0),c=d.useCallback(()=>{s.current&&p(i+1)},[i]);return[d.useCallback(()=>ta.postRender(c),[c]),i]}const Pe=s=>s===!0,ca=s=>Pe(s===!0)||s==="id",da=({children:s,id:i,inherit:p=!0})=>{const c=d.useContext(de),h=d.useContext(oa),[$,j]=ia(),u=d.useRef(null),b=c.id||h;u.current===null&&(ca(p)&&b&&(i=i?b+"-"+i:b),u.current={id:i,group:Pe(p)&&c.group||ue()});const y=d.useMemo(()=>({...u.current,forceRender:$}),[j]);return a.jsx(de.Provider,{value:y,children:s})},ua="_container_11eom_1",ma="_header_11eom_15",pa="_title_11eom_23",ha="_actions_11eom_31",ga="_controls_11eom_37",ba="_searchBox_11eom_45",fa="_searchIcon_11eom_52",xa="_searchInput_11eom_59",_a="_clearButton_11eom_76",ya="_clearFiltersButton_11eom_93",ka="_resultCount_11eom_109",va="_loading_11eom_117",Ca="_spinner_11eom_126",Sa="_empty_11eom_141",ja="_emptyIcon_11eom_147",wa="_tableWrapper_11eom_160",Na="_stickyHeader_11eom_167",Ta="_table_11eom_160",$a="_striped_11eom_189",za="_compact_11eom_193",Da="_th_11eom_193",Ia="_td_11eom_194",Aa="_hoverable_11eom_198",Ma="_headerCell_11eom_213",Ea="_headerText_11eom_220",La="_sortButton_11eom_225",Pa="_sortIcon_11eom_244",Wa="_columnFilter_11eom_261",Ra="_tr_11eom_279",qa="_selected_11eom_285",Ba="_clickable_11eom_290",Va="_checkboxColumn_11eom_315",Ua="_actionsColumn_11eom_326",Fa="_actionButtons_11eom_338",Oa="_actionButton_11eom_338",Ha="_actionButtonPrimary_11eom_438",Ga="_actionButtonSecondary_11eom_459",Ja="_actionButtonDanger_11eom_478",Qa="_actionButtonWarning_11eom_500",Ka="_actionButtonSuccess_11eom_522",Xa="_checkbox_11eom_315",Ya="_nullValue_11eom_552",Za="_badge_11eom_558",en="_badgeSuccess_11eom_569",an="_badgeDanger_11eom_574",nn="_code_11eom_579",tn="_pagination_11eom_593",sn="_pageInfo_11eom_602",rn="_pageControls_11eom_608",on="_pageButton_11eom_614",ln="_pageNumber_11eom_639",cn="_pageSizeSelect_11eom_646",dn="_bulkActions_11eom_675",un="_bulkActionButtons_11eom_740",mn="_bulkActionButton_11eom_740",pn="_selectionCount_11eom_817",hn="_bulkPrimary_11eom_828",gn="_bulkSecondary_11eom_844",bn="_bulkDanger_11eom_861",fn="_bulkWarning_11eom_871",xn="_bulkSuccess_11eom_881",_n="_bulkCustom_11eom_891",yn="_horizontalScroll_11eom_901",n={container:ua,header:ma,title:pa,actions:ha,controls:ga,searchBox:ba,searchIcon:fa,searchInput:xa,clearButton:_a,clearFiltersButton:ya,resultCount:ka,loading:va,spinner:Ca,empty:Sa,emptyIcon:ja,tableWrapper:wa,stickyHeader:Na,table:Ta,striped:$a,compact:za,th:Da,td:Ia,hoverable:Aa,headerCell:Ma,headerText:Ea,sortButton:La,sortIcon:Pa,columnFilter:Wa,tr:Ra,selected:qa,clickable:Ba,checkboxColumn:Va,actionsColumn:Ua,actionButtons:Fa,actionButton:Oa,actionButtonPrimary:Ha,actionButtonSecondary:Ga,actionButtonDanger:Ja,actionButtonWarning:Qa,actionButtonSuccess:Ka,checkbox:Xa,nullValue:Ya,badge:Za,badgeSuccess:en,badgeDanger:an,code:nn,pagination:tn,pageInfo:sn,pageControls:rn,pageButton:on,pageNumber:ln,pageSizeSelect:cn,bulkActions:dn,bulkActionButtons:un,bulkActionButton:mn,selectionCount:pn,bulkPrimary:hn,bulkSecondary:gn,bulkDanger:bn,bulkWarning:fn,bulkSuccess:xn,bulkCustom:_n,horizontalScroll:yn},We=function({data:i,columns:p,keyField:c="id",title:h,searchable:$=!1,selectable:j=!1,pagination:u=!1,onRowClick:b,onSelectionChange:y,actions:P,bulkActions:D,rowActions:k,actionButtonStyles:l,emptyMessage:qe="No data available",loading:Be=!1,striped:Ve=!1,hoverable:Ue=!0,compact:Fe=!1,stickyHeader:Oe=!1,animated:He=!0,horizontalScroll:Ge=!1,className:H=""}){const[g,Q]=d.useState(new Set),[w,G]=d.useState(""),[I,K]=d.useState({}),[f,X]=d.useState({key:null,direction:"asc"}),[x,v]=d.useState(1),[C,Je]=d.useState(typeof u=="object"&&u.pageSize?u.pageSize:10),Qe=d.useMemo(()=>typeof u=="object"&&u.pageSizeOptions?u.pageSizeOptions:[10,25,50,100],[u]),Y=d.useMemo(()=>p.map(e=>e.key),[p]),A=d.useMemo(()=>{if(!w&&Object.keys(I).length===0)return i;let e=i;if($&&w){const r=w.toLowerCase();e=e.filter(t=>Y.some(o=>{const m=t[o];return m!=null&&String(m).toLowerCase().includes(r)}))}for(const[r,t]of Object.entries(I))if(t){const o=t.toLowerCase();e=e.filter(m=>{const N=m[r];return N!=null&&String(N).toLowerCase().includes(o)})}return e},[i,Y,w,I,$]),S=d.useMemo(()=>f.key?[...A].sort((e,r)=>{const t=e[f.key],o=r[f.key];if(t==null)return 1;if(o==null)return-1;let m=0;return typeof t=="number"&&typeof o=="number"?m=t-o:t instanceof Date&&o instanceof Date?m=t.getTime()-o.getTime():m=String(t).localeCompare(String(o)),f.direction==="asc"?m:-m}):A,[A,f]),M=d.useMemo(()=>{if(!u)return S;const e=(x-1)*C,r=e+C;return S.slice(e,r)},[S,u,x,C]),z=d.useMemo(()=>u?Math.ceil(S.length/C):1,[S,C,u]),Ke=d.useCallback(e=>{X(r=>r.key!==e?{key:e,direction:"asc"}:r.direction==="asc"?{key:e,direction:"desc"}:{key:null,direction:"asc"})},[]),Xe=d.useCallback(()=>{const e=M.map(o=>o[c]),r=e.every(o=>g.has(o)),t=new Set(g);if(r?e.forEach(o=>t.delete(o)):e.forEach(o=>t.add(o)),Q(t),y){const o=i.filter(m=>t.has(m[c]));y(o)}},[M,g,c,i,y]),Z=d.useCallback(e=>{const r=new Set(g);if(r.has(e)?r.delete(e):r.add(e),Q(r),y){const t=i.filter(o=>r.has(o[c]));y(t)}},[g,i,c,y]),Ye=d.useCallback((e,r)=>{K(t=>({...t,[e]:r})),v(1)},[]),Ze=d.useCallback(()=>{G(""),K({}),X({key:null,direction:"asc"}),v(1)},[]),ee=w||Object.values(I).some(e=>e),J=M.map(e=>e[c]),ae=j&&J.length>0&&J.every(e=>g.has(e)),ea=j&&J.some(e=>g.has(e)),_=d.useMemo(()=>i.filter(e=>g.has(e[c])),[i,g,c]),ne=d.useCallback(e=>{var m,N,E,se,re,oe,le,ie,ce;const r=(l==null?void 0:l.size)||36,t=((m=e.buttonStyles)==null?void 0:m.size)||r,o={width:t,height:t,borderRadius:((N=e.buttonStyles)==null?void 0:N.borderRadius)||(l==null?void 0:l.borderRadius)||"50%",fontSize:((E=e.buttonStyles)==null?void 0:E.fontSize)||(l==null?void 0:l.fontSize),padding:((se=e.buttonStyles)==null?void 0:se.padding)||(l==null?void 0:l.padding),...l==null?void 0:l.style,...e.style,...(re=e.buttonStyles)==null?void 0:re.style};return((oe=e.buttonStyles)!=null&&oe.iconSize||l!=null&&l.iconSize)&&(o["--icon-size"]=typeof(((le=e.buttonStyles)==null?void 0:le.iconSize)||(l==null?void 0:l.iconSize))=="number"?`${((ie=e.buttonStyles)==null?void 0:ie.iconSize)||(l==null?void 0:l.iconSize)}px`:((ce=e.buttonStyles)==null?void 0:ce.iconSize)||(l==null?void 0:l.iconSize)),o},[l]),te=d.useCallback(e=>{var E;const r=n.actionButton,t=e.variant==="primary"?n.actionButtonPrimary:e.variant==="danger"?n.actionButtonDanger:e.variant==="warning"?n.actionButtonWarning:e.variant==="success"?n.actionButtonSuccess:e.variant==="custom"?"":n.actionButtonSecondary,o=(l==null?void 0:l.className)||"",m=e.className||"",N=((E=e.buttonStyles)==null?void 0:E.className)||"";return`${r} ${t} ${o} ${m} ${N}`.trim()},[l]);return Be?a.jsx("div",{className:`${n.container} ${H}`,children:a.jsxs("div",{className:n.loading,children:[a.jsx("div",{className:n.spinner}),a.jsx("span",{children:"Loading..."})]})}):i.length===0?a.jsxs("div",{className:`${n.container} ${H}`,children:[h&&a.jsx("h2",{className:n.title,children:h}),a.jsxs("div",{className:n.empty,children:[a.jsx("span",{className:n.emptyIcon,children:"📊"}),a.jsx("p",{children:qe})]})]}):a.jsxs("div",{className:`${n.container} ${H}`,children:[(h||P||D)&&a.jsxs("div",{className:n.header,children:[h&&a.jsx("h2",{className:n.title,children:h}),(P||D)&&a.jsxs("div",{className:n.bulkActions,children:[P&&_.length>0&&a.jsx("div",{className:n.actions,children:P(_)}),D&&D.length>0&&_.length>0&&a.jsx("div",{className:n.bulkActionButtons,children:D.map((e,r)=>{const t=e.disabled&&e.disabled(_)||e.minSelection&&_.length<e.minSelection||e.maxSelection&&_.length>e.maxSelection;return a.jsxs("button",{className:`${n.bulkActionButton} ${e.variant==="primary"?n.bulkPrimary:e.variant==="secondary"?n.bulkSecondary:e.variant==="danger"?n.bulkDanger:e.variant==="warning"?n.bulkWarning:e.variant==="success"?n.bulkSuccess:e.variant==="custom"?n.bulkCustom:n.bulkPrimary} ${e.className||""}`,style:e.style,disabled:!!t,onClick:async()=>{if(e.confirmMessage){const o=typeof e.confirmMessage=="function"?e.confirmMessage(_):e.confirmMessage;if(!confirm(o))return}await e.onClick(_)},title:e.label,"aria-label":e.label,children:[e.icon,a.jsx("span",{children:e.label}),a.jsxs("span",{className:n.selectionCount,children:["(",_.length,")"]})]},r)})})]})]}),($||ee)&&a.jsxs("div",{className:n.controls,children:[$&&a.jsxs("div",{className:n.searchBox,children:[a.jsx("span",{className:n.searchIcon,children:"🔍"}),a.jsx("input",{type:"text",placeholder:"Search...",value:w,onChange:e=>{G(e.target.value),v(1)},className:n.searchInput}),w&&a.jsx("button",{className:n.clearButton,onClick:()=>G(""),children:"✕"})]}),ee&&a.jsx("button",{className:n.clearFiltersButton,onClick:Ze,children:"Clear All Filters"}),a.jsxs("div",{className:n.resultCount,children:[A.length," ",A.length===1?"result":"results"]})]}),a.jsx("div",{className:`${n.tableWrapper} ${Oe?n.stickyHeader:""} ${Ge?n.horizontalScroll:""}`,children:a.jsxs("table",{className:`
                         ${n.table}
                         ${Ve?n.striped:""}
                         ${Ue?n.hoverable:""}

package/storybook-static/assets/{Tabs.stories-BwzAz5v_.js → Tabs.stories-7-b1PtWp.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as e,R as p,r as l}from"./iframe-CvT6MryR.js";import{c as u}from"./createLucideIcon-Eaeny9Zi.js";import{m as T}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";/**
+import{j as e,R as p,r as l}from"./iframe-LZvJb0BS.js";import{c as u}from"./createLucideIcon-yjHXhSOm.js";import{m as T}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";/**
  * @license lucide-react v0.539.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/storybook-static/assets/{TargetCursor.stories-D1M0ZV-S.js → TargetCursor.stories-CfxWRalc.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as c,j as _}from"./iframe-CvT6MryR.js";import{g as e}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const l={"target-cursor-wrapper":"_target-cursor-wrapper_11z20_1","target-cursor-dot":"_target-cursor-dot_11z20_13","target-cursor-corner":"_target-cursor-corner_11z20_25","corner-tl":"_corner-tl_11z20_35","corner-tr":"_corner-tr_11z20_41","corner-br":"_corner-br_11z20_47","corner-bl":"_corner-bl_11z20_53"},Q=({targetSelector:$=".cursor-target",spinDuration:x=2,hideDefaultCursor:Y=!0,hoverDuration:q=.2,parallaxOn:D=!0})=>{const r=c.useRef(null),p=c.useRef(null),o=c.useRef(null),b=c.useRef(null),j=c.useRef(!1),d=c.useRef(null),R=c.useRef(null),C=c.useRef(0),E=c.useMemo(()=>{if(typeof window>"u")return!1;const T="ontouchstart"in window||navigator.maxTouchPoints>0,g=window.innerWidth<=768,s=navigator.userAgent||navigator.vendor||window.opera,w=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(s.toLowerCase());return T&&g||w},[]),H=c.useMemo(()=>({borderWidth:3,cornerSize:12}),[]),M=c.useCallback((T,g)=>{r.current&&e.to(r.current,{x:T,y:g,duration:.1,ease:"power3.out"})},[]);return c.useEffect(()=>{if(E||!r.current)return;const T=document.body.style.cursor;Y&&(document.body.style.cursor="none");const g=r.current;p.current=g.querySelectorAll(".target-cursor-corner");let s=null,v=null,w=null;const O=t=>{v&&t.removeEventListener("mouseleave",v),v=null};e.set(g,{xPercent:-50,yPercent:-50,x:window.innerWidth/2,y:window.innerHeight/2}),(()=>{o.current&&o.current.kill(),o.current=e.timeline({repeat:-1}).to(g,{rotation:"+=360",duration:x,ease:"none"})})();const Z=()=>{if(!d.current||!r.current||!p.current)return;const t=C.current;if(t===0)return;const S=e.getProperty(r.current,"x"),f=e.getProperty(r.current,"y");Array.from(p.current).forEach((i,k)=>{const u=e.getProperty(i,"x"),a=e.getProperty(i,"y"),h=d.current[k].x-S,N=d.current[k].y-f,X=u+(h-u)*t,z=a+(N-a)*t,L=t>=.99?D?.2:0:.05;e.to(i,{x:X,y:z,duration:L,ease:L===0?"none":"power1.out",overwrite:"auto"})})};R.current=Z;const V=t=>M(t.clientX,t.clientY);window.addEventListener("mousemove",V);const W=()=>{if(!s||!r.current)return;const t=e.getProperty(r.current,"x"),S=e.getProperty(r.current,"y"),f=document.elementFromPoint(t,S);f&&(f===s||f.closest($)===s)||v&&v()};window.addEventListener("scroll",W,{passive:!0});const F=()=>{b.current&&(e.to(b.current,{scale:.7,duration:.3}),e.to(r.current,{scale:.9,duration:.2}))},U=()=>{b.current&&(e.to(b.current,{scale:1,duration:.3}),e.to(r.current,{scale:1,duration:.2}))};window.addEventListener("mousedown",F),window.addEventListener("mouseup",U);const B=t=>{var L;const S=t.target,f=[];let m=S;for(;m&&m!==document.body;)m.matches($)&&f.push(m),m=m.parentElement;const i=f[0]||null;if(!i||!r.current||!p.current||s===i)return;s&&O(s),w&&(clearTimeout(w),w=null),s=i;const k=Array.from(p.current);k.forEach(y=>e.killTweensOf(y)),e.killTweensOf(r.current,"rotation"),(L=o.current)==null||L.pause(),e.set(r.current,{rotation:0});const u=i.getBoundingClientRect(),{borderWidth:a,cornerSize:h}=H,N=e.getProperty(r.current,"x"),X=e.getProperty(r.current,"y");d.current=[{x:u.left-a,y:u.top-a},{x:u.right+a-h,y:u.top-a},{x:u.right+a-h,y:u.bottom+a-h},{x:u.left-a,y:u.bottom+a-h}],j.current=!0,e.ticker.add(R.current),e.to(C,{current:1,duration:q,ease:"power2.out"}),k.forEach((y,n)=>{e.to(y,{x:d.current[n].x-N,y:d.current[n].y-X,duration:.2,ease:"power2.out"})});const z=()=>{if(e.ticker.remove(R.current),j.current=!1,d.current=null,e.set(C,{current:0,overwrite:!0}),s=null,p.current){const y=Array.from(p.current);e.killTweensOf(y);const{cornerSize:n}=H,P=[{x:-n*1.5,y:-n*1.5},{x:n*.5,y:-n*1.5},{x:n*.5,y:n*.5},{x:-n*1.5,y:n*.5}],ee=e.timeline();y.forEach((re,I)=>{ee.to(re,{x:P[I].x,y:P[I].y,duration:.3,ease:"power3.out"},0)})}w=setTimeout(()=>{if(!s&&r.current&&o.current){const n=e.getProperty(r.current,"rotation")%360;o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}),e.to(r.current,{rotation:n+360,duration:x*(1-n/360),ease:"none",onComplete:()=>{var P;(P=o.current)==null||P.restart()}})}w=null},50),O(i)};v=z,i.addEventListener("mouseleave",z)};return window.addEventListener("mouseover",B,{passive:!0}),()=>{var t;R.current&&e.ticker.remove(R.current),window.removeEventListener("mousemove",V),window.removeEventListener("mouseover",B),window.removeEventListener("scroll",W),window.removeEventListener("mousedown",F),window.removeEventListener("mouseup",U),s&&O(s),(t=o.current)==null||t.kill(),document.body.style.cursor=T,j.current=!1,d.current=null,C.current=0}},[$,x,M,H,Y,E,q,D]),c.useEffect(()=>{E||!r.current||!o.current||o.current.isActive()&&(o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}))},[x,E]),E?null:_.jsxs("div",{ref:r,className:`${l["target-cursor-wrapper"]}`,children:[_.jsx("div",{ref:b,className:`${l["target-cursor-dot"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tl"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tr"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-br"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-bl"]}`})]})};Q.__docgenInfo={description:"",methods:[],displayName:"TargetCursor",props:{targetSelector:{defaultValue:{value:"'.cursor-target'",computed:!1},required:!1},spinDuration:{defaultValue:{value:"2",computed:!1},required:!1},hideDefaultCursor:{defaultValue:{value:"true",computed:!1},required:!1},hoverDuration:{defaultValue:{value:"0.2",computed:!1},required:!1},parallaxOn:{defaultValue:{value:"true",computed:!1},required:!1}}};const ce={title:"ReactBits/Animations/TargetCursor",component:Q,parameters:{layout:"fullscreen"},tags:["autodocs"]},A={args:{targetSelector:".cursor-target",spinDuration:2,hideDefaultCursor:!0,hoverDuration:.2,parallaxOn:!0}};var G,J,K;A.parameters={...A.parameters,docs:{...(G=A.parameters)==null?void 0:G.docs,source:{originalSource:`{
+import{r as c,j as _}from"./iframe-LZvJb0BS.js";import{g as e}from"./index-C8pce-KX.js";import"./preload-helper-C1FmrZbK.js";const l={"target-cursor-wrapper":"_target-cursor-wrapper_11z20_1","target-cursor-dot":"_target-cursor-dot_11z20_13","target-cursor-corner":"_target-cursor-corner_11z20_25","corner-tl":"_corner-tl_11z20_35","corner-tr":"_corner-tr_11z20_41","corner-br":"_corner-br_11z20_47","corner-bl":"_corner-bl_11z20_53"},Q=({targetSelector:$=".cursor-target",spinDuration:x=2,hideDefaultCursor:Y=!0,hoverDuration:q=.2,parallaxOn:D=!0})=>{const r=c.useRef(null),p=c.useRef(null),o=c.useRef(null),b=c.useRef(null),j=c.useRef(!1),d=c.useRef(null),R=c.useRef(null),C=c.useRef(0),E=c.useMemo(()=>{if(typeof window>"u")return!1;const T="ontouchstart"in window||navigator.maxTouchPoints>0,g=window.innerWidth<=768,s=navigator.userAgent||navigator.vendor||window.opera,w=/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(s.toLowerCase());return T&&g||w},[]),H=c.useMemo(()=>({borderWidth:3,cornerSize:12}),[]),M=c.useCallback((T,g)=>{r.current&&e.to(r.current,{x:T,y:g,duration:.1,ease:"power3.out"})},[]);return c.useEffect(()=>{if(E||!r.current)return;const T=document.body.style.cursor;Y&&(document.body.style.cursor="none");const g=r.current;p.current=g.querySelectorAll(".target-cursor-corner");let s=null,v=null,w=null;const O=t=>{v&&t.removeEventListener("mouseleave",v),v=null};e.set(g,{xPercent:-50,yPercent:-50,x:window.innerWidth/2,y:window.innerHeight/2}),(()=>{o.current&&o.current.kill(),o.current=e.timeline({repeat:-1}).to(g,{rotation:"+=360",duration:x,ease:"none"})})();const Z=()=>{if(!d.current||!r.current||!p.current)return;const t=C.current;if(t===0)return;const S=e.getProperty(r.current,"x"),f=e.getProperty(r.current,"y");Array.from(p.current).forEach((i,k)=>{const u=e.getProperty(i,"x"),a=e.getProperty(i,"y"),h=d.current[k].x-S,N=d.current[k].y-f,X=u+(h-u)*t,z=a+(N-a)*t,L=t>=.99?D?.2:0:.05;e.to(i,{x:X,y:z,duration:L,ease:L===0?"none":"power1.out",overwrite:"auto"})})};R.current=Z;const V=t=>M(t.clientX,t.clientY);window.addEventListener("mousemove",V);const W=()=>{if(!s||!r.current)return;const t=e.getProperty(r.current,"x"),S=e.getProperty(r.current,"y"),f=document.elementFromPoint(t,S);f&&(f===s||f.closest($)===s)||v&&v()};window.addEventListener("scroll",W,{passive:!0});const F=()=>{b.current&&(e.to(b.current,{scale:.7,duration:.3}),e.to(r.current,{scale:.9,duration:.2}))},U=()=>{b.current&&(e.to(b.current,{scale:1,duration:.3}),e.to(r.current,{scale:1,duration:.2}))};window.addEventListener("mousedown",F),window.addEventListener("mouseup",U);const B=t=>{var L;const S=t.target,f=[];let m=S;for(;m&&m!==document.body;)m.matches($)&&f.push(m),m=m.parentElement;const i=f[0]||null;if(!i||!r.current||!p.current||s===i)return;s&&O(s),w&&(clearTimeout(w),w=null),s=i;const k=Array.from(p.current);k.forEach(y=>e.killTweensOf(y)),e.killTweensOf(r.current,"rotation"),(L=o.current)==null||L.pause(),e.set(r.current,{rotation:0});const u=i.getBoundingClientRect(),{borderWidth:a,cornerSize:h}=H,N=e.getProperty(r.current,"x"),X=e.getProperty(r.current,"y");d.current=[{x:u.left-a,y:u.top-a},{x:u.right+a-h,y:u.top-a},{x:u.right+a-h,y:u.bottom+a-h},{x:u.left-a,y:u.bottom+a-h}],j.current=!0,e.ticker.add(R.current),e.to(C,{current:1,duration:q,ease:"power2.out"}),k.forEach((y,n)=>{e.to(y,{x:d.current[n].x-N,y:d.current[n].y-X,duration:.2,ease:"power2.out"})});const z=()=>{if(e.ticker.remove(R.current),j.current=!1,d.current=null,e.set(C,{current:0,overwrite:!0}),s=null,p.current){const y=Array.from(p.current);e.killTweensOf(y);const{cornerSize:n}=H,P=[{x:-n*1.5,y:-n*1.5},{x:n*.5,y:-n*1.5},{x:n*.5,y:n*.5},{x:-n*1.5,y:n*.5}],ee=e.timeline();y.forEach((re,I)=>{ee.to(re,{x:P[I].x,y:P[I].y,duration:.3,ease:"power3.out"},0)})}w=setTimeout(()=>{if(!s&&r.current&&o.current){const n=e.getProperty(r.current,"rotation")%360;o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}),e.to(r.current,{rotation:n+360,duration:x*(1-n/360),ease:"none",onComplete:()=>{var P;(P=o.current)==null||P.restart()}})}w=null},50),O(i)};v=z,i.addEventListener("mouseleave",z)};return window.addEventListener("mouseover",B,{passive:!0}),()=>{var t;R.current&&e.ticker.remove(R.current),window.removeEventListener("mousemove",V),window.removeEventListener("mouseover",B),window.removeEventListener("scroll",W),window.removeEventListener("mousedown",F),window.removeEventListener("mouseup",U),s&&O(s),(t=o.current)==null||t.kill(),document.body.style.cursor=T,j.current=!1,d.current=null,C.current=0}},[$,x,M,H,Y,E,q,D]),c.useEffect(()=>{E||!r.current||!o.current||o.current.isActive()&&(o.current.kill(),o.current=e.timeline({repeat:-1}).to(r.current,{rotation:"+=360",duration:x,ease:"none"}))},[x,E]),E?null:_.jsxs("div",{ref:r,className:`${l["target-cursor-wrapper"]}`,children:[_.jsx("div",{ref:b,className:`${l["target-cursor-dot"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tl"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-tr"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-br"]}`}),_.jsx("div",{className:`${l["target-cursor-corner"]} ${l["corner-bl"]}`})]})};Q.__docgenInfo={description:"",methods:[],displayName:"TargetCursor",props:{targetSelector:{defaultValue:{value:"'.cursor-target'",computed:!1},required:!1},spinDuration:{defaultValue:{value:"2",computed:!1},required:!1},hideDefaultCursor:{defaultValue:{value:"true",computed:!1},required:!1},hoverDuration:{defaultValue:{value:"0.2",computed:!1},required:!1},parallaxOn:{defaultValue:{value:"true",computed:!1},required:!1}}};const ce={title:"ReactBits/Animations/TargetCursor",component:Q,parameters:{layout:"fullscreen"},tags:["autodocs"]},A={args:{targetSelector:".cursor-target",spinDuration:2,hideDefaultCursor:!0,hoverDuration:.2,parallaxOn:!0}};var G,J,K;A.parameters={...A.parameters,docs:{...(G=A.parameters)==null?void 0:G.docs,source:{originalSource:`{
   args: {
     targetSelector: '.cursor-target',
     spinDuration: 2,

package/storybook-static/assets/{TextArea-CMvPbRqQ.js → TextArea-DGywTJLt.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{j as t}from"./iframe-CvT6MryR.js";const v="_textareaContainer_1p1q8_1",b="_compact_1p1q8_6",j="_textareaLabel_1p1q8_10",I="_requiredIndicator_1p1q8_25",L="_textareaInput_1p1q8_31",V="_characterCount_1p1q8_90",N="_nearLimit_1p1q8_115",M="_atLimit_1p1q8_124",T="_error_1p1q8_180",w="_success_1p1q8_205",A="_loading_1p1q8_232",y="_focusMode_1p1q8_249",a={textareaContainer:v,compact:b,textareaLabel:j,requiredIndicator:I,textareaInput:L,characterCount:V,nearLimit:N,atLimit:M,error:T,success:w,loading:A,focusMode:y};function B({label:n,value:r,onChange:p,rows:f=5,placeholder:m="",required:o=!1,maxLength:s,disabled:h=!1,error:i=!1,success:_=!1,loading:l=!1,focusMode:x=!1,compact:q=!1,className:c=""}){const u=`textarea-${Math.random().toString(36).substr(2,9)}`,g=()=>{const e=[a.textareaContainer];return i&&e.push(a.error),_&&e.push(a.success),l&&e.push(a.loading),x&&e.push(a.focusMode),q&&e.push(a.compact),c&&e.push(c),e.join(" ")},C=()=>{if(!s)return a.characterCount;const e=[a.characterCount],d=r.length/s*100;return d>=100?e.push(a.atLimit):d>=80&&e.push(a.nearLimit),e.join(" ")};return t.jsxs("div",{className:g(),children:[n&&t.jsxs("label",{htmlFor:u,className:a.textareaLabel,children:[n,o&&t.jsx("span",{className:a.requiredIndicator,children:"*"})]}),t.jsx("textarea",{id:u,value:r,onChange:e=>p(e.target.value),rows:f,placeholder:m,maxLength:s,className:a.textareaInput,"aria-required":o,disabled:h||l,"aria-invalid":i}),s&&t.jsxs("div",{className:C(),children:[t.jsx("span",{children:r.length}),t.jsx("span",{style:{opacity:.7},children:" / "}),t.jsx("span",{children:s})]})]})}B.__docgenInfo={description:`TextArea component - Multi-line text input with character counting
+import{j as t}from"./iframe-LZvJb0BS.js";const v="_textareaContainer_1p1q8_1",b="_compact_1p1q8_6",j="_textareaLabel_1p1q8_10",I="_requiredIndicator_1p1q8_25",L="_textareaInput_1p1q8_31",V="_characterCount_1p1q8_90",N="_nearLimit_1p1q8_115",M="_atLimit_1p1q8_124",T="_error_1p1q8_180",w="_success_1p1q8_205",A="_loading_1p1q8_232",y="_focusMode_1p1q8_249",a={textareaContainer:v,compact:b,textareaLabel:j,requiredIndicator:I,textareaInput:L,characterCount:V,nearLimit:N,atLimit:M,error:T,success:w,loading:A,focusMode:y};function B({label:n,value:r,onChange:p,rows:f=5,placeholder:m="",required:o=!1,maxLength:s,disabled:h=!1,error:i=!1,success:_=!1,loading:l=!1,focusMode:x=!1,compact:q=!1,className:c=""}){const u=`textarea-${Math.random().toString(36).substr(2,9)}`,g=()=>{const e=[a.textareaContainer];return i&&e.push(a.error),_&&e.push(a.success),l&&e.push(a.loading),x&&e.push(a.focusMode),q&&e.push(a.compact),c&&e.push(c),e.join(" ")},C=()=>{if(!s)return a.characterCount;const e=[a.characterCount],d=r.length/s*100;return d>=100?e.push(a.atLimit):d>=80&&e.push(a.nearLimit),e.join(" ")};return t.jsxs("div",{className:g(),children:[n&&t.jsxs("label",{htmlFor:u,className:a.textareaLabel,children:[n,o&&t.jsx("span",{className:a.requiredIndicator,children:"*"})]}),t.jsx("textarea",{id:u,value:r,onChange:e=>p(e.target.value),rows:f,placeholder:m,maxLength:s,className:a.textareaInput,"aria-required":o,disabled:h||l,"aria-invalid":i}),s&&t.jsxs("div",{className:C(),children:[t.jsx("span",{children:r.length}),t.jsx("span",{style:{opacity:.7},children:" / "}),t.jsx("span",{children:s})]})]})}B.__docgenInfo={description:`TextArea component - Multi-line text input with character counting
 @component
 @description

package/storybook-static/assets/{TextArea.stories-DmAuD1fB.js → TextArea.stories-B-uYOZs4.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as h,j as e}from"./iframe-CvT6MryR.js";import{T as u}from"./TextArea-CMvPbRqQ.js";import"./preload-helper-C1FmrZbK.js";const O={title:"Atoms/TextArea",component:u,parameters:{layout:"centered",docs:{description:{component:"A multiline text input component with character counter support and compact mode for arrays."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the textarea"},value:{control:"text",description:"Current value of the textarea"},placeholder:{control:"text",description:"Placeholder text"},rows:{control:"number",description:"Number of visible rows"},maxLength:{control:"number",description:"Maximum character limit"},required:{control:"boolean",description:"Whether the textarea is required"},compact:{control:"boolean",description:"Compact mode for use in arrays or dense layouts"},onChange:{action:"changed"}}},s={args:{label:"Description",value:"",placeholder:"Enter your description here...",rows:4,onChange:()=>{}}},l={args:{label:"Bio",value:"Software developer passionate about creating great user experiences.",placeholder:"Tell us about yourself...",rows:4,maxLength:200,onChange:()=>{}}},i={args:{label:"Required Message",value:"",placeholder:"This field is required",required:!0,rows:3,onChange:()=>{}}},c={args:{label:"Notes",value:"",placeholder:"Compact mode for arrays...",rows:3,compact:!0,onChange:()=>{}}},m={args:{label:"",value:"",placeholder:"No label, compact mode...",rows:2,compact:!0,onChange:()=>{}}},d={args:{label:"Comparison",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(""),[x,g]=h.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",width:"400px"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Regular TextArea"}),e.jsx(u,{label:"Description",value:t,onChange:o,placeholder:"Regular size textarea...",rows:4,maxLength:200})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Compact TextArea"}),e.jsx(u,{label:"Description",value:x,onChange:g,placeholder:"Compact size textarea...",rows:4,maxLength:200,compact:!0})]})]})},parameters:{controls:{disable:!0}}},p={args:{label:"Array Demo",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(["First item with some text",""]),x=(n,r)=>{const a=[...t];a[n]=r,o(a)},g=()=>{o([...t,""])},W=n=>{o(t.filter((r,a)=>a!==n))};return e.jsxs("div",{style:{width:"400px"},children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"TextArea in Array Context (Compact Mode)"}),e.jsxs("div",{style:{background:"#f8f9fa",padding:"1rem",borderRadius:"8px",border:"1px solid #dee2e6"},children:[t.map((n,r)=>e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem",marginBottom:r<t.length-1?"1rem":"0"},children:[e.jsx(u,{label:"",value:n,onChange:a=>x(r,a),placeholder:`Item ${r+1}...`,rows:2,compact:!0}),e.jsx("button",{onClick:()=>W(r),style:{background:"#dc3545",color:"white",border:"none",borderRadius:"4px",padding:"4px 8px",cursor:"pointer",fontSize:"12px",marginTop:"2px"},children:"x"})]},r)),e.jsx("button",{onClick:g,style:{background:"#007bff",color:"white",border:"none",borderRadius:"4px",padding:"8px 16px",cursor:"pointer",fontSize:"14px",marginTop:"1rem"},children:"+ Add Item"})]})]})},parameters:{controls:{disable:!0}}};var b,C,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
+import{r as h,j as e}from"./iframe-LZvJb0BS.js";import{T as u}from"./TextArea-DGywTJLt.js";import"./preload-helper-C1FmrZbK.js";const O={title:"Atoms/TextArea",component:u,parameters:{layout:"centered",docs:{description:{component:"A multiline text input component with character counter support and compact mode for arrays."}}},tags:["autodocs"],argTypes:{label:{control:"text",description:"Label text for the textarea"},value:{control:"text",description:"Current value of the textarea"},placeholder:{control:"text",description:"Placeholder text"},rows:{control:"number",description:"Number of visible rows"},maxLength:{control:"number",description:"Maximum character limit"},required:{control:"boolean",description:"Whether the textarea is required"},compact:{control:"boolean",description:"Compact mode for use in arrays or dense layouts"},onChange:{action:"changed"}}},s={args:{label:"Description",value:"",placeholder:"Enter your description here...",rows:4,onChange:()=>{}}},l={args:{label:"Bio",value:"Software developer passionate about creating great user experiences.",placeholder:"Tell us about yourself...",rows:4,maxLength:200,onChange:()=>{}}},i={args:{label:"Required Message",value:"",placeholder:"This field is required",required:!0,rows:3,onChange:()=>{}}},c={args:{label:"Notes",value:"",placeholder:"Compact mode for arrays...",rows:3,compact:!0,onChange:()=>{}}},m={args:{label:"",value:"",placeholder:"No label, compact mode...",rows:2,compact:!0,onChange:()=>{}}},d={args:{label:"Comparison",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(""),[x,g]=h.useState("");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"2rem",width:"400px"},children:[e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Regular TextArea"}),e.jsx(u,{label:"Description",value:t,onChange:o,placeholder:"Regular size textarea...",rows:4,maxLength:200})]}),e.jsxs("div",{children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"Compact TextArea"}),e.jsx(u,{label:"Description",value:x,onChange:g,placeholder:"Compact size textarea...",rows:4,maxLength:200,compact:!0})]})]})},parameters:{controls:{disable:!0}}},p={args:{label:"Array Demo",value:"",onChange:()=>{}},render:()=>{const[t,o]=h.useState(["First item with some text",""]),x=(n,r)=>{const a=[...t];a[n]=r,o(a)},g=()=>{o([...t,""])},W=n=>{o(t.filter((r,a)=>a!==n))};return e.jsxs("div",{style:{width:"400px"},children:[e.jsx("h4",{style:{marginBottom:"1rem",color:"#333"},children:"TextArea in Array Context (Compact Mode)"}),e.jsxs("div",{style:{background:"#f8f9fa",padding:"1rem",borderRadius:"8px",border:"1px solid #dee2e6"},children:[t.map((n,r)=>e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:"0.5rem",marginBottom:r<t.length-1?"1rem":"0"},children:[e.jsx(u,{label:"",value:n,onChange:a=>x(r,a),placeholder:`Item ${r+1}...`,rows:2,compact:!0}),e.jsx("button",{onClick:()=>W(r),style:{background:"#dc3545",color:"white",border:"none",borderRadius:"4px",padding:"4px 8px",cursor:"pointer",fontSize:"12px",marginTop:"2px"},children:"x"})]},r)),e.jsx("button",{onClick:g,style:{background:"#007bff",color:"white",border:"none",borderRadius:"4px",padding:"8px 16px",cursor:"pointer",fontSize:"14px",marginTop:"1rem"},children:"+ Add Item"})]})]})},parameters:{controls:{disable:!0}}};var b,C,v;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:`{
   args: {
     label: 'Description',
     value: '',

package/storybook-static/assets/{TextCursor.stories-CJmFUz8s.js → TextCursor.stories-61sj2bl9.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{r as a,j as c}from"./iframe-CvT6MryR.js";import{A as B}from"./index-2ZuXCVEx.js";import{m as L}from"./proxy-0exJiild.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-BdSKNtzx.js";const p={"text-cursor-container":"_text-cursor-container_uryua_1","text-cursor-inner":"_text-cursor-inner_uryua_7","text-cursor-item":"_text-cursor-item_uryua_16"},E=({text:V="⚛️",spacing:d=100,followMouseDirection:j=!0,randomFloat:n=!0,exitDuration:A=.5,removalInterval:x=30,maxPoints:y=5})=>{const[C,g]=a.useState([]),o=a.useRef(null),v=a.useRef(Date.now()),h=a.useRef(0),M=e=>{if(!o.current)return;const r=o.current.getBoundingClientRect(),_=e.clientX-r.left,D=e.clientY-r.top,I=()=>n?{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}:{};g(O=>{const t=[...O];if(t.length===0)t.push({id:h.current++,x:_,y:D,angle:0,...I()});else{const s=t[t.length-1],u=_-s.x,l=D-s.y,f=Math.sqrt(u*u+l*l);if(f>=d){let X=Math.atan2(l,u)*180/Math.PI;const Y=j?X:0,N=Math.floor(f/d);for(let m=1;m<=N;m++){const R=d*m/f,P=s.x+u*R,$=s.y+l*R;t.push({id:h.current++,x:P,y:$,angle:Y,...I()})}}}return t.length>y?t.slice(t.length-y):t}),v.current=Date.now()};return a.useEffect(()=>{const e=o.current;if(e)return e.addEventListener("mousemove",M),()=>e.removeEventListener("mousemove",M)},[]),a.useEffect(()=>{const e=setInterval(()=>{Date.now()-v.current>100&&g(r=>r.length>0?r.slice(1):r)},x);return()=>clearInterval(e)},[x]),c.jsx("div",{ref:o,className:`${p["text-cursor-container"]}`,children:c.jsx("div",{className:`${p["text-cursor-inner"]}`,children:c.jsx(B,{children:C.map(e=>c.jsx(L.div,{initial:{opacity:0,scale:1,rotate:e.angle},animate:{opacity:1,scale:1,x:n?[0,e.randomX||0,0]:0,y:n?[0,e.randomY||0,0]:0,rotate:n?[e.angle,e.angle+(e.randomRotate||0),e.angle]:e.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:A,ease:"easeOut"},...n&&{x:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},y:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},rotate:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"}}},className:`${p["text-cursor-item"]}`,style:{left:e.x,top:e.y},children:V},e.id))})})})};E.__docgenInfo={description:"",methods:[],displayName:"TextCursor",props:{text:{defaultValue:{value:"'⚛️'",computed:!1},required:!1},spacing:{defaultValue:{value:"100",computed:!1},required:!1},followMouseDirection:{defaultValue:{value:"true",computed:!1},required:!1},randomFloat:{defaultValue:{value:"true",computed:!1},required:!1},exitDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},removalInterval:{defaultValue:{value:"30",computed:!1},required:!1},maxPoints:{defaultValue:{value:"5",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/TextCursor",component:E,parameters:{layout:"fullscreen"},tags:["autodocs"]},i={args:{text:"⚛️",spacing:100,followMouseDirection:!0,randomFloat:!0,exitDuration:.5,removalInterval:30,maxPoints:5}};var w,T,q;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
+import{r as a,j as c}from"./iframe-LZvJb0BS.js";import{A as B}from"./index-vc18hLoj.js";import{m as L}from"./proxy-94dt0K2Y.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-D_4LMwJ5.js";const p={"text-cursor-container":"_text-cursor-container_uryua_1","text-cursor-inner":"_text-cursor-inner_uryua_7","text-cursor-item":"_text-cursor-item_uryua_16"},E=({text:V="⚛️",spacing:d=100,followMouseDirection:j=!0,randomFloat:n=!0,exitDuration:A=.5,removalInterval:x=30,maxPoints:y=5})=>{const[C,g]=a.useState([]),o=a.useRef(null),v=a.useRef(Date.now()),h=a.useRef(0),M=e=>{if(!o.current)return;const r=o.current.getBoundingClientRect(),_=e.clientX-r.left,D=e.clientY-r.top,I=()=>n?{randomX:Math.random()*10-5,randomY:Math.random()*10-5,randomRotate:Math.random()*10-5}:{};g(O=>{const t=[...O];if(t.length===0)t.push({id:h.current++,x:_,y:D,angle:0,...I()});else{const s=t[t.length-1],u=_-s.x,l=D-s.y,f=Math.sqrt(u*u+l*l);if(f>=d){let X=Math.atan2(l,u)*180/Math.PI;const Y=j?X:0,N=Math.floor(f/d);for(let m=1;m<=N;m++){const R=d*m/f,P=s.x+u*R,$=s.y+l*R;t.push({id:h.current++,x:P,y:$,angle:Y,...I()})}}}return t.length>y?t.slice(t.length-y):t}),v.current=Date.now()};return a.useEffect(()=>{const e=o.current;if(e)return e.addEventListener("mousemove",M),()=>e.removeEventListener("mousemove",M)},[]),a.useEffect(()=>{const e=setInterval(()=>{Date.now()-v.current>100&&g(r=>r.length>0?r.slice(1):r)},x);return()=>clearInterval(e)},[x]),c.jsx("div",{ref:o,className:`${p["text-cursor-container"]}`,children:c.jsx("div",{className:`${p["text-cursor-inner"]}`,children:c.jsx(B,{children:C.map(e=>c.jsx(L.div,{initial:{opacity:0,scale:1,rotate:e.angle},animate:{opacity:1,scale:1,x:n?[0,e.randomX||0,0]:0,y:n?[0,e.randomY||0,0]:0,rotate:n?[e.angle,e.angle+(e.randomRotate||0),e.angle]:e.angle},exit:{opacity:0,scale:0},transition:{opacity:{duration:A,ease:"easeOut"},...n&&{x:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},y:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"},rotate:{duration:2,ease:"easeInOut",repeat:1/0,repeatType:"mirror"}}},className:`${p["text-cursor-item"]}`,style:{left:e.x,top:e.y},children:V},e.id))})})})};E.__docgenInfo={description:"",methods:[],displayName:"TextCursor",props:{text:{defaultValue:{value:"'⚛️'",computed:!1},required:!1},spacing:{defaultValue:{value:"100",computed:!1},required:!1},followMouseDirection:{defaultValue:{value:"true",computed:!1},required:!1},randomFloat:{defaultValue:{value:"true",computed:!1},required:!1},exitDuration:{defaultValue:{value:"0.5",computed:!1},required:!1},removalInterval:{defaultValue:{value:"30",computed:!1},required:!1},maxPoints:{defaultValue:{value:"5",computed:!1},required:!1}}};const H={title:"ReactBits/TextAnimations/TextCursor",component:E,parameters:{layout:"fullscreen"},tags:["autodocs"]},i={args:{text:"⚛️",spacing:100,followMouseDirection:!0,randomFloat:!0,exitDuration:.5,removalInterval:30,maxPoints:5}};var w,T,q;i.parameters={...i.parameters,docs:{...(w=i.parameters)==null?void 0:w.docs,source:{originalSource:`{
   args: {
     text: '⚛️',
     spacing: 100,

package/storybook-static/assets/{TextInput-7QROD9Bu.js → TextInput-CiI38oLt.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{R as _,j as n}from"./iframe-CvT6MryR.js";import{u as T}from"./useSound-DyOR6GVH.js";const V="_textInput_mb1yv_1",A="_required_mb1yv_82",k="_inputError_mb1yv_89",M="_errorMessage_mb1yv_102",R="_success_mb1yv_138",S="_loading_mb1yv_167",P="_withIcon_mb1yv_184",$="_inputIcon_mb1yv_192",B="_withAction_mb1yv_209",F="_actionButton_mb1yv_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:b,value:r,onChange:v,type:x="text",onBlur:y,placeholder:I,error:a,required:w,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=_.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return _.useEffect(()=>{h.current=r},[r]),n.jsxs("div",{className:N(),children:[n.jsxs("label",{htmlFor:i,children:[b,w&&n.jsx("span",{className:t.required,children:"*"})]}),n.jsxs("div",{style:{position:"relative"},children:[c&&n.jsx("div",{className:t.inputIcon,children:c}),n.jsx("input",{id:i,type:x,value:r,onChange:e=>{const d=e.target.value,f=h.current;v(d),(q||s!=null&&s.onClick)&&(d.length>f.length?p("type"):d.length<f.length&&p("delete")),a&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:y,placeholder:I,className:a?t.inputError:"","aria-invalid":!!a,"aria-describedby":a?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&n.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),a&&n.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:a})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
+import{R as _,j as n}from"./iframe-LZvJb0BS.js";import{u as T}from"./useSound-Dc8S51xy.js";const V="_textInput_mb1yv_1",A="_required_mb1yv_82",k="_inputError_mb1yv_89",M="_errorMessage_mb1yv_102",R="_success_mb1yv_138",S="_loading_mb1yv_167",P="_withIcon_mb1yv_184",$="_inputIcon_mb1yv_192",B="_withAction_mb1yv_209",F="_actionButton_mb1yv_213",t={textInput:V,required:A,inputError:k,errorMessage:M,success:R,loading:S,withIcon:P,inputIcon:$,withAction:B,actionButton:F};function H({label:b,value:r,onChange:v,type:x="text",onBlur:y,placeholder:I,error:a,required:w,disabled:m=!1,success:g=!1,loading:o=!1,icon:c,actionButton:l,maxLength:E,autoComplete:j,soundConfig:s,enableTypingSounds:q=!1}){const i=`input-${Math.random().toString(36).substr(2,9)}`,{handlers:u,playSound:p}=T(s),h=_.useRef(r),N=()=>{const e=[t.textInput];return g&&e.push(t.success),o&&e.push(t.loading),c&&e.push(t.withIcon),l&&e.push(t.withAction),e.join(" ")};return _.useEffect(()=>{h.current=r},[r]),n.jsxs("div",{className:N(),children:[n.jsxs("label",{htmlFor:i,children:[b,w&&n.jsx("span",{className:t.required,children:"*"})]}),n.jsxs("div",{style:{position:"relative"},children:[c&&n.jsx("div",{className:t.inputIcon,children:c}),n.jsx("input",{id:i,type:x,value:r,onChange:e=>{const d=e.target.value,f=h.current;v(d),(q||s!=null&&s.onClick)&&(d.length>f.length?p("type"):d.length<f.length&&p("delete")),a&&(s!=null&&s.onError)&&p(typeof s.onError=="string"?s.onError:"error")},onBlur:y,placeholder:I,className:a?t.inputError:"","aria-invalid":!!a,"aria-describedby":a?`${i}-error`:void 0,disabled:m||o,maxLength:E,autoComplete:j}),l&&n.jsx("button",{type:"button",className:t.actionButton,onClick:()=>{var e;(e=u.onClick)==null||e.call(u),l.onClick()},disabled:m||o,children:l.label})]}),a&&n.jsx("span",{id:`${i}-error`,className:t.errorMessage,children:a})]})}H.__docgenInfo={description:`TextInput component - A versatile text input field with label and error handling
 @component
 @description