@stfrigerio/sito-template 0.1.36 → 0.1.39

package/storybook-static/assets/MotionConfigContext-C_Ro_xsO.js

@@ -0,0 +1 @@
+import{r as H}from"./iframe-Cz1R6gKZ.js";function us(t){const e=H.useRef(null);return e.current===null&&(e.current=t()),e.current}const _t=typeof window<"u",hs=_t?H.useLayoutEffect:H.useEffect;function $t(t,e){t.indexOf(e)===-1&&t.push(e)}function zt(t,e){const s=t.indexOf(e);s>-1&&t.splice(s,1)}const O=(t,e,s)=>s>e?e:s<t?t:s;let Ft=()=>{};const ut={},tt=t=>t,jt=(t,e)=>s=>e(t(s)),ht=(...t)=>t.reduce(jt),St=(t,e,s)=>{const n=e-t;return n===0?1:(s-t)/n};class Zt{constructor(){this.subscriptions=[]}add(e){return $t(this.subscriptions,e),()=>zt(this.subscriptions,e)}notify(e,s,n){const r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,s,n);else for(let i=0;i<r;i++){const a=this.subscriptions[i];a&&a(e,s,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const U=t=>t*1e3,R=t=>t/1e3;function kt(t,e){return e?t*(1e3/e):0}const wt=(t,e,s)=>(((1-3*s+3*e)*t+(3*s-6*e))*t+3*e)*t,Ht=1e-7,Jt=12;function Xt(t,e,s,n,r){let i,a,o=0;do a=e+(s-e)/2,i=wt(a,n,r)-t,i>0?s=a:e=a;while(Math.abs(i)>Ht&&++o<Jt);return a}function _(t,e,s,n){if(t===e&&s===n)return tt;const r=i=>Xt(i,0,1,t,s);return i=>i===0||i===1?i:wt(r(i),e,n)}const Ct=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,Pt=t=>e=>1-t(1-e),Et=_(.33,1.53,.69,.99),ft=Pt(Et),Qt=Ct(ft),Yt=t=>t>=1?1:(t*=2)<1?.5*ft(t):.5*(2-Math.pow(2,-10*(t-1))),dt=t=>1-Math.sin(Math.acos(t)),te=Pt(dt),ee=Ct(dt),se=_(.42,0,1,1),ne=_(0,0,.58,1),Vt=_(.42,0,.58,1),re=t=>Array.isArray(t)&&typeof t[0]!="number",ie=t=>Array.isArray(t)&&typeof t[0]=="number",ae={linear:tt,easeIn:se,easeInOut:Vt,easeOut:ne,circIn:dt,circInOut:ee,circOut:te,backIn:ft,backInOut:Qt,backOut:Et,anticipate:Yt},oe=t=>typeof t=="string",vt=t=>{if(ie(t)){Ft(t.length===4);const[e,s,n,r]=t;return _(e,s,n,r)}else if(oe(t))return ae[t];return t},j=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function ce(t,e){let s=new Set,n=new Set,r=!1,i=!1;const a=new WeakSet;let o={delta:0,timestamp:0,isProcessing:!1};function u(c){a.has(c)&&(h.schedule(c),t()),c(o)}const h={schedule:(c,f=!1,y=!1)=>{const M=y&&r?s:n;return f&&a.add(c),M.add(c),c},cancel:c=>{n.delete(c),a.delete(c)},process:c=>{if(o=c,r){i=!0;return}r=!0;const f=s;s=n,n=f,s.forEach(u),s.clear(),r=!1,i&&(i=!1,h.process(c))}};return h}const le=40;function ue(t,e){let s=!1,n=!0;const r={delta:0,timestamp:0,isProcessing:!1},i=()=>s=!0,a=j.reduce((x,b)=>(x[b]=ce(i),x),{}),{setup:o,read:u,resolveKeyframes:h,preUpdate:c,update:f,preRender:y,render:D,postRender:M}=a,p=()=>{const x=ut.useManualTiming,b=x?r.timestamp:performance.now();s=!1,x||(r.delta=n?1e3/60:Math.max(Math.min(b-r.timestamp,le),1)),r.timestamp=b,r.isProcessing=!0,o.process(r),u.process(r),h.process(r),c.process(r),f.process(r),y.process(r),D.process(r),M.process(r),r.isProcessing=!1,s&&e&&(n=!1,t(p))},v=()=>{s=!0,n=!0,r.isProcessing||t(p)};return{schedule:j.reduce((x,b)=>{const g=a[b];return x[b]=(F,k=!1,d=!1)=>(s||v(),g.schedule(F,k,d)),x},{}),cancel:x=>{for(let b=0;b<j.length;b++)a[j[b]].cancel(x)},state:r,steps:a}}const{schedule:Rt,cancel:he,state:J,steps:fs}=ue(typeof requestAnimationFrame<"u"?requestAnimationFrame:tt,!0);let Z;function fe(){Z=void 0}const C={now:()=>(Z===void 0&&C.set(J.isProcessing||ut.useManualTiming?J.timestamp:performance.now()),Z),set:t=>{Z=t,queueMicrotask(fe)}},It=t=>e=>typeof e=="string"&&e.startsWith(t),ds=It("--"),de=It("var(--"),pe=t=>de(t)?me.test(t.split("/*")[0].trim()):!1,me=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function ps(t){return typeof t!="string"?!1:t.split("/*")[0].includes("var(--")}const pt={test:t=>typeof t=="number",parse:parseFloat,transform:t=>t},Nt={...pt,transform:t=>O(0,1,t)},ms={...pt,default:1},q=t=>Math.round(t*1e5)/1e5,Ot=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function ge(t){return t==null}const ye=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,mt=(t,e)=>s=>!!(typeof s=="string"&&ye.test(s)&&s.startsWith(t)||e&&!ge(s)&&Object.prototype.hasOwnProperty.call(s,e)),Kt=(t,e,s)=>n=>{if(typeof n!="string")return n;const[r,i,a,o]=n.match(Ot);return{[t]:parseFloat(r),[e]:parseFloat(i),[s]:parseFloat(a),alpha:o!==void 0?parseFloat(o):1}},ve=t=>O(0,255,t),st={...pt,transform:t=>Math.round(ve(t))},N={test:mt("rgb","red"),parse:Kt("red","green","blue"),transform:({red:t,green:e,blue:s,alpha:n=1})=>"rgba("+st.transform(t)+", "+st.transform(e)+", "+st.transform(s)+", "+q(Nt.transform(n))+")"};function be(t){let e="",s="",n="",r="";return t.length>5?(e=t.substring(1,3),s=t.substring(3,5),n=t.substring(5,7),r=t.substring(7,9)):(e=t.substring(1,2),s=t.substring(2,3),n=t.substring(3,4),r=t.substring(4,5),e+=e,s+=s,n+=n,r+=r),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:r?parseInt(r,16)/255:1}}const at={test:mt("#"),parse:be,transform:N.transform},$=t=>({test:e=>typeof e=="string"&&e.endsWith(t)&&e.split(" ").length===1,parse:parseFloat,transform:e=>`${e}${t}`}),gs=$("deg"),L=$("%"),ys=$("px"),vs=$("vh"),bs=$("vw"),Ts={...L,parse:t=>L.parse(t)/100,transform:t=>L.transform(t*100)},G={test:mt("hsl","hue"),parse:Kt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:s,alpha:n=1})=>"hsla("+Math.round(t)+", "+L.transform(q(e))+", "+L.transform(q(s))+", "+q(Nt.transform(n))+")"},P={test:t=>N.test(t)||at.test(t)||G.test(t),parse:t=>N.test(t)?N.parse(t):G.test(t)?G.parse(t):at.parse(t),transform:t=>typeof t=="string"?t:t.hasOwnProperty("red")?N.transform(t):G.transform(t),getAnimatableNone:t=>{const e=P.parse(t);return e.alpha=0,P.transform(e)}},Te=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function xe(t){var e,s;return isNaN(t)&&typeof t=="string"&&(((e=t.match(Ot))==null?void 0:e.length)||0)+(((s=t.match(Te))==null?void 0:s.length)||0)>0}const Gt="number",Ut="color",Me="var",Ae="var(",bt="${}",De=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function B(t){const e=t.toString(),s=[],n={color:[],number:[],var:[]},r=[];let i=0;const o=e.replace(De,u=>(P.test(u)?(n.color.push(i),r.push(Ut),s.push(P.parse(u))):u.startsWith(Ae)?(n.var.push(i),r.push(Me),s.push(u)):(n.number.push(i),r.push(Gt),s.push(parseFloat(u))),++i,bt)).split(bt);return{values:s,split:o,indexes:n,types:r}}function Fe(t){return B(t).values}function qt({split:t,types:e}){const s=t.length;return n=>{let r="";for(let i=0;i<s;i++)if(r+=t[i],n[i]!==void 0){const a=e[i];a===Gt?r+=q(n[i]):a===Ut?r+=P.transform(n[i]):r+=n[i]}return r}}function Se(t){return qt(B(t))}const ke=t=>typeof t=="number"?0:P.test(t)?P.getAnimatableNone(t):t,we=(t,e)=>typeof t=="number"?e!=null&&e.trim().endsWith("/")?t:0:ke(t);function Ce(t){const e=B(t);return qt(e)(e.values.map((n,r)=>we(n,e.split[r])))}const Pe={test:xe,parse:Fe,createTransformer:Se,getAnimatableNone:Ce};function nt(t,e,s){return s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+(e-t)*6*s:s<1/2?e:s<2/3?t+(e-t)*(2/3-s)*6:t}function Ee({hue:t,saturation:e,lightness:s,alpha:n}){t/=360,e/=100,s/=100;let r=0,i=0,a=0;if(!e)r=i=a=s;else{const o=s<.5?s*(1+e):s+e-s*e,u=2*s-o;r=nt(u,o,t+1/3),i=nt(u,o,t),a=nt(u,o,t-1/3)}return{red:Math.round(r*255),green:Math.round(i*255),blue:Math.round(a*255),alpha:n}}function X(t,e){return s=>s>0?e:t}const et=(t,e,s)=>t+(e-t)*s,rt=(t,e,s)=>{const n=t*t,r=s*(e*e-n)+n;return r<0?0:Math.sqrt(r)},Ve=[at,N,G],Re=t=>Ve.find(e=>e.test(t));function Tt(t){const e=Re(t);if(!e)return!1;let s=e.parse(t);return e===G&&(s=Ee(s)),s}const xt=(t,e)=>{const s=Tt(t),n=Tt(e);if(!s||!n)return X(t,e);const r={...s};return i=>(r.red=rt(s.red,n.red,i),r.green=rt(s.green,n.green,i),r.blue=rt(s.blue,n.blue,i),r.alpha=et(s.alpha,n.alpha,i),N.transform(r))},ot=new Set(["none","hidden"]);function Ie(t,e){return ot.has(t)?s=>s<=0?t:e:s=>s>=1?e:t}function Ne(t,e){return s=>et(t,e,s)}function gt(t){return typeof t=="number"?Ne:typeof t=="string"?pe(t)?X:P.test(t)?xt:Ge:Array.isArray(t)?Lt:typeof t=="object"?P.test(t)?xt:Oe:X}function Lt(t,e){const s=[...t],n=s.length,r=t.map((i,a)=>gt(i)(i,e[a]));return i=>{for(let a=0;a<n;a++)s[a]=r[a](i);return s}}function Oe(t,e){const s={...t,...e},n={};for(const r in s)t[r]!==void 0&&e[r]!==void 0&&(n[r]=gt(t[r])(t[r],e[r]));return r=>{for(const i in n)s[i]=n[i](r);return s}}function Ke(t,e){const s=[],n={color:0,var:0,number:0};for(let r=0;r<e.values.length;r++){const i=e.types[r],a=t.indexes[i][n[i]],o=t.values[a]??0;s[r]=o,n[i]++}return s}const Ge=(t,e)=>{const s=Pe.createTransformer(e),n=B(t),r=B(e);return n.indexes.var.length===r.indexes.var.length&&n.indexes.color.length===r.indexes.color.length&&n.indexes.number.length>=r.indexes.number.length?ot.has(t)&&!r.values.length||ot.has(e)&&!n.values.length?Ie(t,e):ht(Lt(Ke(n,r),r.values),s):X(t,e)};function Wt(t,e,s){return typeof t=="number"&&typeof e=="number"&&typeof s=="number"?et(t,e,s):gt(t)(t,e)}const Ue=t=>{const e=({timestamp:s})=>t(s);return{start:(s=!0)=>Rt.update(e,s),stop:()=>he(e),now:()=>J.isProcessing?J.timestamp:C.now()}},qe=(t,e,s=10)=>{let n="";const r=Math.max(Math.round(e/s),2);for(let i=0;i<r;i++)n+=Math.round(t(i/(r-1))*1e4)/1e4+", ";return`linear(${n.substring(0,n.length-2)})`},Q=2e4;function yt(t){let e=0;const s=50;let n=t.next(e);for(;!n.done&&e<Q;)e+=s,n=t.next(e);return e>=Q?1/0:e}function Le(t,e=100,s){const n=s({...t,keyframes:[0,e]}),r=Math.min(yt(n),Q);return{type:"keyframes",ease:i=>n.next(r*i).value/e,duration:R(r)}}const T={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1};function ct(t,e){return t*Math.sqrt(1-e*e)}const We=12;function Be(t,e,s){let n=s;for(let r=1;r<We;r++)n=n-t(n)/e(n);return n}const it=.001;function _e({duration:t=T.duration,bounce:e=T.bounce,velocity:s=T.velocity,mass:n=T.mass}){let r,i,a=1-e;a=O(T.minDamping,T.maxDamping,a),t=O(T.minDuration,T.maxDuration,R(t)),a<1?(r=h=>{const c=h*a,f=c*t,y=c-s,D=ct(h,a),M=Math.exp(-f);return it-y/D*M},i=h=>{const f=h*a*t,y=f*s+s,D=Math.pow(a,2)*Math.pow(h,2)*t,M=Math.exp(-f),p=ct(Math.pow(h,2),a);return(-r(h)+it>0?-1:1)*((y-D)*M)/p}):(r=h=>{const c=Math.exp(-h*t),f=(h-s)*t+1;return-it+c*f},i=h=>{const c=Math.exp(-h*t),f=(s-h)*(t*t);return c*f});const o=5/t,u=Be(r,i,o);if(t=U(t),isNaN(u))return{stiffness:T.stiffness,damping:T.damping,duration:t};{const h=Math.pow(u,2)*n;return{stiffness:h,damping:a*2*Math.sqrt(n*h),duration:t}}}const $e=["duration","bounce"],ze=["stiffness","damping","mass"];function Mt(t,e){return e.some(s=>t[s]!==void 0)}function je(t){let e={velocity:T.velocity,stiffness:T.stiffness,damping:T.damping,mass:T.mass,isResolvedFromDuration:!1,...t};if(!Mt(t,ze)&&Mt(t,$e))if(e.velocity=0,t.visualDuration){const s=t.visualDuration,n=2*Math.PI/(s*1.2),r=n*n,i=2*O(.05,1,1-(t.bounce||0))*Math.sqrt(r);e={...e,mass:T.mass,stiffness:r,damping:i}}else{const s=_e({...t,velocity:0});e={...e,...s,mass:T.mass},e.isResolvedFromDuration=!0}return e}function Y(t=T.visualDuration,e=T.bounce){const s=typeof t!="object"?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:n,restDelta:r}=s;const i=s.keyframes[0],a=s.keyframes[s.keyframes.length-1],o={done:!1,value:i},{stiffness:u,damping:h,mass:c,duration:f,velocity:y,isResolvedFromDuration:D}=je({...s,velocity:-R(s.velocity||0)}),M=y||0,p=h/(2*Math.sqrt(u*c)),v=a-i,m=R(Math.sqrt(u/c)),w=Math.abs(v)<5;n||(n=w?T.restSpeed.granular:T.restSpeed.default),r||(r=w?T.restDelta.granular:T.restDelta.default);let x,b,g,F,k,d;if(p<1)g=ct(m,p),F=(M+p*m*v)/g,x=l=>{const A=Math.exp(-p*m*l);return a-A*(F*Math.sin(g*l)+v*Math.cos(g*l))},k=p*m*F+v*g,d=p*m*v-F*g,b=l=>Math.exp(-p*m*l)*(k*Math.sin(g*l)+d*Math.cos(g*l));else if(p===1){x=A=>a-Math.exp(-m*A)*(v+(M+m*v)*A);const l=M+m*v;b=A=>Math.exp(-m*A)*(m*l*A-M)}else{const l=m*Math.sqrt(p*p-1);x=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return a-K*((M+p*m*v)*Math.sinh(I)+l*v*Math.cosh(I))/l};const A=(M+p*m*v)/l,E=p*m*A-v*l,z=p*m*v-A*l;b=V=>{const K=Math.exp(-p*m*V),I=Math.min(l*V,300);return K*(E*Math.sinh(I)+z*Math.cosh(I))}}const S={calculatedDuration:D&&f||null,velocity:l=>U(b(l)),next:l=>{if(!D&&p<1){const E=Math.exp(-p*m*l),z=Math.sin(g*l),V=Math.cos(g*l),K=a-E*(F*z+v*V),I=U(E*(k*z+d*V));return o.done=Math.abs(I)<=n&&Math.abs(a-K)<=r,o.value=o.done?a:K,o}const A=x(l);if(D)o.done=l>=f;else{const E=U(b(l));o.done=Math.abs(E)<=n&&Math.abs(a-A)<=r}return o.value=o.done?a:A,o},toString:()=>{const l=Math.min(yt(S),Q),A=qe(E=>S.next(l*E).value,l,30);return l+"ms "+A},toTransition:()=>{}};return S}Y.applyToOptions=t=>{const e=Le(t,100,Y);return t.ease=e.ease,t.duration=U(e.duration),t.type="keyframes",t};const Ze=5;function Bt(t,e,s){const n=Math.max(e-Ze,0);return kt(s-t(n),e-n)}function lt({keyframes:t,velocity:e=0,power:s=.8,timeConstant:n=325,bounceDamping:r=10,bounceStiffness:i=500,modifyTarget:a,min:o,max:u,restDelta:h=.5,restSpeed:c}){const f=t[0],y={done:!1,value:f},D=d=>o!==void 0&&d<o||u!==void 0&&d>u,M=d=>o===void 0?u:u===void 0||Math.abs(o-d)<Math.abs(u-d)?o:u;let p=s*e;const v=f+p,m=a===void 0?v:a(v);m!==v&&(p=m-f);const w=d=>-p*Math.exp(-d/n),x=d=>m+w(d),b=d=>{const S=w(d),l=x(d);y.done=Math.abs(S)<=h,y.value=y.done?m:l};let g,F;const k=d=>{D(y.value)&&(g=d,F=Y({keyframes:[y.value,M(y.value)],velocity:Bt(x,d,y.value),damping:r,stiffness:i,restDelta:h,restSpeed:c}))};return k(0),{calculatedDuration:null,next:d=>{let S=!1;return!F&&g===void 0&&(S=!0,b(d),k(d)),g!==void 0&&d>=g?F.next(d-g):(!S&&b(d),y)}}}function He(t,e,s){const n=[],r=s||ut.mix||Wt,i=t.length-1;for(let a=0;a<i;a++){let o=r(t[a],t[a+1]);if(e){const u=Array.isArray(e)?e[a]||tt:e;o=ht(u,o)}n.push(o)}return n}function Je(t,e,{clamp:s=!0,ease:n,mixer:r}={}){const i=t.length;if(Ft(i===e.length),i===1)return()=>e[0];if(i===2&&e[0]===e[1])return()=>e[1];const a=t[0]===t[1];t[0]>t[i-1]&&(t=[...t].reverse(),e=[...e].reverse());const o=He(e,n,r),u=o.length,h=c=>{if(a&&c<t[0])return e[0];let f=0;if(u>1)for(;f<t.length-2&&!(c<t[f+1]);f++);const y=St(t[f],t[f+1],c);return o[f](y)};return s?c=>h(O(t[0],t[i-1],c)):h}function Xe(t,e){const s=t[t.length-1];for(let n=1;n<=e;n++){const r=St(0,e,n);t.push(et(s,1,r))}}function Qe(t){const e=[0];return Xe(e,t.length-1),e}function Ye(t,e){return t.map(s=>s*e)}function ts(t,e){return t.map(()=>e||Vt).splice(0,t.length-1)}function W({duration:t=300,keyframes:e,times:s,ease:n="easeInOut"}){const r=re(n)?n.map(vt):vt(n),i={done:!1,value:e[0]},a=Ye(s&&s.length===e.length?s:Qe(e),t),o=Je(a,e,{ease:Array.isArray(r)?r:ts(e,r)});return{calculatedDuration:t,next:u=>(i.value=o(u),i.done=u>=t,i)}}const es=t=>t!==null;function ss(t,{repeat:e,repeatType:s="loop"},n,r=1){const i=t.filter(es),o=r<0||e&&s!=="loop"&&e%2===1?0:i.length-1;return!o||n===void 0?i[o]:n}const ns={decay:lt,inertia:lt,tween:W,keyframes:W,spring:Y};function rs(t){typeof t.type=="string"&&(t.type=ns[t.type])}class is{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,s){return this.finished.then(e,s)}}const as=t=>t/100;class xs extends is{constructor(e){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.delayState={done:!1,value:void 0},this.stop=()=>{var n,r;const{motionValue:s}=this.options;s&&s.updatedAt!==C.now()&&this.tick(C.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(r=(n=this.options).onStop)==null||r.call(n))},this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){const{options:e}=this;rs(e);const{type:s=W,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e;let{keyframes:o}=e;const u=s||W;u!==W&&typeof o[0]!="number"&&(this.mixKeyframes=ht(as,Wt(o[0],o[1])),o=[0,100]);const h=u({...e,keyframes:o});i==="mirror"&&(this.mirroredGenerator=u({...e,keyframes:[...o].reverse(),velocity:-a})),h.calculatedDuration===null&&(h.calculatedDuration=yt(h));const{calculatedDuration:c}=h;this.calculatedDuration=c,this.resolvedDuration=c+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=h}updateTime(e){const s=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=s}tick(e,s=!1){const{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:u}=this;if(this.startTime===null)return n.next(0);const{delay:h=0,keyframes:c,repeat:f,repeatType:y,repeatDelay:D,type:M,onUpdate:p,finalKeyframe:v}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),s?this.currentTime=e:this.updateTime(e);const m=this.currentTime-h*(this.playbackSpeed>=0?1:-1),w=this.playbackSpeed>=0?m<0:m>r;this.currentTime=Math.max(m,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=r);let x=this.currentTime,b=n;if(f){const d=Math.min(this.currentTime,r)/o;let S=Math.floor(d),l=d%1;!l&&d>=1&&(l=1),l===1&&S--,S=Math.min(S,f+1),!!(S%2)&&(y==="reverse"?(l=1-l,D&&(l-=D/o)):y==="mirror"&&(b=a)),x=O(0,1,l)*o}let g;w?(this.delayState.value=c[0],g=this.delayState):g=b.next(x),i&&!w&&(g.value=i(g.value));let{done:F}=g;!w&&u!==null&&(F=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);const k=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&F);return k&&M!==lt&&(g.value=ss(c,this.options,v,this.speed)),p&&p(g.value),k&&this.finish(),g}then(e,s){return this.finished.then(e,s)}get duration(){return R(this.calculatedDuration)}get iterationDuration(){const{delay:e=0}=this.options||{};return this.duration+R(e)}get time(){return R(this.currentTime)}set time(e){e=U(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?this.driver.start(!1):(this.startTime=0,this.state="paused",this.holdTime=e,this.tick(e))}getGeneratorVelocity(){const e=this.currentTime;if(e<=0)return this.options.velocity||0;if(this.generator.velocity)return this.generator.velocity(e);const s=this.generator.next(e).value;return Bt(n=>this.generator.next(n).value,e,s)}get speed(){return this.playbackSpeed}set speed(e){const s=this.playbackSpeed!==e;s&&this.driver&&this.updateTime(C.now()),this.playbackSpeed=e,s&&this.driver&&(this.time=R(this.currentTime))}play(){var r,i;if(this.isStopped)return;const{driver:e=Ue,startTime:s}=this.options;this.driver||(this.driver=e(a=>this.tick(a))),(i=(r=this.options).onPlay)==null||i.call(r);const n=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=n):this.holdTime!==null?this.startTime=n-this.holdTime:this.startTime||(this.startTime=s??n),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(C.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var e,s;this.notifyFinished(),this.teardown(),this.state="finished",(s=(e=this.options).onComplete)==null||s.call(e)}cancel(){var e,s;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(s=(e=this.options).onCancel)==null||s.call(e)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){var s;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(s=this.driver)==null||s.stop(),e.observe(this)}}const At=30,os=t=>!isNaN(parseFloat(t)),Dt={current:void 0};class cs{constructor(e,s={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=n=>{var i;const r=C.now();if(this.updatedAt!==r&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(n),this.current!==this.prev&&((i=this.events.change)==null||i.notify(this.current),this.dependents))for(const a of this.dependents)a.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=s.owner}setCurrent(e){this.current=e,this.updatedAt=C.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=os(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return this.on("change",e)}on(e,s){this.events[e]||(this.events[e]=new Zt);const n=this.events[e].add(s);return e==="change"?()=>{n(),Rt.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,s){this.passiveEffect=e,this.stopPassiveEffect=s}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,s,n){this.set(s),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,s=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,s&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var e;(e=this.events.change)==null||e.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return Dt.current&&Dt.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const e=C.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>At)return 0;const s=Math.min(this.updatedAt-this.prevUpdatedAt,At);return kt(parseFloat(this.current)-parseFloat(this.prevFrameValue),s)}start(e){return this.stop(),new Promise(s=>{this.hasAnimated=!0,this.animation=e(s),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){var e,s;(e=this.dependents)==null||e.clear(),(s=this.events.destroy)==null||s.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Ms(t,e){return new cs(t,e)}const As=t=>!!(t&&t.getVelocity);function Ds(t,e,s){if(t==null)return[];if(t instanceof EventTarget)return[t];if(typeof t=="string"){let n=document;e&&(n=e.current);const r=(s==null?void 0:s[t])??n.querySelectorAll(t);return r?Array.from(r):[]}return Array.from(t).filter(n=>n!=null)}const Fs=H.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"});export{Xe as $,Ts as A,Nt as B,ms as C,P as D,B as E,ps as F,ue as G,Ds as H,he as I,xs as J,et as K,ds as L,ut as M,St as N,te as O,$t as P,zt as Q,J as R,Zt as S,fs as T,us as U,Fs as V,is as W,ht as X,re as Y,Qe as Z,Le as _,Ft as a,Y as a0,Je as a1,Dt as a2,kt as a3,ss as b,tt as c,ee as d,Qt as e,Rt as f,qe as g,Yt as h,ie as i,O as j,Pe as k,pe as l,R as m,pt as n,Ms as o,ys as p,As as q,rs as r,U as s,C as t,hs as u,L as v,gs as w,bs as x,vs as y,Ot as z};

package/storybook-static/assets/Navbar-BPWxCB-U.css

@@ -0,0 +1 @@
+._navbar_15vq5_1{position:fixed;background:var(--color-surface);padding:var(--spacing-md);z-index:var(--z-index-sticky);display:flex;flex-direction:column;transition:transform var(--transition-base)}._navbarSidebar_15vq5_12{top:0;left:0;bottom:0;width:220px;box-shadow:var(--shadow-lg);overflow:hidden;background:var(--color-background-secondary);border-right:1px solid var(--color-border)}._navbarTop_15vq5_24{top:0;left:0;right:0;height:auto;flex-direction:row;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);box-shadow:var(--shadow-md)}._navbarTop_15vq5_24 ._navList_15vq5_35{flex-direction:row;gap:var(--spacing-md);margin:0}._navbarTop_15vq5_24 ._navItem_15vq5_41{margin:0}._navbarMinimal_15vq5_46{background:transparent;box-shadow:none;position:relative;padding:0}._navbarMinimal_15vq5_46 ._navList_15vq5_35{flex-direction:row;gap:var(--spacing-sm)}._navLogo_15vq5_59{margin-bottom:var(--spacing-xl)}._navbarTop_15vq5_24 ._navLogo_15vq5_59{margin-bottom:0;margin-right:auto}._logoContainer_15vq5_68{display:flex;align-items:center;gap:var(--spacing-md)}._logoImage_15vq5_74{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-md)}._logoPlaceholder_15vq5_81{width:48px;height:48px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}._logoContent_15vq5_94{display:flex;flex-direction:column}._logoText_15vq5_99{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}._logoSubtitle_15vq5_106{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight)}._navList_15vq5_35{list-style:none;padding:0;margin:0;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}._navList_15vq5_35::-webkit-scrollbar{display:none}._navItem_15vq5_41{margin-bottom:var(--spacing-xs)}._subNavItem_15vq5_133{margin-left:var(--spacing-lg)}._navLink_15vq5_137{display:flex;align-items:center;width:100%;padding:1rem 1.5rem;border:none;background:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;border-radius:var(--radius-md);position:relative;cursor:pointer;transition:all var(--transition-fast)}._activeBackground_15vq5_155{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);border-radius:0;z-index:0}._navIcon_15vq5_166{font-size:1.25rem;height:1.5rem;margin-right:var(--spacing-sm);position:relative;z-index:1;transition:color var(--transition-fast)}._navText_15vq5_178{position:relative;z-index:1;flex:1;font-size:1.1rem;transition:color var(--transition-fast)}._navBadge_15vq5_189{position:relative;z-index:1;padding:2px 6px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:auto}._chevron_15vq5_201{position:relative;z-index:1;margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-secondary)}._subNavList_15vq5_210{list-style:none;padding:0;margin:var(--spacing-xs) 0 0 0;overflow:hidden}._subNavList_15vq5_210 ._navLink_15vq5_137{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}._navFooter_15vq5_223{margin-top:auto;padding-top:var(--spacing-md)}._mobileMenuButton_15vq5_229{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:calc(var(--z-index-sticky) + 1);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);width:48px;height:48px;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer}._mobileMenuButton_15vq5_229:hover{background:var(--color-primary-hover)}._mobileMenuButton_15vq5_229 svg{font-size:1.5rem}._mobileBackdrop_15vq5_256{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-index-sticky) - 1)}@media (max-width: 768px){._mobileMenuButton_15vq5_229{display:flex}._navbarSidebar_15vq5_12{transform:translate(-100%)}._navbarSidebar_15vq5_12._mobileMenuOpen_15vq5_276{transform:translate(0)}._navbarTop_15vq5_24{padding:var(--spacing-sm) var(--spacing-md)}._navbarTop_15vq5_24 ._navList_15vq5_35{position:fixed;top:60px;left:0;right:0;background:var(--color-surface);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-lg);transform:translateY(-100%);transition:transform var(--transition-base)}._navbarTop_15vq5_24._mobileMenuOpen_15vq5_276 ._navList_15vq5_35{transform:translateY(0)}}._navItem_15vq5_41:nth-child(1) ._navIcon_15vq5_166{color:#ff6b6b}._navItem_15vq5_41:nth-child(2) ._navIcon_15vq5_166{color:orange}._navItem_15vq5_41:nth-child(3) ._navIcon_15vq5_166{color:gold}._navItem_15vq5_41:nth-child(4) ._navIcon_15vq5_166{color:#42a5f5}._navItem_15vq5_41:nth-child(5) ._navIcon_15vq5_166{color:#f9a825}._navItem_15vq5_41:nth-child(6) ._navIcon_15vq5_166{color:#4ade80}._navItem_15vq5_41:nth-child(7) ._navIcon_15vq5_166{color:#60a5fa}._navItem_15vq5_41:nth-child(8) ._navIcon_15vq5_166{color:#a78bfa}._navItem_15vq5_41:nth-child(9) ._navIcon_15vq5_166{color:#e879f9}._navItem_15vq5_41:nth-child(10) ._navIcon_15vq5_166{color:#26c6da}._navItem_15vq5_41:nth-child(11) ._navIcon_15vq5_166{color:#ec407a}._navItem_15vq5_41:nth-child(12) ._navIcon_15vq5_166{color:#ff7043}._navItem_15vq5_41:nth-child(13) ._navIcon_15vq5_166{color:#78909c}._navbar_182pt_4{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-secondary);border-bottom:1px solid var(--color-border);z-index:var(--z-index-fixed);height:56px}._navLogo_182pt_20{margin:0}._logoContainer_182pt_24{display:flex;align-items:center;gap:var(--spacing-sm)}._logoImage_182pt_30{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm)}._logoPlaceholder_182pt_37{width:36px;height:36px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base)}._logoContent_182pt_50{display:flex;flex-direction:column}._logoText_182pt_55{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-tight)}._logoSubtitle_182pt_62{display:none}._mobileMenuButton_182pt_67{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;font-size:24px;color:var(--color-text);z-index:calc(var(--z-index-modal) + 1);border-radius:8px;transition:color var(--transition-fast)}._mobileMenuButton_182pt_67._menuOpen_182pt_82{color:var(--color-text-inverse)}._mobileBackdrop_182pt_87{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:var(--z-index-modal);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}._navList_182pt_108{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:90%;max-width:360px}._navItem_182pt_120{width:100%;margin:0}._subNavItem_182pt_125{margin-left:var(--spacing-lg)}._navLink_182pt_129{display:flex;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;color:#fffc;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;border-radius:var(--radius-md);position:relative;cursor:pointer;transition:all var(--transition-fast)}._navLink_182pt_129:hover{color:#fff;background:#ffffff14}._navLink_182pt_129._active_182pt_152{color:var(--color-primary)}._activeBackground_182pt_156{display:none}._navIcon_182pt_160{font-size:1.4rem;width:1.4rem;height:1.4rem;min-width:1.4rem;margin-right:var(--spacing-md);transition:color var(--transition-fast)}._activeIcon_182pt_169{color:var(--color-primary)}._navText_182pt_173{font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-fast)}._activeText_182pt_179{color:var(--color-primary)}._navBadge_182pt_183{padding:2px 8px;background:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:auto}._chevron_182pt_194,._subNavList_182pt_195{display:none}._navActions_182pt_200{display:flex;align-items:center;margin-left:auto;gap:0}._navItem_182pt_120:nth-child(1) ._navIcon_182pt_160{color:orange}._navItem_182pt_120:nth-child(2) ._navIcon_182pt_160{color:gold}._navItem_182pt_120:nth-child(3) ._navIcon_182pt_160{color:#42a5f5}._navItem_182pt_120:nth-child(4) ._navIcon_182pt_160{color:#f9a825}._navItem_182pt_120:nth-child(5) ._navIcon_182pt_160{color:#4ade80}._navItem_182pt_120:nth-child(6) ._navIcon_182pt_160{color:#60a5fa}._navItem_182pt_120:nth-child(7) ._navIcon_182pt_160{color:#a78bfa}._navItem_182pt_120:nth-child(8) ._navIcon_182pt_160{color:#e879f9}._navItem_182pt_120:nth-child(9) ._navIcon_182pt_160{color:#26c6da}._navItem_182pt_120:nth-child(10) ._navIcon_182pt_160{color:#ec407a}._navItem_182pt_120:nth-child(11) ._navIcon_182pt_160{color:#ff7043}._navItem_182pt_120:nth-child(12) ._navIcon_182pt_160{color:#78909c}

package/storybook-static/assets/Navbar.stories-B0_sa2Hr.js

@@ -0,0 +1,325 @@
+import{r as v,j as e}from"./iframe-Cz1R6gKZ.js";import{u as He}from"./useSound-DOpt9DfD.js";import{m as i}from"./proxy-CAwOFzsk.js";import{X as Pe}from"./x-CP8OMUcV.js";import{c}from"./createLucideIcon-C7zEcVM7.js";import{A as R}from"./index-CIvCfZMj.js";import{F as Ne}from"./folder-CR6tETf-.js";import{U as y}from"./users-C7jpE6gP.js";import{S as Se}from"./search-DcwY6Xta.js";import{L as Ee}from"./layout-grid-CE52it1h.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Fe=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",key:"1u773s"}],["path",{d:"M12 17h.01",key:"p32p05"}]],Oe=c("circle-question-mark",Fe);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ze=[["path",{d:"M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5",key:"mvr1a0"}]],P=c("heart",ze);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const We=[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]],q=c("house",We);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Re=[["path",{d:"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",key:"zw3jo"}],["path",{d:"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",key:"1wduqc"}],["path",{d:"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",key:"kqbvx6"}]],Ue=c("layers",Re);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ye=[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]],De=c("mail",Ye);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ve=[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]],Ge=c("menu",Ve);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Xe=[["path",{d:"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",key:"1i5ecw"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],Ce=c("settings",Xe);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Qe=[["circle",{cx:"8",cy:"21",r:"1",key:"jimo8o"}],["circle",{cx:"19",cy:"21",r:"1",key:"13723u"}],["path",{d:"M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12",key:"9zh506"}]],E=c("shopping-cart",Qe);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Je=[["path",{d:"M16 7h6v6",key:"box55l"}],["path",{d:"m22 7-8.5 8.5-5-5L2 17",key:"1t1m79"}]],Ie=c("trending-up",Je),Ke="_navbar_15vq5_1",Ze="_navbarSidebar_15vq5_12",en="_navbarTop_15vq5_24",nn="_navList_15vq5_35",an="_navItem_15vq5_41",tn="_navbarMinimal_15vq5_46",on="_navLogo_15vq5_59",sn="_logoContainer_15vq5_68",rn="_logoImage_15vq5_74",cn="_logoPlaceholder_15vq5_81",ln="_logoContent_15vq5_94",dn="_logoText_15vq5_99",mn="_logoSubtitle_15vq5_106",vn="_subNavItem_15vq5_133",pn="_navLink_15vq5_137",un="_activeBackground_15vq5_155",bn="_navIcon_15vq5_166",gn="_activeIcon_15vq5_175",hn="_navText_15vq5_178",_n="_activeText_15vq5_186",yn="_navBadge_15vq5_189",xn="_chevron_15vq5_201",fn="_subNavList_15vq5_210",kn="_navFooter_15vq5_223",Nn="_mobileMenuButton_15vq5_229",Sn="_mobileBackdrop_15vq5_256",Cn="_mobileMenuOpen_15vq5_276",In={navbar:Ke,navbarSidebar:Ze,navbarTop:en,navList:nn,navItem:an,navbarMinimal:tn,navLogo:on,logoContainer:sn,logoImage:rn,logoPlaceholder:cn,logoContent:ln,logoText:dn,logoSubtitle:mn,subNavItem:vn,navLink:pn,activeBackground:un,navIcon:bn,activeIcon:gn,navText:hn,activeText:_n,navBadge:yn,chevron:xn,subNavList:fn,navFooter:kn,mobileMenuButton:Nn,mobileBackdrop:Sn,mobileMenuOpen:Cn},Mn="_navbar_182pt_4",jn="_navLogo_182pt_20",Tn="_logoContainer_182pt_24",$n="_logoImage_182pt_30",Ln="_logoPlaceholder_182pt_37",An="_logoContent_182pt_50",qn="_logoText_182pt_55",wn="_logoSubtitle_182pt_62",Bn="_mobileMenuButton_182pt_67",Hn="_menuOpen_182pt_82",Pn="_mobileBackdrop_182pt_87",En="_navList_182pt_108",Fn="_navItem_182pt_120",On="_subNavItem_182pt_125",zn="_navLink_182pt_129",Wn="_active_182pt_152",Rn="_activeBackground_182pt_156",Un="_navIcon_182pt_160",Yn="_activeIcon_182pt_169",Dn="_navText_182pt_173",Vn="_activeText_182pt_179",Gn="_navBadge_182pt_183",Xn="_chevron_182pt_194",Qn="_subNavList_182pt_195",Jn="_navActions_182pt_200",Kn="_navFooter_182pt_207",Zn="_navbarSidebar_182pt_211",ea="_navbarTop_182pt_214",na="_navbarMinimal_182pt_217",aa="_mobileMenuOpen_182pt_220",ta={navbar:Mn,navLogo:jn,logoContainer:Tn,logoImage:$n,logoPlaceholder:Ln,logoContent:An,logoText:qn,logoSubtitle:wn,mobileMenuButton:Bn,menuOpen:Hn,mobileBackdrop:Pn,navList:En,navItem:Fn,subNavItem:On,navLink:zn,active:Wn,activeBackground:Rn,navIcon:Un,activeIcon:Yn,navText:Dn,activeText:Vn,navBadge:Gn,chevron:Xn,subNavList:Qn,navActions:Jn,navFooter:Kn,navbarSidebar:Zn,navbarTop:ea,navbarMinimal:na,mobileMenuOpen:aa},Me=({items:d,logo:t,onItemClick:F,variant:u="sidebar",isMobile:l=!1,footer:x,className:w="",soundConfig:je})=>{var z,W;const a=v.useMemo(()=>l?ta:In,[l]),[m,b]=v.useState(!1),[Te,$e]=v.useState(new Set),{handlers:g,playSound:B}=He(je);v.useEffect(()=>{l||b(!1)},[l]);const h=v.useRef(null);v.useEffect(()=>{if(!l)return;const n=s=>{const r=s.touches[0];r.clientX<30&&(h.current={x:r.clientX,y:r.clientY})},o=s=>{if(!h.current)return;const r=s.changedTouches[0],_=r.clientX-h.current.x,f=Math.abs(r.clientY-h.current.y);h.current=null,_>60&&f<_&&(b(!0),B("toggle"))};return document.addEventListener("touchstart",n,{passive:!0}),document.addEventListener("touchend",o,{passive:!0}),()=>{document.removeEventListener("touchstart",n),document.removeEventListener("touchend",o)}},[l,B]),v.useEffect(()=>{if(m){const n=window.scrollY;document.body.style.position="fixed",document.body.style.top=`-${n}px`,document.body.style.left="0",document.body.style.right="0",document.body.style.overflow="hidden"}else{const n=document.body.style.top;document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.overflow="",n&&window.scrollTo(0,parseInt(n,10)*-1)}return()=>{document.body.style.position="",document.body.style.top="",document.body.style.left="",document.body.style.right="",document.body.style.overflow=""}},[m]);const Le=()=>{B("toggle"),b(!m)},Ae=n=>{$e(o=>{const s=new Set(o);return s.has(n)?s.delete(n):s.add(n),s})},qe=n=>{var o;(o=g.onClick)==null||o.call(g),n.children&&n.children.length>0?Ae(n.id):(n.onClick&&n.onClick(),F&&F(n),(l||m)&&b(!1))},H=(n,o,s=0)=>{const r=n.icon,_=Te.has(n.id),f=n.children&&n.children.length>0;return e.jsxs(i.li,{className:`${a.navItem} ${s>0?a.subNavItem:""}`,initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:o*.05},children:[e.jsxs(i.button,{className:`${a.navLink} ${n.isActive?a.active:""}`,onClick:()=>qe(n),onMouseEnter:g.onMouseEnter,whileHover:{x:5},whileTap:{scale:.98},children:[n.isActive&&e.jsx(i.div,{className:a.activeBackground,layoutId:"activeNavBackground",initial:!1,transition:{type:"spring",stiffness:500,damping:35}}),r&&e.jsx(r,{className:`${a.navIcon} ${n.isActive?a.activeIcon:""}`}),e.jsx("span",{className:`${a.navText} ${n.isActive?a.activeText:""}`,children:n.label}),n.badge&&e.jsx("span",{className:a.navBadge,children:n.badge}),f&&e.jsx(i.span,{className:a.chevron,animate:{rotate:_?180:0},transition:{duration:.2},children:"▼"})]}),f&&e.jsx(R,{children:_&&e.jsx(i.ul,{className:a.subNavList,initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2},children:n.children.map((we,Be)=>H(we,Be,s+1))})})]},n.id)},O=e.jsxs(e.Fragment,{children:[t&&e.jsx(i.div,{className:a.navLogo,initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{delay:.1},children:e.jsxs("div",{className:a.logoContainer,children:[t.src?e.jsx(i.img,{src:t.src,alt:t.alt||"Logo",className:a.logoImage,onMouseEnter:g.onMouseEnter,whileHover:{scale:1.05},transition:{type:"spring",stiffness:400}}):e.jsx("div",{className:a.logoPlaceholder,children:((z=t.text)==null?void 0:z.charAt(0))||"L"}),(t.text||t.subtitle)&&e.jsxs("div",{className:a.logoContent,children:[t.text&&e.jsx("span",{className:a.logoText,children:t.text}),t.subtitle&&e.jsx("span",{className:a.logoSubtitle,children:t.subtitle})]})]})}),e.jsx("ul",{className:a.navList,children:d.map((n,o)=>H(n,o))}),x&&e.jsx(i.div,{className:a.navFooter,initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.3},children:x})]});return u==="top"?e.jsx(i.nav,{className:`${a.navbar} ${a.navbarTop} ${w}`,initial:{y:-100},animate:{y:0},transition:{type:"spring",stiffness:300,damping:30},children:O}):l?e.jsxs(e.Fragment,{children:[e.jsxs("nav",{className:`${a.navbar} ${w}`,children:[t&&e.jsx("div",{className:a.navLogo,children:e.jsxs("div",{className:a.logoContainer,children:[t.src?e.jsx("img",{src:t.src,alt:t.alt||"Logo",className:a.logoImage}):e.jsx("div",{className:a.logoPlaceholder,children:((W=t.text)==null?void 0:W.charAt(0))||"L"}),t.text&&e.jsx("div",{className:a.logoContent,children:e.jsx("span",{className:a.logoText,children:t.text})})]})}),e.jsxs("div",{className:a.navActions,children:[x&&e.jsx("div",{className:a.navFooter,children:x}),e.jsx("button",{className:`${a.mobileMenuButton} ${m?a.menuOpen:""}`,onClick:Le,"aria-label":"Toggle navigation menu",children:m?e.jsx(Pe,{}):e.jsx(Ge,{})})]})]}),e.jsx(R,{children:m&&e.jsx(i.div,{className:a.mobileBackdrop,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.2},onClick:()=>b(!1),children:e.jsx(i.div,{initial:{y:-20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{duration:.2},onClick:n=>n.stopPropagation(),children:e.jsx("ul",{className:a.navList,children:d.map((n,o)=>H(n,o))})})})})]}):e.jsx(e.Fragment,{children:e.jsx(i.nav,{className:`${a.navbar} ${a[`navbar${u.charAt(0).toUpperCase()+u.slice(1)}`]} ${w}`,initial:u==="sidebar"?{x:-300}:{opacity:0},animate:u==="sidebar"?{x:0}:{opacity:1},transition:{type:"spring",stiffness:300,damping:30},children:O})})};Me.__docgenInfo={description:"",methods:[],displayName:"Navbar",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"NavItem"}],raw:"NavItem[]"},description:""},logo:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+    src?: string;
+    alt?: string;
+    text?: string;
+    subtitle?: string;
+}`,signature:{properties:[{key:"src",value:{name:"string",required:!1}},{key:"alt",value:{name:"string",required:!1}},{key:"text",value:{name:"string",required:!1}},{key:"subtitle",value:{name:"string",required:!1}}]}},description:""},onItemClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(item: NavItem) => void",signature:{arguments:[{type:{name:"NavItem"},name:"item"}],return:{name:"void"}}},description:""},variant:{required:!1,tsType:{name:"union",raw:"'sidebar' | 'top' | 'minimal'",elements:[{name:"literal",value:"'sidebar'"},{name:"literal",value:"'top'"},{name:"literal",value:"'minimal'"}]},description:"",defaultValue:{value:"'sidebar'",computed:!1}},isMobile:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},footer:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},className:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:""}}};const ga={title:"Organisms/Navbar",component:Me,parameters:{layout:"fullscreen"},argTypes:{variant:{control:{type:"select"},options:["sidebar","top","minimal"]},isMobile:{control:{type:"boolean"}}}},p=[{id:"home",label:"Home",icon:q,isActive:!0},{id:"projects",label:"Projects",icon:Ne,badge:3},{id:"team",label:"Team",icon:y},{id:"settings",label:"Settings",icon:Ce,children:[{id:"profile",label:"Profile"},{id:"account",label:"Account"},{id:"security",label:"Security"}]},{id:"help",label:"Help",icon:Oe}],k={args:{items:p,variant:"sidebar",logo:{text:"MyApp",subtitle:"Dashboard"}}},N={args:{items:p,variant:"sidebar",logo:{src:"https://via.placeholder.com/48",alt:"Company Logo",text:"Company",subtitle:"Management System"}}},S={args:{items:p.slice(0,5),variant:"top",logo:{text:"TopNav"}}},C={args:{items:p.map(d=>({...d,icon:void 0})),variant:"minimal"}},I={args:{items:[{id:"home",label:"Home",icon:q,isActive:!0},{id:"search",label:"Search",icon:Se},{id:"cart",label:"Cart",icon:E,badge:2},{id:"favorites",label:"Favorites",icon:P},{id:"profile",label:"Profile",icon:y}],variant:"sidebar",isMobile:!0}},M={args:{items:[{id:"home",label:"Home",icon:q,isActive:!0},{id:"search",label:"Search",icon:Se},{id:"cart",label:"Cart",icon:E,badge:2},{id:"favorites",label:"Favorites",icon:P},{id:"profile",label:"Profile",icon:y}],variant:"sidebar",isMobile:!0,soundConfig:{onClick:"click",onHover:"hover"}}},j={args:{items:[{id:"shop",label:"Shop",icon:E,isActive:!0},{id:"categories",label:"Categories",icon:Ee,children:[{id:"electronics",label:"Electronics"},{id:"clothing",label:"Clothing"},{id:"home",label:"Home & Garden"},{id:"sports",label:"Sports"}]},{id:"trending",label:"Trending",icon:Ie,badge:"New"},{id:"wishlist",label:"Wishlist",icon:P,badge:5},{id:"account",label:"Account",icon:y}],variant:"sidebar",logo:{text:"ShopHub",subtitle:"Your Online Store"}}},T={args:{items:[{id:"overview",label:"Overview",icon:q,isActive:!0},{id:"analytics",label:"Analytics",icon:Ie},{id:"projects",label:"Projects",icon:Ne,badge:12,children:[{id:"active",label:"Active Projects",badge:8},{id:"archived",label:"Archived",badge:4},{id:"drafts",label:"Drafts"}]},{id:"team",label:"Team",icon:y,children:[{id:"members",label:"Members"},{id:"roles",label:"Roles"},{id:"invites",label:"Invitations",badge:2}]},{id:"messages",label:"Messages",icon:De,badge:7},{id:"integrations",label:"Integrations",icon:Ue},{id:"settings",label:"Settings",icon:Ce}],variant:"sidebar",logo:{text:"AdminPro",subtitle:"Control Panel"},footer:e.jsxs("div",{style:{padding:"var(--spacing-md)",background:"var(--color-background-secondary)",borderRadius:"var(--radius-md)",textAlign:"center"},children:[e.jsx("div",{style:{fontSize:"var(--font-size-sm)",color:"var(--color-text-secondary)"},children:"Version 2.1.0"}),e.jsx("div",{style:{fontSize:"var(--font-size-xs)",color:"var(--color-text-tertiary)",marginTop:"4px"},children:"© 2024 AdminPro"})]})}},$={args:{items:p,variant:"sidebar",logo:{text:"MyApp"},footer:e.jsx("div",{style:{padding:"var(--spacing-sm)"},children:e.jsx("button",{style:{width:"100%",padding:"var(--spacing-sm)",background:"var(--color-primary)",color:"white",border:"none",borderRadius:"var(--radius-md)",cursor:"pointer",fontWeight:"var(--font-weight-semibold)"},children:"Sign Out"})})}},L={args:{items:p,variant:"sidebar",logo:{text:"Interactive",subtitle:"Click items to see console logs"},onItemClick:d=>{console.log("Clicked item:",d),alert(`You clicked: ${d.label}`)}}},A={args:{items:p,variant:"sidebar",logo:{text:"SoundNav",subtitle:"With sound effects"},soundConfig:{onClick:"click",onHover:"hover"}}};var U,Y,D;k.parameters={...k.parameters,docs:{...(U=k.parameters)==null?void 0:U.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      text: 'MyApp',
+      subtitle: 'Dashboard'
+    }
+  }
+}`,...(D=(Y=k.parameters)==null?void 0:Y.docs)==null?void 0:D.source}}};var V,G,X;N.parameters={...N.parameters,docs:{...(V=N.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      src: 'https://via.placeholder.com/48',
+      alt: 'Company Logo',
+      text: 'Company',
+      subtitle: 'Management System'
+    }
+  }
+}`,...(X=(G=N.parameters)==null?void 0:G.docs)==null?void 0:X.source}}};var Q,J,K;S.parameters={...S.parameters,docs:{...(Q=S.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems.slice(0, 5),
+    variant: 'top',
+    logo: {
+      text: 'TopNav'
+    }
+  }
+}`,...(K=(J=S.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var Z,ee,ne;C.parameters={...C.parameters,docs:{...(Z=C.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems.map(item => ({
+      ...item,
+      icon: undefined
+    })),
+    variant: 'minimal'
+  }
+}`,...(ne=(ee=C.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var ae,te,oe;I.parameters={...I.parameters,docs:{...(ae=I.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      id: 'home',
+      label: 'Home',
+      icon: Home,
+      isActive: true
+    }, {
+      id: 'search',
+      label: 'Search',
+      icon: Search
+    }, {
+      id: 'cart',
+      label: 'Cart',
+      icon: ShoppingCart,
+      badge: 2
+    }, {
+      id: 'favorites',
+      label: 'Favorites',
+      icon: Heart
+    }, {
+      id: 'profile',
+      label: 'Profile',
+      icon: Users
+    }],
+    variant: 'sidebar',
+    isMobile: true
+  }
+}`,...(oe=(te=I.parameters)==null?void 0:te.docs)==null?void 0:oe.source}}};var ie,se,re;M.parameters={...M.parameters,docs:{...(ie=M.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      id: 'home',
+      label: 'Home',
+      icon: Home,
+      isActive: true
+    }, {
+      id: 'search',
+      label: 'Search',
+      icon: Search
+    }, {
+      id: 'cart',
+      label: 'Cart',
+      icon: ShoppingCart,
+      badge: 2
+    }, {
+      id: 'favorites',
+      label: 'Favorites',
+      icon: Heart
+    }, {
+      id: 'profile',
+      label: 'Profile',
+      icon: Users
+    }],
+    variant: 'sidebar',
+    isMobile: true,
+    soundConfig: {
+      onClick: 'click',
+      onHover: 'hover'
+    }
+  }
+}`,...(re=(se=M.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};var ce,le,de;j.parameters={...j.parameters,docs:{...(ce=j.parameters)==null?void 0:ce.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      id: 'shop',
+      label: 'Shop',
+      icon: ShoppingCart,
+      isActive: true
+    }, {
+      id: 'categories',
+      label: 'Categories',
+      icon: LayoutGrid,
+      children: [{
+        id: 'electronics',
+        label: 'Electronics'
+      }, {
+        id: 'clothing',
+        label: 'Clothing'
+      }, {
+        id: 'home',
+        label: 'Home & Garden'
+      }, {
+        id: 'sports',
+        label: 'Sports'
+      }]
+    }, {
+      id: 'trending',
+      label: 'Trending',
+      icon: TrendingUp,
+      badge: 'New'
+    }, {
+      id: 'wishlist',
+      label: 'Wishlist',
+      icon: Heart,
+      badge: 5
+    }, {
+      id: 'account',
+      label: 'Account',
+      icon: Users
+    }],
+    variant: 'sidebar',
+    logo: {
+      text: 'ShopHub',
+      subtitle: 'Your Online Store'
+    }
+  }
+}`,...(de=(le=j.parameters)==null?void 0:le.docs)==null?void 0:de.source}}};var me,ve,pe;T.parameters={...T.parameters,docs:{...(me=T.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  args: {
+    items: [{
+      id: 'overview',
+      label: 'Overview',
+      icon: Home,
+      isActive: true
+    }, {
+      id: 'analytics',
+      label: 'Analytics',
+      icon: TrendingUp
+    }, {
+      id: 'projects',
+      label: 'Projects',
+      icon: Folder,
+      badge: 12,
+      children: [{
+        id: 'active',
+        label: 'Active Projects',
+        badge: 8
+      }, {
+        id: 'archived',
+        label: 'Archived',
+        badge: 4
+      }, {
+        id: 'drafts',
+        label: 'Drafts'
+      }]
+    }, {
+      id: 'team',
+      label: 'Team',
+      icon: Users,
+      children: [{
+        id: 'members',
+        label: 'Members'
+      }, {
+        id: 'roles',
+        label: 'Roles'
+      }, {
+        id: 'invites',
+        label: 'Invitations',
+        badge: 2
+      }]
+    }, {
+      id: 'messages',
+      label: 'Messages',
+      icon: Mail,
+      badge: 7
+    }, {
+      id: 'integrations',
+      label: 'Integrations',
+      icon: Layers
+    }, {
+      id: 'settings',
+      label: 'Settings',
+      icon: Settings
+    }],
+    variant: 'sidebar',
+    logo: {
+      text: 'AdminPro',
+      subtitle: 'Control Panel'
+    },
+    footer: <div style={{
+      padding: 'var(--spacing-md)',
+      background: 'var(--color-background-secondary)',
+      borderRadius: 'var(--radius-md)',
+      textAlign: 'center'
+    }}>
+                <div style={{
+        fontSize: 'var(--font-size-sm)',
+        color: 'var(--color-text-secondary)'
+      }}>
+                    Version 2.1.0
+                </div>
+                <div style={{
+        fontSize: 'var(--font-size-xs)',
+        color: 'var(--color-text-tertiary)',
+        marginTop: '4px'
+      }}>
+                    © 2024 AdminPro
+                </div>
+            </div>
+  }
+}`,...(pe=(ve=T.parameters)==null?void 0:ve.docs)==null?void 0:pe.source}}};var ue,be,ge;$.parameters={...$.parameters,docs:{...(ue=$.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      text: 'MyApp'
+    },
+    footer: <div style={{
+      padding: 'var(--spacing-sm)'
+    }}>
+                <button style={{
+        width: '100%',
+        padding: 'var(--spacing-sm)',
+        background: 'var(--color-primary)',
+        color: 'white',
+        border: 'none',
+        borderRadius: 'var(--radius-md)',
+        cursor: 'pointer',
+        fontWeight: 'var(--font-weight-semibold)'
+      }}>
+                    Sign Out
+                </button>
+            </div>
+  }
+}`,...(ge=(be=$.parameters)==null?void 0:be.docs)==null?void 0:ge.source}}};var he,_e,ye;L.parameters={...L.parameters,docs:{...(he=L.parameters)==null?void 0:he.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      text: 'Interactive',
+      subtitle: 'Click items to see console logs'
+    },
+    onItemClick: item => {
+      console.log('Clicked item:', item);
+      alert(\`You clicked: \${item.label}\`);
+    }
+  }
+}`,...(ye=(_e=L.parameters)==null?void 0:_e.docs)==null?void 0:ye.source}}};var xe,fe,ke;A.parameters={...A.parameters,docs:{...(xe=A.parameters)==null?void 0:xe.docs,source:{originalSource:`{
+  args: {
+    items: sampleItems,
+    variant: 'sidebar',
+    logo: {
+      text: 'SoundNav',
+      subtitle: 'With sound effects'
+    },
+    soundConfig: {
+      onClick: 'click',
+      onHover: 'hover'
+    }
+  }
+}`,...(ke=(fe=A.parameters)==null?void 0:fe.docs)==null?void 0:ke.source}}};const ha=["SidebarDefault","SidebarWithImage","TopNavigation","MinimalNavigation","MobileBottomNav","MobileWithSounds","ECommerceNav","DashboardNav","WithCustomFooter","InteractiveExample","WithSounds"];export{T as DashboardNav,j as ECommerceNav,L as InteractiveExample,C as MinimalNavigation,I as MobileBottomNav,M as MobileWithSounds,k as SidebarDefault,N as SidebarWithImage,S as TopNavigation,$ as WithCustomFooter,A as WithSounds,ha as __namedExportsOrder,ga as default};

