@fluidattacks/design 3.1.6 → 3.1.8

package/dist/components/slide-out-menu/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),n=require("styled-components"),s=require("./menu-item/index.js"),i=require("../button/index.js"),r=require("../container/index.js"),o=require("../icon-button/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const a=require("../typography/text/index.js"),l=require("../../use-click-outside-BqkLISED.js");require("lodash");const u=new Set;function c(t,e,n){t||u.has(e)||u.add(e)}function h(t){return null!==t&&"object"==typeof t&&"function"==typeof t.start}const d=t=>Array.isArray(t);function p(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let s=0;s<n;s++)if(e[s]!==t[s])return!1;return!0}function m(t){return"string"==typeof t||Array.isArray(t)}function f(t){const e=[{},{}];return null==t||t.values.forEach(((t,n)=>{e[0][n]=t.get(),e[1][n]=t.getVelocity()})),e}function v(t,e,n,s){if("function"==typeof e){const[i,r]=f(s);e=e(void 0!==n?n:t.custom,i,r)}if("string"==typeof e&&(e=t.variants&&t.variants[e]),"function"==typeof e){const[i,r]=f(s);e=e(void 0!==n?n:t.custom,i,r)}return e}function y(t,e,n){const s=t.getProps();return v(s,e,void 0!==n?n:s.custom,t)}const g=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],w=["initial",...g],b=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],x=new Set(b),S=t=>1e3*t,T=t=>t/1e3,A={type:"spring",stiffness:500,damping:25,restSpeed:10},C={type:"keyframes",duration:.8},V={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},M=(t,{keyframes:e})=>e.length>2?C:x.has(t)?t.startsWith("scale")?{type:"spring",stiffness:550,damping:0===e[1]?2*Math.sqrt(550):30,restSpeed:10}:A:V;function P(t,e){return t?t[e]||t.default||t:void 0}const k=t=>null!==t;function E(t,{repeat:e,repeatType:n="loop"},s){const i=t.filter(k),r=e&&"loop"!==n&&e%2==1?0:i.length-1;return r&&void 0!==s?s:i[r]}const F=t=>t;let O=F,I=F;"production"!==process.env.NODE_ENV&&(O=(t,e)=>{},I=(t,e)=>{if(!t)throw new Error(e)});const R=["read","resolveKeyframes","update","preRender","render","postRender"];function j(t,e){let n=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},r=()=>n=!0,o=R.reduce(((t,e)=>(t[e]=function(t){let e=new Set,n=new Set,s=!1,i=!1;const r=new WeakSet;let o={delta:0,timestamp:0,isProcessing:!1};function a(e){r.has(e)&&(l.schedule(e),t()),e(o)}const l={schedule:(t,i=!1,o=!1)=>{const a=o&&s?e:n;return i&&r.add(t),a.has(t)||a.add(t),t},cancel:t=>{n.delete(t),r.delete(t)},process:t=>{o=t,s?i=!0:(s=!0,[e,n]=[n,e],e.forEach(a),e.clear(),s=!1,i&&(i=!1,l.process(t)))}};return l}(r),t)),{}),{read:a,resolveKeyframes:l,update:u,preRender:c,render:h,postRender:d}=o,p=()=>{const r=performance.now();n=!1,i.delta=s?1e3/60:Math.max(Math.min(r-i.timestamp,40),1),i.timestamp=r,i.isProcessing=!0,a.process(i),l.process(i),u.process(i),c.process(i),h.process(i),d.process(i),i.isProcessing=!1,n&&e&&(s=!1,t(p))};return{schedule:R.reduce(((e,r)=>{const a=o[r];return e[r]=(e,r=!1,o=!1)=>(n||(n=!0,s=!0,i.isProcessing||t(p)),a.schedule(e,r,o)),e}),{}),cancel:t=>{for(let e=0;e<R.length;e++)o[R[e]].cancel(t)},state:i,steps:o}}const{schedule:D,cancel:B,state:N,steps:L}=j("undefined"!=typeof requestAnimationFrame?requestAnimationFrame:F,!0),$=(t,e,n)=>(((1-3*n+3*e)*t+(3*n-6*e))*t+3*e)*t;function K(t,e,n,s){if(t===e&&n===s)return F;return i=>0===i||1===i?i:$(function(t,e,n,s,i){let r,o,a=0;do{o=e+(n-e)/2,r=$(o,s,i)-t,r>0?n=o:e=o}while(Math.abs(r)>1e-7&&++a<12);return o}(i,0,1,t,n),e,s)}const W=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,q=t=>e=>1-t(1-e),U=K(.33,1.53,.69,.99),Y=q(U),z=W(Y),H=t=>(t*=2)<1?.5*Y(t):.5*(2-Math.pow(2,-10*(t-1))),X=t=>1-Math.sin(Math.acos(t)),_=q(X),G=W(X),Z=t=>/^0[^.\s]+$/u.test(t),J=t=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t),Q=t=>e=>"string"==typeof e&&e.startsWith(t),tt=Q("--"),et=Q("var(--"),nt=t=>!!et(t)&&st.test(t.split("/*")[0].trim()),st=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,it=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function rt(t,e,n=1){I(n<=4,`Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`);const[s,i]=function(t){const e=it.exec(t);if(!e)return[,];const[,n,s,i]=e;return[`--${null!=n?n:s}`,i]}(t);if(!s)return;const r=window.getComputedStyle(e).getPropertyValue(s);if(r){const t=r.trim();return J(t)?parseFloat(t):t}return nt(i)?rt(i,e,n+1):i}const ot=(t,e,n)=>n>e?e:n<t?t:n,at={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},lt={...at,transform:t=>ot(0,1,t)},ut={...at,default:1},ct=t=>({test:e=>"string"==typeof e&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),ht=ct("deg"),dt=ct("%"),pt=ct("px"),mt=ct("vh"),ft=ct("vw"),vt={...dt,parse:t=>dt.parse(t)/100,transform:t=>dt.transform(100*t)},yt=new Set(["width","height","top","left","right","bottom","x","y","translateX","translateY"]),gt=t=>t===at||t===pt,wt=(t,e)=>parseFloat(t.split(", ")[e]),bt=(t,e)=>(n,{transform:s})=>{if("none"===s||!s)return 0;const i=s.match(/^matrix3d\((.+)\)$/u);if(i)return wt(i[1],e);{const e=s.match(/^matrix\((.+)\)$/u);return e?wt(e[1],t):0}},xt=new Set(["x","y","z"]),St=b.filter((t=>!xt.has(t))),Tt={width:({x:t},{paddingLeft:e="0",paddingRight:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),height:({y:t},{paddingTop:e="0",paddingBottom:n="0"})=>t.max-t.min-parseFloat(e)-parseFloat(n),top:(t,{top:e})=>parseFloat(e),left:(t,{left:e})=>parseFloat(e),bottom:({y:t},{top:e})=>parseFloat(e)+(t.max-t.min),right:({x:t},{left:e})=>parseFloat(e)+(t.max-t.min),x:bt(4,13),y:bt(5,14)};Tt.translateX=Tt.x,Tt.translateY=Tt.y;const At=t=>e=>e.test(t),Ct=[at,pt,dt,ht,ft,mt,{test:t=>"auto"===t,parse:t=>t}],Vt=t=>Ct.find(At(t)),Mt=new Set;let Pt=!1,kt=!1;function Et(){if(kt){const t=Array.from(Mt).filter((t=>t.needsMeasurement)),e=new Set(t.map((t=>t.element))),n=new Map;e.forEach((t=>{const e=function(t){const e=[];return St.forEach((n=>{const s=t.getValue(n);void 0!==s&&(e.push([n,s.get()]),s.set(n.startsWith("scale")?1:0))})),e}(t);e.length&&(n.set(t,e),t.render())})),t.forEach((t=>t.measureInitialState())),e.forEach((t=>{t.render();const e=n.get(t);e&&e.forEach((([e,n])=>{var s;null===(s=t.getValue(e))||void 0===s||s.set(n)}))})),t.forEach((t=>t.measureEndState())),t.forEach((t=>{void 0!==t.suspendedScrollY&&window.scrollTo(0,t.suspendedScrollY)}))}kt=!1,Pt=!1,Mt.forEach((t=>t.complete())),Mt.clear()}function Ft(){Mt.forEach((t=>{t.readKeyframes(),t.needsMeasurement&&(kt=!0)}))}class Ot{constructor(t,e,n,s,i,r=!1){this.isComplete=!1,this.isAsync=!1,this.needsMeasurement=!1,this.isScheduled=!1,this.unresolvedKeyframes=[...t],this.onComplete=e,this.name=n,this.motionValue=s,this.element=i,this.isAsync=r}scheduleResolve(){this.isScheduled=!0,this.isAsync?(Mt.add(this),Pt||(Pt=!0,D.read(Ft),D.resolveKeyframes(Et))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:e,element:n,motionValue:s}=this;for(let i=0;i<t.length;i++)if(null===t[i])if(0===i){const i=null==s?void 0:s.get(),r=t[t.length-1];if(void 0!==i)t[0]=i;else if(n&&e){const s=n.readValue(e,r);null!=s&&(t[0]=s)}void 0===t[0]&&(t[0]=r),s&&void 0===i&&s.set(t[0])}else t[i]=t[i-1]}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(){this.isComplete=!0,this.onComplete(this.unresolvedKeyframes,this.finalKeyframe),Mt.delete(this)}cancel(){this.isComplete||(this.isScheduled=!1,Mt.delete(this))}resume(){this.isComplete||this.scheduleResolve()}}const It=t=>Math.round(1e5*t)/1e5,Rt=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu,jt=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,Dt=(t,e)=>n=>Boolean("string"==typeof n&&jt.test(n)&&n.startsWith(t)||e&&!(null==n)&&Object.prototype.hasOwnProperty.call(n,e)),Bt=(t,e,n)=>s=>{if("string"!=typeof s)return s;const[i,r,o,a]=s.match(Rt);return{[t]:parseFloat(i),[e]:parseFloat(r),[n]:parseFloat(o),alpha:void 0!==a?parseFloat(a):1}},Nt={...at,transform:t=>Math.round(ot(0,255,t))},Lt={test:Dt("rgb","red"),parse:Bt("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:s=1})=>"rgba("+Nt.transform(t)+", "+Nt.transform(e)+", "+Nt.transform(n)+", "+It(lt.transform(s))+")"},$t={test:Dt("#"),parse:function(t){let e="",n="",s="",i="";return t.length>5?(e=t.substring(1,3),n=t.substring(3,5),s=t.substring(5,7),i=t.substring(7,9)):(e=t.substring(1,2),n=t.substring(2,3),s=t.substring(3,4),i=t.substring(4,5),e+=e,n+=n,s+=s,i+=i),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}},transform:Lt.transform},Kt={test:Dt("hsl","hue"),parse:Bt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:s=1})=>"hsla("+Math.round(t)+", "+dt.transform(It(e))+", "+dt.transform(It(n))+", "+It(lt.transform(s))+")"},Wt={test:t=>Lt.test(t)||$t.test(t)||Kt.test(t),parse:t=>Lt.test(t)?Lt.parse(t):Kt.test(t)?Kt.parse(t):$t.parse(t),transform:t=>"string"==typeof t?t:t.hasOwnProperty("red")?Lt.transform(t):Kt.transform(t)},qt=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu,Ut="number",Yt="color",zt=/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 Ht(t){const e=t.toString(),n=[],s={color:[],number:[],var:[]},i=[];let r=0;const o=e.replace(zt,(t=>(Wt.test(t)?(s.color.push(r),i.push(Yt),n.push(Wt.parse(t))):t.startsWith("var(")?(s.var.push(r),i.push("var"),n.push(t)):(s.number.push(r),i.push(Ut),n.push(parseFloat(t))),++r,"${}"))).split("${}");return{values:n,split:o,indexes:s,types:i}}function Xt(t){return Ht(t).values}function _t(t){const{split:e,types:n}=Ht(t),s=e.length;return t=>{let i="";for(let r=0;r<s;r++)if(i+=e[r],void 0!==t[r]){const e=n[r];i+=e===Ut?It(t[r]):e===Yt?Wt.transform(t[r]):t[r]}return i}}const Gt=t=>"number"==typeof t?0:t,Zt={test:function(t){var e,n;return isNaN(t)&&"string"==typeof t&&((null===(e=t.match(Rt))||void 0===e?void 0:e.length)||0)+((null===(n=t.match(qt))||void 0===n?void 0:n.length)||0)>0},parse:Xt,createTransformer:_t,getAnimatableNone:function(t){const e=Xt(t);return _t(t)(e.map(Gt))}},Jt=new Set(["brightness","contrast","saturate","opacity"]);function Qt(t){const[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[s]=n.match(Rt)||[];if(!s)return t;const i=n.replace(s,"");let r=Jt.has(e)?1:0;return s!==n&&(r*=100),e+"("+r+i+")"}const te=/\b([a-z-]*)\(.*?\)/gu,ee={...Zt,getAnimatableNone:t=>{const e=t.match(te);return e?e.map(Qt).join(" "):t}},ne={borderWidth:pt,borderTopWidth:pt,borderRightWidth:pt,borderBottomWidth:pt,borderLeftWidth:pt,borderRadius:pt,radius:pt,borderTopLeftRadius:pt,borderTopRightRadius:pt,borderBottomRightRadius:pt,borderBottomLeftRadius:pt,width:pt,maxWidth:pt,height:pt,maxHeight:pt,top:pt,right:pt,bottom:pt,left:pt,padding:pt,paddingTop:pt,paddingRight:pt,paddingBottom:pt,paddingLeft:pt,margin:pt,marginTop:pt,marginRight:pt,marginBottom:pt,marginLeft:pt,backgroundPositionX:pt,backgroundPositionY:pt},se={rotate:ht,rotateX:ht,rotateY:ht,rotateZ:ht,scale:ut,scaleX:ut,scaleY:ut,scaleZ:ut,skew:ht,skewX:ht,skewY:ht,distance:pt,translateX:pt,translateY:pt,translateZ:pt,x:pt,y:pt,z:pt,perspective:pt,transformPerspective:pt,opacity:lt,originX:vt,originY:vt,originZ:pt},ie={...at,transform:Math.round},re={...ne,...se,zIndex:ie,size:pt,fillOpacity:lt,strokeOpacity:lt,numOctaves:ie},oe={...re,color:Wt,backgroundColor:Wt,outlineColor:Wt,fill:Wt,stroke:Wt,borderColor:Wt,borderTopColor:Wt,borderRightColor:Wt,borderBottomColor:Wt,borderLeftColor:Wt,filter:ee,WebkitFilter:ee},ae=t=>oe[t];function le(t,e){let n=ae(t);return n!==ee&&(n=Zt),n.getAnimatableNone?n.getAnimatableNone(e):void 0}const ue=new Set(["auto","none","0"]);class ce extends Ot{constructor(t,e,n,s,i){super(t,e,n,s,i,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:e,name:n}=this;if(!e||!e.current)return;super.readKeyframes();for(let a=0;a<t.length;a++){let n=t[a];if("string"==typeof n&&(n=n.trim(),nt(n))){const s=rt(n,e.current);void 0!==s&&(t[a]=s),a===t.length-1&&(this.finalKeyframe=n)}}if(this.resolveNoneKeyframes(),!yt.has(n)||2!==t.length)return;const[s,i]=t,r=Vt(s),o=Vt(i);if(r!==o)if(gt(r)&&gt(o))for(let a=0;a<t.length;a++){const e=t[a];"string"==typeof e&&(t[a]=parseFloat(e))}else this.needsMeasurement=!0}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:e}=this,n=[];for(let i=0;i<t.length;i++)("number"==typeof(s=t[i])?0===s:null===s||"none"===s||"0"===s||Z(s))&&n.push(i);var s;n.length&&function(t,e,n){let s,i=0;for(;i<t.length&&!s;){const e=t[i];"string"==typeof e&&!ue.has(e)&&Ht(e).values.length&&(s=t[i]),i++}if(s&&n)for(const r of e)t[r]=le(n,s)}(t,n,e)}measureInitialState(){const{element:t,unresolvedKeyframes:e,name:n}=this;if(!t||!t.current)return;"height"===n&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=Tt[n](t.measureViewportBox(),window.getComputedStyle(t.current)),e[0]=this.measuredOrigin;const s=e[e.length-1];void 0!==s&&t.getValue(n,s).jump(s,!1)}measureEndState(){var t;const{element:e,name:n,unresolvedKeyframes:s}=this;if(!e||!e.current)return;const i=e.getValue(n);i&&i.jump(this.measuredOrigin,!1);const r=s.length-1,o=s[r];s[r]=Tt[n](e.measureViewportBox(),window.getComputedStyle(e.current)),null!==o&&void 0===this.finalKeyframe&&(this.finalKeyframe=o),(null===(t=this.removedTransforms)||void 0===t?void 0:t.length)&&this.removedTransforms.forEach((([t,n])=>{e.getValue(t).set(n)})),this.resolveNoneKeyframes()}}function he(t){return"function"==typeof t}let de;function pe(){de=void 0}const me={now:()=>(void 0===de&&me.set(N.isProcessing?N.timestamp:performance.now()),de),set:t=>{de=t,queueMicrotask(pe)}},fe=(t,e)=>!("zIndex"===e||"number"!=typeof t&&!Array.isArray(t)&&("string"!=typeof t||!Zt.test(t)&&"0"!==t||t.startsWith("url(")));class ve{constructor({autoplay:t=!0,delay:e=0,type:n="keyframes",repeat:s=0,repeatDelay:i=0,repeatType:r="loop",...o}){this.isStopped=!1,this.hasAttemptedResolve=!1,this.createdAt=me.now(),this.options={autoplay:t,delay:e,type:n,repeat:s,repeatDelay:i,repeatType:r,...o},this.updateFinishedPromise()}calcStartTime(){return this.resolvedAt&&this.resolvedAt-this.createdAt>40?this.resolvedAt:this.createdAt}get resolved(){return this._resolved||this.hasAttemptedResolve||(Ft(),Et()),this._resolved}onKeyframesResolved(t,e){this.resolvedAt=me.now(),this.hasAttemptedResolve=!0;const{name:n,type:s,velocity:i,delay:r,onComplete:o,onUpdate:a,isGenerator:l}=this.options;if(!l&&!function(t,e,n,s){const i=t[0];if(null===i)return!1;if("display"===e||"visibility"===e)return!0;const r=t[t.length-1],o=fe(i,e),a=fe(r,e);return O(o===a,`You are trying to animate ${e} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`),!(!o||!a)&&(function(t){const e=t[0];if(1===t.length)return!0;for(let n=0;n<t.length;n++)if(t[n]!==e)return!0}(t)||("spring"===n||he(n))&&s)}(t,n,s,i)){if(!r)return null==a||a(E(t,this.options,e)),null==o||o(),void this.resolveFinishedPromise();this.options.duration=0}const u=this.initPlayback(t,e);!1!==u&&(this._resolved={keyframes:t,finalKeyframe:e,...u},this.onPostResolved())}onPostResolved(){}then(t,e){return this.currentFinishedPromise.then(t,e)}flatten(){this.options.type="keyframes",this.options.ease="linear"}updateFinishedPromise(){this.currentFinishedPromise=new Promise((t=>{this.resolveFinishedPromise=t}))}}const ye=(t,e,n)=>{const s=e-t;return 0===s?1:(n-t)/s},ge=(t,e,n=10)=>{let s="";const i=Math.max(Math.round(e/n),2);for(let r=0;r<i;r++)s+=t(ye(0,i-1,r))+", ";return`linear(${s.substring(0,s.length-2)})`};function we(t,e){return e?t*(1e3/e):0}function be(t,e,n){const s=Math.max(e-5,0);return we(n-t(s),e-s)}const xe=.01,Se=2,Te=.005,Ae=.5;const Ce=12;function Ve(t,e){return t*Math.sqrt(1-e*e)}const Me=2e4;function Pe(t){let e=0,n=t.next(e);for(;!n.done&&e<Me;)e+=50,n=t.next(e);return e>=Me?1/0:e}const ke=["duration","bounce"],Ee=["stiffness","damping","mass"];function Fe(t,e){return e.some((e=>void 0!==t[e]))}function Oe(t=.3,e=.3){const n="object"!=typeof t?{visualDuration:t,keyframes:[0,1],bounce:e}:t;let{restSpeed:s,restDelta:i}=n;const r=n.keyframes[0],o=n.keyframes[n.keyframes.length-1],a={done:!1,value:r},{stiffness:l,damping:u,mass:c,duration:h,velocity:d,isResolvedFromDuration:p}=function(t){let e={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...t};if(!Fe(t,Ee)&&Fe(t,ke))if(t.visualDuration){const n=t.visualDuration,s=2*Math.PI/(1.2*n),i=s*s,r=2*ot(.05,1,1-t.bounce)*Math.sqrt(i);e={...e,mass:1,stiffness:i,damping:r}}else{const n=function({duration:t=800,bounce:e=.3,velocity:n=0,mass:s=1}){let i,r;O(t<=S(10),"Spring duration must be 10 seconds or less");let o=1-e;o=ot(.05,1,o),t=ot(.01,10,T(t)),o<1?(i=e=>{const s=e*o,i=s*t;return.001-(s-n)/Ve(e,o)*Math.exp(-i)},r=e=>{const s=e*o*t,r=s*n+n,a=Math.pow(o,2)*Math.pow(e,2)*t,l=Math.exp(-s),u=Ve(Math.pow(e,2),o);return(.001-i(e)>0?-1:1)*((r-a)*l)/u}):(i=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,r=e=>Math.exp(-e*t)*(t*t*(n-e)));const a=function(t,e,n){let s=n;for(let i=1;i<Ce;i++)s-=t(s)/e(s);return s}(i,r,5/t);if(t=S(t),isNaN(a))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(a,2)*s;return{stiffness:e,damping:2*o*Math.sqrt(s*e),duration:t}}}(t);e={...e,...n,mass:1},e.isResolvedFromDuration=!0}return e}({...n,velocity:-T(n.velocity||0)}),m=d||0,f=u/(2*Math.sqrt(l*c)),v=o-r,y=T(Math.sqrt(l/c)),g=Math.abs(v)<5;let w;if(s||(s=g?xe:Se),i||(i=g?Te:Ae),f<1){const t=Ve(y,f);w=e=>{const n=Math.exp(-f*y*e);return o-n*((m+f*y*v)/t*Math.sin(t*e)+v*Math.cos(t*e))}}else if(1===f)w=t=>o-Math.exp(-y*t)*(v+(m+y*v)*t);else{const t=y*Math.sqrt(f*f-1);w=e=>{const n=Math.exp(-f*y*e),s=Math.min(t*e,300);return o-n*((m+f*y*v)*Math.sinh(s)+t*v*Math.cosh(s))/t}}const b={calculatedDuration:p&&h||null,next:t=>{const e=w(t);if(p)a.done=t>=h;else{let n=0;f<1&&(n=0===t?S(m):be(w,t,e));const r=Math.abs(n)<=s,l=Math.abs(o-e)<=i;a.done=r&&l}return a.value=a.done?o:e,a},toString:()=>{const t=Math.min(Pe(b),Me),e=ge((e=>b.next(t*e).value),t,30);return t+"ms "+e}};return b}function Ie({keyframes:t,velocity:e=0,power:n=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:r=500,modifyTarget:o,min:a,max:l,restDelta:u=.5,restSpeed:c}){const h=t[0],d={done:!1,value:h},p=t=>void 0===a?l:void 0===l||Math.abs(a-t)<Math.abs(l-t)?a:l;let m=n*e;const f=h+m,v=void 0===o?f:o(f);v!==f&&(m=v-h);const y=t=>-m*Math.exp(-t/s),g=t=>v+y(t),w=t=>{const e=y(t),n=g(t);d.done=Math.abs(e)<=u,d.value=d.done?v:n};let b,x;const S=t=>{var e;e=d.value,(void 0!==a&&e<a||void 0!==l&&e>l)&&(b=t,x=Oe({keyframes:[d.value,p(d.value)],velocity:be(g,t,d.value),damping:i,stiffness:r,restDelta:u,restSpeed:c}))};return S(0),{calculatedDuration:null,next:t=>{let e=!1;return x||void 0!==b||(e=!0,w(t),S(t)),void 0!==b&&t>=b?x.next(t-b):(!e&&w(t),d)}}}const Re=K(.42,0,1,1),je=K(0,0,.58,1),De=K(.42,0,.58,1),Be=t=>Array.isArray(t)&&"number"==typeof t[0],Ne={linear:F,easeIn:Re,easeInOut:De,easeOut:je,circIn:X,circInOut:G,circOut:_,backIn:Y,backInOut:z,backOut:U,anticipate:H},Le=t=>{if(Be(t)){I(4===t.length,"Cubic bezier arrays must contain four numerical values.");const[e,n,s,i]=t;return K(e,n,s,i)}return"string"==typeof t?(I(void 0!==Ne[t],`Invalid easing type '${t}'`),Ne[t]):t},$e=(t,e)=>n=>e(t(n)),Ke=(...t)=>t.reduce($e),We=(t,e,n)=>t+(e-t)*n;function qe(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function Ue(t,e){return n=>n>0?e:t}const Ye=(t,e,n)=>{const s=t*t,i=n*(e*e-s)+s;return i<0?0:Math.sqrt(i)},ze=[$t,Lt,Kt];function He(t){const e=(n=t,ze.find((t=>t.test(n))));var n;if(O(Boolean(e),`'${t}' is not an animatable color. Use the equivalent color code instead.`),!Boolean(e))return!1;let s=e.parse(t);return e===Kt&&(s=function({hue:t,saturation:e,lightness:n,alpha:s}){t/=360,n/=100;let i=0,r=0,o=0;if(e/=100){const s=n<.5?n*(1+e):n+e-n*e,a=2*n-s;i=qe(a,s,t+1/3),r=qe(a,s,t),o=qe(a,s,t-1/3)}else i=r=o=n;return{red:Math.round(255*i),green:Math.round(255*r),blue:Math.round(255*o),alpha:s}}(s)),s}const Xe=(t,e)=>{const n=He(t),s=He(e);if(!n||!s)return Ue(t,e);const i={...n};return t=>(i.red=Ye(n.red,s.red,t),i.green=Ye(n.green,s.green,t),i.blue=Ye(n.blue,s.blue,t),i.alpha=We(n.alpha,s.alpha,t),Lt.transform(i))},_e=new Set(["none","hidden"]);function Ge(t,e){return n=>We(t,e,n)}function Ze(t){return"number"==typeof t?Ge:"string"==typeof t?nt(t)?Ue:Wt.test(t)?Xe:tn:Array.isArray(t)?Je:"object"==typeof t?Wt.test(t)?Xe:Qe:Ue}function Je(t,e){const n=[...t],s=n.length,i=t.map(((t,n)=>Ze(t)(t,e[n])));return t=>{for(let e=0;e<s;e++)n[e]=i[e](t);return n}}function Qe(t,e){const n={...t,...e},s={};for(const i in n)void 0!==t[i]&&void 0!==e[i]&&(s[i]=Ze(t[i])(t[i],e[i]));return t=>{for(const e in s)n[e]=s[e](t);return n}}const tn=(t,e)=>{const n=Zt.createTransformer(e),s=Ht(t),i=Ht(e);return s.indexes.var.length===i.indexes.var.length&&s.indexes.color.length===i.indexes.color.length&&s.indexes.number.length>=i.indexes.number.length?_e.has(t)&&!i.values.length||_e.has(e)&&!s.values.length?(r=t,o=e,_e.has(r)?t=>t<=0?r:o:t=>t>=1?o:r):Ke(Je(function(t,e){var n;const s=[],i={color:0,var:0,number:0};for(let r=0;r<e.values.length;r++){const o=e.types[r],a=t.indexes[o][i[o]],l=null!==(n=t.values[a])&&void 0!==n?n:0;s[r]=l,i[o]++}return s}(s,i),i.values),n):(O(!0,`Complex values '${t}' and '${e}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),Ue(t,e));var r,o};function en(t,e,n){return"number"==typeof t&&"number"==typeof e&&"number"==typeof n?We(t,e,n):Ze(t)(t,e)}function nn({duration:t=300,keyframes:e,times:n,ease:s="easeInOut"}){const i=(l=s,Array.isArray(l)&&"number"!=typeof l[0]?s.map(Le):Le(s)),r={done:!1,value:e[0]},o=function(t,e){return t.map((t=>t*e))}(n&&n.length===e.length?n:function(t){const e=[0];return function(t,e){const n=t[t.length-1];for(let s=1;s<=e;s++){const i=ye(0,e,s);t.push(We(n,1,i))}}(e,t.length-1),e}(e),t),a=function(t,e,{clamp:n=!0,ease:s,mixer:i}={}){const r=t.length;if(I(r===e.length,"Both input and output ranges must be the same length"),1===r)return()=>e[0];if(2===r&&t[0]===t[1])return()=>e[1];t[0]>t[r-1]&&(t=[...t].reverse(),e=[...e].reverse());const o=function(t,e,n){const s=[],i=n||en,r=t.length-1;for(let o=0;o<r;o++){let n=i(t[o],t[o+1]);if(e){const t=Array.isArray(e)?e[o]||F:e;n=Ke(t,n)}s.push(n)}return s}(e,s,i),a=o.length,l=e=>{let n=0;if(a>1)for(;n<t.length-2&&!(e<t[n+1]);n++);const s=ye(t[n],t[n+1],e);return o[n](s)};return n?e=>l(ot(t[0],t[r-1],e)):l}(o,e,{ease:Array.isArray(i)?i:(u=e,c=i,u.map((()=>c||De)).splice(0,u.length-1))});var l,u,c;return{calculatedDuration:t,next:e=>(r.value=a(e),r.done=e>=t,r)}}const sn=t=>{const e=({timestamp:e})=>t(e);return{start:()=>D.update(e,!0),stop:()=>B(e),now:()=>N.isProcessing?N.timestamp:me.now()}},rn={decay:Ie,inertia:Ie,tween:nn,keyframes:nn,spring:Oe},on=t=>t/100;class an extends ve{constructor(t){super(t),this.holdTime=null,this.cancelTime=null,this.currentTime=0,this.playbackSpeed=1,this.pendingPlayState="running",this.startTime=null,this.state="idle",this.stop=()=>{if(this.resolver.cancel(),this.isStopped=!0,"idle"===this.state)return;this.teardown();const{onStop:t}=this.options;t&&t()};const{name:e,motionValue:n,element:s,keyframes:i}=this.options,r=(null==s?void 0:s.KeyframeResolver)||Ot;this.resolver=new r(i,((t,e)=>this.onKeyframesResolved(t,e)),e,n,s),this.resolver.scheduleResolve()}flatten(){super.flatten(),this._resolved&&Object.assign(this._resolved,this.initPlayback(this._resolved.keyframes))}initPlayback(t){const{type:e="keyframes",repeat:n=0,repeatDelay:s=0,repeatType:i,velocity:r=0}=this.options,o=he(e)?e:rn[e]||nn;let a,l;o!==nn&&"number"!=typeof t[0]&&("production"!==process.env.NODE_ENV&&I(2===t.length,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`),a=Ke(on,en(t[0],t[1])),t=[0,100]);const u=o({...this.options,keyframes:t});"mirror"===i&&(l=o({...this.options,keyframes:[...t].reverse(),velocity:-r})),null===u.calculatedDuration&&(u.calculatedDuration=Pe(u));const{calculatedDuration:c}=u,h=c+s;return{generator:u,mirroredGenerator:l,mapPercentToKeyframes:a,calculatedDuration:c,resolvedDuration:h,totalDuration:h*(n+1)-s}}onPostResolved(){const{autoplay:t=!0}=this.options;this.play(),"paused"!==this.pendingPlayState&&t?this.state=this.pendingPlayState:this.pause()}tick(t,e=!1){const{resolved:n}=this;if(!n){const{keyframes:t}=this.options;return{done:!0,value:t[t.length-1]}}const{finalKeyframe:s,generator:i,mirroredGenerator:r,mapPercentToKeyframes:o,keyframes:a,calculatedDuration:l,totalDuration:u,resolvedDuration:c}=n;if(null===this.startTime)return i.next(0);const{delay:h,repeat:d,repeatType:p,repeatDelay:m,onUpdate:f}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-u/this.speed,this.startTime)),e?this.currentTime=t:null!==this.holdTime?this.currentTime=this.holdTime:this.currentTime=Math.round(t-this.startTime)*this.speed;const v=this.currentTime-h*(this.speed>=0?1:-1),y=this.speed>=0?v<0:v>u;this.currentTime=Math.max(v,0),"finished"===this.state&&null===this.holdTime&&(this.currentTime=u);let g=this.currentTime,w=i;if(d){const t=Math.min(this.currentTime,u)/c;let e=Math.floor(t),n=t%1;!n&&t>=1&&(n=1),1===n&&e--,e=Math.min(e,d+1),Boolean(e%2)&&("reverse"===p?(n=1-n,m&&(n-=m/c)):"mirror"===p&&(w=r)),g=ot(0,1,n)*c}const b=y?{done:!1,value:a[0]}:w.next(g);o&&(b.value=o(b.value));let{done:x}=b;y||null===l||(x=this.speed>=0?this.currentTime>=u:this.currentTime<=0);const S=null===this.holdTime&&("finished"===this.state||"running"===this.state&&x);return S&&void 0!==s&&(b.value=E(a,this.options,s)),f&&f(b.value),S&&this.finish(),b}get duration(){const{resolved:t}=this;return t?T(t.calculatedDuration):0}get time(){return T(this.currentTime)}set time(t){t=S(t),this.currentTime=t,null!==this.holdTime||0===this.speed?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.speed)}get speed(){return this.playbackSpeed}set speed(t){const e=this.playbackSpeed!==t;this.playbackSpeed=t,e&&(this.time=T(this.currentTime))}play(){if(this.resolver.isScheduled||this.resolver.resume(),!this._resolved)return void(this.pendingPlayState="running");if(this.isStopped)return;const{driver:t=sn,onPlay:e,startTime:n}=this.options;this.driver||(this.driver=t((t=>this.tick(t)))),e&&e();const s=this.driver.now();null!==this.holdTime?this.startTime=s-this.holdTime:this.startTime?"finished"===this.state&&(this.startTime=s):this.startTime=null!=n?n:this.calcStartTime(),"finished"===this.state&&this.updateFinishedPromise(),this.cancelTime=this.startTime,this.holdTime=null,this.state="running",this.driver.start()}pause(){var t;this._resolved?(this.state="paused",this.holdTime=null!==(t=this.currentTime)&&void 0!==t?t:0):this.pendingPlayState="paused"}complete(){"running"!==this.state&&this.play(),this.pendingPlayState=this.state="finished",this.holdTime=null}finish(){this.teardown(),this.state="finished";const{onComplete:t}=this.options;t&&t()}cancel(){null!==this.cancelTime&&this.tick(this.cancelTime),this.teardown(),this.updateFinishedPromise()}teardown(){this.state="idle",this.stopDriver(),this.resolveFinishedPromise(),this.updateFinishedPromise(),this.startTime=this.cancelTime=null,this.resolver.cancel()}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}}const ln=new Set(["opacity","clipPath","filter","transform"]);function un(t){let e;return()=>(void 0===e&&(e=t()),e)}const cn={linearEasing:void 0};const hn=function(t,e){const n=un(t);return()=>{var t;return null!==(t=cn[e])&&void 0!==t?t:n()}}((()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch(Ti){return!1}return!0}),"linearEasing");function dn(t){return Boolean("function"==typeof t&&hn()||!t||"string"==typeof t&&(t in mn||hn())||Be(t)||Array.isArray(t)&&t.every(dn))}const pn=([t,e,n,s])=>`cubic-bezier(${t}, ${e}, ${n}, ${s})`,mn={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:pn([0,.65,.55,1]),circOut:pn([.55,0,1,.45]),backIn:pn([.31,.01,.66,-.59]),backOut:pn([.33,1.53,.69,.99])};function fn(t,e){return t?"function"==typeof t&&hn()?ge(t,e):Be(t)?pn(t):Array.isArray(t)?t.map((t=>fn(t,e)||mn.easeOut)):mn[t]:void 0}function vn(t,e,n,{delay:s=0,duration:i=300,repeat:r=0,repeatType:o="loop",ease:a="easeInOut",times:l}={}){const u={[e]:n};l&&(u.offset=l);const c=fn(a,i);return Array.isArray(c)&&(u.easing=c),t.animate(u,{delay:s,duration:i,easing:Array.isArray(c)?"linear":c,fill:"both",iterations:r+1,direction:"reverse"===o?"alternate":"normal"})}function yn(t,e){t.timeline=e,t.onfinish=null}const gn=un((()=>Object.hasOwnProperty.call(Element.prototype,"animate"))),wn={anticipate:H,backInOut:z,circInOut:G};class bn extends ve{constructor(t){super(t);const{name:e,motionValue:n,element:s,keyframes:i}=this.options;this.resolver=new ce(i,((t,e)=>this.onKeyframesResolved(t,e)),e,n,s),this.resolver.scheduleResolve()}initPlayback(t,e){var n;let{duration:s=300,times:i,ease:r,type:o,motionValue:a,name:l,startTime:u}=this.options;if(!(null===(n=a.owner)||void 0===n?void 0:n.current))return!1;var c;if("string"==typeof r&&hn()&&r in wn&&(r=wn[r]),he((c=this.options).type)||"spring"===c.type||!dn(c.ease)){const{onComplete:e,onUpdate:n,motionValue:a,element:l,...u}=this.options,c=function(t,e){const n=new an({...e,keyframes:t,repeat:0,delay:0,isGenerator:!0});let s={done:!1,value:t[0]};const i=[];let r=0;for(;!s.done&&r<2e4;)s=n.sample(r),i.push(s.value),r+=10;return{times:void 0,keyframes:i,duration:r-10,ease:"linear"}}(t,u);1===(t=c.keyframes).length&&(t[1]=t[0]),s=c.duration,i=c.times,r=c.ease,o="keyframes"}const h=vn(a.owner.current,l,t,{...this.options,duration:s,times:i,ease:r});return h.startTime=null!=u?u:this.calcStartTime(),this.pendingTimeline?(yn(h,this.pendingTimeline),this.pendingTimeline=void 0):h.onfinish=()=>{const{onComplete:n}=this.options;a.set(E(t,this.options,e)),n&&n(),this.cancel(),this.resolveFinishedPromise()},{animation:h,duration:s,times:i,type:o,ease:r,keyframes:t}}get duration(){const{resolved:t}=this;if(!t)return 0;const{duration:e}=t;return T(e)}get time(){const{resolved:t}=this;if(!t)return 0;const{animation:e}=t;return T(e.currentTime||0)}set time(t){const{resolved:e}=this;if(!e)return;const{animation:n}=e;n.currentTime=S(t)}get speed(){const{resolved:t}=this;if(!t)return 1;const{animation:e}=t;return e.playbackRate}set speed(t){const{resolved:e}=this;if(!e)return;const{animation:n}=e;n.playbackRate=t}get state(){const{resolved:t}=this;if(!t)return"idle";const{animation:e}=t;return e.playState}get startTime(){const{resolved:t}=this;if(!t)return null;const{animation:e}=t;return e.startTime}attachTimeline(t){if(this._resolved){const{resolved:e}=this;if(!e)return F;const{animation:n}=e;yn(n,t)}else this.pendingTimeline=t;return F}play(){if(this.isStopped)return;const{resolved:t}=this;if(!t)return;const{animation:e}=t;"finished"===e.playState&&this.updateFinishedPromise(),e.play()}pause(){const{resolved:t}=this;if(!t)return;const{animation:e}=t;e.pause()}stop(){if(this.resolver.cancel(),this.isStopped=!0,"idle"===this.state)return;this.resolveFinishedPromise(),this.updateFinishedPromise();const{resolved:t}=this;if(!t)return;const{animation:e,keyframes:n,duration:s,type:i,ease:r,times:o}=t;if("idle"===e.playState||"finished"===e.playState)return;if(this.time){const{motionValue:t,onUpdate:e,onComplete:a,element:l,...u}=this.options,c=new an({...u,keyframes:n,duration:s,type:i,ease:r,times:o,isGenerator:!0}),h=S(this.time);t.setWithVelocity(c.sample(h-10).value,c.sample(h).value,10)}const{onStop:a}=this.options;a&&a(),this.cancel()}complete(){const{resolved:t}=this;t&&t.animation.finish()}cancel(){const{resolved:t}=this;t&&t.animation.cancel()}static supports(t){const{motionValue:e,name:n,repeatDelay:s,repeatType:i,damping:r,type:o}=t;return gn()&&n&&ln.has(n)&&e&&e.owner&&e.owner.current instanceof HTMLElement&&!e.owner.getProps().onUpdate&&!s&&"mirror"!==i&&0!==r&&"inertia"!==o}}const xn=un((()=>void 0!==window.ScrollTimeline));class Sn{constructor(t){this.stop=()=>this.runAll("stop"),this.animations=t.filter(Boolean)}then(t,e){return Promise.all(this.animations).then(t).catch(e)}getAll(t){return this.animations[0][t]}setAll(t,e){for(let n=0;n<this.animations.length;n++)this.animations[n][t]=e}attachTimeline(t,e){const n=this.animations.map((n=>xn()&&n.attachTimeline?n.attachTimeline(t):e(n)));return()=>{n.forEach(((t,e)=>{t&&t(),this.animations[e].stop()}))}}get time(){return this.getAll("time")}set time(t){this.setAll("time",t)}get speed(){return this.getAll("speed")}set speed(t){this.setAll("speed",t)}get startTime(){return this.getAll("startTime")}get duration(){let t=0;for(let e=0;e<this.animations.length;e++)t=Math.max(t,this.animations[e].duration);return t}runAll(t){this.animations.forEach((e=>e[t]()))}flatten(){this.runAll("flatten")}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}const Tn=(t,e,n,s={},i,r)=>o=>{const a=P(s,t)||{},l=a.delay||s.delay||0;let{elapsed:u=0}=s;u-=S(l);let c={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:e.getVelocity(),...a,delay:-u,onUpdate:t=>{e.set(t),a.onUpdate&&a.onUpdate(t)},onComplete:()=>{o(),a.onComplete&&a.onComplete()},name:t,motionValue:e,element:r?void 0:i};(function({when:t,delay:e,delayChildren:n,staggerChildren:s,staggerDirection:i,repeat:r,repeatType:o,repeatDelay:a,from:l,elapsed:u,...c}){return!!Object.keys(c).length})(a)||(c={...c,...M(t,c)}),c.duration&&(c.duration=S(c.duration)),c.repeatDelay&&(c.repeatDelay=S(c.repeatDelay)),void 0!==c.from&&(c.keyframes[0]=c.from);let h=!1;if((!1===c.type||0===c.duration&&!c.repeatDelay)&&(c.duration=0,0===c.delay&&(h=!0)),h&&!r&&void 0!==e.get()){const t=E(c.keyframes,a);if(void 0!==t)return D.update((()=>{c.onUpdate(t),c.onComplete()})),new Sn([])}return!r&&bn.supports(c)?new bn(c):new an(c)};class An{constructor(){this.subscriptions=[]}add(t){var e,n;return e=this.subscriptions,n=t,-1===e.indexOf(n)&&e.push(n),()=>function(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}(this.subscriptions,t)}notify(t,e,n){const s=this.subscriptions.length;if(s)if(1===s)this.subscriptions[0](t,e,n);else for(let i=0;i<s;i++){const s=this.subscriptions[i];s&&s(t,e,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}class Cn{constructor(t,e={}){this.version="11.15.0",this.canTrackVelocity=null,this.events={},this.updateAndNotify=(t,e=!0)=>{const n=me.now();this.updatedAt!==n&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(t),this.current!==this.prev&&this.events.change&&this.events.change.notify(this.current),e&&this.events.renderRequest&&this.events.renderRequest.notify(this.current)},this.hasAnimated=!1,this.setCurrent(t),this.owner=e.owner}setCurrent(t){var e;this.current=t,this.updatedAt=me.now(),null===this.canTrackVelocity&&void 0!==t&&(this.canTrackVelocity=(e=this.current,!isNaN(parseFloat(e))))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return"production"!==process.env.NODE_ENV&&c(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,e){this.events[t]||(this.events[t]=new An);const n=this.events[t].add(e);return"change"===t?()=>{n(),D.read((()=>{this.events.change.getSize()||this.stop()}))}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,e){this.passiveEffect=t,this.stopPassiveEffect=e}set(t,e=!0){e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)}setWithVelocity(t,e,n){this.set(e),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-n}jump(t,e=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,e&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=me.now();if(!this.canTrackVelocity||void 0===this.prevFrameValue||t-this.updatedAt>30)return 0;const e=Math.min(this.updatedAt-this.prevUpdatedAt,30);return we(parseFloat(this.current)-parseFloat(this.prevFrameValue),e)}start(t){return this.stop(),new Promise((e=>{this.hasAnimated=!0,this.animation=t(e),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(){this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function Vn(t,e){return new Cn(t,e)}function Mn(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,Vn(n))}const Pn=t=>t.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),kn="data-"+Pn("framerAppearId");function En(t){return t.props[kn]}const Fn=t=>Boolean(t&&t.getVelocity);function On(t,e){const n=t.getValue("willChange");if(s=n,Boolean(Fn(s)&&s.add))return n.add(e);var s}function In({protectedKeys:t,needsAnimating:e},n){const s=t.hasOwnProperty(n)&&!0!==e[n];return e[n]=!1,s}function Rn(t,e,{delay:n=0,transitionOverride:s,type:i}={}){var r;let{transition:o=t.getDefaultTransition(),transitionEnd:a,...l}=e;s&&(o=s);const u=[],c=i&&t.animationState&&t.animationState.getState()[i];for(const h in l){const e=t.getValue(h,null!==(r=t.latestValues[h])&&void 0!==r?r:null),s=l[h];if(void 0===s||c&&In(c,h))continue;const i={delay:n,...P(o||{},h)};let a=!1;if(window.MotionHandoffAnimation){const e=En(t);if(e){const t=window.MotionHandoffAnimation(e,h,D);null!==t&&(i.startTime=t,a=!0)}}On(t,h),e.start(Tn(h,e,s,t.shouldReduceMotion&&x.has(h)?{type:!1}:i,t,a));const d=e.animation;d&&u.push(d)}return a&&Promise.all(u).then((()=>{D.update((()=>{a&&function(t,e){const n=y(t,e);let{transitionEnd:s={},transition:i={},...r}=n||{};r={...r,...s};for(const a in r)Mn(t,a,(o=r[a],d(o)?o[o.length-1]||0:o));var o}(t,a)}))})),u}function jn(t,e,n={}){var s;const i=y(t,e,"exit"===n.type?null===(s=t.presenceContext)||void 0===s?void 0:s.custom:void 0);let{transition:r=t.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(r=n.transitionOverride);const o=i?()=>Promise.all(Rn(t,i,n)):()=>Promise.resolve(),a=t.variantChildren&&t.variantChildren.size?(s=0)=>{const{delayChildren:i=0,staggerChildren:o,staggerDirection:a}=r;return function(t,e,n=0,s=0,i=1,r){const o=[],a=(t.variantChildren.size-1)*s,l=1===i?(t=0)=>t*s:(t=0)=>a-t*s;return Array.from(t.variantChildren).sort(Dn).forEach(((t,s)=>{t.notify("AnimationStart",e),o.push(jn(t,e,{...r,delay:n+l(s)}).then((()=>t.notify("AnimationComplete",e))))})),Promise.all(o)}(t,e,i+s,o,a,n)}:()=>Promise.resolve(),{when:l}=r;if(l){const[t,e]="beforeChildren"===l?[o,a]:[a,o];return t().then((()=>e()))}return Promise.all([o(),a(n.delay)])}function Dn(t,e){return t.sortNodePosition(e)}const Bn=w.length;function Nn(t){if(!t)return;if(!t.isControllingVariants){const e=t.parent&&Nn(t.parent)||{};return void 0!==t.props.initial&&(e.initial=t.props.initial),e}const e={};for(let n=0;n<Bn;n++){const s=w[n],i=t.props[s];(m(i)||!1===i)&&(e[s]=i)}return e}const Ln=[...g].reverse(),$n=g.length;function Kn(t){let e=function(t){return e=>Promise.all(e.map((({animation:e,options:n})=>function(t,e,n={}){let s;if(t.notify("AnimationStart",e),Array.isArray(e)){const i=e.map((e=>jn(t,e,n)));s=Promise.all(i)}else if("string"==typeof e)s=jn(t,e,n);else{const i="function"==typeof e?y(t,e,n.custom):e;s=Promise.all(Rn(t,i,n))}return s.then((()=>{t.notify("AnimationComplete",e)}))}(t,e,n))))}(t),n=Un(),s=!0;const i=e=>(n,s)=>{var i;const r=y(t,s,"exit"===e?null===(i=t.presenceContext)||void 0===i?void 0:i.custom:void 0);if(r){const{transition:t,transitionEnd:e,...s}=r;n={...n,...s,...e}}return n};function r(r){const{props:o}=t,a=Nn(t.parent)||{},l=[],u=new Set;let c={},f=1/0;for(let e=0;e<$n;e++){const v=Ln[e],y=n[v],g=void 0!==o[v]?o[v]:a[v],w=m(g),b=v===r?y.isActive:null;!1===b&&(f=e);let x=g===a[v]&&g!==o[v]&&w;if(x&&s&&t.manuallyAnimateOnMount&&(x=!1),y.protectedKeys={...c},!y.isActive&&null===b||!g&&!y.prevProp||h(g)||"boolean"==typeof g)continue;const S=Wn(y.prevProp,g);let T=S||v===r&&y.isActive&&!x&&w||e>f&&w,A=!1;const C=Array.isArray(g)?g:[g];let V=C.reduce(i(v),{});!1===b&&(V={});const{prevResolvedValues:M={}}=y,P={...M,...V},k=e=>{T=!0,u.has(e)&&(A=!0,u.delete(e)),y.needsAnimating[e]=!0;const n=t.getValue(e);n&&(n.liveStyle=!1)};for(const t in P){const e=V[t],n=M[t];if(c.hasOwnProperty(t))continue;let s=!1;s=d(e)&&d(n)?!p(e,n):e!==n,s?null!=e?k(t):u.add(t):void 0!==e&&u.has(t)?k(t):y.protectedKeys[t]=!0}y.prevProp=g,y.prevResolvedValues=V,y.isActive&&(c={...c,...V}),s&&t.blockInitialAnimation&&(T=!1),T&&(!x||!S||A)&&l.push(...C.map((t=>({animation:t,options:{type:v}}))))}if(u.size){const e={};u.forEach((n=>{const s=t.getBaseTarget(n),i=t.getValue(n);i&&(i.liveStyle=!0),e[n]=null!=s?s:null})),l.push({animation:e})}let v=Boolean(l.length);return!s||!1!==o.initial&&o.initial!==o.animate||t.manuallyAnimateOnMount||(v=!1),s=!1,v?e(l):Promise.resolve()}return{animateChanges:r,setActive:function(e,s){var i;if(n[e].isActive===s)return Promise.resolve();null===(i=t.variantChildren)||void 0===i||i.forEach((t=>{var n;return null===(n=t.animationState)||void 0===n?void 0:n.setActive(e,s)})),n[e].isActive=s;const o=r(e);for(const t in n)n[t].protectedKeys={};return o},setAnimateFunction:function(n){e=n(t)},getState:()=>n,reset:()=>{n=Un(),s=!0}}}function Wn(t,e){return"string"==typeof e?e!==t:!!Array.isArray(e)&&!p(e,t)}function qn(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function Un(){return{animate:qn(!0),whileInView:qn(),whileHover:qn(),whileTap:qn(),whileDrag:qn(),whileFocus:qn(),exit:qn()}}class Yn{constructor(t){this.isMounted=!1,this.node=t}update(){}}let zn=0;const Hn={animation:{Feature:class extends Yn{constructor(t){super(t),t.animationState||(t.animationState=Kn(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();h(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:e}=this.node.prevProps||{};t!==e&&this.updateAnimationControlsSubscription()}unmount(){var t;this.node.animationState.reset(),null===(t=this.unmountControls)||void 0===t||t.call(this)}}},exit:{Feature:class extends Yn{constructor(){super(...arguments),this.id=zn++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:e}=this.node.presenceContext,{isPresent:n}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===n)return;const s=this.node.animationState.setActive("exit",!t);e&&!t&&s.then((()=>e(this.id)))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}}};function Xn(t){return{point:{x:t.pageX,y:t.pageY}}}function _n(t,e,n,s={passive:!0}){return t.addEventListener(e,n,s),()=>t.removeEventListener(e,n)}function Gn(t){return t&&"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}const Zn=()=>({x:{min:0,max:0},y:{min:0,max:0}}),Jn=e.createContext(null),Qn=e.createContext({}),ts=e.createContext({}),es={},{schedule:ns,cancel:ss}=j(queueMicrotask,!1);function is(t){const e=Fn(t)?t.get():t;return n=e,Boolean(n&&"object"==typeof n&&n.mix&&n.toValue)?e.toValue():e;var n}function rs(t,e){const n=function(t){if(t instanceof Element)return[t];if("string"==typeof t){const e=document.querySelectorAll(t);return e?Array.from(e):[]}return Array.from(t)}(t),s=new AbortController;return[n,{passive:!0,...e,signal:s.signal},()=>s.abort()]}function os(t){return e=>{"touch"===e.pointerType||t(e)}}function as(t,e,n){const{props:s}=t;t.animationState&&s.whileHover&&t.animationState.setActive("whileHover","Start"===n);const i=s["onHover"+n];i&&D.postRender((()=>i(e,Xn(e))))}const ls=new WeakSet;function us(t){return e=>{"Enter"===e.key&&t(e)}}function cs(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}const hs=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]),ds=(t,e)=>!!e&&(t===e||ds(t,e.parentElement));function ps(t){return("mouse"===(e=t).pointerType?"number"!=typeof e.button||e.button<=0:!1!==e.isPrimary)&&!0;var e}function ms(t,e,n){const{props:s}=t;t.animationState&&s.whileTap&&t.animationState.setActive("whileTap","Start"===n);const i=s["onTap"+("End"===n?"":n)];i&&D.postRender((()=>i(e,Xn(e))))}const fs=new WeakMap,vs=new WeakMap,ys=t=>{const e=fs.get(t.target);e&&e(t)},gs=t=>{t.forEach(ys)};const ws={some:0,all:1},bs={inView:{Feature:class extends Yn{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:e,margin:n,amount:s="some",once:i}=t,r={root:e?e.current:void 0,rootMargin:n,threshold:"number"==typeof s?s:ws[s]};return function(t,e,n){const s=function({root:t,...e}){const n=t||document;vs.has(n)||vs.set(n,{});const s=vs.get(n),i=JSON.stringify(e);return s[i]||(s[i]=new IntersectionObserver(gs,{root:t,...e})),s[i]}(e);return fs.set(t,n),s.observe(t),()=>{fs.delete(t),s.unobserve(t)}}(this.node.current,r,(t=>{const{isIntersecting:e}=t;if(this.isInView===e)return;if(this.isInView=e,i&&!e&&this.hasEnteredView)return;e&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",e);const{onViewportEnter:n,onViewportLeave:s}=this.node.getProps(),r=e?n:s;r&&r(t)}))}mount(){this.startObserver()}update(){if("undefined"==typeof IntersectionObserver)return;const{props:t,prevProps:e}=this.node;["amount","margin","root"].some(function({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}(t,e))&&this.startObserver()}unmount(){}}},tap:{Feature:class extends Yn{mount(){const{current:t}=this.node;t&&(this.unmount=function(t,e,n={}){const[s,i,r]=rs(t,n),o=t=>{const s=t.currentTarget;if(!ps(t)||ls.has(s))return;ls.add(s);const r=e(t),o=(t,e)=>{window.removeEventListener("pointerup",a),window.removeEventListener("pointercancel",l),ps(t)&&ls.has(s)&&(ls.delete(s),r&&r(t,{success:e}))},a=t=>{o(t,n.useGlobalTarget||ds(s,t.target))},l=t=>{o(t,!1)};window.addEventListener("pointerup",a,i),window.addEventListener("pointercancel",l,i)};return s.forEach((t=>{var e;e=t,hs.has(e.tagName)||-1!==e.tabIndex||(t.tabIndex=0),(n.useGlobalTarget?window:t).addEventListener("pointerdown",o,i),t.addEventListener("focus",(t=>((t,e)=>{const n=t.currentTarget;if(!n)return;const s=us((()=>{if(ls.has(n))return;cs(n,"down");const t=us((()=>{cs(n,"up")}));n.addEventListener("keyup",t,e),n.addEventListener("blur",(()=>cs(n,"cancel")),e)}));n.addEventListener("keydown",s,e),n.addEventListener("blur",(()=>n.removeEventListener("keydown",s)),e)})(t,i)),i)})),r}(t,(t=>(ms(this.node,t,"Start"),(t,{success:e})=>ms(this.node,t,e?"End":"Cancel"))),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}},focus:{Feature:class extends Yn{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch(Ai){t=!0}t&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Ke(_n(this.node.current,"focus",(()=>this.onFocus())),_n(this.node.current,"blur",(()=>this.onBlur())))}unmount(){}}},hover:{Feature:class extends Yn{mount(){const{current:t}=this.node;t&&(this.unmount=function(t,e,n={}){const[s,i,r]=rs(t,n),o=os((t=>{const{target:n}=t,s=e(t);if(!s||!n)return;const r=os((t=>{s(t),n.removeEventListener("pointerleave",r)}));n.addEventListener("pointerleave",r,i)}));return s.forEach((t=>{t.addEventListener("pointerenter",o,i)})),r}(t,(t=>(as(this.node,t,"Start"),t=>as(this.node,t,"End")))))}unmount(){}}}},xs=e.createContext({transformPagePoint:t=>t,isStatic:!1,reducedMotion:"never"}),Ss=e.createContext({}),Ts="undefined"!=typeof window,As=Ts?e.useLayoutEffect:e.useEffect,Cs=e.createContext({strict:!1});function Vs(t,n,s,i,r){var o,a;const{visualElement:l}=e.useContext(Ss),u=e.useContext(Cs),c=e.useContext(Jn),h=e.useContext(xs).reducedMotion,d=e.useRef(null);i=i||u.renderer,!d.current&&i&&(d.current=i(t,{visualState:n,parent:l,props:s,presenceContext:c,blockInitialAnimation:!!c&&!1===c.initial,reducedMotionConfig:h}));const p=d.current,m=e.useContext(ts);!p||p.projection||!r||"html"!==p.type&&"svg"!==p.type||function(t,e,n,s){const{layoutId:i,layout:r,drag:o,dragConstraints:a,layoutScroll:l,layoutRoot:u}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:Ms(t.parent)),t.projection.setOptions({layoutId:i,layout:r,alwaysMeasureLayout:Boolean(o)||a&&Gn(a),visualElement:t,animationType:"string"==typeof r?r:"both",initialPromotionConfig:s,layoutScroll:l,layoutRoot:u})}(d.current,s,r,m);const f=e.useRef(!1);e.useInsertionEffect((()=>{p&&f.current&&p.update(s,c)}));const v=s[kn],y=e.useRef(Boolean(v)&&!(null===(o=window.MotionHandoffIsComplete)||void 0===o?void 0:o.call(window,v))&&(null===(a=window.MotionHasOptimisedAnimation)||void 0===a?void 0:a.call(window,v)));return As((()=>{p&&(f.current=!0,window.MotionIsMounted=!0,p.updateFeatures(),ns.render(p.render),y.current&&p.animationState&&p.animationState.animateChanges())})),e.useEffect((()=>{p&&(!y.current&&p.animationState&&p.animationState.animateChanges(),y.current&&(queueMicrotask((()=>{var t;null===(t=window.MotionHandoffMarkAsComplete)||void 0===t||t.call(window,v)})),y.current=!1))})),p}function Ms(t){if(t)return!1!==t.options.allowProjection?t.projection:Ms(t.parent)}function Ps(t,n,s){return e.useCallback((e=>{e&&t.mount&&t.mount(e),n&&(e?n.mount(e):n.unmount()),s&&("function"==typeof s?s(e):Gn(s)&&(s.current=e))}),[n])}function ks(t){return h(t.animate)||w.some((e=>m(t[e])))}function Es(t){return Boolean(ks(t)||t.variants)}function Fs(t){return Array.isArray(t)?t.join(" "):t}const Os={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},Is={};for(const ki in Os)Is[ki]={isEnabled:t=>Os[ki].some((e=>!!t[e]))};function Rs(t){for(const e in t)Is[e]={...Is[e],...t[e]}}const js=Symbol.for("motionComponentSymbol");function Ds({preloadedFeatures:n,createVisualElement:s,useRender:i,useVisualState:r,Component:o}){n&&Rs(n);const a=e.forwardRef((function(a,l){let u;const c={...e.useContext(xs),...a,layoutId:Bs(a)},{isStatic:h}=c,d=function(t){const{initial:n,animate:s}=function(t,e){if(ks(t)){const{initial:e,animate:n}=t;return{initial:!1===e||m(e)?e:void 0,animate:m(n)?n:void 0}}return!1!==t.inherit?e:{}}(t,e.useContext(Ss));return e.useMemo((()=>({initial:n,animate:s})),[Fs(n),Fs(s)])}(a),p=r(a,h);if(!h&&Ts){!function(t,n){const s=e.useContext(Cs).strict;if("production"!==process.env.NODE_ENV&&n&&s){const e="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?O(!1,e):I(!1,e)}}(c,n);const t=function(t){const{drag:e,layout:n}=Is;if(!e&&!n)return{};const s={...e,...n};return{MeasureLayout:(null==e?void 0:e.isEnabled(t))||(null==n?void 0:n.isEnabled(t))?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}(c);u=t.MeasureLayout,d.visualElement=Vs(o,p,c,s,t.ProjectionNode)}return t.jsxs(Ss.Provider,{value:d,children:[u&&d.visualElement?t.jsx(u,{visualElement:d.visualElement,...c}):null,i(o,a,Ps(p,d.visualElement,l),p,h,d.visualElement)]})}));return a[js]=o,a}function Bs({layoutId:t}){const n=e.useContext(Qn).id;return n&&void 0!==t?n+"-"+t:t}const Ns=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function Ls(t){return"string"==typeof t&&!t.includes("-")&&!!(Ns.indexOf(t)>-1||/[A-Z]/u.test(t))}function $s(t,{style:e,vars:n},s,i){Object.assign(t.style,e,i&&i.getProjectionStyles(s));for(const r in n)t.style.setProperty(r,n[r])}const Ks=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function Ws(t,e,n,s){$s(t,e,void 0,s);for(const i in e.attrs)t.setAttribute(Ks.has(i)?i:Pn(i),e.attrs[i])}function qs(t,{layout:e,layoutId:n}){return x.has(t)||t.startsWith("origin")||(e||void 0!==n)&&(!!es[t]||"opacity"===t)}function Us(t,e,n){var s;const{style:i}=t,r={};for(const o in i)(Fn(i[o])||e.style&&Fn(e.style[o])||qs(o,t)||void 0!==(null===(s=null==n?void 0:n.getValue(o))||void 0===s?void 0:s.liveStyle))&&(r[o]=i[o]);return r}function Ys(t,e,n){const s=Us(t,e,n);for(const i in t)(Fn(t[i])||Fn(e[i]))&&(s[-1!==b.indexOf(i)?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i]=t[i]);return s}const zs=t=>(n,s)=>{const i=e.useContext(Ss),r=e.useContext(Jn),o=()=>function({scrapeMotionValuesFromProps:t,createRenderState:e,onMount:n},s,i,r){const o={latestValues:Hs(s,i,r,t),renderState:e()};return n&&(o.mount=t=>n(s,t,o)),o}(t,n,i,r);return s?o():function(t){const n=e.useRef(null);return null===n.current&&(n.current=t()),n.current}(o)};function Hs(t,e,n,s){const i={},r=s(t,{});for(const h in r)i[h]=is(r[h]);let{initial:o,animate:a}=t;const l=ks(t),u=Es(t);e&&u&&!l&&!1!==t.inherit&&(void 0===o&&(o=e.initial),void 0===a&&(a=e.animate));let c=!!n&&!1===n.initial;c=c||!1===o;const d=c?a:o;if(d&&"boolean"!=typeof d&&!h(d)){const e=Array.isArray(d)?d:[d];for(let n=0;n<e.length;n++){const s=v(t,e[n]);if(s){const{transitionEnd:t,transition:e,...n}=s;for(const s in n){let t=n[s];Array.isArray(t)&&(t=t[c?t.length-1:0]),null!==t&&(i[s]=t)}for(const s in t)i[s]=t[s]}}}return i}const Xs=(t,e)=>e&&"number"==typeof t?e.transform(t):t,_s={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Gs=b.length;function Zs(t,e,n){const{style:s,vars:i,transformOrigin:r}=t;let o=!1,a=!1;for(const l in e){const t=e[l];if(x.has(l))o=!0;else if(tt(l))i[l]=t;else{const e=Xs(t,re[l]);l.startsWith("origin")?(a=!0,r[l]=e):s[l]=e}}if(e.transform||(o||n?s.transform=function(t,e,n){let s="",i=!0;for(let r=0;r<Gs;r++){const o=b[r],a=t[o];if(void 0===a)continue;let l=!0;if(l="number"==typeof a?a===(o.startsWith("scale")?1:0):0===parseFloat(a),!l||n){const t=Xs(a,re[o]);l||(i=!1,s+=`${_s[o]||o}(${t}) `),n&&(e[o]=t)}}return s=s.trim(),n?s=n(e,i?"":s):i&&(s="none"),s}(e,t.transform,n):s.transform&&(s.transform="none")),a){const{originX:t="50%",originY:e="50%",originZ:n=0}=r;s.transformOrigin=`${t} ${e} ${n}`}}function Js(t,e,n){return"string"==typeof t?t:pt.transform(e+n*t)}const Qs={offset:"stroke-dashoffset",array:"stroke-dasharray"},ti={offset:"strokeDashoffset",array:"strokeDasharray"};function ei(t,{attrX:e,attrY:n,attrScale:s,originX:i,originY:r,pathLength:o,pathSpacing:a=1,pathOffset:l=0,...u},c,h){if(Zs(t,u,h),c)return void(t.style.viewBox&&(t.attrs.viewBox=t.style.viewBox));t.attrs=t.style,t.style={};const{attrs:d,style:p,dimensions:m}=t;var f,v;d.transform&&(m&&(p.transform=d.transform),delete d.transform),m&&(void 0!==i||void 0!==r||p.transform)&&(p.transformOrigin=(v=void 0!==r?r:.5,`${Js(void 0!==i?i:.5,(f=m).x,f.width)} ${Js(v,f.y,f.height)}`)),void 0!==e&&(d.x=e),void 0!==n&&(d.y=n),void 0!==s&&(d.scale=s),void 0!==o&&function(t,e,n=1,s=0,i=!0){t.pathLength=1;const r=i?Qs:ti;t[r.offset]=pt.transform(-s);const o=pt.transform(e),a=pt.transform(n);t[r.array]=`${o} ${a}`}(d,o,a,l,!1)}const ni=t=>"string"==typeof t&&"svg"===t.toLowerCase(),si={useVisualState:zs({scrapeMotionValuesFromProps:Ys,createRenderState:()=>({style:{},transform:{},transformOrigin:{},vars:{},attrs:{}}),onMount:(t,e,{renderState:n,latestValues:s})=>{D.read((()=>{try{n.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){n.dimensions={x:0,y:0,width:0,height:0}}})),D.render((()=>{ei(n,s,ni(e.tagName),t.transformTemplate),Ws(e,n)}))}})},ii={useVisualState:zs({scrapeMotionValuesFromProps:Us,createRenderState:()=>({style:{},transform:{},transformOrigin:{},vars:{}})})};function ri(t,e,n){for(const s in e)Fn(e[s])||qs(s,n)||(t[s]=e[s])}function oi(t,n){const s={},i=function(t,n){const s={};return ri(s,t.style||{},t),Object.assign(s,function({transformTemplate:t},n){return e.useMemo((()=>{const e={style:{},transform:{},transformOrigin:{},vars:{}};return Zs(e,n,t),Object.assign({},e.vars,e.style)}),[n])}(t,n)),s}(t,n);return t.drag&&!1!==t.dragListener&&(s.draggable=!1,i.userSelect=i.WebkitUserSelect=i.WebkitTouchCallout="none",i.touchAction=!0===t.drag?"none":"pan-"+("x"===t.drag?"y":"x")),void 0===t.tabIndex&&(t.onTap||t.onTapStart||t.whileTap)&&(s.tabIndex=0),s.style=i,s}const ai=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function li(t){return t.startsWith("while")||t.startsWith("drag")&&"draggable"!==t||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||ai.has(t)}let ui=t=>!li(t);try{(ci=require("@emotion/is-prop-valid").default)&&(ui=t=>t.startsWith("on")?!li(t):ci(t))}catch(Ti){}var ci;function hi(t,n,s,i){const r=e.useMemo((()=>{const e={style:{},transform:{},transformOrigin:{},vars:{},attrs:{}};return ei(e,n,ni(i),t.transformTemplate),{...e.attrs,style:{...e.style}}}),[n]);if(t.style){const e={};ri(e,t.style,t),r.style={...e,...r.style}}return r}function di(t=!1){return(n,s,i,{latestValues:r},o)=>{const a=(Ls(n)?hi:oi)(s,r,o,n),l=function(t,e,n){const s={};for(const i in t)"values"===i&&"object"==typeof t.values||(ui(i)||!0===n&&li(i)||!e&&!li(i)||t.draggable&&i.startsWith("onDrag"))&&(s[i]=t[i]);return s}(s,"string"==typeof n,t),u=n!==e.Fragment?{...l,...a,ref:i}:{},{children:c}=s,h=e.useMemo((()=>Fn(c)?c.get():c),[c]);return e.createElement(n,{...u,children:h})}}const pi={current:null},mi={current:!1},fi=new WeakMap,vi=[...Ct,Wt,Zt],yi=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class gi{scrapeMotionValuesFromProps(t,e,n){return{}}constructor({parent:t,props:e,presenceContext:n,reducedMotionConfig:s,blockInitialAnimation:i,visualState:r},o={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=Ot,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const t=me.now();this.renderScheduledAt<t&&(this.renderScheduledAt=t,D.render(this.render,!1,!0))};const{latestValues:a,renderState:l}=r;this.latestValues=a,this.baseTarget={...a},this.initialValues=e.initial?{...a}:{},this.renderState=l,this.parent=t,this.props=e,this.presenceContext=n,this.depth=t?t.depth+1:0,this.reducedMotionConfig=s,this.options=o,this.blockInitialAnimation=Boolean(i),this.isControllingVariants=ks(e),this.isVariantNode=Es(e),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=Boolean(t&&t.current);const{willChange:u,...c}=this.scrapeMotionValuesFromProps(e,{},this);for(const h in c){const t=c[h];void 0!==a[h]&&Fn(t)&&t.set(a[h],!1)}}mount(t){this.current=t,fi.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach(((t,e)=>this.bindToMotionValue(e,t))),mi.current||function(){if(mi.current=!0,Ts)if(window.matchMedia){const t=window.matchMedia("(prefers-reduced-motion)"),e=()=>pi.current=t.matches;t.addListener(e),e()}else pi.current=!1}(),this.shouldReduceMotion="never"!==this.reducedMotionConfig&&("always"===this.reducedMotionConfig||pi.current),"production"!==process.env.NODE_ENV&&c(!0!==this.shouldReduceMotion,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){fi.delete(this.current),this.projection&&this.projection.unmount(),B(this.notifyUpdate),B(this.render),this.valueSubscriptions.forEach((t=>t())),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features){const e=this.features[t];e&&(e.unmount(),e.isMounted=!1)}this.current=null}bindToMotionValue(t,e){this.valueSubscriptions.has(t)&&this.valueSubscriptions.get(t)();const n=x.has(t),s=e.on("change",(e=>{this.latestValues[t]=e,this.props.onUpdate&&D.preRender(this.notifyUpdate),n&&this.projection&&(this.projection.isTransformDirty=!0)})),i=e.on("renderRequest",this.scheduleRender);let r;window.MotionCheckAppearSync&&(r=window.MotionCheckAppearSync(this,t,e)),this.valueSubscriptions.set(t,(()=>{s(),i(),r&&r(),e.owner&&e.stop()}))}sortNodePosition(t){return this.current&&this.sortInstanceNodePosition&&this.type===t.type?this.sortInstanceNodePosition(this.current,t.current):0}updateFeatures(){let t="animation";for(t in Is){const e=Is[t];if(!e)continue;const{isEnabled:n,Feature:s}=e;if(!this.features[t]&&s&&n(this.props)&&(this.features[t]=new s(this)),this.features[t]){const e=this.features[t];e.isMounted?e.update():(e.mount(),e.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):{x:{min:0,max:0},y:{min:0,max:0}}}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,e){this.latestValues[t]=e}update(t,e){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=e;for(let n=0;n<yi.length;n++){const e=yi[n];this.propEventSubscriptions[e]&&(this.propEventSubscriptions[e](),delete this.propEventSubscriptions[e]);const s=t["on"+e];s&&(this.propEventSubscriptions[e]=this.on(e,s))}this.prevMotionValues=function(t,e,n){for(const s in e){const i=e[s],r=n[s];if(Fn(i))t.addValue(s,i),"development"===process.env.NODE_ENV&&c("11.15.0"===i.version,`Attempting to mix Motion versions ${i.version} with 11.15.0 may not work as expected.`);else if(Fn(r))t.addValue(s,Vn(i,{owner:t}));else if(r!==i)if(t.hasValue(s)){const e=t.getValue(s);!0===e.liveStyle?e.jump(i):e.hasAnimated||e.set(i)}else{const e=t.getStaticValue(s);t.addValue(s,Vn(void 0!==e?e:i,{owner:t}))}}for(const s in n)void 0===e[s]&&t.removeValue(s);return e}(this,this.scrapeMotionValuesFromProps(t,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(t){const e=this.getClosestVariantNode();if(e)return e.variantChildren&&e.variantChildren.add(t),()=>e.variantChildren.delete(t)}addValue(t,e){const n=this.values.get(t);e!==n&&(n&&this.removeValue(t),this.bindToMotionValue(t,e),this.values.set(t,e),this.latestValues[t]=e.get())}removeValue(t){this.values.delete(t);const e=this.valueSubscriptions.get(t);e&&(e(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,e){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return void 0===n&&void 0!==e&&(n=Vn(null===e?void 0:e,{owner:this}),this.addValue(t,n)),n}readValue(t,e){var n;let s=void 0===this.latestValues[t]&&this.current?null!==(n=this.getBaseTargetFromProps(this.props,t))&&void 0!==n?n:this.readValueFromInstance(this.current,t,this.options):this.latestValues[t];var i;return null!=s&&("string"==typeof s&&(J(s)||Z(s))?s=parseFloat(s):(i=s,!vi.find(At(i))&&Zt.test(e)&&(s=le(t,e))),this.setBaseTarget(t,Fn(s)?s.get():s)),Fn(s)?s.get():s}setBaseTarget(t,e){this.baseTarget[t]=e}getBaseTarget(t){var e;const{initial:n}=this.props;let s;if("string"==typeof n||"object"==typeof n){const i=v(this.props,n,null===(e=this.presenceContext)||void 0===e?void 0:e.custom);i&&(s=i[t])}if(n&&void 0!==s)return s;const i=this.getBaseTargetFromProps(this.props,t);return void 0===i||Fn(i)?void 0!==this.initialValues[t]&&void 0===s?void 0:this.baseTarget[t]:i}on(t,e){return this.events[t]||(this.events[t]=new An),this.events[t].add(e)}notify(t,...e){this.events[t]&&this.events[t].notify(...e)}}class wi extends gi{constructor(){super(...arguments),this.KeyframeResolver=ce}sortInstanceNodePosition(t,e){return 2&t.compareDocumentPosition(e)?1:-1}getBaseTargetFromProps(t,e){return t.style?t.style[e]:void 0}removeValueFromRenderState(t,{vars:e,style:n}){delete e[t],delete n[t]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;Fn(t)&&(this.childSubscription=t.on("change",(t=>{this.current&&(this.current.textContent=`${t}`)})))}}class bi extends wi{constructor(){super(...arguments),this.type="html",this.renderInstance=$s}readValueFromInstance(t,e){if(x.has(e)){const t=ae(e);return t&&t.default||0}{const s=(n=t,window.getComputedStyle(n)),i=(tt(e)?s.getPropertyValue(e):s[e])||0;return"string"==typeof i?i.trim():i}var n}measureInstanceViewportBox(t,{transformPagePoint:e}){return n=e,function({top:t,left:e,right:n,bottom:s}){return{x:{min:e,max:n},y:{min:t,max:s}}}(function(t,e){if(!e)return t;const n=e({x:t.left,y:t.top}),s=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:s.y,right:s.x}}(t.getBoundingClientRect(),n));var n}build(t,e,n){Zs(t,e,n.transformTemplate)}scrapeMotionValuesFromProps(t,e,n){return Us(t,e,n)}}class xi extends wi{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=Zn}getBaseTargetFromProps(t,e){return t[e]}readValueFromInstance(t,e){if(x.has(e)){const t=ae(e);return t&&t.default||0}return e=Ks.has(e)?e:Pn(e),t.getAttribute(e)}scrapeMotionValuesFromProps(t,e,n){return Ys(t,e,n)}build(t,e,n){ei(t,e,this.isSVGTag,n.transformTemplate)}renderInstance(t,e,n,s){Ws(t,e,0,s)}mount(t){this.isSVGTag=ni(t.tagName),super.mount(t)}}const Si=function(t){if("undefined"==typeof Proxy)return t;const e=new Map;return new Proxy(((...e)=>("production"!==process.env.NODE_ENV&&c(!1,"motion() is deprecated. Use motion.create() instead."),t(...e))),{get:(n,s)=>"create"===s?t:(e.has(s)||e.set(s,t(s)),e.get(s))})}((function(t,{forwardMotionProps:e}={forwardMotionProps:!1}){return Ds({...Ls(t)?si:ii,preloadedFeatures:Ti,useRender:di(e),createVisualElement:Ai,Component:t})}));var Ti,Ai;function Ci({children:n,features:s,strict:i=!1}){const[,r]=e.useState(!Vi(s)),o=e.useRef(void 0);if(!Vi(s)){const{renderer:t,...e}=s;o.current=t,Rs(e)}return e.useEffect((()=>{Vi(s)&&s().then((({renderer:t,...e})=>{Rs(e),o.current=t,r(!0)}))}),[]),t.jsx(Cs.Provider,{value:{renderer:o.current,strict:i},children:n})}function Vi(t){return"function"==typeof t}const Mi={renderer:(t,n)=>Ls(t)?new xi(n):new bi(n,{allowProjection:t!==e.Fragment}),...Hn,...bs},Pi=n.styled(Si.div)`
+  ${({theme:t})=>`\n    background-color: ${t.palette.white};\n    box-shadow: ${t.shadows.lg};\n    max-width: 350px;\n    min-width: 350px;\n    height: 100%;\n    position: absolute;\n    right: 0;\n    top: 0;\n    overflow: hidden auto;\n    scrollbar-color: ${t.palette.gray[600]} ${t.palette.gray[100]};\n    scroll-padding: ${t.spacing[.5]};\n    scrollbar-width: thin;\n    z-index: 99999;\n\n    > div {\n      border: 1px solid ${t.palette.gray[100]};\n      width: auto;\n      min-height: 100vh;\n      height: auto;\n    }\n  `}
+`;exports.SlideOutMenu=({children:u,closeIconId:c="close-menu",isOpen:h,items:d,onClose:p,primaryButtonText:m,primaryOnClick:f,secondaryButtonText:v,secondaryOnClick:y,title:g})=>{const w=n.useTheme(),b=e.useRef(null),x=e.useCallback((t=>()=>{t(),p()}),[p]);return l.useClickOutside(b.current,(()=>{p()}),!0),t.jsx(Ci,{features:Mi,children:t.jsx(Pi,{animate:h?{display:"block",x:0}:{transitionEnd:{display:"none"},x:"100%"},initial:{display:"none",x:"100%"},ref:b,transition:{bounce:0,duration:.6,type:"spring"},children:t.jsxs(r.Container,{height:"100%",position:"relative",children:[t.jsxs(r.Container,{alignItems:"center",bgColor:w.palette.white,borderBottom:"1px solid",borderColor:w.palette.gray[200],display:"flex",gap:1.25,justify:"space-between",padding:[1.25,1.25,1.25,1.25],position:"sticky",top:"0",zIndex:40,children:[t.jsx(a.Text,{color:w.palette.black,display:"inline",fontWeight:"bold",size:"xl",children:g}),t.jsx(o.IconButton,{icon:"close",iconColor:w.palette.gray[400],iconSize:"xs",iconTransform:"grow-4",iconType:"fa-light",id:c,onClick:p,px:.25,py:.25,variant:"ghost"})]}),t.jsxs(r.Container,{display:"flex",flexDirection:"column",justify:"space-between",minHeight:"100vh",children:[t.jsxs(r.Container,{py:1.25,children:[(d??[]).map((({customBadge:e,description:n,icon:i,onClick:r,requiresUpgrade:o,title:a})=>t.jsx(s.MenuItem,{customBadge:e,description:n,icon:i,onClick:x(r),requiresUpgrade:o,title:a},a))),u&&t.jsx(r.Container,{px:1.25,children:u})]}),void 0===m?void 0:t.jsxs(r.Container,{alignItems:"center",bgColor:w.palette.white,borderColor:w.palette.gray[200],borderTop:"1px solid",bottom:"0",display:"flex",gap:1.25,justify:"end",padding:[1.25,1.25,1.25,1.25],position:"sticky",width:"100%",zIndex:40,children:[void 0===v?void 0:t.jsx(i.Button,{color:`${w.palette.primary[500]} !important`,onClick:y,pl:.5,pr:.5,variant:"ghost",children:v}),t.jsx(i.Button,{onClick:f,type:"submit",children:m})]})]})]})})})};

package/{types → dist}/components/slide-out-menu/menu-item/index.d.ts

@@ -1,3 +1,3 @@
-import type { IMenuItemProps } from "../types";
+import { IMenuItemProps } from '../types';
 declare const MenuItem: ({ customBadge, description, icon, onClick, requiresUpgrade, title, }: Readonly<IMenuItemProps>) => JSX.Element;
 export { MenuItem };

package/dist/components/slide-out-menu/menu-item/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("styled-components"),i=require("../../container/index.js"),t=require("../../icon/index.js"),n=require("../../premium-feature/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const o=require("../../typography/text/index.js");exports.MenuItem=({customBadge:s,description:a,icon:l,onClick:p,requiresUpgrade:c=!1,title:x})=>{const d=r.useTheme();return e.jsxs(i.Container,{bgColor:d.palette.white,bgColorHover:d.palette.gray[100],cursor:"pointer",display:"flex",gap:.5,onClick:p,px:1.25,py:1,width:"100%",children:[e.jsx(i.Container,{alignItems:"center",bgColor:d.palette.gray[300],borderRadius:d.spacing[.25],display:"flex",height:"24px",justify:"center",width:"24px",children:e.jsx(t.Icon,{icon:l,iconColor:d.palette.gray[800],iconSize:"xxs",ml:.5,mr:.5})}),e.jsxs(i.Container,{children:[e.jsxs(i.Container,{alignItems:"center",display:"inline-flex",gap:.5,children:[e.jsx(o.Text,{color:d.palette.gray[800],size:"sm",children:x}),c?e.jsx(n.PremiumFeature,{text:"Upgrade"}):void 0,s]}),e.jsx(o.Text,{color:d.palette.gray[400],size:"xs",children:a})]})]})};

package/dist/components/slide-out-menu/styles.d.ts

@@ -0,0 +1,2 @@
+declare const SlideMenuContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('framer-motion').HTMLMotionProps<Tag>, "ref"> & import('react').RefAttributes<HTMLDivElement>, never>> & string & Omit<import('framer-motion').ForwardRefComponent<HTMLDivElement, import('framer-motion').HTMLMotionProps<Tag>>, keyof import('react').Component<any, {}, any>>;
+export { SlideMenuContainer };

package/{types → dist}/components/slide-out-menu/types.d.ts

@@ -1,4 +1,4 @@
-import { IIconModifiable } from "components/@core";
+import { IIconModifiable } from '../@core';
 /**
  * Menu item component props.
  * @interface IMenuItemProps

package/{types → dist}/components/slider/index.d.ts

@@ -1,3 +1,3 @@
-import { TSliderProps } from "./types";
+import { TSliderProps } from './types';
 declare const Slider: (props: Readonly<TSliderProps>) => JSX.Element;
 export { Slider };

package/dist/components/slider/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("react-aria"),r=require("react-stately"),a=require("styled-components"),i=require("./thumb/index.js"),s=require("../container/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const l=require("../typography/text/index.js"),p=a.styled.div`
+  ${({theme:e,$min:n,$value:t})=>{return`\n    align-items: center;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    justify-content: end;\n    gap: ${e.spacing[.75]};\n    width: 304px;\n\n    .track {\n      background: linear-gradient(\n        to right,\n        ${n>=0?`\n              ${e.palette.primary[500]} ${t}%,\n              ${e.palette.gray[200]} ${t}%\n            `:(r=e,a=t,a>=50?`\n      ${r.palette.gray[200]} 50%,\n      ${r.palette.primary[500]} 50.05%,\n      ${r.palette.primary[500]} ${a}%,\n      ${r.palette.gray[200]} ${a}%\n    `:`\n      ${r.palette.gray[200]} ${a}%,\n      ${r.palette.primary[500]} ${a}%,\n      ${r.palette.primary[500]} 50%,\n      ${r.palette.gray[200]} 50.05%,\n      ${r.palette.gray[200]} 100%\n    `)}\n      );\n      border-radius: ${e.spacing[.125]};\n      height: ${e.spacing[.25]};\n      width: 100%;\n    }\n\n    .track.disabled {\n      opacity: 0.4;\n    }\n\n    .thumb {\n      background: ${e.palette.white};\n      border-radius: ${e.spacing[1.25]};\n      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30);\n      top: 50%;\n      height: 20px;\n      width: 20px;\n    }\n\n    .thumb.dragging {\n      border: 1px solid ${e.palette.primary[500]};\n    }\n  `;var r,a}}
+`,d=a.styled.div`
+  ${({theme:e})=>`\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    height: ${e.spacing[.625]};\n    width: 100%;\n\n    p {\n      color: ${e.palette.gray[400]};\n      font-family: ${e.typography.type.primary};\n      font-size: ${e.spacing[.5]};\n    }\n  `}
+`,g=a.styled.output`
+  ${({theme:e})=>`\n    align-items: flex-end;\n    border-radius: ${e.spacing[.5]};\n    border: 1px solid ${e.palette.gray[300]};\n    background: ${e.palette.white};\n    display: flex;\n    gap: ${e.spacing[.625]};\n    padding: ${e.spacing[.625]} ${e.spacing[.75]};\n    width: 59px;\n  `}
+`;exports.Slider=c=>{const o=a.useTheme(),u=n.useRef(null),{minValue:h=0,maxValue:$=100}=c,x=t.useNumberFormatter(),y=r.useSliderState({...c,numberFormatter:x}),m=(f=h,q=$,w=y.getThumbValue(0),Math.round((w-f)/(q-f)*100)),{groupProps:b,trackProps:j}=t.useSlider({...c,"aria-label":"slider"},y,u);var f,q,w;return e.jsxs(s.Container,{alignItems:"center",display:"inline-flex",gap:1.25,children:[e.jsxs(p,{...b,$min:h??0,$value:m,className:"slider",children:[e.jsx("div",{...j,className:"track "+(y.isDisabled?"disabled":""),ref:u,children:e.jsx(i.Thumb,{index:0,state:y,trackRef:u})}),e.jsxs(d,{children:[e.jsx("p",{children:`${x.format(h)} (Low)`}),h<0&&e.jsx("p",{children:"0"}),e.jsx("p",{children:`${x.format($)} (High)`})]})]}),e.jsx(g,{children:e.jsx(l.Text,{color:o.palette.gray[800],size:"sm",textAlign:"right",children:y.getThumbValueLabel(0)})})]})};

package/dist/components/slider/styles.d.ts

@@ -0,0 +1,7 @@
+declare const StyledSlider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $min: number;
+    $value: number;
+}>> & string;
+declare const LimitValues: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Output: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, never>> & string;
+export { StyledSlider, LimitValues, Output };

package/{types → dist}/components/slider/thumb/index.d.ts

@@ -1,3 +1,3 @@
-import { ISliderThumbProps } from "../types";
+import { ISliderThumbProps } from '../types';
 declare const Thumb: ({ state, trackRef, index, }: Readonly<ISliderThumbProps>) => JSX.Element;
 export { Thumb };

package/dist/components/slider/thumb/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria");exports.Thumb=({state:i,trackRef:s,index:u})=>{const n=r.useRef(null),{thumbProps:a,inputProps:c,isDragging:d}=t.useSliderThumb({index:u,trackRef:s,inputRef:n},i);return e.jsx("div",{...a,className:"thumb "+(d?"dragging":""),children:e.jsx(t.VisuallyHidden,{children:e.jsx("input",{ref:n,...c})})})};

package/{types → dist}/components/slider/types.d.ts

@@ -1,5 +1,5 @@
-import type { AriaSliderThumbOptions } from "react-aria";
-import type { SliderState, SliderStateOptions } from "react-stately";
+import { AriaSliderThumbOptions } from 'react-aria';
+import { SliderState, SliderStateOptions } from 'react-stately';
 /**
  * Slider thumb component props.
  * @interface  ISliderThumbProps

package/{types → dist}/components/step-lapse/index.d.ts

@@ -1,3 +1,3 @@
-import type { IStepLapseProps } from "./types";
+import { IStepLapseProps } from './types';
 declare const StepLapse: ({ button: { disabled, text, type, onClick }, steps, }: Readonly<IStepLapseProps>) => JSX.Element;
 export { StepLapse };

package/dist/components/step-lapse/index.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),t=require("styled-components"),i=require("../../utils-C2whpEd3.js");require("../../styles-C2CoGJl7.js");const r=require("../button/index.js"),a=require("../container/index.js"),o=require("../icon/index.js"),l=require("../typography/heading/index.js");require("../typography/span/index.js"),require("../typography/text/index.js");const{getVariant:s}=i.variantBuilder((n=>({completed:`\n      background-color: ${n.palette.primary[500]};\n      color: ${n.palette.white};\n\n      &::after {\n        background-color: ${n.palette.primary[500]};\n      }\n    `,current:`\n      background-color: ${n.palette.primary[500]};\n      color: ${n.palette.white};\n\n      &::after {\n        background-color: ${n.palette.gray[200]};\n      }\n    `,disabled:`\n      background-color: ${n.palette.gray[200]};\n      outline: 1px solid ${n.palette.gray[400]};\n      outline-offset: -1px;\n      color: ${n.palette.gray[400]};\n\n      &::after {\n        background-color: ${n.palette.gray[200]};\n      }\n    `}))),c=t.styled.div`
+  ${({theme:n})=>`\n    align-items: stretch;\n    background-color: ${n.palette.white};\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: ${n.spacing[1]} ${n.spacing[1]};\n    scroll-behavior: unset;\n  `}
+`,p=t.styled.div`
+  display: flex;
+  flex-direction: row;
+  margin-bottom: ${({theme:n})=>n.spacing[2]};
+
+  &:last-child > div:first-child > span::after {
+    display: none;
+  }
+`,d=t.styled.div`
+  ${({theme:n})=>`\n    display: inline-flex;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    line-height: ${n.spacing[1.25]};\n    margin-top: ${n.spacing[1]};\n\n    & > button:first-child {\n      margin-right: ${n.spacing[.5]};\n    }\n  `}
+`,g=t.styled.span`
+  ${({theme:n,$variant:e})=>`\n    border-radius: 6px;\n    display: inline-block;\n    text-align: center;\n    font-size: ${n.typography.text.sm};\n    font-weight: ${n.typography.weight.bold};\n    font-family: ${n.typography.type.primary};\n    line-height: ${n.spacing[1]};\n    padding: ${n.spacing[.5]} ${n.spacing[.5]};\n    height: ${n.spacing[2]};\n    width: ${n.spacing[2]};\n\n    &::after {\n      content: "";\n      position: absolute;\n      top: calc(32px + ${n.spacing[.5]});\n      left: 50%;\n      bottom: 0;\n      width: 2px;\n      height: calc(100% - ${n.spacing[1]});\n    }\n\n    ${s(n,e)}\n  `}
+`;exports.StepLapse=({button:{disabled:t=!1,text:i,type:s="button",onClick:h},steps:y})=>{const[u,x]=e.useState(1),$=e.useCallback(((n,e)=>()=>{x((e=>e+n)),null==e||e()}),[]);return n.jsx(c,{children:y.map(((e,c)=>{const{content:x,title:m,nextAction:b,previousAction:f}=e,j=c+1,v=j<u?"completed":j===u?"current":"disabled";return n.jsxs(p,{children:[n.jsx(a.Container,{maxWidth:"40px",position:"relative",children:n.jsx(g,{$variant:v,children:"completed"===v?n.jsx(o.Icon,{icon:"check",iconSize:"xs",iconType:"fa-solid"}):j})}),n.jsxs(a.Container,{ml:1.5,width:"100%",children:[n.jsx(l.Heading,{fontWeight:"bold",lineSpacing:1.25,mb:1.5,size:"xs",children:m}),"current"===v&&n.jsxs(a.Container,{children:[x,n.jsxs(d,{children:[u>1&&n.jsx(r.Button,{disabled:e.isDisabledPrevious??!1,onClick:$(-1,f),variant:"tertiary",children:"Previous"}),u<y.length?n.jsx(r.Button,{disabled:e.isDisabledNext??!1,onClick:$(1,b),variant:"primary",children:"Next step"}):n.jsx(r.Button,{disabled:t,onClick:h,type:s,variant:"primary",children:i})]})]})]})]},e.title)}))})};

package/dist/components/step-lapse/styles.d.ts

@@ -0,0 +1,8 @@
+import { TStepVariant } from './types';
+declare const StepperContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StepContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledButtonsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledStepLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $variant: TStepVariant;
+}>> & string;
+export { StyledStepLabel, StyledButtonsContainer, StepContainer, StepperContainer, };

package/{types → dist}/components/step-lapse/types.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonHTMLAttributes, ReactNode } from "react";
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 type TStepVariant = "completed" | "current" | "disabled";
 /**
  * Step component props.

package/{types → dist}/components/table-button/index.d.ts

@@ -1,3 +1,3 @@
-import type { ITableButtonProps } from "./types";
+import { ITableButtonProps } from './types';
 declare const TableButton: ({ disabled, icon, id, label, name, onClick, type, variant, }: Readonly<ITableButtonProps>) => JSX.Element;
 export { TableButton };

package/dist/components/table-button/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("styled-components"),t=require("../container/index.js"),r=require("../icon/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const o=require("../typography/text/index.js"),i=n.styled.button`
+  ${({theme:e})=>`\n    align-items: center;\n    background-color: ${e.palette.white};\n    border: 1px solid ${e.palette.gray[100]};\n    border-radius: ${e.spacing[.25]};\n    color: ${e.palette.gray[800]};\n    cursor: pointer;\n    display: flex;\n    font-size: ${e.typography.text.sm};\n    gap: ${e.spacing[.25]};\n    height: 21px;\n    width: 21px;\n    justify-content: center;\n    padding: 6px;\n    transition: all 0.25s ease;\n\n    &[aria-label] {\n      height: auto;\n      width: auto;\n    }\n\n    &.success {\n      border-color: ${e.palette.success[500]};\n      color: ${e.palette.success[500]};\n\n      &:hover {\n        background-color: ${e.palette.success[200]};\n      }\n    }\n\n    &:disabled {\n      cursor: not-allowed;\n      background: ${e.palette.gray[200]};\n      border-color: ${e.palette.gray[200]};\n      color: ${e.palette.gray[300]};\n    }\n\n    &:hover:not(.success) {\n      background-color: ${e.palette.gray[100]};\n    }\n  `}
+`,a={add:{icon:"plus"},approve:{icon:"check"},disabled:{icon:"ban"},reject:{icon:"xmark"},submit:{icon:"arrow-right"},success:{icon:"check"}};exports.TableButton=({disabled:s=!1,icon:c,id:l,label:d,name:p,onClick:u,type:g="button",variant:x})=>{const y=n.useTheme(),b=e.jsxs(i,{"aria-label":p??void 0,className:x,disabled:s,id:l,onClick:u,type:g,children:[e.jsx(r.Icon,{clickable:!1,icon:c??a[x].icon,iconSize:void 0===p?"xxs":"xs",iconType:"fa-light"}),p??void 0]});return e.jsxs(t.Container,{alignItems:"center",display:"flex",children:[b,d&&e.jsx(o.Text,{color:y.palette.gray[800],ml:.5,size:"sm",children:d})]})};

package/dist/components/table-button/styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledTableButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export { StyledTableButton };

package/{types → dist}/components/table-button/types.d.ts

@@ -1,5 +1,5 @@
-import type { ButtonHTMLAttributes } from "react";
-import { IIconModifiable } from "components/@core";
+import { ButtonHTMLAttributes } from 'react';
+import { IIconModifiable } from '../@core';
 type TVariant = "add" | "approve" | "disabled" | "reject" | "submit" | "success";
 /**
  * Table button component props.

package/{types → dist}/components/tabs/fixed-tabs/index.d.ts

@@ -1,3 +1,3 @@
-import { IFixedTabsProps } from "../types";
+import { IFixedTabsProps } from '../types';
 declare const FixedTabs: ({ items }: Readonly<IFixedTabsProps>) => JSX.Element;
 export { FixedTabs };

package/dist/components/tabs/fixed-tabs/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../styles-Bn42XCW5.js"),t=require("../../typography/heading/index.js");require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.FixedTabs=({items:s})=>e.jsx(i.StyledFixedTabs,{children:s.map((({isActive:s,label:r,onClick:n},a)=>e.jsx(i.StyledFixedTab,{className:s?"active":"",onClick:n,type:"button",children:e.jsx(t.Heading,{color:"inherit",fontWeight:"semibold",size:"sm",sizeSm:"xs",children:r})},`${r}-${a}`)))});

package/{types → dist}/components/tabs/index.d.ts

@@ -1,5 +1,5 @@
-import { FixedTabs } from "./fixed-tabs";
-import { Tab } from "./tab";
-import { ITabsProps } from "./types";
+import { FixedTabs } from './fixed-tabs';
+import { Tab } from './tab';
+import { ITabsProps } from './types';
 declare const Tabs: ({ items, borders, box, }: Readonly<ITabsProps>) => JSX.Element;
 export { FixedTabs, Tabs, Tab };

package/dist/components/tabs/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),o=require("./fixed-tabs/index.js"),t=require("./tab/index.js"),r=require("../container/index.js");exports.FixedTabs=o.FixedTabs,exports.Tab=t.Tab,exports.Tabs=({items:o,borders:n=!0,box:d=!1})=>{const s=i.useTheme();return e.jsx(r.Container,{bgColor:s.palette.white,border:d?"1px solid":void 0,borderBottom:n?`1px solid ${s.palette.gray[300]}`:void 0,borderColor:d?s.palette.gray[200]:void 0,borderRadius:d?s.spacing[.25]:void 0,display:"inline-flex",gap:.25,padding:d?[0,0,0,0]:void 0,pl:n?1.25:void 0,pr:n?1.25:void 0,role:"tablist",width:d?"max-content":"100%",children:o.map((({id:i,isActive:o,link:r,label:n,notificationSign:d,onClick:s,tooltip:a})=>e.jsx(t.Tab,{id:i,isActive:o,label:n,link:r,notificationSign:d,onClick:s,tooltip:a},i)))})};

package/dist/components/tabs/styles.d.ts

@@ -0,0 +1,4 @@
+declare const StyledFixedTab: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledFixedTabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TabLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react-router-dom').NavLinkProps & import('react').RefAttributes<HTMLAnchorElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('react-router-dom').NavLinkProps & import('react').RefAttributes<HTMLAnchorElement>>, keyof import('react').Component<any, {}, any>>;
+export { StyledFixedTab, StyledFixedTabs, TabLink };

package/{types → dist}/components/tabs/tab/index.d.ts

@@ -1,4 +1,4 @@
-import type { ITabProps } from "../types";
+import { ITabProps } from '../types';
 declare const Tab: ({ label, id, isActive, link, notificationSign, onClick, tooltip, }: Readonly<ITabProps>) => JSX.Element;
 export type { ITabProps };
 export { Tab };

package/dist/components/tabs/tab/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("../../../styles-Bn42XCW5.js"),t=require("../../notification-sign/index.js"),o=require("../../../index-CmylnDrF.js");exports.Tab=({label:l,id:n,isActive:r=!1,link:s,notificationSign:a,onClick:d,tooltip:c=""})=>i.jsx(o.Tooltip,{display:"flex",id:`${n}-tooltip`,tip:c,children:i.jsxs(e.TabLink,{"aria-selected":r,className:r?"active":"",id:n,onClick:d,role:"tab",to:s,children:[l,i.jsx(t.NotificationSign,{left:null==a?void 0:a.left,numberIndicator:null==a?void 0:a.numberIndicator,show:null==a?void 0:a.show,top:null==a?void 0:a.top,variant:null==a?void 0:a.variant})]})});

package/{types → dist}/components/tabs/types.d.ts

@@ -1,4 +1,4 @@
-import { INotificationSignProps } from "components/notification-sign/types";
+import { INotificationSignProps } from '../notification-sign/types';
 /**
  * Individual tab props.
  * @property {boolean} [isActive] - Set the current tab active.

package/{types → dist}/components/tag/index.d.ts

@@ -1,4 +1,4 @@
-import type { ITagProps, TTagVariant } from "./types";
+import { ITagProps, TTagVariant } from './types';
 declare const Tag: ({ disabled, icon, iconColor, iconType, id, filterValues, fontSize, href, linkLabel, onClose, priority, tagTitle, tagLabel, variant, }: Readonly<ITagProps>) => JSX.Element;
 export type { ITagProps, TTagVariant };
 export { Tag };

package/dist/components/tag/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("lodash"),o=require("styled-components"),t=require("../../utils-C2whpEd3.js");require("../../styles-C2CoGJl7.js");const r=require("../icon/index.js"),a=require("../icon-button/index.js"),i=require("../link/index.js");require("../typography/heading/index.js");const l=require("../typography/span/index.js");require("../typography/text/index.js");const{getVariant:c}=t.variantBuilder((n=>({default:`\n      background-color: ${n.palette.gray[200]};\n      color: ${n.palette.gray[800]};\n    `,error:`\n      &.high {\n        background-color: ${n.palette.error[700]};\n        color: ${n.palette.white};\n      }\n      &.low {\n        background-color: ${n.palette.error[50]};\n        color: ${n.palette.error[700]};\n      }\n      &.medium {\n        background-color: ${n.palette.error[500]};\n        color: ${n.palette.error[50]};\n      }\n    `,inactive:`\n      background-color: ${n.palette.gray[200]};\n      color: ${n.palette.gray[600]};\n    `,info:`\n      &.high {\n        background-color: ${n.palette.info[700]};\n        color: ${n.palette.white};\n      }\n      &.low {\n        background-color: ${n.palette.info[50]};\n        color: ${n.palette.info[700]};\n      }\n      &.medium {\n        background-color: ${n.palette.info[500]};\n        color: ${n.palette.info[50]};\n      }\n    `,reachable:`\n      background-color: ${n.palette.gray[50]};\n      color: ${n.palette.gray[800]};\n    `,remediation:`\n      background-color: inherit;\n      border: 1px solid ${n.palette.gray[300]};\n      color: ${n.palette.gray[400]};\n    `,role:`\n      background-color: ${n.palette.gray[800]};\n      color: ${n.palette.white};\n    `,success:`\n      &.high {\n        background-color: ${n.palette.success[700]};\n        color: ${n.palette.white};\n      }\n      &.low {\n        background-color: ${n.palette.success[50]};\n        color: ${n.palette.success[700]};\n      }\n      &.medium {\n        background-color: ${n.palette.success[500]};\n        color: ${n.palette.success[50]};\n      }\n    `,technique:`\n      --tag-padding-y: ${n.spacing[.25]};\n      --tag-padding-x: ${n.spacing[.75]};\n\n      background-color: inherit;\n      border: 1px solid ${n.palette.success[800]};\n      color: ${n.palette.success[800]};\n    `,warning:`\n      &.high {\n        background-color: ${n.palette.warning[600]};\n        color: ${n.palette.white};\n      }\n      &.low {\n        background-color: ${n.palette.warning[50]};\n        color: ${n.palette.warning[700]};\n      }\n      &.medium {\n        background-color: ${n.palette.warning[400]};\n        color: ${n.palette.warning[700]};\n      }\n    `}))),s=o.styled.span`
+  ${({theme:n,$fontSize:e=n.typography.text.xs,$variant:o})=>`\n    align-items: center;\n    border-radius: ${n.spacing["technique"===o?1:.25]};\n    display: inline-flex;\n    gap: ${n.spacing[.25]};\n    font-family: ${n.typography.type.primary};\n    font-size: ${e};\n    font-style: normal;\n    font-weight: ${n.typography.weight.regular};\n    justify-content: center;\n    line-height: 18px;\n    padding: var(--tag-padding-y) var(--tag-padding-x);\n    white-space: nowrap;\n    width: max-content;\n\n    ~ a {\n      font-size: ${n.typography.text.xs};\n      display: flex;\n    }\n\n    ${c(n,o)}\n  `}
+`;exports.Tag=({disabled:o,icon:t,iconColor:c="inherit",iconType:p="fa-light",id:g="close-tag",filterValues:d="",fontSize:u,href:$,linkLabel:h,onClose:y,priority:x="default",tagTitle:b="",tagLabel:f,variant:k="default"})=>{const m=f.length>25&&e.isEmpty(b+d),j=`${f.slice(0,25)}...`;return n.jsxs(l.Span,{className:"gap-0.5",display:void 0===$?"initial":"flex",size:"sm",children:[n.jsxs(s,{$fontSize:u,$variant:k,className:x,children:[t&&n.jsx(r.Icon,{icon:t,iconColor:c,iconSize:"xxs",iconType:p}),n.jsxs("span",{children:[n.jsx("strong",{children:b}),n.jsx("span",{children:m?j:f}),n.jsx("strong",{children:d})]}),y?n.jsx(a.IconButton,{disabled:o,icon:"xmark",iconSize:"xxs",iconType:"fa-light",id:g,onClick:y,px:.125,py:.125,variant:"ghost"}):void 0]}),void 0===$?void 0:n.jsx(i.Link,{href:$,children:h})]})};

package/dist/components/tag/styles.d.ts

@@ -0,0 +1,7 @@
+import { TTagVariant } from './types';
+interface IStyledTag {
+    $fontSize?: string;
+    $variant: TTagVariant;
+}
+declare const StyledTag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledTag>> & string;
+export { StyledTag };

package/{types → dist}/components/tag/types.d.ts

@@ -1,4 +1,4 @@
-import { IIconModifiable } from "components/@core";
+import { IIconModifiable } from '../@core';
 type TTagVariant = "default" | "error" | "inactive" | "info" | "reachable" | "remediation" | "role" | "success" | "technique" | "warning";
 type TTagPriority = "default" | "high" | "low" | "medium";
 /**

package/{types → dist}/components/timeline/card/index.d.ts

@@ -1,3 +1,3 @@
-import { ITimelineCardProps } from "../types";
+import { ITimelineCardProps } from '../types';
 declare const TimeLineCard: ({ date, description, title, }: Readonly<ITimelineCardProps>) => JSX.Element;
 export { TimeLineCard };

package/dist/components/timeline/card/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("styled-components");const e=require("../../../index-CA_9DXWd.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.TimeLineCard=e.TimeLineCard;

package/{types → dist}/components/timeline/index.d.ts

@@ -1,4 +1,4 @@
-import { TimeLineCard } from "./card";
-import type { ITimelineProps } from "./types";
+import { TimeLineCard } from './card';
+import { ITimelineProps } from './types';
 declare const TimeLine: ({ items }: Readonly<ITimelineProps>) => JSX.Element;
 export { TimeLineCard, TimeLine };

package/dist/components/timeline/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../index-CA_9DXWd.js");exports.TimeLineCard=i.TimeLineCard,exports.TimeLine=({items:t})=>e.jsx(i.TimelineContainer,{children:t.map(((t,r)=>e.jsx(i.TimeLineCard,{date:t.date,description:t.description,title:t.title},`${t.title}-${r}`)))});

package/dist/components/timeline/styles.d.ts

@@ -0,0 +1,3 @@
+declare const TimelineStyledCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TimelineContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { TimelineStyledCard, TimelineContainer };

package/{types → dist}/components/toggle/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import type { IToggleProps } from "./types";
+import { default as React } from 'react';
+import { IToggleProps } from './types';
 declare const Toggle: React.ForwardRefExoticComponent<Readonly<IToggleProps> & React.RefAttributes<HTMLInputElement>>;
 export { Toggle };

package/dist/components/toggle/index.js

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),n=require("../container/index.js"),r=i.styled.div`
+  ${({theme:e})=>`\n    align-items: center;\n    background-color: ${e.palette.gray[200]};\n    border-radius: 34px;\n    cursor: pointer;\n    display: flex;\n    height: 20px;\n    position: relative;\n    transition: 0.2s;\n    width: 36px;\n  `}
+`,o=i.styled.div`
+  ${({theme:e})=>`\n    background-color: ${e.palette.white};\n    border-radius: 50%;\n    height: ${e.spacing[1]};\n    left: 2px;\n    position: absolute;\n    transition: 0.2s;\n    width: ${e.spacing[1]};\n    z-index: 1;\n  `}
+`,a=i.styled.label`
+  display: inline-block;
+
+  input {
+    position: absolute;
+    height: 0;
+    opacity: 0;
+    width: 0;
+  }
+
+  input:checked + ${r} {
+    background-color: ${({theme:e})=>e.palette.primary[500]};
+  }
+
+  input:checked + ${r} > div {
+    transform: translateX(100%);
+  }
+
+  input:disabled + ${r} {
+    cursor: not-allowed;
+    background-color: ${({theme:e})=>e.palette.gray[100]};
+  }
+
+  input:disabled + ${r} > div {
+    background-color: ${({theme:e})=>e.palette.gray[200]};
+    border: 1px solid ${({theme:e})=>e.palette.gray[200]};
+  }
+`,l=t.forwardRef((function({defaultChecked:i,disabled:l=!1,justify:s,name:d,leftDescription:c,rightDescription:p,...u},g){const h=!0===i?"on":"off",b="object"==typeof c&&c.on&&c.off?c[h]:c,f=t.useCallback((e=>{e.stopPropagation()}),[]);return e.jsxs(n.Container,{alignItems:"center",display:"flex",fontSize:"14px",gap:.75,justify:s,children:[b,e.jsxs(a,{onClick:f,role:"switch",children:[e.jsx("input",{...u,"aria-disabled":l,"aria-label":d,checked:!0===i,disabled:l,name:d,ref:g,type:"checkbox"}),e.jsx(r,{"aria-label":"Toggle Switch",id:`${d}Toggle`,children:e.jsx(o,{})})]}),p]})}));exports.Toggle=l;

package/dist/components/toggle/styles.d.ts

@@ -0,0 +1,4 @@
+declare const Slider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Ball: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ToggleContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export { Slider, ToggleContainer, Ball };

package/{types → dist}/components/toggle/types.d.ts

@@ -1,5 +1,5 @@
-import type { Property } from "csstype";
-import type { InputHTMLAttributes } from "react";
+import { Property } from 'csstype';
+import { InputHTMLAttributes } from 'react';
 /**
  * Toggle component props.
  * @interface ILabel

package/{types → dist}/components/toggle-buttons/index.d.ts

@@ -1,3 +1,3 @@
-import { IToggleButtonProps } from "./types";
+import { IToggleButtonProps } from './types';
 declare const ToggleButton: ({ defaultSelection, options, handleClick, }: Readonly<IToggleButtonProps>) => JSX.Element;
 export { ToggleButton };

package/dist/components/toggle-buttons/index.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),t=require("styled-components");require("../typography/heading/index.js"),require("../typography/span/index.js");const r=require("../typography/text/index.js"),a=t.styled.div`
+  ${({theme:n})=>`\n    align-items: center;\n    display: flex;\n    position: relative;\n    width: 352px;\n\n    > button:first-child {\n      border-radius: ${n.spacing[2]} 0 0 ${n.spacing[2]};\n    }\n    > button:last-child {\n      --angle-grad: -45deg;\n      border-radius: 0 ${n.spacing[2]} ${n.spacing[2]} 0;\n    }\n\n    &::before {\n      background: ${n.palette.gradients["01"]} border-box;\n      border-radius: ${n.spacing[2]};\n      content: "";\n      position: absolute;\n      inset: 0;\n      border: 2px solid transparent;\n      mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n      mask-composite: exclude;\n    }\n\n    @media screen and (max-width: ${n.breakpoints.mobile}) {\n      width: 320px;\n    }\n  `}
+`,i=t.styled.button`
+  ${({theme:n})=>`\n    align-items: center;\n    background: linear-gradient(\n      var(--angle-grad),\n      rgba(243, 38, 55, var(--opacity-grad)),\n      rgba(184, 7, 93, var(--opacity-grad))\n    );\n    color: ${n.palette.primary[500]};\n    cursor: pointer;\n    display: flex;\n    flex: 1 0 0;\n    justify-content: center;\n    gap: ${n.spacing[.625]};\n    height: ${n.spacing[4]};\n    padding: ${n.spacing[1.25]};\n    position: relative;\n    transition: color, --opacity-grad 0.5s ease-in-out;\n\n    &.selected {\n      --opacity-grad: 1;\n      background: linear-gradient(\n        var(--angle-grad),\n        rgba(243, 38, 55, var(--opacity-grad)),\n        rgba(184, 7, 93, var(--opacity-grad))\n      );\n      color: ${n.palette.white};\n    }\n  `}
+`;exports.ToggleButton=({defaultSelection:t,options:o,handleClick:s})=>{const[d,l]=e.useState(t??o[0]),c=e.useCallback((n=>()=>{l(n),s(n)}),[s]);return n.jsx(a,{children:o.map(((e,t)=>n.jsx(i,{className:`${e.includes(d)&&"selected"}`,onClick:c(e),children:n.jsx(r.Text,{color:"inherit",fontWeight:"bold",size:"md",sizeSm:"sm",textAlign:"center",children:e})},`${e}-${t}`)))})};

package/dist/components/toggle-buttons/styles.d.ts

@@ -0,0 +1,3 @@
+declare const ToggleContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledToggleButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export { StyledToggleButton, ToggleContainer };

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { ITooltipProps } from './types';
+declare const Tooltip: import('react').ForwardRefExoticComponent<Readonly<PropsWithChildren<ITooltipProps>> & import('react').RefAttributes<HTMLDivElement>>;
+export { Tooltip };

package/dist/components/tooltip/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../index-CmylnDrF.js");require("lodash"),require("react"),require("react-dom"),require("styled-components"),require("../icon/index.js"),require("../typography/heading/index.js"),require("../typography/span/index.js"),require("../typography/text/index.js"),exports.Tooltip=e.Tooltip;

package/dist/components/tooltip/styles.d.ts

@@ -0,0 +1,7 @@
+declare const TooltipBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../@core').IPaddingModifiable | keyof import('../@core').IMarginModifiable | keyof import('../@core').IPositionModifiable | keyof import('../@core').IBorderModifiable | keyof import('../@core').IDisplayModifiable | keyof import('../@core').ITextModifiable | keyof import('../@core').IInteractionModifiable> & import('../@core').IBorderModifiable & import('../@core').IDisplayModifiable & import('../@core').IInteractionModifiable & import('../@core').IMarginModifiable & import('../@core').IPaddingModifiable & import('../@core').IPositionModifiable & import('../@core').ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
+declare const StyledTooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $maxWidth?: string;
+}>> & string;
+export { TooltipBox, StyledTooltip };

package/{types → dist}/components/tooltip/types.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from "react";
-import { IDisplayModifiable, IIconModifiable } from "components/@core";
+import { ReactNode } from 'react';
+import { IDisplayModifiable, IIconModifiable } from '../@core';
 type TPlace = "bottom" | "left" | "right" | "top";
 type TEffect = "float" | "solid";
 /**