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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,28 +8,28 @@ export declare const mediumButtonStyle: import("styled-components").FlattenInter
8
8
  export declare const smallButtonStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
9
9
  export declare const fullWidthButtonStyle: import("styled-components").FlattenSimpleInterpolation;
10
10
  export type ButtonStyleProps = AriaAttributes & ComponentPropsWithRef<'button'> & {
11
- buttonColor: string;
11
+ $buttonColor: string;
12
+ $colorOverride?: string;
13
+ $forceState?: 'active' | 'focus' | 'hover' | undefined;
14
+ $fullWidth?: boolean;
15
+ $icon?: ReactNode;
16
+ $iconName?: keyof typeof iconMap;
17
+ $iconPosition?: 'end' | 'start';
18
+ $isLoading?: boolean;
19
+ $label?: string;
20
+ $labelWrap?: boolean;
21
+ $noStyle?: boolean;
22
+ $size?: 'lg' | 'md' | 'sm';
23
+ $square?: boolean;
24
+ $textAlign: TextAlignValues;
25
+ $variant?: 'dangerous' | 'primary' | 'secondary' | 'tertiary';
12
26
  children?: ReactNode;
13
- colorOverride?: string;
14
27
  disabled?: boolean;
15
- forceState?: 'active' | 'focus' | 'hover' | undefined;
16
- fullWidth?: boolean;
17
- icon?: ReactNode;
18
- iconName?: keyof typeof iconMap;
19
- iconPosition?: 'end' | 'start';
20
- isLoading?: boolean;
21
- label?: string;
22
- labelWrap?: boolean;
23
- noStyle?: boolean;
24
28
  onClick?: (event: MouseEvent) => void;
25
- size?: 'lg' | 'md' | 'sm';
26
- square?: boolean;
27
- textAlign: TextAlignValues;
28
29
  type?: 'button' | 'reset' | 'submit';
29
- variant?: 'dangerous' | 'primary' | 'secondary' | 'tertiary';
30
30
  };
31
31
  export type ButtonStyledComponentProps = ButtonStyleProps & {
32
- noStyle: boolean;
32
+ $noStyle: boolean;
33
33
  };
34
34
  export declare const buttonStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ButtonStyleProps, import("styled-components").DefaultTheme>>;
