@wistia/vhs 2.75.3-beta.ccead058.7332d1b → 2.75.3-beta.ef3490fd.2ce4308

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v2.75.3-beta.ccead058.7332d1b
+ * @license @wistia/vhs v2.75.3-beta.ef3490fd.2ce4308
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -189,16 +189,16 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
     cursor: not-allowed;
   }
 `,Pb=tt`
-  background-color: ${({buttonColor:e})=>Ye(wb,e)};
-  border-color: ${({buttonColor:e})=>Ye(wb,e)};
+  background-color: ${({$buttonColor:e})=>Ye(wb,e)};
+  border-color: ${({$buttonColor:e})=>Ye(wb,e)};
 `,Tb=tt`
-  background-color: ${({buttonColor:e})=>Ye(Sb,e)};
-  border-color: ${({buttonColor:e})=>Ye(Sb,e)};
+  background-color: ${({$buttonColor:e})=>Ye(Sb,e)};
+  border-color: ${({$buttonColor:e})=>Ye(Sb,e)};
 `,Ab=tt`
   box-shadow: inset 0 0 0 1px white;
 `,EV=tt`
-  background-color: ${({buttonColor:e})=>e};
-  border-color: ${({buttonColor:e})=>e};
+  background-color: ${({$buttonColor:e})=>e};
+  border-color: ${({$buttonColor:e})=>e};
   color: white;
 
   &:focus-visible {
@@ -213,17 +213,17 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
     ${Tb}
   }
 `,Rb=tt`
-  background-color: ${({buttonColor:e})=>Wt(Db,e)};
+  background-color: ${({$buttonColor:e})=>Wt(Db,e)};
 `,Fb=tt`
-  background-color: ${({buttonColor:e})=>Wt(Eb,e)};
+  background-color: ${({$buttonColor:e})=>Wt(Eb,e)};
 `,Bb=tt`
   box-shadow:
     inset 0 0 0 1px white,
-    inset 0 0 0 2px ${({buttonColor:e})=>e};
+    inset 0 0 0 2px ${({$buttonColor:e})=>e};
 `,PV=tt`
-  background-color: ${({buttonColor:e})=>Wt(1,e)};
-  border-color: ${({buttonColor:e})=>e};
-  color: ${({buttonColor:e})=>e};
+  background-color: ${({$buttonColor:e})=>Wt(1,e)};
+  border-color: ${({$buttonColor:e})=>e};
+  color: ${({$buttonColor:e})=>e};
 
   &:focus-visible {
     ${Bb}
@@ -237,18 +237,18 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
     ${Fb}
   }
 `,Ob=tt`
-  background-color: ${({buttonColor:e})=>Wt(Db,e)};
+  background-color: ${({$buttonColor:e})=>Wt(Db,e)};
 `,Mb=tt`
-  background-color: ${({buttonColor:e})=>Wt(Eb,e)};
+  background-color: ${({$buttonColor:e})=>Wt(Eb,e)};
 `,Ib=tt`
-  border-color: ${({buttonColor:e})=>e};
+  border-color: ${({$buttonColor:e})=>e};
   box-shadow:
     inset 0 0 0 1px white,
-    inset 0 0 0 2px ${({buttonColor:e})=>e};
+    inset 0 0 0 2px ${({$buttonColor:e})=>e};
 `,TV=tt`
-  background-color: ${({buttonColor:e})=>Wt(1,e)};
-  border-color: ${({buttonColor:e})=>Wt(1,e)};
-  color: ${({buttonColor:e})=>e};
+  background-color: ${({$buttonColor:e})=>Wt(1,e)};
+  border-color: ${({$buttonColor:e})=>Wt(1,e)};
+  color: ${({$buttonColor:e})=>e};
 
   &:focus-visible {
     ${Ib}
@@ -298,23 +298,23 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   }
 
   /* border-radius */
-  ${({square:e})=>e===!0&&AV}
+  ${({$square:e})=>e===!0&&AV}
 
   /* label wrapping */
-  white-space: ${({labelWrap:e})=>e===!0?"wrap":"nowrap"};
+  white-space: ${({$labelWrap:e})=>e===!0?"wrap":"nowrap"};
 
   /* apply various button variant styles */
-  ${({variant:e})=>{if(e==="primary"||e==="dangerous")return EV;if(e==="secondary")return PV;if(e==="tertiary")return TV}}
+  ${({$variant:e})=>{if(e==="primary"||e==="dangerous")return EV;if(e==="secondary")return PV;if(e==="tertiary")return TV}}
 
   /* primarily used for documentation/debugging */
-  ${({variant:e,forceState:t})=>{if(e==="primary"||e==="dangerous"){if(t==="hover")return Pb;if(t==="active")return Tb;if(t==="focus")return Ab}if(e==="secondary"){if(t==="hover")return Rb;if(t==="active")return Fb;if(t==="focus")return Bb}if(e==="tertiary"){if(t==="hover")return Ob;if(t==="active")return Mb;if(t==="focus")return Ib}}}
+  ${({$variant:e,$forceState:t})=>{if(e==="primary"||e==="dangerous"){if(t==="hover")return Pb;if(t==="active")return Tb;if(t==="focus")return Ab}if(e==="secondary"){if(t==="hover")return Rb;if(t==="active")return Fb;if(t==="focus")return Bb}if(e==="tertiary"){if(t==="hover")return Ob;if(t==="active")return Mb;if(t==="focus")return Ib}}}
 
