@wistia/vhs 2.75.3-beta.9cd10fb1.75d362a → 2.75.3-beta.a44d9f3c.6f1a26a

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v2.75.3-beta.9cd10fb1.75d362a
+ * @license @wistia/vhs v2.75.3-beta.a44d9f3c.6f1a26a
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -317,7 +317,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
 `;i();var cf=(e,t,r)=>ye(e)?e:t==="primary"?r.brandBlue500:t==="secondary"||t==="tertiary"?r.grey900:t==="dangerous"?r.red600:r.brandBlue500;import{jsx as Nb}from"react/jsx-runtime";var rt=MV(({children:e,disabled:t=!1,forceState:r,colorOverride:n,fullWidth:o=!1,icon:a,iconName:s,iconPosition:l="start",label:u,labelWrap:c=!1,isLoading:p=!1,noStyle:d=!1,onClick:h,size:g="lg",square:v=!1,textAlign:m="center",type:y="button",variant:b="primary",...x},w)=>{let D=()=>p||t,E=A=>{if(D()){A.preventDefault();return}F(h)&&h(A)},S=cf(n,b,Be()),P=()=>F(e)?e:F(u)?u:null;return Nb(kb,{ref:w,$buttonColor:S,$forceState:r,$fullWidth:o,$iconPosition:l,$isLoading:p,$labelWrap:c,$noStyle:d,$size:g,$square:v,$textAlign:m,$variant:b,"aria-disabled":D()||void 0,disabled:!1,onClick:E,type:y,...x,children:Nb(uf,{icon:a,iconName:s,iconPosition:l,isLoading:p,size:g,textAlign:m,children:P()})})});rt.displayName="Button_VHS";i();i();var p0=()=>typeof window>"u"||typeof document>"u";import{jsx as ff,jsxs as Lb}from"react/jsx-runtime";var $V=["success","warning","error","dangerous"],d0="success",m0="Dismiss",h0=3e3,zV=(e,t,r)=>{if(ye(e))return e;if(!$V.includes(t))throw new Error(`Variant "${t}" not supported, please update variant prop in Toast component.`);return t==="dangerous"||t==="error"?r.error600:t==="warning"?r.warning500:r.brandBlue500},GV=$b.div`
   align-items: center;
   background: white;
-  border-left-color: ${({accentColor:e})=>e};
+  border-left-color: ${({$accentColor:e})=>e};
   border-left-style: solid;
   border-left-width: 8px; /* accent border */
   box-shadow: ${({theme:e})=>e.shadow.elevation2};
@@ -335,7 +335,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   > * {
     margin: 0;
   }