35
35
  export declare const ButtonStyledComponent: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ButtonStyledComponentProps, never>;
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonStyledComponent.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonStyledComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAG1F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQjE,eAAO,MAAM,gBAAgB,wDAyC5B,CAAC;AAuGF,eAAO,MAAM,mBAAmB,wDAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oIAI5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oIAI7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oIAI5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,wDAEhC,CAAC;AAGF,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAC3C,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;CAC9D,CAAC;AAEJ,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,GAAG;IAC1D,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAIF,eAAO,MAAM,WAAW,6JA+FvB,CAAC;AAGF,eAAO,MAAM,qBAAqB,oIAEjC,CAAC"}
1
+ {"version":3,"file":"ButtonStyledComponent.d.ts","sourceRoot":"","sources":["../../../src/components/Button/ButtonStyledComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAG1F,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQjE,eAAO,MAAM,gBAAgB,wDAyC5B,CAAC;AAuGF,eAAO,MAAM,mBAAmB,wDAE/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oIAI5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oIAI7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,oIAI5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,wDAEhC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAC3C,qBAAqB,CAAC,QAAQ,CAAC,GAAG;IAChC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;CACtC,CAAC;AAEJ,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,GAAG;IAC1D,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,WAAW,6JA+FvB,CAAC;AAGF,eAAO,MAAM,qBAAqB,oIAEjC,CAAC"}
@@ -1,10 +1,10 @@
1
1
  export declare const disabledStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
2
2
  export declare const underlineOnHoverStyle: import("styled-components").FlattenSimpleInterpolation;
3
3
  export type LinkStyleProps = {
4
- underlineOnHover: boolean;
5
- disabledLink: boolean;
6
- variant?: 'dangerous' | 'primary' | 'secondary';
7
- forceState?: 'active' | 'focus' | 'hover' | undefined;
4
+ $underlineOnHover: boolean;
5
+ $disabledLink: boolean;
6
+ $variant?: 'dangerous' | 'primary' | 'secondary';
7
+ $forceState?: 'active' | 'focus' | 'hover' | undefined;
8
8
  };
9
9
  export declare const linkStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<LinkStyleProps, import("styled-components").DefaultTheme>>;
10
10
  export declare const unstyledLinkStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<LinkStyleProps, import("styled-components").DefaultTheme>>;
@@ -1 +1 @@
1
- {"version":3,"file":"linkStyle.d.ts","sourceRoot":"","sources":["../../../src/components/Link/linkStyle.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,aAAa,oIAQzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,wDAMjC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,WAAW,CAAC;IAChD,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,SAAS,2JAwCrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,2JAK7B,CAAC"}
1
+ {"version":3,"file":"linkStyle.d.ts","sourceRoot":"","sources":["../../../src/components/Link/linkStyle.tsx"],"names":[],"mappings":"AA4CA,eAAO,MAAM,aAAa,oIAQzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,wDAMjC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,WAAW,CAAC;IACjD,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;CACxD,CAAC;AAEF,eAAO,MAAM,SAAS,2JAwCrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,2JAK7B,CAAC"}
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/vhs v2.75.3-beta.ccead058.7332d1b
3
+ * @license @wistia/vhs v2.75.3-beta.ef3490fd.2ce4308
4
4
  *
5
5
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -189,16 +189,16 @@
189
189
  cursor: not-allowed;
190
190
  }
191
191
  `,Ix=Xe.css`
192
- background-color: ${({buttonColor:e})=>et(Fx,e)};
193
- border-color: ${({buttonColor:e})=>et(Fx,e)};
192
+ background-color: ${({$buttonColor:e})=>et(Fx,e)};
193
+ border-color: ${({$buttonColor:e})=>et(Fx,e)};
194
194
  `,kx=Xe.css`
195
- background-color: ${({buttonColor:e})=>et(Bx,e)};
196
- border-color: ${({buttonColor:e})=>et(Bx,e)};
195
+ background-color: ${({$buttonColor:e})=>et(Bx,e)};
196
+ border-color: ${({$buttonColor:e})=>et(Bx,e)};
197
197
  `,Nx=Xe.css`
198
198
  box-shadow: inset 0 0 0 1px white;
199
199
  `,dL=Xe.css`
200
- background-color: ${({buttonColor:e})=>e};
201
- border-color: ${({buttonColor:e})=>e};
200
+ background-color: ${({$buttonColor:e})=>e};
201
+ border-color: ${({$buttonColor:e})=>e};
202
202
  color: white;
203
203
 
204
204
  &:focus-visible {
@@ -213,17 +213,17 @@
213
213
  ${kx}
214
214
  }
215
215
  `,Vx=Xe.css`
216
- background-color: ${({buttonColor:e})=>Xt(Ox,e)};
216
+ background-color: ${({$buttonColor:e})=>Xt(Ox,e)};
217
217
  `,Lx=Xe.css`
218
- background-color: ${({buttonColor:e})=>Xt(Mx,e)};
218
+ background-color: ${({$buttonColor:e})=>Xt(Mx,e)};
219
219
  `,$x=Xe.css`
220
220
  box-shadow:
221
221
  inset 0 0 0 1px white,
222
- inset 0 0 0 2px ${({buttonColor:e})=>e};
222
+ inset 0 0 0 2px ${({$buttonColor:e})=>e};
223
223
  `,mL=Xe.css`
224
- background-color: ${({buttonColor:e})=>Xt(1,e)};
225
- border-color: ${({buttonColor:e})=>e};
226
- color: ${({buttonColor:e})=>e};
224
+ background-color: ${({$buttonColor:e})=>Xt(1,e)};
225
+ border-color: ${({$buttonColor:e})=>e};
226
+ color: ${({$buttonColor:e})=>e};
227
227
 
228
228
  &:focus-visible {
229
229
  ${$x}
@@ -237,18 +237,18 @@
237
237
  ${Lx}
238
238
  }
239
239
  `,zx=Xe.css`
240
- background-color: ${({buttonColor:e})=>Xt(Ox,e)};
240
+ background-color: ${({$buttonColor:e})=>Xt(Ox,e)};
241
241
  `,Gx=Xe.css`
242
- background-color: ${({buttonColor:e})=>Xt(Mx,e)};
242
+ background-color: ${({$buttonColor:e})=>Xt(Mx,e)};
243
243
  `,Hx=Xe.css`
244
- border-color: ${({buttonColor:e})=>e};
244
+ border-color: ${({$buttonColor:e})=>e};
245
245
  box-shadow:
246
246
  inset 0 0 0 1px white,
247
- inset 0 0 0 2px ${({buttonColor:e})=>e};
247
+ inset 0 0 0 2px ${({$buttonColor:e})=>e};
248
248
  `,hL=Xe.css`
249
- background-color: ${({buttonColor:e})=>Xt(1,e)};
250
- border-color: ${({buttonColor:e})=>Xt(1,e)};
251
- color: ${({buttonColor:e})=>e};
249
+ background-color: ${({$buttonColor:e})=>Xt(1,e)};
250
+ border-color: ${({$buttonColor:e})=>Xt(1,e)};
251
+ color: ${({$buttonColor:e})=>e};
252
252
 
253
253
  &:focus-visible {
254
254
  ${Hx}
@@ -298,23 +298,23 @@
298
298
  }
299
299
 
300
300
  /* border-radius */
301
- ${({square:e})=>e===!0&&gL}
301
+ ${({$square:e})=>e===!0&&gL}
302
302
 
303
303
  /* label wrapping */
304
- white-space: ${({labelWrap:e})=>e===!0?"wrap":"nowrap"};
304
+ white-space: ${({$labelWrap:e})=>e===!0?"wrap":"nowrap"};
305
305
 
306
306
  /* apply various button variant styles */
307
- ${({variant:e})=>{if(e==="primary"||e==="dangerous")return dL;if(e==="secondary")return mL;if(e==="tertiary")return hL}}
307
+ ${({$variant:e})=>{if(e==="primary"||e==="dangerous")return dL;if(e==="secondary")return mL;if(e==="tertiary")return hL}}
308
308
 
309
309
  /* primarily used for documentation/debugging */
310
- ${({variant:e,forceState:t})=>{if(e==="primary"||e==="dangerous"){if(t==="hover")return Ix;if(t==="active")return kx;if(t==="focus")return Nx}if(e==="secondary"){if(t==="hover")return Vx;if(t==="active")return Lx;if(t==="focus")return $x}if(e==="tertiary"){if(t==="hover")return zx;if(t==="active")return Gx;if(t==="focus")return Hx}}}
310
+ ${({$variant:e,$forceState:t})=>{if(e==="primary"||e==="dangerous"){if(t==="hover")return Ix;if(t==="active")return kx;if(t==="focus")return Nx}if(e==="secondary"){if(t==="hover")return Vx;if(t==="active")return Lx;if(t==="focus")return $x}if(e==="tertiary"){if(t==="hover")return zx;if(t==="active")return Gx;if(t==="focus")return Hx}}}
311
311
 
312
- ${({size:e})=>{if(e==="lg")return vL;if(e==="md")return yL;if(e==="sm")return bL}}
312
+ ${({$size:e})=>{if(e==="lg")return vL;if(e==="md")return yL;if(e==="sm")return bL}}
313
313
 
314
- ${({fullWidth:e})=>{if(e)return CL}}
314
+ ${({$fullWidth:e})=>{if(e)return CL}}
315
315
  `,jx=Xe.default.button`
316
- ${({noStyle:e})=>e?Uo:Vg}
317
- `;i();var Up=(e,t,r)=>Ce(e)?e:t==="primary"?r.brandBlue500:t==="secondary"||t==="tertiary"?r.grey900:t==="dangerous"?r.red600:r.brandBlue500;var Lg=require("react/jsx-runtime"),rt=(0,Wx.forwardRef)(({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=Up(n,b,Me()),P=()=>F(e)?e:F(u)?u:null;return(0,Lg.jsx)(jx,{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:(0,Lg.jsx)(_p,{icon:a,iconName:s,iconPosition:l,isLoading:p,size:g,textAlign:m,children:P()})})});rt.displayName="Button_VHS";i();i();var $g=()=>typeof window>"u"||typeof document>"u";var Ko=require("react/jsx-runtime"),xL=["success","warning","error","dangerous"],Gg="success",Hg="Dismiss",jg=3e3,wL=(e,t,r)=>{if(Ce(e))return e;if(!xL.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},SL=zg.default.div`
316
+ ${({$noStyle:e})=>e?Uo:Vg}
317
+ `;i();var Up=(e,t,r)=>Ce(e)?e:t==="primary"?r.brandBlue500:t==="secondary"||t==="tertiary"?r.grey900:t==="dangerous"?r.red600:r.brandBlue500;var Lg=require("react/jsx-runtime"),rt=(0,Wx.forwardRef)(({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=Up(n,b,Me()),P=()=>F(e)?e:F(u)?u:null;return(0,Lg.jsx)(jx,{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:(0,Lg.jsx)(_p,{icon:a,iconName:s,iconPosition:l,isLoading:p,size:g,textAlign:m,children:P()})})});rt.displayName="Button_VHS";i();i();var $g=()=>typeof window>"u"||typeof document>"u";var Ko=require("react/jsx-runtime"),xL=["success","warning","error","dangerous"],Gg="success",Hg="Dismiss",jg=3e3,wL=(e,t,r)=>{if(Ce(e))return e;if(!xL.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},SL=zg.default.div`
318
318
  align-items: center;
319
319
  background: white;
320
320
  border-left-color: ${({accentColor:e})=>e};
@@ -1329,27 +1329,27 @@
1329
1329
  cursor: pointer;
1330
1330
  font-weight: 400;
1331
1331
  text-decoration: underline;
1332
- ${({underlineOnHover:e})=>e&&Qd}
1333
- ${({disabledLink:e})=>e&&I_}
1334
- ${({variant:e})=>e==="primary"?vE:e==="secondary"?O_:e==="dangerous"?M_:vE}
1335
- ${({variant:e,forceState:t})=>{switch(t){case"hover":case"focus":if(e==="primary")return bE;if(e==="secondary")return CE;if(e==="dangerous")return xE;break;case"active":case void 0:default:return}}}
1332
+ ${({$underlineOnHover:e})=>e&&Qd}
1333
+ ${({$disabledLink:e})=>e&&I_}
1334
+ ${({$variant:e})=>e==="primary"?vE:e==="secondary"?O_:e==="dangerous"?M_:vE}
1335
+ ${({$variant:e,$forceState:t})=>{switch(t){case"hover":case"focus":if(e==="primary")return bE;if(e==="secondary")return CE;if(e==="dangerous")return xE;break;case"active":case void 0:default:return}}}
1336
1336
  `,wE=Zr.css`
1337
1337
  color: inherit;
1338
1338
  cursor: pointer;
1339
1339
  text-decoration: underline;
1340
- ${({underlineOnHover:e})=>e&&Qd}
1340
+ ${({$underlineOnHover:e})=>e&&Qd}
1341
1341
  `;var t1=require("react/jsx-runtime"),k_=B3.default.a`
1342
1342
  ${e1}
1343
1343
  `,N_=B3.default.a`
1344
1344
  ${wE}
1345
- `,V_=(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()},L_=(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=V_(o,r)),o},$_=({RenderedLink:e,children:t,...r})=>(0,t1.jsx)(e,{...r,children:t}),ju=(0,SE.forwardRef)(({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=L_(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?N_:k_,{Link:b=$_}=xb()||{},x=(0,t1.jsx)(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?(0,t1.jsx)("object",{"data-testid":"link-object",type:"hacky/hack",children:x}):x});ju.displayName="Link_VHS";var O3=require("react/jsx-runtime"),z_=(0,EE.default)(ju)`
1345
+ `,V_=(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()},L_=(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=V_(o,r)),o},$_=({RenderedLink:e,children:t,...r})=>(0,t1.jsx)(e,{...r,children:t}),ju=(0,SE.forwardRef)(({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=L_(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?N_:k_,{Link:b=$_}=xb()||{},x=(0,t1.jsx)(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?(0,t1.jsx)("object",{"data-testid":"link-object",type:"hacky/hack",children:x}):x});ju.displayName="Link_VHS";var O3=require("react/jsx-runtime"),z_=(0,EE.default)(ju)`
1346
1346
  ${Vg};
1347
1347
 
1348
1348
  /* Links are disabled by removing their href */
1349
1349
  &:not([href]) {
1350
1350
  ${Ng};
1351
1351
  }
1352
- `,M3=(0,DE.forwardRef)(({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=Up(r,b,Me());return(0,O3.jsx)(z_,{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:(0,O3.jsx)(_p,{icon:l,iconName:u,iconPosition:c,isLoading:!1,size:g,textAlign:m,children:F(t)?t:F(p)?p:null})})});M3.displayName="ButtonLink_VHS";i();i();var Ys=require("react");i();var Or=k(require("styled-components")),r1=Or.default.input`
1352
+ `,M3=(0,DE.forwardRef)(({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=Up(r,b,Me());return(0,O3.jsx)(z_,{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:(0,O3.jsx)(_p,{icon:l,iconName:u,iconPosition:c,isLoading:!1,size:g,textAlign:m,children:F(t)?t:F(p)?p:null})})});M3.displayName="ButtonLink_VHS";i();i();var Ys=require("react");i();var Or=k(require("styled-components")),r1=Or.default.input`
1353
1353
  align-self: flex-start;
1354
1354
  border-radius: 3px;
1355
1355
  box-shadow: ${({type:e})=>e==="checkbox"?"inset 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.38)":"none"};
@@ -1993,12 +1993,12 @@
1993
1993
  display: flex;
1994
1994
  gap: ${({theme:e})=>e.spacing.space01};
1995
1995
  `,pQ=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()}},N4=({label:e,keyboardKeys:t,fullWidth:r=!1,componentStyle:n="dark",...o})=>{let a=kn(t)?t:[t];return(0,yl.jsxs)(lQ,{$componentStyle:n,$fullWidth:r,...o,children:[F(e)&&(0,yl.jsx)(cQ,{$componentStyle:n,children:e}),(0,yl.jsx)(fQ,{children:a.map((s,l)=>(0,yl.jsx)(uQ,{$componentStyle:n,children:pQ(s)},l))})]})};N4.displayName="KeyboardShortcut_VHS";i();i();i();var qR=require("react"),XR=k(require("styled-components"));var YR=require("react/jsx-runtime"),dQ=e=>e.key==="Enter"||e.key===" "||e.key==="Spacebar",mQ=XR.default.span`
1996
- ${({noStyle:e})=>e?void 0:e1};
1996
+ ${({$noStyle:e})=>e?void 0:e1};
1997
1997
 
1998
1998
  &[tabindex] {
1999
- ${({underlineOnHover:e})=>e?Qd:void 0};
1999
+ ${({$underlineOnHover:e})=>e?Qd:void 0};
2000
2000
  }
2001
- `,V4=(0,qR.forwardRef)(({children:e,disabled:t=!1,forceState:r,label:n,onClick:o,noStyle:a=!1,underlineOnHover:s=!1,variant:l="primary",...u},c)=>(0,YR.jsx)(mQ,{ref:c,"aria-disabled":t,disabledLink:t,forceState:r,noStyle:a,onClick:v=>{fe(o)||t||o(v)},onKeyPress:v=>{fe(o)||dQ(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}));V4.displayName="LinkButton_VHS";i();i();var Ci=k(require("styled-components"));i();var JR=k(require("styled-components"));var ZR=require("react/jsx-runtime"),hQ=JR.default.li`
2001
+ `,V4=(0,qR.forwardRef)(({children:e,disabled:t=!1,forceState:r,label:n,onClick:o,noStyle:a=!1,underlineOnHover:s=!1,variant:l="primary",...u},c)=>(0,YR.jsx)(mQ,{ref:c,$disabledLink:t,$forceState:r,$noStyle:a,$underlineOnHover:s,$variant:l,"aria-disabled":t,onClick:v=>{fe(o)||t||o(v)},onKeyPress:v=>{fe(o)||dQ(v)&&(v.preventDefault(),o(v))},role:"button",tabIndex:t?void 0:0,...u,children:F(e)?e:F(n)?n:null}));V4.displayName="LinkButton_VHS";i();i();var Ci=k(require("styled-components"));i();var JR=k(require("styled-components"));var ZR=require("react/jsx-runtime"),hQ=JR.default.li`
2002
2002
  margin-bottom: ${({theme:e})=>e.spacing.space02};
2003
2003
  `,bi=({children:e})=>fe(e)?null:(0,ZR.jsx)(hQ,{children:e});bi.displayName="ListItem_VHS";var Dc=require("react/jsx-runtime"),am=Ci.css`
2004
2004
  overflow: hidden;