package/storybook-static/assets/Noise-wMLTuki1.css

@@ -0,0 +1 @@
+._noise-overlay_1esbx_1{position:absolute;left:0;top:0;width:100vw;height:100vh;pointer-events:none}

package/storybook-static/assets/Noise.stories-CFYN81ep.js

@@ -0,0 +1,9 @@
+import{r as v,j as _}from"./iframe-Cz1R6gKZ.js";import"./preload-helper-C1FmrZbK.js";const q={"noise-overlay":"_noise-overlay_1esbx_1"},S=({patternSize:x=250,patternScaleX:y=1,patternScaleY:z=1,patternRefreshInterval:i=2,patternAlpha:c=15})=>{const u=v.useRef(null);return v.useEffect(()=>{const e=u.current;if(!e)return;const s=e.getContext("2d",{alpha:!0});if(!s)return;let d=0,p;const r=1024,o=()=>{e&&(e.width=r,e.height=r,e.style.width="100vw",e.style.height="100vh")},R=()=>{const m=s.createImageData(r,r),a=m.data;for(let t=0;t<a.length;t+=4){const l=Math.random()*255;a[t]=l,a[t+1]=l,a[t+2]=l,a[t+3]=c}s.putImageData(m,0,0)},f=()=>{d%i===0&&R(),d++,p=window.requestAnimationFrame(f)};return window.addEventListener("resize",o),o(),f(),()=>{window.removeEventListener("resize",o),window.cancelAnimationFrame(p)}},[x,y,z,i,c]),_.jsx("canvas",{className:`${q["noise-overlay"]}`,ref:u,style:{imageRendering:"pixelated"}})};S.__docgenInfo={description:"",methods:[],displayName:"Noise",props:{patternSize:{defaultValue:{value:"250",computed:!1},required:!1},patternScaleX:{defaultValue:{value:"1",computed:!1},required:!1},patternScaleY:{defaultValue:{value:"1",computed:!1},required:!1},patternRefreshInterval:{defaultValue:{value:"2",computed:!1},required:!1},patternAlpha:{defaultValue:{value:"15",computed:!1},required:!1}}};const A={title:"ReactBits/Animations/Noise",component:S,parameters:{layout:"fullscreen"},tags:["autodocs"]},n={args:{patternSize:250,patternScaleX:1,patternScaleY:1,patternRefreshInterval:2,patternAlpha:15}};var g,h,w;n.parameters={...n.parameters,docs:{...(g=n.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: {
+    patternSize: 250,
+    patternScaleX: 1,
+    patternScaleY: 1,
+    patternRefreshInterval: 2,
+    patternAlpha: 15
+  }
+}`,...(w=(h=n.parameters)==null?void 0:h.docs)==null?void 0:w.source}}};const D=["Default"];export{n as Default,D as __namedExportsOrder,A as default};

package/storybook-static/assets/NumberStepper-CWsYbCdm.js

@@ -0,0 +1,110 @@
+import{r as c,j as e}from"./iframe-Cz1R6gKZ.js";import{u as F}from"./useSound-DOpt9DfD.js";import{m as C}from"./proxy-CAwOFzsk.js";import{A as K}from"./index-CIvCfZMj.js";const U="_container_zx89l_1",J="_header_zx89l_8",Q="_icon_zx89l_14",X="_label_zx89l_22",G="_stepper_zx89l_31",O="_disabled_zx89l_49",Y="_button_zx89l_55",Z="_buttonIcon_zx89l_103",ee="_valueContainer_zx89l_114",ae="_valueWrapper_zx89l_124",te="_value_zx89l_114",ne="_limits_zx89l_150",re="_limit_zx89l_150",le="_small_zx89l_163",ie="_large_zx89l_187",se="_outlined_zx89l_212",oe="_filled_zx89l_225",ue="_minimal_zx89l_290",ce="_custom_zx89l_326",pe="_vertical_zx89l_338",de="_pulse_zx89l_1",a={container:U,header:J,icon:Q,label:X,stepper:G,disabled:O,button:Y,buttonIcon:Z,valueContainer:ee,valueWrapper:ae,value:te,limits:ne,limit:re,small:le,large:ie,outlined:se,filled:oe,minimal:ue,custom:ce,vertical:pe,pulse:de},me=({value:i,onChange:s,min:r=-1/0,max:l=1/0,step:o=1,label:d,icon:f,disabled:u=!1,size:M="medium",variant:g="default",showPlusMinus:N=!1,allowKeyboard:R=!0,className:L="",customStyles:n={},customButtons:w={},hideLimits:k=!1,layout:W="horizontal",soundConfig:B})=>{const{handlers:H,playSound:v}=F(B),[y,I]=c.useState(!1),[S,P]=c.useState(!1),[m,b]=c.useState(i);c.useEffect(()=>{b(i)},[i]);const x=c.useCallback(()=>{if(u||i>=l)return;v("click");const t=Math.min(i+o,l);s(t),I(!0),setTimeout(()=>I(!1),200)},[i,s,l,o,u,v]),_=c.useCallback(()=>{if(u||i<=r)return;v("click");const t=Math.max(i-o,r);s(t),P(!0),setTimeout(()=>P(!1),200)},[i,s,r,o,u,v]),E=c.useCallback(t=>{if(!(!R||u))switch(t.key){case"ArrowUp":t.preventDefault(),x();break;case"ArrowDown":t.preventDefault(),_();break;case"PageUp":{t.preventDefault();const p=Math.min(i+o*10,l);s(p);break}case"PageDown":{t.preventDefault();const p=Math.max(i-o*10,r);s(p);break}case"Home":t.preventDefault(),r!==-1/0&&s(r);break;case"End":t.preventDefault(),l!==1/0&&s(l);break}},[R,u,x,_,i,o,r,l,s]),A=c.useCallback(t=>{const p=t.target.value;if(p===""||p==="-"){b(p);return}const D=parseFloat(p);isNaN(D)||b(D)},[]),$=c.useCallback(()=>{let t=typeof m=="string"?m===""||m==="-"?r:parseFloat(m):m;isNaN(t)&&(t=r),t=Math.max(r,Math.min(l,t)),o!==1&&(t=Math.round(t/o)*o),s(t),b(t)},[m,r,l,o,s]),j=[a.container,a[M],a[g],W==="vertical"&&a.vertical,u&&a.disabled,L].filter(Boolean).join(" "),[q,h]=c.useState(null),z=u||i<=r,T=u||i>=l,V=e.jsxs("div",{className:a.stepper,style:n.stepper,onKeyDown:E,tabIndex:u?-1:0,...H,children:[e.jsx(C.button,{className:a.button,style:{...n.button,...q==="decrement"&&n.buttonHover},onMouseEnter:()=>h("decrement"),onMouseLeave:()=>h(null),onClick:_,disabled:z,whileTap:z?void 0:{scale:.9},animate:S?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Decrease value",children:w.decrement||(N?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"−"}):e.jsx("svg",{className:a.buttonIcon,style:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M15 18L9 12L15 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))}),e.jsx("div",{className:a.valueContainer,style:n.valueContainer,children:e.jsx(K,{mode:"wait",children:e.jsx(C.div,{initial:{y:y?10:S?-10:0,opacity:0},animate:{y:0,opacity:1},exit:{y:y?-10:S?10:0,opacity:0},transition:{duration:.15},className:a.valueWrapper,children:e.jsx("input",{type:"text",className:a.value,style:n.value,value:m,onChange:A,onBlur:$,disabled:u,"aria-label":d||"Number input","aria-valuemin":r,"aria-valuemax":l,"aria-valuenow":i})},i)})}),e.jsx(C.button,{className:a.button,style:{...n.button,...q==="increment"&&n.buttonHover},onMouseEnter:()=>h("increment"),onMouseLeave:()=>h(null),onClick:x,disabled:T,whileTap:T?void 0:{scale:.9},animate:y?{scale:[1,1.2,1]}:void 0,transition:{duration:.2},"aria-label":"Increase value",children:w.increment||(N?e.jsx("span",{className:a.buttonIcon,style:n.buttonIcon,children:"+"}):e.jsx("svg",{className:a.buttonIcon,style:n.buttonIcon,viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})]});return g==="custom"&&(d||f)?e.jsxs("div",{className:j,style:{...n.container,display:"flex",alignItems:"center"},children:[e.jsxs("div",{className:a.header,style:{...n.header,flex:1,marginBottom:0},children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),V,!k&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]}):e.jsxs("div",{className:j,style:n.container,children:[(d||f)&&e.jsxs("div",{className:a.header,style:n.header,children:[f&&e.jsx("span",{className:a.icon,style:n.icon,children:f}),d&&e.jsx("label",{className:a.label,style:n.label,children:d})]}),V,!k&&(r!==-1/0||l!==1/0)&&e.jsxs("div",{className:a.limits,style:n.limits,children:[e.jsx("span",{className:a.limit,children:r!==-1/0&&`Min: ${r}`}),e.jsx("span",{className:a.limit,children:l!==1/0&&`Max: ${l}`})]})]})};me.__docgenInfo={description:`NumberStepper Component
+
+@component
+@description
+A number input component with increment and decrement controls.
+Supports keyboard navigation, min/max limits, and custom step values.
+
+@example
+// Basic usage
+<NumberStepper
+  value={count}
+  onChange={setCount}
+  min={0}
+  max={10}
+/>
+
+@example
+// With label and icon
+<NumberStepper
+  value={5}
+  onChange={(val) => setValue(val)}
+  min={0}
+  max={100}
+  step={5}
+  label="Quantity"
+  icon="📦"
+/>
+
+@example
+// With custom styles
+<NumberStepper
+  value={volume}
+  onChange={setVolume}
+  min={0}
+  max={100}
+  label="Volume"
+  icon="🔊"
+  customStyles={{
+    container: {
+      background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
+      padding: '20px',
+      borderRadius: '16px',
+    },
+    label: { color: 'white', fontWeight: 'bold' },
+    button: {
+      background: 'rgba(255,255,255,0.2)',
+      color: 'white',
+    },
+    buttonHover: {
+      background: 'rgba(255,255,255,0.3)',
+    },
+    value: {
+      color: 'white',
+      fontSize: '24px',
+      fontWeight: 'bold',
+    },
+  }}
+/>
+
+@example
+// Custom variant with horizontal layout
+<NumberStepper
+  value={discount}
+  onChange={setDiscount}
+  min={0}
+  max={100}
+  step={5}
+  label="Discount %"
+  icon="🏷️"
+  variant="custom"
+  customStyles={{
+    container: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: '16px',
+    },
+    header: { flex: 1, marginBottom: 0 },
+  }}
+/>
+
+@example
+// With custom buttons
+<NumberStepper
+  value={rating}
+  onChange={setRating}
+  min={1}
+  max={5}
+  customButtons={{
+    decrement: <span>👎</span>,
+    increment: <span>👍</span>,
+  }}
+/>
+
+@param {NumberStepperProps} props - The props for the NumberStepper component
+@returns {JSX.Element} The rendered NumberStepper component`,methods:[],displayName:"NumberStepper",props:{value:{required:!0,tsType:{name:"number"},description:"Current value"},onChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(value: number) => void",signature:{arguments:[{type:{name:"number"},name:"value"}],return:{name:"void"}}},description:"Callback when value changes"},min:{required:!1,tsType:{name:"number"},description:"Minimum allowed value",defaultValue:{value:"-Infinity",computed:!1}},max:{required:!1,tsType:{name:"number"},description:"Maximum allowed value",defaultValue:{value:"Infinity",computed:!0}},step:{required:!1,tsType:{name:"number"},description:"Step increment/decrement amount",defaultValue:{value:"1",computed:!1}},label:{required:!1,tsType:{name:"string"},description:"Label text"},icon:{required:!1,tsType:{name:"string"},description:"Icon or emoji to display"},disabled:{required:!1,tsType:{name:"boolean"},description:"Whether the stepper is disabled",defaultValue:{value:"false",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"'small' | 'medium' | 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:"Size variant",defaultValue:{value:"'medium'",computed:!1}},variant:{required:!1,tsType:{name:"union",raw:"'default' | 'outlined' | 'filled' | 'minimal' | 'custom'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'outlined'"},{name:"literal",value:"'filled'"},{name:"literal",value:"'minimal'"},{name:"literal",value:"'custom'"}]},description:"Visual variant",defaultValue:{value:"'default'",computed:!1}},showPlusMinus:{required:!1,tsType:{name:"boolean"},description:"Show plus/minus icons instead of arrows",defaultValue:{value:"false",computed:!1}},allowKeyboard:{required:!1,tsType:{name:"boolean"},description:"Allow keyboard navigation",defaultValue:{value:"true",computed:!1}},className:{required:!1,tsType:{name:"string"},description:"Custom className",defaultValue:{value:"''",computed:!1}},customStyles:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+    container?: React.CSSProperties;
+    header?: React.CSSProperties;
+    icon?: React.CSSProperties;
+    label?: React.CSSProperties;
+    stepper?: React.CSSProperties;
+    button?: React.CSSProperties;
+    buttonHover?: React.CSSProperties;
+    buttonIcon?: React.CSSProperties;
+    value?: React.CSSProperties;
+    valueContainer?: React.CSSProperties;
+    limits?: React.CSSProperties;
+}`,signature:{properties:[{key:"container",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"header",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"icon",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"label",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"stepper",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"button",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"buttonHover",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"buttonIcon",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"value",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"valueContainer",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}},{key:"limits",value:{name:"ReactCSSProperties",raw:"React.CSSProperties",required:!1}}]}},description:"Custom styles for different parts of the component",defaultValue:{value:"{}",computed:!1}},customButtons:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+    increment?: React.ReactNode;
+    decrement?: React.ReactNode;
+}`,signature:{properties:[{key:"increment",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!1}},{key:"decrement",value:{name:"ReactReactNode",raw:"React.ReactNode",required:!1}}]}},description:"Custom button content (overrides default icons)",defaultValue:{value:"{}",computed:!1}},hideLimits:{required:!1,tsType:{name:"boolean"},description:"Hide the limits display",defaultValue:{value:"false",computed:!1}},layout:{required:!1,tsType:{name:"union",raw:"'horizontal' | 'vertical'",elements:[{name:"literal",value:"'horizontal'"},{name:"literal",value:"'vertical'"}]},description:"Layout direction",defaultValue:{value:"'horizontal'",computed:!1}},soundConfig:{required:!1,tsType:{name:"ComponentSoundConfig"},description:"Sound configuration for interactions"}}};export{me as N};

package/storybook-static/assets/NumberStepper-C_00aeJp.css

@@ -0,0 +1 @@
+._container_zx89l_1{display:inline-flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-family-primary)}._header_zx89l_8{display:flex;align-items:center;gap:var(--spacing-sm)}._icon_zx89l_14{font-size:var(--font-size-xl);line-height:1;display:flex;align-items:center;justify-content:center}._label_zx89l_22{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}._stepper_zx89l_31{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-background);border-radius:var(--radius-lg);padding:var(--spacing-xs);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}._stepper_zx89l_31:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}._stepper_zx89l_31:hover:not(._disabled_zx89l_49 ._stepper_zx89l_31){border-color:var(--color-primary-light);box-shadow:var(--shadow-sm)}._button_zx89l_55{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-background-secondary);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}._button_zx89l_55:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--color-primary-light);transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base)}._button_zx89l_55:hover:not(:disabled){background:var(--color-primary);color:var(--color-background)}._button_zx89l_55:hover:not(:disabled):before{width:100%;height:100%}._button_zx89l_55:active:not(:disabled){transform:scale(.95)}._button_zx89l_55:disabled{opacity:.3;cursor:not-allowed}._buttonIcon_zx89l_103{width:16px;height:16px;position:relative;z-index:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}._valueContainer_zx89l_114{flex:1;min-width:60px;position:relative;height:36px;display:flex;align-items:center;justify-content:center}._valueWrapper_zx89l_124{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}._value_zx89l_114{width:100%;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);background:transparent;border:none;outline:none;padding:0 var(--spacing-xs)}._value_zx89l_114:focus{color:var(--color-primary)}._limits_zx89l_150{display:flex;justify-content:space-between;padding:0 var(--spacing-xs);opacity:.6}._limit_zx89l_150{font-size:var(--font-size-xs);color:var(--color-text-secondary)}._small_zx89l_163 ._stepper_zx89l_31{padding:2px}._small_zx89l_163 ._button_zx89l_55{width:28px;height:28px}._small_zx89l_163 ._valueContainer_zx89l_114{min-width:48px;height:28px}._small_zx89l_163 ._value_zx89l_114{font-size:var(--font-size-base)}._small_zx89l_163 ._buttonIcon_zx89l_103{width:12px;height:12px;font-size:var(--font-size-lg)}._large_zx89l_187 ._stepper_zx89l_31{padding:var(--spacing-sm)}._large_zx89l_187 ._button_zx89l_55{width:44px;height:44px}._large_zx89l_187 ._valueContainer_zx89l_114{min-width:80px;height:44px}._large_zx89l_187 ._value_zx89l_114{font-size:var(--font-size-xl)}._large_zx89l_187 ._buttonIcon_zx89l_103{width:20px;height:20px;font-size:var(--font-size-2xl)}._outlined_zx89l_212 ._stepper_zx89l_31{background:transparent;border:2px solid var(--color-border)}._outlined_zx89l_212 ._button_zx89l_55{background:transparent}._outlined_zx89l_212 ._button_zx89l_55:hover:not(:disabled){background:var(--color-primary-light)}._filled_zx89l_225 ._stepper_zx89l_31{background:var(--color-primary);border-color:var(--color-primary)}._filled_zx89l_225 ._button_zx89l_55{background:#fff3;color:#fff}._filled_zx89l_225 ._value_zx89l_114{color:#fff}._filled_zx89l_225 ._button_zx89l_55:hover:not(:disabled){background:#ffffff4d}._disabled_zx89l_49{opacity:.5;pointer-events:none}._disabled_zx89l_49 ._stepper_zx89l_31,[data-theme=dark] ._stepper_zx89l_31{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._button_zx89l_55{background:var(--color-background-tertiary)}[data-theme=dark] ._button_zx89l_55:hover:not(:disabled){background:var(--color-primary)}[data-theme=dark] ._outlined_zx89l_212 ._stepper_zx89l_31{background:transparent}[data-theme=dark] ._filled_zx89l_225 ._stepper_zx89l_31{background:var(--color-primary-light)}@keyframes _pulse_zx89l_1{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}._minimal_zx89l_290 ._stepper_zx89l_31{background:transparent;border:none;padding:0;gap:var(--spacing-md)}._minimal_zx89l_290 ._button_zx89l_55{width:32px;height:32px;background:transparent;border:2px solid var(--color-border);border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1)}._minimal_zx89l_290 ._button_zx89l_55:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary);transform:scale(1.1)}._minimal_zx89l_290 ._value_zx89l_114{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-background-secondary)}._minimal_zx89l_290 ._buttonIcon_zx89l_103{font-size:var(--font-size-lg)}._custom_zx89l_326 ._stepper_zx89l_31{background:transparent;border:none;padding:0}._custom_zx89l_326 ._button_zx89l_55{background:transparent;border:none}._vertical_zx89l_338{align-items:stretch}._vertical_zx89l_338 ._header_zx89l_8{justify-content:space-between;padding-bottom:var(--spacing-sm)}._vertical_zx89l_338 ._stepper_zx89l_31{flex-direction:row;justify-content:space-between;width:100%}._vertical_zx89l_338 ._icon_zx89l_14{font-size:var(--font-size-2xl)}._vertical_zx89l_338 ._label_zx89l_22{font-size:var(--font-size-base);text-transform:none;font-weight:var(--font-weight-semibold);color:var(--color-text)}@media (max-width: 768px){._valueContainer_zx89l_114{min-width:50px}}