-  ${({size:e})=>{if(e==="lg")return RV;if(e==="md")return FV;if(e==="sm")return BV}}
+  ${({$size:e})=>{if(e==="lg")return RV;if(e==="md")return FV;if(e==="sm")return BV}}
 
-  ${({fullWidth:e})=>{if(e)return OV}}
+  ${({$fullWidth:e})=>{if(e)return OV}}
 `,kb=DV.button`
-  ${({noStyle:e})=>e?ho:f0}
-`;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,"aria-disabled":D()||void 0,buttonColor:S,disabled:!1,forceState:r,fullWidth:o,iconPosition:l,isLoading:p,labelWrap:c,noStyle:d,onClick:E,size:g,square:v,textAlign:m,type:y,variant:b,...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`
+  ${({$noStyle:e})=>e?ho:f0}
+`;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};
@@ -1329,27 +1329,27 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   cursor: pointer;
   font-weight: 400;
   text-decoration: underline;
-  ${({underlineOnHover:e})=>e&&sp}
-  ${({disabledLink:e})=>e&&BU}
-  ${({variant:e})=>e==="primary"?eS:e==="secondary"?RU:e==="dangerous"?FU:eS}
-  ${({variant:e,forceState:t})=>{switch(t){case"hover":case"focus":if(e==="primary")return rS;if(e==="secondary")return nS;if(e==="dangerous")return oS;break;case"active":case void 0:default:return}}}
+  ${({$underlineOnHover:e})=>e&&sp}
+  ${({$disabledLink:e})=>e&&BU}
+  ${({$variant:e})=>e==="primary"?eS:e==="secondary"?RU:e==="dangerous"?FU:eS}
+  ${({$variant:e,$forceState:t})=>{switch(t){case"hover":case"focus":if(e==="primary")return rS;if(e==="secondary")return nS;if(e==="dangerous")return oS;break;case"active":case void 0:default:return}}}
 `,iS=tn`
   color: inherit;
   cursor: pointer;
   text-decoration: underline;
-  ${({underlineOnHover:e})=>e&&sp}
+  ${({$underlineOnHover:e})=>e&&sp}
 `;import{jsx as dh}from"react/jsx-runtime";var MU=aS.a`
   ${lp}
 `,IU=aS.a`
   ${iS}
-`,kU=(e,t)=>{let r=Object.keys(t);if(!r.length)return e;let n=new URL(e);return r.forEach(o=>{n.searchParams.set(o,t[o])}),n.toString()},NU=(e,t,r,n)=>{if(n)return null;let o=e;return t==="phone"&&(o=`tel:${e}`),t==="email"&&(o=`mailto:${e}`),r!==void 0&&(o=kU(o,r)),o},VU=({RenderedLink:e,children:t,...r})=>dh(e,{...r,children:t}),up=OU(({href:e,beforeAction:t,children:r,disabled:n=!1,forceState:o,nested:a=!1,params:s,type:l="default",unstyled:u=!1,variant:c="primary",underlineOnHover:p=!1,...d},h)=>{let g=NU(e,l,s,n),v=l==="external"?{target:"_blank",rel:"noopener noreferrer"}:null,m=async(w,D=null)=>{if(n)w.preventDefault();else if(t){w.preventDefault();try{await t()}catch(E){console.error(E)}finally{D!==null?D():window.location.assign(g)}}},y=u?IU:MU,{Link:b=VU}=g7()||{},x=dh(b,{ref:h,disabledLink:n,forceState:o,href:g,onClick:m,RenderedLink:y,underlineOnHover:p,unstyled:u,variant:c,...v,...d,children:r});return a?dh("object",{"data-testid":"link-object",type:"hacky/hack",children:x}):x});up.displayName="Link_VHS";import{jsx as sS}from"react/jsx-runtime";var zU=$U(up)`
+`,kU=(e,t)=>{let r=Object.keys(t);if(!r.length)return e;let n=new URL(e);return r.forEach(o=>{n.searchParams.set(o,t[o])}),n.toString()},NU=(e,t,r,n)=>{if(n)return null;let o=e;return t==="phone"&&(o=`tel:${e}`),t==="email"&&(o=`mailto:${e}`),r!==void 0&&(o=kU(o,r)),o},VU=({RenderedLink:e,children:t,...r})=>dh(e,{...r,children:t}),up=OU(({href:e,beforeAction:t,children:r,disabled:n=!1,forceState:o,nested:a=!1,params:s,type:l="default",unstyled:u=!1,variant:c="primary",underlineOnHover:p=!1,...d},h)=>{let g=NU(e,l,s,n),v=l==="external"?{target:"_blank",rel:"noopener noreferrer"}:null,m=async(w,D=null)=>{if(n)w.preventDefault();else if(t){w.preventDefault();try{await t()}catch(E){console.error(E)}finally{D!==null?D():window.location.assign(g)}}},y=u?IU:MU,{Link:b=VU}=g7()||{},x=dh(b,{ref:h,$disabledLink:n,$forceState:o,$underlineOnHover:p,$unstyled:u,$variant:c,href:g,onClick:m,RenderedLink:y,...v,...d,children:r});return a?dh("object",{"data-testid":"link-object",type:"hacky/hack",children:x}):x});up.displayName="Link_VHS";import{jsx as sS}from"react/jsx-runtime";var zU=$U(up)`
   ${f0};
 
   /* Links are disabled by removing their href */
   &: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,beforeAction:e,buttonColor:D,disabled:n,forceState:o,fullWidth:a,hasIcon:l,href:s,iconPosition:c,labelWrap:d,params:h,size:g,square:v,type:y,unstyled:!0,variant:b,...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,$hasIcon:l,$iconPosition:c,$labelWrap:d,$square:v,$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`
   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"};