-`,jV=({children:e})=>{if(p0())return null;let t=document.getElementById("toast-portal");return t?LV(e,t):null},fl=null,pf=IV(({actionInterceptor:e=void 0,actionLabel:t=m0,colorOverride:r=void 0,renderInPlace:n=!1,isOpen:o=!1,message:a,onClose:s,timeout:l=h0,variant:u=d0,...c})=>{let[p,d]=kV(o),g=u==="error"||u==="warning"?"assertive":"polite",v=NV(()=>{clearTimeout(fl??void 0),fl=null},[]),m=()=>{v(),s()},y=()=>{fl=setTimeout(()=>{m()},l)};Vb(()=>(p&&!n&&y(),()=>{Cn(fl)&&v()})),Vb(()=>(d(o),()=>{Cn(fl)&&v()}),[o,v,d]);let b=zV(r,u,Be());return ff(n?VV:jV,{children:ff(y7,{in:p,renderInPlace:n,children:Lb(GV,{accentColor:b,"aria-hidden":!p,onMouseEnter:v,onMouseLeave:y,renderInPlace:n,...c,children:[Lb(HV,{"data-testid":"toast-message",children:[ff(zs,{"aria-live":g,message:a}),a]}),ff(rt,{colorOverride:b,"data-testid":"toast-action",label:t,onClick:e??m,variant:"tertiary"})]},a)})})});pf.displayName="Toast_VHS";i();import{createContext as WV}from"react";var df=WV(null);import{Fragment as UV,jsx as g0,jsxs as KV}from"react/jsx-runtime";var v0=({children:e})=>{let[t,r]=Qo(void 0),[n,o]=Qo(""),[a,s]=Qo(void 0),[l,u]=Qo(""),[c,p]=Qo(!1),[d,h]=Qo(void 0),[g,v]=Qo(void 0),m=_V(({message:y,variant:b=d0,actionLabel:x=m0,actionInterceptor:w,timeout:D=h0,colorOverride:E})=>{r(w?()=>w:void 0),o(x),s(E),u(y),p(!0),h(D),v(b)},[]);return KV(UV,{children:[g0(df.Provider,{value:m,children:e}),g0(pf,{actionInterceptor:t,actionLabel:n,colorOverride:a,isOpen:c,message:l,onClose:()=>p(!1),timeout:d,variant:g}),g0("div",{id:"toast-portal"})]})};i();import{useRef as YV,useCallback as Ta,useMemo as JV}from"react";i();import{createContext as qV,useContext as XV}from"react";var y0=qV({}),b0=()=>XV(y0);import{jsx as ZV}from"react/jsx-runtime";var mf=({children:e})=>{let r=YV(new Set).current,n=Ta(p=>r.values().next().value===p,[r]),o=Ta(()=>{let p=r.values().next().value;hn(p)&&p(!0)},[r]),a=Ta(()=>{let p=r.values().next().value;hn(p)&&p(!1)},[r]),s=Ta(p=>{r.add(p),n(p)&&o()},[r,n,o]),l=Ta(p=>{r.add(p),n(p)?(a(),r.delete(p),o()):r.delete(p)},[r,n,a,o]),u=Ta(p=>{r.delete(p)},[r]),c=JV(()=>({attemptShowModal:s,attemptHideModal:l,removeModalFromQueue:u}),[s,l,u]);return ZV(y0.Provider,{value:c,children:e})};i();import{createGlobalStyle as tL}from"styled-components";i();import{css as QV}from"styled-components";var zb=QV`
+`,jV=({children:e})=>{if(p0())return null;let t=document.getElementById("toast-portal");return t?LV(e,t):null},fl=null,pf=IV(({actionInterceptor:e=void 0,actionLabel:t=m0,colorOverride:r=void 0,renderInPlace:n=!1,isOpen:o=!1,message:a,onClose:s,timeout:l=h0,variant:u=d0,...c})=>{let[p,d]=kV(o),g=u==="error"||u==="warning"?"assertive":"polite",v=NV(()=>{clearTimeout(fl??void 0),fl=null},[]),m=()=>{v(),s()},y=()=>{fl=setTimeout(()=>{m()},l)};Vb(()=>(p&&!n&&y(),()=>{Cn(fl)&&v()})),Vb(()=>(d(o),()=>{Cn(fl)&&v()}),[o,v,d]);let b=zV(r,u,Be());return ff(n?VV:jV,{children:ff(y7,{in:p,renderInPlace:n,children:Lb(GV,{$accentColor:b,"aria-hidden":!p,onMouseEnter:v,onMouseLeave:y,...c,children:[Lb(HV,{"data-testid":"toast-message",children:[ff(zs,{"aria-live":g,message:a}),a]}),ff(rt,{colorOverride:b,"data-testid":"toast-action",label:t,onClick:e??m,variant:"tertiary"})]},a)})})});pf.displayName="Toast_VHS";i();import{createContext as WV}from"react";var df=WV(null);import{Fragment as UV,jsx as g0,jsxs as KV}from"react/jsx-runtime";var v0=({children:e})=>{let[t,r]=Qo(void 0),[n,o]=Qo(""),[a,s]=Qo(void 0),[l,u]=Qo(""),[c,p]=Qo(!1),[d,h]=Qo(void 0),[g,v]=Qo(void 0),m=_V(({message:y,variant:b=d0,actionLabel:x=m0,actionInterceptor:w,timeout:D=h0,colorOverride:E})=>{r(w?()=>w:void 0),o(x),s(E),u(y),p(!0),h(D),v(b)},[]);return KV(UV,{children:[g0(df.Provider,{value:m,children:e}),g0(pf,{actionInterceptor:t,actionLabel:n,colorOverride:a,isOpen:c,message:l,onClose:()=>p(!1),timeout:d,variant:g}),g0("div",{id:"toast-portal"})]})};i();import{useRef as YV,useCallback as Ta,useMemo as JV}from"react";i();import{createContext as qV,useContext as XV}from"react";var y0=qV({}),b0=()=>XV(y0);import{jsx as ZV}from"react/jsx-runtime";var mf=({children:e})=>{let r=YV(new Set).current,n=Ta(p=>r.values().next().value===p,[r]),o=Ta(()=>{let p=r.values().next().value;hn(p)&&p(!0)},[r]),a=Ta(()=>{let p=r.values().next().value;hn(p)&&p(!1)},[r]),s=Ta(p=>{r.add(p),n(p)&&o()},[r,n,o]),l=Ta(p=>{r.add(p),n(p)?(a(),r.delete(p),o()):r.delete(p)},[r,n,a,o]),u=Ta(p=>{r.delete(p)},[r]),c=JV(()=>({attemptShowModal:s,attemptHideModal:l,removeModalFromQueue:u}),[s,l,u]);return ZV(y0.Provider,{value:c,children:e})};i();import{createGlobalStyle as tL}from"styled-components";i();import{css as QV}from"styled-components";var zb=QV`
   /* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 
   /* Document
@@ -973,7 +973,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
 
   * {
     margin: 0;
-    white-space: ${e=>e.$shouldWrap?"normal":"nowrap"};
+    white-space: ${({$shouldWrap:e})=>e?"normal":"nowrap"};
   }
 
   ${({$direction:e})=>{switch(e){case"top":return c_;case"bottom":return f_;case"left":return p_;case"right":return d_;default:return}}}
@@ -1349,7 +1349,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   &:not([href]) {
     ${c0};
   }
-`,lS=LU(({beforeAction:e,children:t,colorOverride:r,disabled:n=!1,forceState:o,fullWidth:a=!1,href:s,icon:l,iconName:u,iconPosition:c="start",label:p,labelWrap:d=!1,params:h,size:g="lg",square:v=!1,textAlign:m="center",type:y="default",variant:b="primary",...x},w)=>{let D=cf(r,b,Be());return sS(zU,{ref:w,$buttonColor:D,$forceState:o,$fullWidth:a,$icon:l,$iconPosition:c,$isLoading:!1,$labelWrap:d,$size:g,$square:v,$textAlign:m,$unstyled:!0,$variant:b,beforeAction:e,disabled:n,href:s,params:h,size:g,type:y,...x,children:sS(uf,{icon:l,iconName:u,iconPosition:c,isLoading:!1,size:g,textAlign:m,children:F(t)?t:F(p)?p:null})})});lS.displayName="ButtonLink_VHS";i();i();import{forwardRef as WU,useState as _U,isValidElement as UU}from"react";i();import cp,{css as Ua}from"styled-components";var fp=cp.input`
+`,lS=LU(({beforeAction:e,children:t,colorOverride:r,disabled:n=!1,forceState:o,fullWidth:a=!1,href:s,icon:l,iconName:u,iconPosition:c="start",label:p,labelWrap:d=!1,params:h,size:g="lg",square:v=!1,textAlign:m="center",type:y="default",variant:b="primary",...x},w)=>{let D=cf(r,b,Be());return sS(zU,{ref:w,$buttonColor:D,$forceState:o,$fullWidth:a,$icon:l,$iconPosition:c,$isLoading:!1,$labelWrap:d,$size:g,$square:v,$textAlign:m,$unstyled:!0,$variant:b,beforeAction:e,disabled:n,href:s,params:h,type:y,...x,children:sS(uf,{icon:l,iconName:u,iconPosition:c,isLoading:!1,size:g,textAlign:m,children:F(t)?t:F(p)?p:null})})});lS.displayName="ButtonLink_VHS";i();i();import{forwardRef as WU,useState as _U,isValidElement as UU}from"react";i();import cp,{css as Ua}from"styled-components";var fp=cp.input`
   align-self: flex-start;
   border-radius: 3px;
   box-shadow: ${({type:e})=>e==="checkbox"?"inset 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.38)":"none"};
@@ -1495,7 +1495,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   }
 `,CS=({backgroundColor:e,open:t,theme:r,variant:n})=>{let o=e??r.color.grey100,a=n===Ch?r.color.brandBlue100:o;return t?a:o},xp=si.div`
   align-items: center;
-  background-color: ${e=>CS({backgroundColor:e.$backgroundColor,open:e.$open,theme:e.theme,variant:e.$variant})};
+  background-color: ${({theme:e,$backgroundColor:t,$open:r,$variant:n})=>CS({backgroundColor:t,open:r,theme:e,variant:n})};
   color: ${({$open:e,theme:t})=>e?t.color.brandBlue600:t.color.grey900};
   cursor: pointer;
   display: flex;
@@ -1504,7 +1504,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   padding-right: ${SS}px;
 
   &:hover {
-    background-color: ${e=>Ye(xK,CS({backgroundColor:e.$backgroundColor,open:e.$open,theme:e.theme,variant:e.$variant}))};
+    background-color: ${({theme:e,$backgroundColor:t,$open:r,$variant:n})=>Ye(xK,CS({backgroundColor:t,open:r,theme:e,variant:n}))};
   }
 `,EK=si.span`
   color: ${({$isOpen:e,theme:t,$variant:r})=>e&&r===Ch?t.color.brandBlue600:t.color.grey500};
@@ -1594,11 +1594,11 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   /* capture clicks with a large positioned file input with 0 opacity */
   input[type='file'] {
     &::-webkit-file-upload-button {
-      cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+      cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
     }
 
     bottom: 0;
-    cursor: ${e=>e.$disabled?"not-allowed":"pointer"};
+    cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
     font-size: 10rem;
     left: 0;
     opacity: 0;
@@ -2453,7 +2453,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
     max-height: 90vh;
     ${({$fullHeight:e})=>e?"min-height: calc(100vh - 48px);":""}
     max-width: 90vw;
-    min-width: ${({width:e})=>e??"480px"};
+    min-width: ${({$width:e})=>e??"480px"};
     width: min-content;
   }
 `;i();import{createContext as Eie,useContext as Pie}from"react";var dB=Eie(void 0),mB=dB.Provider,hB=()=>{let e=Pie(dB);if(Q(e))return e;throw new Error("useModalClose must be used within a ModalCloseProvider")};import{jsx as xs}from"react/jsx-runtime";var Rie=m3(en)`
