@wistia/vhs 2.75.3-beta.076e3887.8faed76 → 2.75.3-beta.2dc1f9af.b1f26a2

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v2.75.3-beta.076e3887.8faed76
+ * @license @wistia/vhs v2.75.3-beta.2dc1f9af.b1f26a2
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -735,10 +735,10 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
   display: flex;
 
   /* this helps ensure that primary buttons appear at the top of the column */
-  flex-direction: ${({align:e})=>e==="right"?"column-reverse":"column"};
+  flex-direction: ${({$align:e})=>e==="right"?"column-reverse":"column"};
   gap: ${({theme:e})=>e.buttonGroup.gap};
-  justify-content: ${({align:e})=>BW(e)};
-  width: ${({fullWidth:e})=>e?"100%":"auto"};
+  justify-content: ${({$align:e})=>BW(e)};
+  width: ${({$fullWidth:e})=>e?"100%":"auto"};
 
   ${Ae.smAndUp} {
     flex-direction: row;
@@ -754,7 +754,7 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
       width: auto;
     }
   }
-`,Do=({children:e,align:t="left",fullWidth:r=!1,...n})=>le(e)?null:MW(OW,{align:t,fullWidth:r,...n,children:e});Do.displayName="ButtonGroup_VHS";i();i();import{forwardRef as LW}from"react";import $W,{css as St}from"styled-components";i();i();import IW,{css as eh}from"styled-components";import{jsx as VW}from"react/jsx-runtime";var Sr=eh`
+`,Do=({children:e,align:t="left",fullWidth:r=!1,...n})=>le(e)?null:MW(OW,{$align:t,$fullWidth:r,...n,children:e});Do.displayName="ButtonGroup_VHS";i();i();import{forwardRef as LW}from"react";import $W,{css as St}from"styled-components";i();i();import IW,{css as eh}from"styled-components";import{jsx as VW}from"react/jsx-runtime";var Sr=eh`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -860,18 +860,18 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
       margin-bottom: ${t.spacing.space05};
     `}
 `,pr=LW(({align:e="left",bold:t=!1,children:r,colorOverride:n,disabled:o=!1,ellipsis:a=!1,inline:s=!1,italic:l=!1,preventUserSelect:u=!1,renderAs:c="div",variant:p="body1",...d},h)=>QW(ZW,{ref:h,align:e,as:c,bold:t,colorOverride:n,disabled:o,ellipsis:a,inline:s,italic:l,preventUserSelect:u,variant:p,...d,children:r}));pr.displayName="Text_VHS";i();i();import e_ from"styled-components";import{jsx as o_}from"react/jsx-runtime";var t_={normal:"normal",top:"start",center:"center",bottom:"end"},r_={normal:"normal",left:"start",center:"center",right:"end"},n_=e_.div`
-  align-items: ${({alignVertical:e})=>t_[e]};
-  background: ${({backgroundColor:e})=>e};
+  align-items: ${({$alignVertical:e})=>t_[e]};
+  background: ${({$backgroundColor:e})=>e};
   bottom: 0;
   display: grid;
-  justify-content: ${({alignHorizontal:e})=>r_[e]};
+  justify-content: ${({$alignHorizontal:e})=>r_[e]};
   left: 0;
   overflow-y: auto;
   position: fixed;
   right: 0;
   top: 0;
-  z-index: ${({theme:e,elevated:t})=>t?e.zIndex.BackdropElevated:e.zIndex.Backdrop};
-`,en=({alignHorizontal:e="normal",alignVertical:t="normal",backgroundColor:r="rgba(0, 0, 0, 0.4)",children:n,elevated:o=!1,...a})=>o_(n_,{alignHorizontal:e,alignVertical:t,backgroundColor:r,elevated:o,...a,children:n});en.displayName="Backdrop_VHS";i();i();i();i();import{forwardRef as D_,useMemo as E_}from"react";import P_,{css as Pl}from"styled-components";i();i();import Dw,{css as i_}from"styled-components";import{jsx as Sw}from"react/jsx-runtime";var Sl=i_`
+  z-index: ${({theme:e,$elevated:t})=>t?e.zIndex.BackdropElevated:e.zIndex.Backdrop};
+`,en=({alignHorizontal:e="normal",alignVertical:t="normal",backgroundColor:r="rgba(0, 0, 0, 0.4)",children:n,elevated:o=!1,...a})=>o_(n_,{$alignHorizontal:e,$alignVertical:t,$backgroundColor:r,$elevated:o,...a,children:n});en.displayName="Backdrop_VHS";i();i();i();i();import{forwardRef as D_,useMemo as E_}from"react";import P_,{css as Pl}from"styled-components";i();i();import Dw,{css as i_}from"styled-components";import{jsx as Sw}from"react/jsx-runtime";var Sl=i_`
   border: 0;
   clip: rect(1px, 1px, 1px, 1px); /* deprecated but remains as fallback */
   clip-path: inset(50%); /* modern but less support */
@@ -1077,9 +1077,9 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
 
   ${Ae.smAndUp} {
     border-radius: 16px;
-    height: ${({fullHeight:e})=>e?"min-content":"auto"};
+    height: ${({$fullHeight:e})=>e?"min-content":"auto"};
     margin: ${({theme:e})=>e.spacing.space05};
-    ${({fullHeight:e})=>e?"min-height: calc(100vh - 48px);":""}
+    ${({$fullHeight:e})=>e?"min-height: calc(100vh - 48px);":""}
     overflow: visible;
     width: min-content;
   }
@@ -1131,19 +1131,19 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
     height: ${Iw}px;
     width: ${Iw}px;
   }
-`,Nw=({alignHorizontal:e="center",alignVertical:t="center",buttons:r,children:n,className:o,elevated:a=!0,fullHeight:s=!1,closeIconColorOverride:l=void 0,illustration:u=null,illustrationBackgroundColor:c="brandBlue",initialShownState:p=!1,isDismissible:d=!0,onBeforeHide:h,onHide:g,onShow:v,render:m,title:y,toggle:b,width:x=V_,...w})=>Vn(ja,{className:o,initialShownState:p,isDismissible:d,onBeforeHide:h,onHide:g,onShow:v,render:D=>Vn(en,{alignHorizontal:e,alignVertical:t,elevated:a,onClick:E=>{d&&(E.stopPropagation(),D())},children:ah(L_,{"aria-labelledby":"dialogTitle","data-testid":"action-modal-dialogue",fullHeight:s,onClick:E=>E.stopPropagation(),role:"dialog",...w,children:[d?Vn(_a,{closeIconColorOverride:l,onClick:D}):null,F(u)?Vn(G_,{illustrationBackgroundColor:c,children:typeof u=="string"?Vn("img",{alt:"",src:u}):u}):null,ah($_,{width:x,children:[ah(z_,{children:[Vn(kw,{children:y?Vn(pr,{id:"dialogTitle",renderAs:"h2",style:{marginBottom:"16px"},variant:"headline1",children:y}):null}),Vn(kw,{children:m===void 0?n:m(D)})]}),Vn(Do,{align:"right",style:{flexGrow:"0",marginTop:"24px"},children:typeof r=="function"?r(D):r})]})]})}),toggle:b});Nw.displayName="ActionModal_VHS";i();i();import{useMemo as __,useState as U_,useEffect as K_}from"react";import lh from"styled-components";i();var Lw={blue:["blue600","blue700","blue800"],brandBlue:["brandBlue600","brandBlue700","brandBlue800"],green:["green600","green700","green800"],pink:["pink600","pink700","pink800"],purple:["purple600","purple700","purple800"],red:["red600","red700","red800"],yellow:["yellow700","yellow800","yellow900"]},Vw=Object.keys(Lw),H_=31,j_=e=>Array.from(e).reduce((t,r)=>Math.imul(H_,t)+r.charCodeAt(0)|0,0),$w=({seed:e,themeColors:t})=>{let r=Math.abs(j_(e))%Vw.length,n=Vw[r];return Lw[n].map(o=>t[o]).filter(o=>o!==void 0)};i();var W_=e=>new RegExp("<a?:.+?:\\d{18}>|\\p{Extended_Pictographic}","gu").test(e),zw=e=>le(e)||A1(e)||st(e)&&W_(e)||typeof e!="string"?"U":e.substring(0,1).toUpperCase();import{jsx as sh}from"react/jsx-runtime";var q_=lh.img`
+`,Nw=({alignHorizontal:e="center",alignVertical:t="center",buttons:r,children:n,className:o,elevated:a=!0,fullHeight:s=!1,closeIconColorOverride:l=void 0,illustration:u=null,illustrationBackgroundColor:c="brandBlue",initialShownState:p=!1,isDismissible:d=!0,onBeforeHide:h,onHide:g,onShow:v,render:m,title:y,toggle:b,width:x=V_,...w})=>Vn(ja,{className:o,initialShownState:p,isDismissible:d,onBeforeHide:h,onHide:g,onShow:v,render:D=>Vn(en,{alignHorizontal:e,alignVertical:t,elevated:a,onClick:E=>{d&&(E.stopPropagation(),D())},children:ah(L_,{$fullHeight:s,"aria-labelledby":"dialogTitle","data-testid":"action-modal-dialogue",onClick:E=>E.stopPropagation(),role:"dialog",...w,children:[d?Vn(_a,{closeIconColorOverride:l,onClick:D}):null,F(u)?Vn(G_,{illustrationBackgroundColor:c,children:typeof u=="string"?Vn("img",{alt:"",src:u}):u}):null,ah($_,{width:x,children:[ah(z_,{children:[Vn(kw,{children:y?Vn(pr,{id:"dialogTitle",renderAs:"h2",style:{marginBottom:"16px"},variant:"headline1",children:y}):null}),Vn(kw,{children:m===void 0?n:m(D)})]}),Vn(Do,{align:"right",style:{flexGrow:"0",marginTop:"24px"},children:typeof r=="function"?r(D):r})]})]})}),toggle:b});Nw.displayName="ActionModal_VHS";i();i();import{useMemo as __,useState as U_,useEffect as K_}from"react";import lh from"styled-components";i();var Lw={blue:["blue600","blue700","blue800"],brandBlue:["brandBlue600","brandBlue700","brandBlue800"],green:["green600","green700","green800"],pink:["pink600","pink700","pink800"],purple:["purple600","purple700","purple800"],red:["red600","red700","red800"],yellow:["yellow700","yellow800","yellow900"]},Vw=Object.keys(Lw),H_=31,j_=e=>Array.from(e).reduce((t,r)=>Math.imul(H_,t)+r.charCodeAt(0)|0,0),$w=({seed:e,themeColors:t})=>{let r=Math.abs(j_(e))%Vw.length,n=Vw[r];return Lw[n].map(o=>t[o]).filter(o=>o!==void 0)};i();var W_=e=>new RegExp("<a?:.+?:\\d{18}>|\\p{Extended_Pictographic}","gu").test(e),zw=e=>le(e)||A1(e)||st(e)&&W_(e)||typeof e!="string"?"U":e.substring(0,1).toUpperCase();import{jsx as sh}from"react/jsx-runtime";var q_=lh.img`
   align-items: center;
   background-color: white;
   border-radius: 50%;
   color: white;
   display: flex;
-  height: ${({heightAndWidth:e})=>e}px;
+  height: ${({$heightAndWidth:e})=>e}px;
   justify-content: center;
   object-fit: cover;
   overflow: hidden;
   pointer-events: none;
   user-select: none;
-  width: ${({heightAndWidth:e})=>e}px;
+  width: ${({$heightAndWidth:e})=>e}px;
   border: ${({theme:e})=>`2px solid ${e.color.grey200}`};
 
   a:hover & {
@@ -1155,16 +1155,16 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
   }
 `,X_=.55,Y_=lh.div`
   align-items: center;
-  background-color: ${({backgroundColor:e})=>e};
+  background-color: ${({$backgroundColor:e})=>e};
   border-radius: 50%;
   color: white;
   display: flex;
-  font-size: ${({heightAndWidth:e})=>e*X_}px;
+  font-size: ${({$heightAndWidth:e})=>e*X_}px;
   font-weight: ${({theme:e})=>e.font.weight.bold};
-  height: ${({heightAndWidth:e})=>e}px;
+  height: ${({$heightAndWidth:e})=>e}px;
   justify-content: center;
   overflow: hidden;
-  width: ${({heightAndWidth:e})=>e}px;
+  width: ${({$heightAndWidth:e})=>e}px;
 
   a:hover & {
     box-shadow: inset 0 0 0 2px rgb(0 0 0 / 25%);
@@ -1174,8 +1174,8 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
     box-shadow: inset 0 0 0 2px rgb(0 0 0 / 50%);
   }
 `,J_=lh.div`
-  max-height: ${({maxHeight:e})=>e}px;
-`,Gw=({imageUrl:e,heightAndWidth:t=24,initials:r,name:n,onImageLoad:o,...a})=>{let[s,l]=U_(null),u=Be(),c=__(()=>le(n)||n==="Anonymous"?u.grey600:$w({seed:n,themeColors:u})[0],[n,u]);K_(()=>{l(null)},[e]);let p=()=>{l("loaded"),o?.("image")},d=()=>{l("error"),o?.("initials")},h=le(e)||s==="error";return sh(J_,{...a,maxHeight:t,children:h?sh(Y_,{backgroundColor:c??"",heightAndWidth:t,children:zw(r)}):sh(q_,{alt:n??"Unavailable",heightAndWidth:t,onError:d,onLoad:p,src:e})})};Gw.displayName="Avatar_VHS";i();i();import Z_ from"styled-components";import{jsx as rU}from"react/jsx-runtime";var Hw=e=>!["cross-fade","element","image","image-set","linear-gradient","radial-gradient","conic-gradient","repeating-linear-gradient","repeating-radial-gradient","repeating-conic-gradient","paint","url"].some(r=>e.startsWith(r)),Q_=e=>{if(e!==void 0&&Array.isArray(e))return e.map(t=>Hw(t)?`url('${t}')`:t).join(", ");if(e!==void 0&&e!==""&&st(e))return Hw(e)?`url('${e}')`:e},eU=e=>{if(e!=="")return bn(e)?(Object.keys(e).forEach(t=>{if(!["horizontal","vertical"].includes(t))throw new ReferenceError(`"${t}" is not a valid key for BackgroundImage component overflow prop; only "horizontal" or "vertical" allowed`)}),Object.entries(e).map(([t,r])=>{if(t==="horizontal")return`overflow-x: ${r};`;if(t==="vertical")return`overflow-y: ${r};`}).join("")):`overflow: ${e};`},tU=Z_.div`
+  max-height: ${({$maxHeight:e})=>e}px;
+`,Gw=({imageUrl:e,heightAndWidth:t=24,initials:r,name:n,onImageLoad:o,...a})=>{let[s,l]=U_(null),u=Be(),c=__(()=>le(n)||n==="Anonymous"?u.grey600:$w({seed:n,themeColors:u})[0],[n,u]);K_(()=>{l(null)},[e]);let p=()=>{l("loaded"),o?.("image")},d=()=>{l("error"),o?.("initials")},h=le(e)||s==="error";return sh(J_,{...a,$maxHeight:t,children:h?sh(Y_,{$backgroundColor:c??"",$heightAndWidth:t,children:zw(r)}):sh(q_,{$heightAndWidth:t,alt:n??"Unavailable",onError:d,onLoad:p,src:e})})};Gw.displayName="Avatar_VHS";i();i();import Z_ from"styled-components";import{jsx as rU}from"react/jsx-runtime";var Hw=e=>!["cross-fade","element","image","image-set","linear-gradient","radial-gradient","conic-gradient","repeating-linear-gradient","repeating-radial-gradient","repeating-conic-gradient","paint","url"].some(r=>e.startsWith(r)),Q_=e=>{if(e!==void 0&&Array.isArray(e))return e.map(t=>Hw(t)?`url('${t}')`:t).join(", ");if(e!==void 0&&e!==""&&st(e))return Hw(e)?`url('${e}')`:e},eU=e=>{if(e!=="")return bn(e)?(Object.keys(e).forEach(t=>{if(!["horizontal","vertical"].includes(t))throw new ReferenceError(`"${t}" is not a valid key for BackgroundImage component overflow prop; only "horizontal" or "vertical" allowed`)}),Object.entries(e).map(([t,r])=>{if(t==="horizontal")return`overflow-x: ${r};`;if(t==="vertical")return`overflow-y: ${r};`}).join("")):`overflow: ${e};`},tU=Z_.div`
   background-attachment: ${({bgAttachment:e})=>e};
   background-clip: ${({bgClip:e})=>e};
   background-color: ${({bgColor:e})=>e};
@@ -1192,17 +1192,17 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
   width: ${({elWidth:e})=>e};
 `,jw=({children:e=void 0,attachment:t="scroll",clip:r="border-box",color:n=void 0,height:o="auto",origin:a=void 0,overflow:s="hidden",position:l="center",repeat:u="no-repeat",size:c="cover",src:p=void 0,width:d="100%",...h})=>rU(tU,{bgAttachment:t,bgClip:r,bgColor:n,bgImage:p,bgOrigin:a,bgPosition:l,bgRepeat:u,bgSize:c,elHeight:o,elOverflow:s,elWidth:d,...h,children:e});jw.displayName="BackgroundImage_VHS";i();i();import nU from"styled-components";i();var Ww=(e,t)=>{switch(e){case"error":return{backgroundColor:t.error300,textColor:t.error800};case"green":return{backgroundColor:t.green300,textColor:t.green800};case"grey":return{backgroundColor:t.grey300,textColor:t.grey1000};case"orange":return{backgroundColor:t.orange200,textColor:t.orange800};case"pink":return{backgroundColor:t.pink300,textColor:t.pink800};case"purple":return{backgroundColor:t.purple300,textColor:t.purple800};case"red":return{backgroundColor:t.red300,textColor:t.red800};case"success":return{backgroundColor:t.success200,textColor:t.success800};case"warning":return{backgroundColor:t.warning300,textColor:t.warning800};case"yellow":return{backgroundColor:t.yellow200,textColor:t.yellow800};case"brandBlue":default:return{backgroundColor:t.brandBlue200,textColor:t.brandBlue700}}};import{jsx as _w,jsxs as iU}from"react/jsx-runtime";var oU=nU.div`
   align-items: center;
-  background: ${({backgroundColor:e})=>e};
+  background: ${({$backgroundColor:e})=>e};
   border-radius: 999px;
-  color: ${({textColor:e})=>e};
+  color: ${({$textColor:e})=>e};
   display: inline-flex;
   font-size: 12px;
   font-weight: 600;
   gap: ${({theme:e})=>e.spacing.space01}; /* space between icon and label */
-  padding-left: ${({hasIcon:e})=>e?"4px":"6px"};
+  padding-left: ${({$hasIcon:e})=>e?"4px":"6px"};
   padding-right: 6px;
   width: fit-content;
-`,Uw=({colorScheme:e="brandBlue",label:t,icon:r,...n})=>{let{backgroundColor:o,textColor:a}=Ww(e,Be());return iU(oU,{...n,backgroundColor:o,hasIcon:F(r),textColor:a,children:[F(r)&&_w(Ee,{"data-testid":"badge-icon",size:"sm",type:r}),_w("span",{children:t})]})};Uw.displayName="Badge_VHS";i();i();import fh from"styled-components";i();import uh,{css as aU}from"styled-components";import{jsx as ch}from"react/jsx-runtime";var sU=uh.div`
+`,Uw=({colorScheme:e="brandBlue",label:t,icon:r,...n})=>{let{backgroundColor:o,textColor:a}=Ww(e,Be());return iU(oU,{...n,$backgroundColor:o,$hasIcon:F(r),$textColor:a,children:[F(r)&&_w(Ee,{"data-testid":"badge-icon",size:"sm",type:r}),_w("span",{children:t})]})};Uw.displayName="Badge_VHS";i();i();import fh from"styled-components";i();import uh,{css as aU}from"styled-components";import{jsx as ch}from"react/jsx-runtime";var sU=uh.div`
   color: ${({theme:e})=>e.color.grey900};
   flex: 1;
   font-size: 14px;
@@ -1283,8 +1283,8 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
   order: ${({order:e})=>F(e)?e:null};
 `,RU=e=>F(e)?typeof e=="object"&&Jw?gU.map(e,t=>{if(le(t))return null;let r={};return(t.type?.displayName==="Box"||t.type?.displayName==="Box_VHS")&&(r.hasBoxParent=!0),vU(t,r)}):e:null,Zw=yU(({alignContent:e="stretch",alignItems:t="start",renderAs:r="div",children:n,direction:o="row",hasBoxParent:a=!1,fill:s=!1,fillViewport:l=!1,inline:u=!1,justifyContent:c="start",wrapItems:p=!1,...d},h)=>(Jw&&!a&&Object.keys(d).forEach(g=>{DU.has(g)&&console.warn(`${g} only has an effect on <Box> instances that are children of a <Box>`)}),FU(AU,{ref:h,alignContent:e,alignItems:t,as:r,fillBox:s,fillViewport:l,flexDirection:o,inline:u,justifyContent:c,wrapItems:p,...d,children:RU(n)})));Zw.displayName="Box_VHS";i();i();import BU from"styled-components";import{jsx as MU}from"react/jsx-runtime";var OU=BU.div`
   overflow-wrap: break-word;
-  ${({hyphenated:e})=>e&&"hyphens: auto"}
-`,Qw=({children:e,hyphenated:t=!1,...r})=>MU(OU,{hyphenated:t,...r,children:e});Qw.displayName="Breakline_VHS";i();i();i();import{forwardRef as jU}from"react";import WU from"styled-components";i();import aS from"styled-components";import{forwardRef as VU}from"react";i();import{css as tn}from"styled-components";var tS=.08,rS=tn`
+  ${({$hyphenated:e})=>e&&"hyphens: auto"}
+`,Qw=({children:e,hyphenated:t=!1,...r})=>MU(OU,{$hyphenated:t,...r,children:e});Qw.displayName="Breakline_VHS";i();i();i();import{forwardRef as jU}from"react";import WU from"styled-components";i();import aS from"styled-components";import{forwardRef as VU}from"react";i();import{css as tn}from"styled-components";var tS=.08,rS=tn`
   color: ${({theme:e})=>Ye(tS,e.color.brandBlue500)};
 `,eS=tn`
   color: ${({theme:e})=>e.color.brandBlue500};
@@ -1579,14 +1579,14 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
   border-bottom: none;
   border-left: none;
   border-right: none;
-  border-top-color: ${({fillColor:e})=>e};
-  border-top-style: ${({variant:e})=>e};
-  border-top-width: ${({borderHeight:e})=>`${e}px`};
+  border-top-color: ${({$fillColor:e})=>e};
+  border-top-style: ${({$variant:e})=>e};
+  border-top-width: ${({$borderHeight:e})=>`${e}px`};
   clear: both;
   height: 0;
   line-height: 0;
   margin: 0;
-`,wp=({colorOverride:e=void 0,height:t=1,variant:r="dashed",...n})=>{let o=Be("grey300");return $K(LK,{borderHeight:t,fillColor:e??o,variant:r,...n})};wp.displayName="Divider_VHS";i();i();import{forwardRef as zK}from"react";import GK from"styled-components";import{jsx as _K,jsxs as UK}from"react/jsx-runtime";var HK=26,jK=HK*1024,WK=GK.label`
+`,wp=({colorOverride:e=void 0,height:t=1,variant:r="dashed",...n})=>{let o=Be("grey300");return $K(LK,{$borderHeight:t,$fillColor:e??o,$variant:r,...n})};wp.displayName="Divider_VHS";i();i();import{forwardRef as zK}from"react";import GK from"styled-components";import{jsx as _K,jsxs as UK}from"react/jsx-runtime";var HK=26,jK=HK*1024,WK=GK.label`
   display: inline-block;
   overflow: hidden;
   position: relative;
@@ -1606,7 +1606,7 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
     right: 0;
     top: 0;
   }
-`,AS=zK(({accept:e,children:t,disabled:r=!1,id:n,maxSize:o=jK,multiple:a=!1,name:s="file-upload",onClick:l,onChange:u,onError:c,...p},d)=>UK(WK,{ariaControls:"filename",disabled:r,htmlFor:n,...p,children:[t,_K("input",{ref:d,accept:e,"data-testid":"file-select-input",disabled:r,id:n,multiple:a,name:s,onChange:g=>{let{files:v}=g.target;if(o&&v){let m=o*1024*1024;if(Array.from(v).some(b=>b.size>m))return c&&c(new Error(`File not accepted. Please choose a file under ${o}MB.`)),!1}return u&&u(g),!0},onClick:l,tabIndex:-1,type:"file"})]}));AS.displayName="FileSelect_VHS";i();i();import{useState as Dp,useEffect as OS}from"react";i();i();import{forwardRef as KK}from"react";import Rl from"styled-components";import{jsx as Al,jsxs as FS}from"react/jsx-runtime";var qK=Rl.div`
+`,AS=zK(({accept:e,children:t,disabled:r=!1,id:n,maxSize:o=jK,multiple:a=!1,name:s="file-upload",onClick:l,onChange:u,onError:c,...p},d)=>UK(WK,{"aria-controls":"filename",disabled:r,htmlFor:n,...p,children:[t,_K("input",{ref:d,accept:e,"data-testid":"file-select-input",disabled:r,id:n,multiple:a,name:s,onChange:g=>{let{files:v}=g.target;if(o&&v){let m=o*1024*1024;if(Array.from(v).some(b=>b.size>m))return c&&c(new Error(`File not accepted. Please choose a file under ${o}MB.`)),!1}return u&&u(g),!0},onClick:l,tabIndex:-1,type:"file"})]}));AS.displayName="FileSelect_VHS";i();i();import{useState as Dp,useEffect as OS}from"react";i();i();import{forwardRef as KK}from"react";import Rl from"styled-components";import{jsx as Al,jsxs as FS}from"react/jsx-runtime";var qK=Rl.div`
   border-left: 4px solid;
   border-left-color: ${({theme:e})=>e.color.error500};
   margin-bottom: ${({theme:e})=>e.spacing.space07};
@@ -1750,7 +1750,7 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
   ${({disabled:e})=>e?yq:bq}
 `,xq=Eh(Ee)`
   ${({disabled:e})=>e?"cursor: not-allowed;":"cursor: pointer;"}
-`,wq=({onClick:e,disabled:t=!1})=>{let r=Be("grey500");return Ap(Cq,{"aria-disabled":t,"aria-label":"Click to Copy",disabled:t,noStyle:!0,onClick:e,children:Ap(xq,{color:t?r:"currentColor",disabled:t,size:"md",type:t?"copy-disabled":"copy"})})},HS=({inputComponent:e,inputProps:t,onClick:r})=>{let n=Fl(),[o,a]=mq(0),{value:s,disabled:l}=t,u=l??!1;hq(()=>{if(o>0){let g=setTimeout(()=>a(o-1),1e3);return()=>clearTimeout(g)}return()=>{}},[o]);let c=()=>{(async()=>u||(await Ds(s),hn(r)&&r(),n({message:"Copied to clipboard"}),a(5)))()},p=o>0&&{forceState:"focus"},d={...t,...p},h={onClick:c,disabled:u,"aria-disabled":u};return Sq(vq,{disabled:u,onClick:c,children:[Ap(e,{...d}),Ap(wq,{...h})]})};i();var Rp=60,Dq=e=>e.replace(/[^0-9:]/g,""),Eq=e=>e?Number.parseFloat(e):0,Pq=(e,t,r)=>{let n=F(r)&&Number(r)>0?`${r}:`:"";return n+=`${t}:${e}`,n},Tq=e=>{let t=e.split(":"),[r,n,o]=t.reverse().map(d=>Eq(d)),a=0,s=0,l=0;F(r)&&(s=Math.floor(r/Rp),F(n)&&(s+=n)),F(r)&&(a=r%Rp);let u=a.toString();u.length===1&&(a=u.padStart(2,"0"));let c=Q(o)?o:0;l=Math.floor(s/Rp)+c,s%=Rp;let p=s.toString();return l&&p.length===1&&(s=p.padStart(2,"0")),Pq(a,s,l)},Th=e=>{if(le(e)||!st(e))return"0:00";let t=Dq(e);return Tq(t)};import{jsx as Ah,jsxs as kq}from"react/jsx-runtime";var Oq=new Set(["search"]),Mq=Bq.div`
+`,wq=({onClick:e,disabled:t=!1})=>{let r=Be("grey500");return Ap(Cq,{"aria-disabled":t,"aria-label":"Click to Copy",disabled:t,noStyle:!0,onClick:e,children:Ap(xq,{color:t?r:"currentColor",disabled:t,size:"md",type:t?"copy-disabled":"copy"})})},HS=({inputComponent:e,inputProps:t,onClick:r})=>{let n=Fl(),[o,a]=mq(0),{value:s,disabled:l}=t,u=l??!1;hq(()=>{if(o>0){let g=setTimeout(()=>a(o-1),1e3);return()=>clearTimeout(g)}return()=>{}},[o]);let c=()=>{(async()=>u||(await Ds(s),hn(r)&&r(),n({message:"Copied to clipboard"}),a(5)))()},p=o>0?{$forceState:"focus"}:void 0,d={...t,...p},h={onClick:c,disabled:u,"aria-disabled":u};return Sq(vq,{disabled:u,onClick:c,children:[Ap(e,{...d}),Ap(wq,{...h})]})};i();var Rp=60,Dq=e=>e.replace(/[^0-9:]/g,""),Eq=e=>e?Number.parseFloat(e):0,Pq=(e,t,r)=>{let n=F(r)&&Number(r)>0?`${r}:`:"";return n+=`${t}:${e}`,n},Tq=e=>{let t=e.split(":"),[r,n,o]=t.reverse().map(d=>Eq(d)),a=0,s=0,l=0;F(r)&&(s=Math.floor(r/Rp),F(n)&&(s+=n)),F(r)&&(a=r%Rp);let u=a.toString();u.length===1&&(a=u.padStart(2,"0"));let c=Q(o)?o:0;l=Math.floor(s/Rp)+c,s%=Rp;let p=s.toString();return l&&p.length===1&&(s=p.padStart(2,"0")),Pq(a,s,l)},Th=e=>{if(le(e)||!st(e))return"0:00";let t=Dq(e);return Tq(t)};import{jsx as Ah,jsxs as kq}from"react/jsx-runtime";var Oq=new Set(["search"]),Mq=Bq.div`
   position: relative;
 
   svg {
@@ -1954,10 +1954,10 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
       width: 100%;
       height: 100%;
     `},Mte=Bte.img`
-  ${({fillContainer:e})=>Ote(e)};
-  object-fit: ${({objFit:e})=>e};
-  object-position: ${({objPosition:e})=>e};
-`,LT=({src:e,alt:t,fill:r=!1,fit:n,loading:o="lazy",position:a,...s})=>Ite(Mte,{alt:t,fillContainer:r,loading:o,objFit:n,objPosition:a,src:e,...s});LT.displayName="Image_VHS";i();i();import bd from"styled-components";import{jsx as rg,jsxs as zte}from"react/jsx-runtime";var kte=bd.div`
+  ${({$fillContainer:e})=>Ote(e)};
+  object-fit: ${({$objFit:e})=>e};
+  object-position: ${({$objPosition:e})=>e};
+`,LT=({src:e,alt:t,fill:r=!1,fit:n,loading:o="lazy",position:a,...s})=>Ite(Mte,{$fillContainer:r,$objFit:n,$objPosition:a,alt:t,loading:o,src:e,...s});LT.displayName="Image_VHS";i();i();import bd from"styled-components";import{jsx as rg,jsxs as zte}from"react/jsx-runtime";var kte=bd.div`
   align-items: center;
   display: flex;
   gap: ${({theme:e})=>e.spacing.space02};
@@ -2291,9 +2291,9 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
   background: white;
   border-radius: 4px 4px 0 0;
   box-shadow: ${({theme:e})=>e.shadow.elevation2};
-  display: ${({menuWidth:e})=>e==="maxItem"?"inline-block":"block"};
+  display: ${({$menuWidth:e})=>e==="maxItem"?"inline-block":"block"};
   padding: ${Cs} ${Cs} ${({theme:e})=>e.spacing.space04} ${Cs};
-  width: ${({menuWidth:e})=>die(e)};
+  width: ${({$menuWidth:e})=>die(e)};
   z-index: ${({theme:e})=>e.zIndex.MenuComponent};
 
   ${Ae.smAndUp} {
@@ -2392,7 +2392,7 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
     ${({variant:e})=>e==="dangerous"?hie:null}
     ${({disabled:e})=>F(e)&&e?gie:null}
   }
-`,a1=fie(({items:e,menuHeader:t,width:r="fullWidth",onClick:n,onClickOutside:o,onPressEsc:a,onOpen:s,onClose:l,...u},c)=>{let p=pie(),d=F(o)?o:()=>{};bl(p,d);let h=yl([p,c]);if(JF(()=>(s&&s(),()=>{l&&l()}),[s,l]),JF(()=>{let m=y=>{y.key==="Escape"&&a&&a(y)};return document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[a]),e?.length==null)return null;let g=e.map(m=>{let{disabled:y,variant:b}=m.props,x=F(y)?y:!1,w=ye(b)?b:void 0,D=`wrapper-${m.key}`;return p3(ZF,{disabled:x,variant:w,children:m},D)});return QF(mie,{ref:h,menuWidth:r,onClick:n,...u,children:[F(t)?QF(vie,{children:[t,p3(ZF,{children:p3(wp,{})})]}):null,g]})});a1.displayName="Menu_VHS";i();import iB from"styled-components";import{jsx as oB,jsxs as Cie}from"react/jsx-runtime";var yie=iB.div`
+`,a1=fie(({items:e,menuHeader:t,width:r="fullWidth",onClick:n,onClickOutside:o,onPressEsc:a,onOpen:s,onClose:l,...u},c)=>{let p=pie(),d=F(o)?o:()=>{};bl(p,d);let h=yl([p,c]);if(JF(()=>(s&&s(),()=>{l&&l()}),[s,l]),JF(()=>{let m=y=>{y.key==="Escape"&&a&&a(y)};return document.addEventListener("keyup",m),()=>{document.removeEventListener("keyup",m)}},[a]),e?.length==null)return null;let g=e.map(m=>{let{disabled:y,variant:b}=m.props,x=F(y)?y:!1,w=ye(b)?b:void 0,D=`wrapper-${m.key}`;return p3(ZF,{disabled:x,variant:w,children:m},D)});return QF(mie,{ref:h,$menuWidth:r,onClick:n,...u,children:[F(t)?QF(vie,{children:[t,p3(ZF,{children:p3(wp,{})})]}):null,g]})});a1.displayName="Menu_VHS";i();import iB from"styled-components";import{jsx as oB,jsxs as Cie}from"react/jsx-runtime";var yie=iB.div`
   align-items: center;
   display: flex;
   gap: ${({theme:e})=>e.spacing.space02};
@@ -2442,16 +2442,16 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
 
   /* latest versions of FF, Safari, and Chrome support dynamic viewport units; 100vh left as a fallback */
   height: 100vh;
-  overflow: ${({overflow:e})=>e??"auto"};
+  overflow: ${({$overflow:e})=>e??"auto"};
   position: relative;
   width: 100vw;
 
   ${Ae.smAndUp} {
     border-radius: 16px;
-    height: ${({fullHeight:e})=>e?"min-content":"auto"};
+    height: ${({$fullHeight:e})=>e?"min-content":"auto"};
     margin: ${({theme:e})=>e.spacing.space05};
     max-height: 90vh;
-    ${({fullHeight:e})=>e?"min-height: calc(100vh - 48px);":""}
+    ${({$fullHeight:e})=>e?"min-height: calc(100vh - 48px);":""}
     max-width: 90vw;
     min-width: ${({width:e})=>e??"480px"};
     width: min-content;
@@ -2476,7 +2476,7 @@ var CO=Object.create;var Eu=Object.defineProperty;var xO=Object.getOwnPropertyDe
         margin: auto;
       }
     `}