@@ -1993,12 +1993,12 @@ var bO=Object.create;var Eu=Object.defineProperty;var CO=Object.getOwnPropertyDe
   display: flex;
   gap: ${({theme:e})=>e.spacing.space01};
 `,Ite=e=>{switch(e){case"ArrowDown":return"\u2193";case"ArrowLeft":return"\u2190";case"ArrowRight":return"\u2192";case"ArrowUp":return"\u2191";case"Alt":return"Alt";case"Cmd":case"Meta":return/Mac|iPhone|iPad/.test(window.navigator.userAgent)?"\u2318":window.navigator.userAgent.includes("Win")?"\u229E":"^";case"Ctrl":return"Ctrl";case"Option":return"\u2325";case"Shift":return"\u21E7";case"Enter":return"\u21B5";case"Space":return"Space";case"Tab":return"Tab";case"Backspace":return"Del";case"Esc":return"Esc";default:return e.toUpperCase()}},LT=({label:e,keyboardKeys:t,fullWidth:r=!1,componentStyle:n="dark",...o})=>{let a=mn(t)?t:[t];return kte(Fte,{$componentStyle:n,$fullWidth:r,...o,children:[F(e)&&ng(Ote,{$componentStyle:n,children:e}),ng(Mte,{children:a.map((s,l)=>ng(Bte,{$componentStyle:n,children:Ite(s)},l))})]})};LT.displayName="KeyboardShortcut_VHS";i();i();i();import{forwardRef as Nte}from"react";import Vte from"styled-components";import{jsx as zte}from"react/jsx-runtime";var Lte=e=>e.key==="Enter"||e.key===" "||e.key==="Spacebar",$te=Vte.span`
-  ${({noStyle:e})=>e?void 0:lp};
+  ${({$noStyle:e})=>e?void 0:lp};
 
   &[tabindex] {
-    ${({underlineOnHover:e})=>e?sp:void 0};
+    ${({$underlineOnHover:e})=>e?sp:void 0};
   }
-`,$T=Nte(({children:e,disabled:t=!1,forceState:r,label:n,onClick:o,noStyle:a=!1,underlineOnHover:s=!1,variant:l="primary",...u},c)=>zte($te,{ref:c,"aria-disabled":t,disabledLink:t,forceState:r,noStyle:a,onClick:v=>{le(o)||t||o(v)},onKeyPress:v=>{le(o)||Lte(v)&&(v.preventDefault(),o(v))},role:"button",tabIndex:t?void 0:0,underlineOnHover:s,variant:l,...u,children:F(e)?e:F(n)?n:null}));$T.displayName="LinkButton_VHS";i();i();import Wte,{css as Jl}from"styled-components";i();import Gte from"styled-components";import{jsx as jte}from"react/jsx-runtime";var Hte=Gte.li`
+`,$T=Nte(({children:e,disabled:t=!1,forceState:r,label:n,onClick:o,noStyle:a=!1,underlineOnHover:s=!1,variant:l="primary",...u},c)=>zte($te,{ref:c,$disabledLink:t,$forceState:r,$noStyle:a,$underlineOnHover:s,$variant:l,"aria-disabled":t,onClick:v=>{le(o)||t||o(v)},onKeyPress:v=>{le(o)||Lte(v)&&(v.preventDefault(),o(v))},role:"button",tabIndex:t?void 0:0,...u,children:F(e)?e:F(n)?n:null}));$T.displayName="LinkButton_VHS";i();i();import Wte,{css as Jl}from"styled-components";i();import Gte from"styled-components";import{jsx as jte}from"react/jsx-runtime";var Hte=Gte.li`
   margin-bottom: ${({theme:e})=>e.spacing.space02};
 `,bi=({children:e})=>le(e)?null:jte(Hte,{children:e});bi.displayName="ListItem_VHS";import{jsx as HT,jsxs as Yte}from"react/jsx-runtime";var xd=Jl`
   overflow: hidden;