@@ -2476,7 +2476,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
         margin: auto;
       }
     `}
-`,Oie=e=>F(e)&&N3(e,"current")&&F(e.current),Mie=e=>{gB(()=>{let t=document.activeElement;if(Oie(e)){let r=e.current;F(r)&&r.focus()}return()=>{t!==null&&setTimeout(()=>{t.focus()},0)}},[e])},bB=Tie(({alignHorizontal:e="center",alignVertical:t="center",allowModalToExceedViewportBounds:r=!1,children:n,className:o,fullHeight:a=!1,initialFocusRef:s,shouldTrapFocus:l=!0,onRequestClose:u,shouldCloseOnClickOutside:c=!0,width:p,overflow:d="auto",...h},g)=>{Mie(g);let v=vB(null),m=A0(l,{focusSelector:Q(s)?s:null});return bl(v,()=>{u&&c&&u()}),Q0(h.isOpen),Z0("Escape",y=>{u&&u(),y.preventDefault()}),xs(mB,{value:u,children:xs(Rie,{$allowModalToExceedViewportBounds:r,alignHorizontal:e,alignVertical:t,children:xs(Bie,{ref:m,$allowModalToExceedViewportBounds:r,$fullHeight:a,$overflow:d,"aria-modal":"true",role:"dialog",tabIndex:-1,width:p,...h,children:xs(Fie,{ref:v,children:n})})})})}),CB=e=>{let{id:t,...r}=e,n=document.createElement("div");n.classList.add("Modal"),Q(e.className)&&n.classList.add(e.className),Q(t)&&(n.id=t);let o=vB(n);return gB(()=>{let a=o.current;return document.body.appendChild(a),()=>a.remove()},[]),Aie(xs(xl,{children:e.isOpen?xs(bB,{ref:o,...r}):null}),o.current)};CB.displayName="Modal_VHS";bB.displayName="ModalContent";i();import l1 from"styled-components";import{jsx as xB}from"react/jsx-runtime";var Iie=l1.div`
+`,Oie=e=>F(e)&&N3(e,"current")&&F(e.current),Mie=e=>{gB(()=>{let t=document.activeElement;if(Oie(e)){let r=e.current;F(r)&&r.focus()}return()=>{t!==null&&setTimeout(()=>{t.focus()},0)}},[e])},bB=Tie(({alignHorizontal:e="center",alignVertical:t="center",allowModalToExceedViewportBounds:r=!1,children:n,className:o,fullHeight:a=!1,initialFocusRef:s,isOpen:l=!1,shouldTrapFocus:u=!0,onRequestClose:c,shouldCloseOnClickOutside:p=!0,width:d,overflow:h="auto",...g},v)=>{Mie(v);let m=vB(null),y=A0(u,{focusSelector:Q(s)?s:null});return bl(m,()=>{c&&p&&c()}),Q0(l),Z0("Escape",b=>{c&&c(),b.preventDefault()}),xs(mB,{value:c,children:xs(Rie,{$allowModalToExceedViewportBounds:r,alignHorizontal:e,alignVertical:t,children:xs(Bie,{ref:y,$allowModalToExceedViewportBounds:r,$fullHeight:a,$overflow:h,$width:d,"aria-modal":"true",role:"dialog",tabIndex:-1,...g,children:xs(Fie,{ref:m,children:n})})})})}),CB=e=>{let{id:t,...r}=e,n=document.createElement("div");n.classList.add("Modal"),Q(e.className)&&n.classList.add(e.className),Q(t)&&(n.id=t);let o=vB(n);return gB(()=>{let a=o.current;return document.body.appendChild(a),()=>a.remove()},[]),Aie(xs(xl,{children:e.isOpen?xs(bB,{ref:o,...r}):null}),o.current)};CB.displayName="Modal_VHS";bB.displayName="ModalContent";i();import l1 from"styled-components";import{jsx as xB}from"react/jsx-runtime";var Iie=l1.div`
   align-items: center;
   display: flex;
   padding: ${({theme:e})=>e.spacing.space04} ${({theme:e})=>e.spacing.space04};
@@ -2501,25 +2501,25 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   display: flex;
 `,jie=u1.div`
   align-self: center;
-  background: ${({theme:e,meterBgColorOverride:t})=>t??e.color.grey300};
+  background: ${({theme:e,$meterBgColorOverride:t})=>t??e.color.grey300};
   border-radius: ${h3};
   flex: 1;
   height: ${h3};
 `,Wie=u1.div`
-  background: ${({theme:e,colorOverride:t})=>t??e.color.brandBlue500};
+  background: ${({theme:e,$colorOverride:t})=>t??e.color.brandBlue500};
   border-radius: ${h3};
   height: 100%;
   transition: width 0.2s ease-out;
-  width: ${({progress:e})=>e*100}%;
+  width: ${({$progress:e})=>e*100}%;
 `,_ie=u1.div`
-  color: ${({theme:e,labelColorOverride:t})=>t??e.color.grey900};
+  color: ${({theme:e,$labelColorOverride:t})=>t??e.color.grey900};
   font-size: 12px;
   font-variant-numeric: tabular-nums;
   line-height: 6px;
   margin-right: ${({theme:e})=>e.spacing.space04};
   text-align: right;
   width: 5ch;
-`,EB=({hasLabel:e=!0,progress:t=0,colorOverride:r=void 0,labelColorOverride:n=void 0,meterBgColorOverride:o=void 0,...a})=>{let s=Math.min(Math.max(t,0),1),l=Math.round(s*100);return SB(Hie,{"aria-label":"Progress","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":l,"data-testid":"progress-bar",role:"progressbar",...a,children:[e?SB(_ie,{"data-testid":"progress-bar-label",labelColorOverride:n,children:[l,"%"]}):null,DB(jie,{meterBgColorOverride:o,children:DB(Wie,{colorOverride:r,progress:s})})]})};EB.displayName="ProgressBar_VHS";i();i();import{useEffect as JB,useState as Su}from"react";import Wr from"styled-components";i();i();import{useEffect as yu,useMemo as y3,useState as m1}from"react";import eae from"styled-components";i();i();import Vo from"styled-components";import{jsx as pn,jsxs as g3}from"react/jsx-runtime";var c1=45,Uie=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],v3=7,PB=e=>e[0]instanceof Date||e[6]instanceof Date,Kie=e=>{let t={start:As(Mr(e)),end:k1(Mr(e))};return H3(t)},TB=()=>Array.from({length:v3},()=>[]),qie=e=>{let t=[],r=F(e[0])?j3(e[0]):0,n=TB();for(let o=0;o<e.length;o++){let a=(o+r)%v3;a===0&&PB(n)&&(t.push(n),n=TB()),n[a]=e[o]}return PB(n)&&t.push(n),t},Xie=Vo.div`
+`,EB=({hasLabel:e=!0,progress:t=0,colorOverride:r=void 0,labelColorOverride:n=void 0,meterBgColorOverride:o=void 0,...a})=>{let s=Math.min(Math.max(t,0),1),l=Math.round(s*100);return SB(Hie,{"aria-label":"Progress","aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":l,"data-testid":"progress-bar",role:"progressbar",...a,children:[e?SB(_ie,{$labelColorOverride:n,"data-testid":"progress-bar-label",children:[l,"%"]}):null,DB(jie,{$meterBgColorOverride:o,children:DB(Wie,{$colorOverride:r,$progress:s})})]})};EB.displayName="ProgressBar_VHS";i();i();import{useEffect as JB,useState as Su}from"react";import Wr from"styled-components";i();i();import{useEffect as yu,useMemo as y3,useState as m1}from"react";import eae from"styled-components";i();i();import Vo from"styled-components";import{jsx as pn,jsxs as g3}from"react/jsx-runtime";var c1=45,Uie=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],v3=7,PB=e=>e[0]instanceof Date||e[6]instanceof Date,Kie=e=>{let t={start:As(Mr(e)),end:k1(Mr(e))};return H3(t)},TB=()=>Array.from({length:v3},()=>[]),qie=e=>{let t=[],r=F(e[0])?j3(e[0]):0,n=TB();for(let o=0;o<e.length;o++){let a=(o+r)%v3;a===0&&PB(n)&&(t.push(n),n=TB()),n[a]=e[o]}return PB(n)&&t.push(n),t},Xie=Vo.div`
   cursor: not-allowed;
   padding-top: ${({theme:e})=>e.spacing.space04};
   width: ${c1*v3}px;
@@ -2535,7 +2535,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   background: none;
   border: 0 solid white;
   border-radius: 50%;
-  color: ${e=>e.theme.color.grey800};
+  color: ${({theme:e})=>e.color.grey800};
   cursor: pointer;
   font-size: 14px;
   height: ${c1}px;
@@ -2547,7 +2547,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
 
   &:disabled {
     border: 0 solid white;
-    color: ${e=>e.theme.color.grey300};
+    color: ${({theme:e})=>e.color.grey300};
     cursor: not-allowed;
   }
 `,Zie=Vo.div`
@@ -2564,45 +2564,45 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
 `,AB=Vo.button`
   background: none;
   border: none;
-  color: ${e=>e.theme.color.grey500};
+  color: ${({theme:e})=>e.color.grey500};
   cursor: pointer;
 
   &:disabled {
-    color: ${e=>e.theme.color.grey300};
+    color: ${({theme:e})=>e.color.grey300};
     cursor: not-allowed;
   }
 `,d1=({displayDate:e,earliestDate:t,latestDate:r,onDisplayDateChange:n,onMouseLeave:o,shouldPreventFuture:a=!1,renderDay:s})=>{let l=qie(Kie(e)),u=As(Ps(e,1)),c=k1(Ps(e,-1)),p=S=>r?W3(S,r):!1,d=S=>a?_3(S):!1,h=S=>t?_r(S,t):!1,g=S=>p(S)||d(S)||h(S),v=S=>S.toLocaleDateString("en-US",{day:"numeric"}),m=S=>s?s({day:S,isDisabled:g(S),formattedDay:v(S)}):pn(f1,{"data-day":v(S),disabled:g(S),children:pn(p1,{children:v(S)})},S),y={start:t??I1(new Date,-5),end:a?new Date:I1(new Date,5)},b=e.getFullYear(),x=()=>{let S=new Intl.DateTimeFormat("en",{month:"long"});return N1(y).filter(P=>P.getFullYear()===e.getFullYear()).map(P=>({value:P.getMonth(),label:S.format(P)}))},w=()=>Object.values(N1(y).map(S=>({value:S.getFullYear(),label:S.getFullYear()})).reduce((S,P)=>F(S[P.value])?S:{...S,[P.value]:P},{})),D=x(),E=w();return g3(Xie,{"data-testid":"calendar-test-identifier",children:[g3(Yie,{children:[pn(AB,{"aria-label":"Previous month","data-testid":"month-prev",disabled:h(c),onClick:()=>{n&&n(c)},style:{transform:"translateX(-5px)"},type:"button",children:pn(Ee,{size:"md",type:"caret-left"})}),pn(ui,{"aria-label":"Select month","data-testid":"monthSelect",fullWidth:!1,onChange:S=>{let P=S.target.value,A=new Date(b,Number(P));n&&(d(A)?n(new Date):h(A)?n(t):n(A))},options:D,placeholder:null,value:e.getMonth()}),pn(ui,{"aria-label":"Select year","data-testid":"yearSelect",fullWidth:!1,onChange:S=>{let P=e.getMonth(),A=S.target.value,B=new Date(Number(A),P);n&&(d(B)?n(new Date):h(B)?n(t):n(B))},options:E,placeholder:null,value:e.getFullYear()}),pn(AB,{"aria-label":"Next month","data-testid":"month-next",disabled:d(u),onClick:()=>{n&&n(u)},style:{transform:"translateX(4px)"},type:"button",children:pn(Ee,{size:"md",type:"caret-right"})})]}),g3(Jie,{"aria-label":"Day selection grid",onMouseLeave:o,role:"button",children:[Uie.map(S=>pn(Qie,{children:S},S)),l.map(S=>S.map(P=>P instanceof Date?m(P):pn(Zie,{},Math.random())))]})]})};d1.displayName="Calendar_VHS";import{jsx as b3}from"react/jsx-runtime";var tae=eae(f1)`
-  ${e=>e.isBeginning&&!e.isInRange&&`
+  ${({$isBeginning:e,$isInRange:t})=>e&&!t&&`
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   `};
-  ${e=>e.isEnd&&!e.isInRange&&`
+  ${({$isEnd:e,$isInRange:t})=>e&&!t&&`
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   `};
-  ${e=>e.isEnd&&e.isBeginning&&`
+  ${({$isEnd:e,$isBeginning:t})=>e&&t&&`
     border-radius: 50%;
   `};
-  ${e=>e.isInRange&&`
-    background: ${e.theme.color.brandBlue200};
-    border: 0px solid ${e.theme.color.grey300};
+  ${({theme:e,$isInRange:t})=>t&&`
+    background: ${e.color.brandBlue200};
+    border: 0px solid ${e.color.grey300};
     border-radius: 0;
   `};
-  ${e=>e.isInTempRange&&`
+  ${({theme:e,$isInTempRange:t})=>t&&`
     border-width: 1px 0;
     border-style: solid;
-    border-color: ${e.theme.color.brandBlue500};
+    border-color: ${e.color.brandBlue500};
     border-radius: 0;
   `};
-  ${e=>e.isActive&&`
-    background: ${e.theme.color.blue500};
-    background: ${e.theme.color.brandBlue500};
+  ${({theme:e,$isActive:t})=>t&&`
+    background: ${e.color.blue500};
+    background: ${e.color.brandBlue500};
     border: none;
     color: white;
   `};
-  ${e=>e.isHovered&&`
+  ${({theme:e,$isHovered:t})=>t&&`
     &::after {
-      border: 1px solid ${e.theme.color.brandBlue500};
+      border: 1px solid ${e.color.brandBlue500};
       border-radius: 50%;
       content: '';
       display: block;
@@ -2618,46 +2618,46 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
       display: none;
     };
   `};
-  ${e=>e.isBeginning&&!e.isEnd&&e.isHovered&&`
+  ${({theme:e,$isBeginning:t,$isEnd:r,$isHovered:n})=>t&&!r&&n&&`
     color: white;
 
     &::after {
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
       border-left: 0px;
-      background: ${e.theme.color.brandBlue500};
+      background: ${e.color.brandBlue500};
       color: white;
     }
   `};
-  ${e=>F(e.isEnd)&&!e.isBeginning&&!e.disabled&&e.isHovered&&`
+  ${({theme:e,disabled:t,$isEnd:r,$isBeginning:n,$isHovered:o})=>F(r)&&!n&&!t&&o&&`
     color: white;
 
     &::after {
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
       border-right: 0px;
-      background: ${e.theme.color.brandBlue500};
+      background: ${e.color.brandBlue500};
     }
   `}
-`,bu=e=>{if(le(e))return!1;let{start:t,end:r}=e;return t instanceof Date&&r instanceof Date&&_r(t,r)},RB=(e,t)=>le(e)||G3(e.end,e.start)<2?!1:U3(t,{start:O1(e.start,1),end:O1(e.end,-1)}),BB=(e,t)=>{if(e instanceof Date&&F(t)){let[r,n]=[e,t].sort(Au);if(F(r)&&F(n))return{start:r,end:Li(n)}}},FB=(e,t)=>{let[r,n]=m1();return yu(()=>{n(BB(e,t))},[e,t,n]),r},h1=({range:e={end:new Date,start:new Date},rangePartToShow:t="",onChange:r,onIsValidChange:n=()=>{},earliestDate:o,latestDate:a,shouldPreventFuture:s=!1})=>{let l=y3(()=>As(new Date),[]),u=F(e.end)?e.end:l,[c,p]=m1(u),[{firstDate:d,secondDate:h},g]=m1({}),[v,m]=m1(),y=FB(d,h),b=Cl(y),x=FB(!bu(y)&&d,v),w=y3(()=>ll(100,n),[n]),D=y3(()=>ll(0,p),[]);yu(()=>{D(e.end)},[]),yu(()=>{if(!(!y||!b)&&t){let S=y[t];D(S)}},[t,y,b,D]),yu(()=>{w(bu(y))},[y,w]),yu(()=>{if(bu(e)){let S;b&&!$1(e.start,b.start)&&(S=e.start),b&&!$1(e.end,b.end)&&(S=e.end),S&&D(S),g({firstDate:e.start,secondDate:e.end})}},[e,b,D]);let E=S=>{let P=F(d)&&ar(d,S)||F(h)&&ar(h,S),A=RB(y,S),B=!y&&RB(x,S),I=S.toLocaleDateString("en-US"),j=F(v)?ar(S,v):!1,k=!!(y&&ar(y.start,S)||x&&ar(x.start,S)),N=!!(y&&ar(y.end,S)||x&&ar(x.end,S));return{isActive:P,isBeginning:k,isEnd:N,isInRange:A,isInTempRange:B,isHovered:j,val:I}};return b3(d1,{displayDate:c,earliestDate:o,latestDate:a,onDisplayDateChange:D,onMouseLeave:()=>{m(void 0)},renderDay:({day:S,isDisabled:P,formattedDay:A})=>{let B=E(S);return b3(tae,{...B,"data-day":A,"data-is-beginning":B.isBeginning,"data-is-end":B.isEnd,"data-is-in-temp-range":B.isInTempRange,disabled:P,onClick:()=>{let I=S,j=S;d&&h?j=void 0:d?I=d:j=h,g({firstDate:I,secondDate:j});let k=BB(I,j);bu(k)&&r&&r(k),m(void 0)},onMouseOver:()=>{d&&!P&&m(S)},children:b3(p1,{children:A})},S)},shouldPreventFuture:s})};h1.displayName="RangeSelectorCalendar_VHS";i();i();import{useCallback as pae,useEffect as b1,useRef as dae,useState as C1}from"react";import mae from"styled-components";i();import MB from"styled-components";import{jsx as OB}from"react/jsx-runtime";var rae=MB.ul`
+`,bu=e=>{if(le(e))return!1;let{start:t,end:r}=e;return t instanceof Date&&r instanceof Date&&_r(t,r)},RB=(e,t)=>le(e)||G3(e.end,e.start)<2?!1:U3(t,{start:O1(e.start,1),end:O1(e.end,-1)}),BB=(e,t)=>{if(e instanceof Date&&F(t)){let[r,n]=[e,t].sort(Au);if(F(r)&&F(n))return{start:r,end:Li(n)}}},FB=(e,t)=>{let[r,n]=m1();return yu(()=>{n(BB(e,t))},[e,t,n]),r},h1=({range:e={end:new Date,start:new Date},rangePartToShow:t="",onChange:r,onIsValidChange:n=()=>{},earliestDate:o,latestDate:a,shouldPreventFuture:s=!1})=>{let l=y3(()=>As(new Date),[]),u=F(e.end)?e.end:l,[c,p]=m1(u),[{firstDate:d,secondDate:h},g]=m1({}),[v,m]=m1(),y=FB(d,h),b=Cl(y),x=FB(!bu(y)&&d,v),w=y3(()=>ll(100,n),[n]),D=y3(()=>ll(0,p),[]);yu(()=>{D(e.end)},[]),yu(()=>{if(!(!y||!b)&&t){let S=y[t];D(S)}},[t,y,b,D]),yu(()=>{w(bu(y))},[y,w]),yu(()=>{if(bu(e)){let S;b&&!$1(e.start,b.start)&&(S=e.start),b&&!$1(e.end,b.end)&&(S=e.end),S&&D(S),g({firstDate:e.start,secondDate:e.end})}},[e,b,D]);let E=S=>{let P=F(d)&&ar(d,S)||F(h)&&ar(h,S),A=RB(y,S),B=!y&&RB(x,S),I=S.toLocaleDateString("en-US"),j=F(v)?ar(S,v):!1,k=!!(y&&ar(y.start,S)||x&&ar(x.start,S)),N=!!(y&&ar(y.end,S)||x&&ar(x.end,S));return{$isActive:P,$isBeginning:k,$isEnd:N,$isInRange:A,$isInTempRange:B,$isHovered:j,$val:I}};return b3(d1,{displayDate:c,earliestDate:o,latestDate:a,onDisplayDateChange:D,onMouseLeave:()=>{m(void 0)},renderDay:({day:S,isDisabled:P,formattedDay:A})=>{let B=E(S);return b3(tae,{...B,"data-day":A,"data-is-beginning":B.$isBeginning,"data-is-end":B.$isEnd,"data-is-in-temp-range":B.$isInTempRange,disabled:P,onClick:()=>{let I=S,j=S;d&&h?j=void 0:d?I=d:j=h,g({firstDate:I,secondDate:j});let k=BB(I,j);bu(k)&&r&&r(k),m(void 0)},onMouseOver:()=>{d&&!P&&m(S)},children:b3(p1,{children:A})},S)},shouldPreventFuture:s})};h1.displayName="RangeSelectorCalendar_VHS";i();i();import{useCallback as pae,useEffect as b1,useRef as dae,useState as C1}from"react";import mae from"styled-components";i();import MB from"styled-components";import{jsx as OB}from"react/jsx-runtime";var rae=MB.ul`
   list-style: none;
   margin: 0;
   padding: 0;
 `,nae=MB.li`
-  color: ${e=>e.theme.color.error600};
+  color: ${({theme:e})=>e.color.error600};
   font-size: 12px;
 `,IB=({messages:e=[]})=>OB(rae,{children:e.map(t=>OB(nae,{children:t},t))});i();var Lo="       -       ",Kn=`mm/dd/yyyy${Lo}mm/dd/yyyy`,oae=[{type:"month",id:"month1"},{type:"day",id:"day1"},{type:"year",id:"year1"},{type:"skip"},{type:"month",id:"month2"},{type:"day",id:"day2"},{type:"year",id:"year2"}],iae=e=>{let t={month:2,day:2,year:4,skip:Lo.length-2},r=0;return e.map(({type:n,id:o},a)=>{let s=r+(a===0?0:1),l=s+t[n];return r=l,{start:s,end:l,type:n,id:o}})},$o=iae(oae);i();var aae=new Set(["Enter","Backspace","Tab","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","/"]),g1=e=>/^[0-9]$/i.test(e.key),sae=e=>aae.has(e.key),kB=e=>g1(e)||sae(e),C3=({key:e,shiftKey:t})=>e==="Tab"&&!t||e==="/"||e==="ArrowRight",x3=({key:e,shiftKey:t})=>e==="ArrowLeft"||e==="Tab"&&t,w3=e=>e.key==="ArrowUp"||e.key==="ArrowDown",S3=e=>e.key==="Backspace",NB=e=>g1(e)||w3(e)||S3(e),VB=e=>x3(e)||C3(e);i();var dn=e=>{let[t,r]=e.split(Lo),n="",o="",a="",s="",l="",u="";F(t)&&([n,o,a]=t.split("/")),F(r)&&([s,l,u]=r.split("/"));let c=ye(n)?n:"",p=ye(o)?o:"",d=ye(a)?a:"",h=ye(s)?s:"",g=ye(l)?l:"",v=ye(u)?u:"";return{month1:c,day1:p,year1:d,month2:h,day2:g,year2:v}},Cu=e=>{if(!Ts(e))return"";try{return new Intl.DateTimeFormat(["en-US"],{year:"numeric",month:"2-digit",day:"2-digit",timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone}).format(e)}catch{return""}},v1=e=>{let{month1:t,day1:r,year1:n,month2:o,day2:a,year2:s}=e;return`${t}/${r}/${n}${Lo}${o}/${a}/${s}`},y1=e=>{let{month1:t,day1:r,year1:n,month2:o,day2:a,year2:s}=dn(e);try{let l=Mr(new Date(Number(n),Number(t)-1,Number(r))),u=Li(new Date(Number(s),Number(o)-1,Number(a)));return{start:l,end:u}}catch{return}},D3=({start:e,end:t})=>{let r={month:"2-digit",day:"2-digit",year:"numeric"},n=e.toLocaleDateString("en-US",r),o=t.toLocaleDateString("en-US",r);return`${n}${Lo}${o}`};i();var E3=Or(rp());i();var ws,LB=e=>{F(ws)&&(e.preventDefault(),clearTimeout(ws),ws=void 0),ws=setTimeout(()=>{clearTimeout(ws),ws=void 0},200)},$B=({start:e,end:t})=>Ts(e)&&Ts(t),zB=([e],t)=>{let r=t.find(n=>n.start===e);return F(r)&&F(r.id)?r.id:""},xu=(e,t)=>{let r=t.substring(0,t.length-1),n=t.charAt(t.length-1),o=12,a=31;switch(r){case"month":return o;case"year":return L1(new Date);case"day":if(e[`month${n}`]!=="mm"){let l=e[`month${n}`]-1;if(e[`year${n}`]!=="yyyy"){let u=e[`year${n}`];return V1(new Date(u,l))}return V1(new Date(L1(new Date),l))}return a;default:return 0}},GB=({range:e,maxDate:t,minDate:r})=>{let n=Cu(e.start),o=Cu(e.end),a=[];if(F(t)){let s=Cu(t);_r(t,e.start)&&a.push(`${n} is after maximum of ${s}`),_r(t,e.end)&&a.push(`${o} is after maximum of ${s}`)}if(r){let s=Cu(r);_r(e.start,r)&&a.push(`${n} is before minimum of ${s}`),_r(e.end,r)&&a.push(`${o} is before minimum of ${s}`)}return(_r(e.end,e.start)||ar(e.end,e.start))&&a.push("start date must come before end date"),a},HB=e=>{let[t,r]=[e.start,e.end].sort(Au);return{start:t,end:r}};i();var lae=e=>{let t=e.current?.selectionStart,r=e.current?.selectionEnd;return{startPos:t,endPos:r}},jB=(e,t,r)=>{let n=e.current;n&&n.setSelectionRange(t,r)},wu=(e,t,r)=>{let n=r.findIndex(a=>a.start===e[0]),o=r[n+t];return o&&o.type==="skip"&&(o=r[n+t*2]),o?[o.start,o.end]:e},WB=(e,t)=>{let r=lae(e);for(let n=0;n<t.length;n++){if(ct(t[n]))return[];let{start:o,end:a,type:s}=t[n];if(F(r.startPos)&&r.startPos>o-1&&r.startPos<=a)return s==="skip"&&Q(t[n+1])?[t[n+1].start,t[n+1].end]:[o,a]}return[]},_B=e=>{let t=dn(e),r=dn(Kn),n=["month1","day1","year1","month2","day2","year2"];for(let o=0;o<n.length;o++){if(ct(n[o]))return-1;if(t[n[o]]===r[n[o]])return o}return-1},UB=([,e])=>{let t=Kn.indexOf(Lo);return e===-1?"":Q(e)&&e<=t?"start":"end"};var KB=e=>{let t={...e},r=n=>`${n}`.padStart(2,"0");return e.day1!=="dd"&&(t.day1=r(Math.min(Number(e.day1),xu(e,"day1")))),e.day2!=="dd"&&(t.day2=r(Math.min(Number(e.day2),xu(e,"day2")))),t},uae=(e,t,r,n,o)=>{let a=dn(Kn)[t],s=a.length,l=m=>`${m}`.padStart(s,"0"),u=m=>({...e,[t]:l(m)}),c=e[t],p=c===a;if(o===0)return u(l(n));let d=xu(e,t),h=`${Number.parseInt(c,10)}`,g=`${h}${n}`,v=h.length===s;return p&&r!=="year"||v?u(n):Number.parseInt(g,10)>d?u(d):u(g)},cae=(e,t,r)=>{let n=Number.parseInt(e,10);Number.isNaN(n)&&(n=0);let o=n+r;return o<=0||o>t?n:o},fae=(e,t,r)=>{let o=dn(Kn)[t].length,a=c=>`${c}`.padStart(o,"0"),s=c=>({...e,[t]:a(c)}),l=e[t],u=xu(e,t);return s(a(cae(l,u,r)))},qB=({event:e,currentSelection:t,keyCount:r,valueParts:n,selectionLength:o})=>{let a="",s=r,l=!1,u=zB(t,$o),c=u.substring(0,u.length-1);if(g1(e)){e.preventDefault();let p=uae(n,u,c,e.key,r),d=KB(p);a=v1(d),s+=1,l=o===s}if(w3(e)){e.preventDefault();let p=e.key==="ArrowUp"?1:-1,d=fae(n,u,p),h=KB(d);a=v1(h),s=0,l=!0}if(S3(e)){e.preventDefault();let p=dn(Kn);a=v1({...n,[u]:p[u]}),s=0}return{nextValue:a,nextKeyCount:s,shouldApply:l}},XB=({event:e,currentSelection:t})=>{let r;return C3(e)&&(r=wu(t,1,$o),(0,E3.default)(r,t)||e.preventDefault()),x3(e)&&(r=wu(t,-1,$o),(0,E3.default)(r,t)||e.preventDefault()),{nextSelection:r,nextKeyCount:0}};import{jsx as YB,jsxs as vae}from"react/jsx-runtime";var hae=mae.input`
-  border: 1px solid ${e=>e.theme.color.grey400};
+  border: 1px solid ${({theme:e})=>e.color.grey400};
   border-radius: 4px;
-  color: ${e=>e.theme.color.grey800};
+  color: ${({theme:e})=>e.color.grey800};
   outline: none;
   padding: ${({theme:e})=>e.spacing.space03};
   resize: none;
   text-align: center;
-  width: ${e=>e.width};
+  width: ${({width:e})=>e};
 
   &:focus {
-    border: 1px solid ${e=>e.theme.color.brandBlue500};
+    border: 1px solid ${({theme:e})=>e.color.brandBlue500};
   }
 `,gae=({latestDate:e,shouldPreventFuture:t})=>e||(t?Li(new Date):void 0),x1=({onChange:e,onSelectedRangePartChange:t,range:r,earliestDate:n,latestDate:o,shouldPreventFuture:a=!1,width:s="100%",onErrorChange:l})=>{let[u,c]=C1(Kn),[p,d]=C1(0),[h,g]=C1([]),v=dae(null),[m,y]=C1([0,-1]),b=ct(m)||ct(m[1])||ct(m[0])?0:m[1]-m[0],x=dn(u),w=pae(D=>{let E=GB({range:D,maxDate:gae({latestDate:o,shouldPreventFuture:a}),minDate:n});$B(D)&&(c(D3(D)),!E.length&&Q(e)&&e(HB(D))),g(E)},[n,o,a,e]);return b1(()=>{g([]),c(D3(r))},[r]),b1(()=>{Q(l)&&l(h)},[h,l]),b1(()=>{if(b===p){d(0);let D=wu(m,1,$o);y(D)}},[p,m,b]),b1(()=>{jB(v,m[0],m[1]),Q(t)&&t(UB(m))},[m,u,v,t]),vae("div",{children:[!!h.length&&YB(IB,{messages:h}),YB(hae,{ref:v,"data-testid":"range-selector-input",onBlur:()=>{if(p!==b&&p!==0){let D=y1(u);F(D)&&w(D)}y([0,-1])},onFocus:()=>{if(_B(u)!==-1){let E=$o[0];if(F(E)){let{start:S,end:P}=E;y([S,P])}}},onKeyDown:D=>{let E={event:D,currentSelection:m,keyCount:p,valueParts:x,selectionLength:b};if(!kB(D)){D.preventDefault();return}if(NB(D)){let{nextValue:S,nextKeyCount:P,shouldApply:A}=qB(E),B=y1(S);A&&Q(B)?w(B):c(S),d(P)}if(VB(D)){let{nextSelection:S,nextKeyCount:P}=XB(E);Q(S)&&y(S),d(P);let A=y1(u);Q(A)&&w(A)}},onMouseDown:LB,onMouseUp:()=>{d(0),y(WB(v,$o))},readOnly:!0,type:"text",value:u,width:s})]})};x1.displayName="RangeSelectorInput_VHS";import{jsx as Mt,jsxs as Ii}from"react/jsx-runtime";var yae=Wr.div`
   text-align: left;
@@ -2687,7 +2687,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
 `,Eae=Wr.button`
   background: white;
   border: none;
-  color: ${e=>e.theme.color.grey800};
+  color: ${({theme:e})=>e.color.grey800};
   cursor: pointer;
   display: flex;
   font-size: 15px;
@@ -2696,11 +2696,11 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   width: 100%;
 
   &:hover {
-    background: ${e=>e.theme.color.grey100};
+    background: ${({theme:e})=>e.color.grey100};
   }
 
-  ${e=>e.$isActive&&`
-    color: ${e.theme.color.blue600};
+  ${({theme:e,$isActive:t})=>t&&`
+    color: ${e.color.blue600};
     font-weight: 600;
   `};
 `,Pae=Wr.div`
@@ -2708,17 +2708,17 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   height: 0;
 `,Tae=Wr.div`
   background: white;
-  border: 1px solid ${e=>e.theme.color.grey400};
+  border: 1px solid ${({theme:e})=>e.color.grey400};
   border-radius: 4px;
   display: flex;
   flex-wrap: wrap;
   overflow: hidden;
   position: absolute;
   top: ${({theme:e})=>e.spacing.space07};
-  ${e=>e.align==="left"&&`
+  ${({align:e})=>e==="left"&&`
     left: 0;
   `};
-  ${e=>e.align==="right"&&`
+  ${({align:e})=>e==="right"&&`
     right: 0;
   `};
   z-index: ${({theme:e})=>e.zIndex.RangeSelector};
@@ -2727,7 +2727,7 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
 `,Rae=Wr.div`
   padding: ${({theme:e})=>`${e.spacing.space05} ${e.spacing.space03}`};
 `,Fae=Wr.div`
-  border-top: 1px solid ${e=>e.theme.color.grey400};
+  border-top: 1px solid ${({theme:e})=>e.color.grey400};
   display: flex;
   flex-shrink: 0;
   justify-content: space-between;
@@ -2788,13 +2788,13 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   height: ${tO};
 `,rO=({ariaLabel:e,ariaLabelledby:t,ariaValuetext:r,disabled:n=!1,defaultValue:o=0,max:a=100,min:s=0,onChange:l,step:u=1,value:c,"data-testid":p,...d})=>{ye(e)||ye(t)||console.warn("VHS Slider: Sliders are required to have an accessible name. Add a label using the ariaLabel or ariaLabelledby prop.");let h=F(p)?p:"vhs-slider";return Du(Iae,{...d,"data-testid":h,disabled:n,children:Du(F3,{ariaLabel:st(e)||Es(e)?e:void 0,ariaLabelledby:st(t)||Es(t)?t:void 0,ariaValuetext:hn(r)?g=>r(g):r,defaultValue:F1(o)||Es(o)?o:void 0,disabled:n,marks:u,max:a,min:s,onChange:l,renderMark:g=>{let{key:v,...m}=g;return Du("div",{...m,"data-testid":`${h}-mark-${g.key+s}`},v)},renderThumb:(g,v)=>{let{key:m,...y}=g;return Du(kae,{...y,"data-testid":`${h}-thumb-${v.index}`},m)},renderTrack:(g,v)=>{let{key:m,...y}=g;return Du(Vae,{...y,$isFilledTrack:Nae(v),"data-testid":`${h}-track-${v.index}`},m)},step:u,value:F1(c)||Es(c)?c:void 0})})};rO.displayName="Slider_VHS";i();i();import{forwardRef as Lae}from"react";import $ae from"styled-components";import{jsx as Gae}from"react/jsx-runtime";var zae=$ae.div`
   display: flex;
-  flex-direction: ${({direction:e})=>e==="horizontal"?"row":"column"};
-  gap: ${({gap:e,theme:t})=>t.spacing[e]};
+  flex-direction: ${({$direction:e})=>e==="horizontal"?"row":"column"};
+  gap: ${({$gap:e,theme:t})=>t.spacing[e]};
 
   > * {
     flex: 1;
   }
-`,nO=Lae(({renderAs:e="div",direction:t="vertical",gap:r="space02",...n},o)=>Gae(zae,{...n,ref:o,as:e,direction:t,gap:r}));nO.displayName="Stack_VHS";i();i();import iO,{css as Hae}from"styled-components";import{jsx as oO}from"react/jsx-runtime";var O3=iO.button`
+`,nO=Lae(({renderAs:e="div",direction:t="vertical",gap:r="space02",...n},o)=>Gae(zae,{...n,ref:o,$direction:t,$gap:r,as:e}));nO.displayName="Stack_VHS";i();i();import iO,{css as Hae}from"styled-components";import{jsx as oO}from"react/jsx-runtime";var O3=iO.button`
   background-color: white;
   border-color: ${({theme:e})=>e.color.grey700};
   border-radius: 20px;