-`,Vie=e=>F(e)&&k3(e,"current")&&F(e.current),Lie=e=>{vB(()=>{let t=document.activeElement;if(Vie(e)){let r=e.current;F(r)&&r.focus()}return()=>{t!==null&&setTimeout(()=>{t.focus()},0)}},[e])},CB=Oie(({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)=>{Lie(g);let v=yB(null),m=T0(l,{focusSelector:Q(s)?s:null});return bl(v,()=>{u&&c&&u()}),Z0(h.isOpen),J0("Escape",y=>{u&&u(),y.preventDefault()}),xs(hB,{value:u,children:xs(Iie,{$allowModalToExceedViewportBounds:r,alignHorizontal:e,alignVertical:t,children:xs(Nie,{ref:m,$allowModalToExceedViewportBounds:r,"aria-modal":"true",fullHeight:a,overflow:d,role:"dialog",tabIndex:-1,width:p,...h,children:xs(kie,{ref:v,children:n})})})})}),xB=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=yB(n);return vB(()=>{let a=o.current;return document.body.appendChild(a),()=>a.remove()},[]),Mie(xs(xl,{children:e.isOpen?xs(CB,{ref:o,...r}):null}),o.current)};xB.displayName="Modal_VHS";CB.displayName="ModalContent";i();import s1 from"styled-components";import{jsx as wB}from"react/jsx-runtime";var $ie=s1.div`
+`,Vie=e=>F(e)&&k3(e,"current")&&F(e.current),Lie=e=>{vB(()=>{let t=document.activeElement;if(Vie(e)){let r=e.current;F(r)&&r.focus()}return()=>{t!==null&&setTimeout(()=>{t.focus()},0)}},[e])},CB=Oie(({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)=>{Lie(g);let v=yB(null),m=T0(l,{focusSelector:Q(s)?s:null});return bl(v,()=>{u&&c&&u()}),Z0(h.isOpen),J0("Escape",y=>{u&&u(),y.preventDefault()}),xs(hB,{value:u,children:xs(Iie,{$allowModalToExceedViewportBounds:r,alignHorizontal:e,alignVertical:t,children:xs(Nie,{ref:m,$allowModalToExceedViewportBounds:r,$fullHeight:a,$overflow:d,"aria-modal":"true",role:"dialog",tabIndex:-1,width:p,...h,children:xs(kie,{ref:v,children:n})})})})}),xB=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=yB(n);return vB(()=>{let a=o.current;return document.body.appendChild(a),()=>a.remove()},[]),Mie(xs(xl,{children:e.isOpen?xs(CB,{ref:o,...r}):null}),o.current)};xB.displayName="Modal_VHS";CB.displayName="ModalContent";i();import s1 from"styled-components";import{jsx as wB}from"react/jsx-runtime";var $ie=s1.div`
   align-items: center;
   display: flex;
   padding: ${({theme:e})=>e.spacing.space04} ${({theme:e})=>e.spacing.space04};