@wistia/vhs 2.77.1-beta.14191196.13626f0 → 2.77.1-beta.1d1fbbc8.0852c37

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.
package/dist/index.d.mts CHANGED
@@ -2,13 +2,13 @@ import * as styled_components from 'styled-components';
2
2
  import { css, DefaultTheme } from 'styled-components';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
- import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
5
+ import { JSX, ReactNode, Dispatch, SetStateAction, RefObject, MutableRefObject, ComponentPropsWithoutRef, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
6
6
  import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
7
7
  export { useFormikContext } from 'formik';
8
8
  import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
9
9
  export { DropdownMenuRadioGroup as MenuRadioGroup } from '@radix-ui/react-dropdown-menu';
10
- import { Descendant } from 'slate';
11
10
  import { ReactEditor } from 'slate-react';
11
+ import { Descendant } from 'slate';
12
12
 
13
13
  interface VHSTheme {
14
14
  readonly breakpoint: {
@@ -407,59 +407,6 @@ type DefaultLinkWrapperProps = {
407
407
  }) => JSX.Element;
408
408
  children: ReactNode;
409
409
  };
410
- type LinkProps = ComponentPropsWithoutRef<'a'> & {
411
- /**
412
- * A Promise to invoke before navigating to location.
413
- * _Caution: if used with `external` type prop a new window will **not** be opened_
414
- */
415
- beforeAction?: (() => Promise<void>) | (() => void);
416
- /**
417
- * The content that will be rendered inside the link
418
- */
419
- children: ReactNode;
420
- /**
421
- * Disables Link
422
- */
423
- disabled?: boolean;
424
- /**
425
- * @ignore
426
- * Force a Link into a particular css state (for debugging)
427
- */
428
- forceState?: 'active' | 'focus' | 'hover';
429
- /**
430
- * The entity to link to (url, email address, telephone number)
431
- */
432
- href: string;
433
- /**
434
- * Use this if your link is "nested" inside another link
435
- */
436
- nested?: boolean;
437
- /**
438
- * An object that will be converted into a search parameter string and appended to
439
- * the `to` prop value
440
- */
441
- params?: LinkURLParameters;
442
- /**
443
- * Type of link to display
444
- *
445
- * * `email` creates a mailto
446
- * * `phone` creates a telephone number
447
- * * `external` will open links in a new window
448
- */
449
- type?: LinkTypes;
450
- /**
451
- * Will only display an underline when the Link is in a hover state
452
- */
453
- underlineOnHover?: boolean;
454
- /**
455
- * Renders a link without any of the default styling applied
456
- */
457
- unstyled?: boolean;
458
- /**
459
- * The visual type of Link to display
460
- */
461
- variant?: 'dangerous' | 'primary' | 'secondary';
462
- };
463
410
  declare const Link: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
464
411
  /**
465
412
  * A Promise to invoke before navigating to location.
@@ -1078,94 +1025,6 @@ type Gap = {
1078
1025
  column: number | string;
1079
1026
  row: number | string;
1080
1027
  };
1081
- type BoxProps = ComponentPropsWithoutRef<'div'> & {
1082
- /**
1083
- * Specifies how the browser distributes space between and around
1084
- * items along the cross-axis of their container; has no effect on
1085
- * single line flexible boxes
1086
- */
1087
- alignContent?: 'around' | 'between' | 'center' | 'end' | 'start' | 'stretch';
1088
- /**
1089
- * Specifies how the browser distributes space between and around
1090
- * items along the cross-axis of their container; the difference
1091
- * to the alignContent prop is that alignItems specifies the
1092
- * alignment of the items within the current container's line,
1093
- * whereas alignContent specifies the alignment of the lines themselves
1094
- */
1095
- alignItems?: 'baseline' | 'center' | 'end' | 'start' | 'stretch';
1096
- /**
1097
- * Specifies how the browser aligns items of the current line, overriding the
1098
- * alignItems value of parent; if any of the item's cross-axis margin is set to auto,
1099
- * then alignSelf is ignored
1100
- *
1101
- * *Note: only works for nested `<Box />`*
1102
- */
1103
- alignSelf?: 'auto' | 'baseline' | 'center' | 'end' | 'start' | 'stretch';
1104
- /**
1105
- * Specifies the initial main size of an item
1106
- *
1107
- * *Note: only works for nested `<Box />`*
1108
- */
1109
- basis?: number | string;
1110
- /**
1111
- * Pass an arbitrary child node
1112
- */
1113
- children?: ReactNode;
1114
- /**
1115
- * Specifies the main axis of the container
1116
- */
1117
- direction?: 'column-reverse' | 'column' | 'row-reverse' | 'row';
1118
- /**
1119
- * Specifies whether the width and/or height should fill the container
1120
- */
1121
- fill?: boolean | 'horizontal' | 'vertical';
1122
- /**
1123
- * Specifies whether the width and/or height should fill the viewport
1124
- */
1125
- fillViewport?: boolean | 'horizontal' | 'vertical';
1126
- /**
1127
- * Specifies the gaps (gutters) between rows and columns
1128
- */
1129
- gap?: Gap | number | string;
1130
- /**
1131
- * Specifies what amount of space inside the flex container the item should take up
1132
- *
1133
- * *Note: only works for nested `<Box />`*
1134
- */
1135
- grow?: number;
1136
- /**
1137
- * Make Layout behave like an inline element but still lay out its content according to flexbox model
1138
- */
1139
- inline?: boolean;
1140
- /**
1141
- * Specifies how the browser distributes space between and around
1142
- * items along the main axis of their container
1143
- */
1144
- justifyContent?: 'around' | 'between' | 'center' | 'end' | 'evenly' | 'start';
1145
- /**
1146
- * Specifies the order used to lay out an item in its container. Items within the same
1147
- * container are rendered in ascending order according to their order values.
1148
- * Elements with the _same_ order value are rendered in the order in which they appear in code
1149
- *
1150
- * *Note: only works for nested `<Box />`*
1151
- */
1152
- order?: number | 'inherit' | 'initial' | 'unset';
1153
- /**
1154
- * The DOM tag to use for the element
1155
- */
1156
- renderAs?: keyof JSX.IntrinsicElements;
1157
- /**
1158
- * Specifies how items will shrink inside the container when the default size of
1159
- * items is larger than their container
1160
- *
1161
- * *Note: only works for nested `<Box />`*
1162
- */
1163
- shrink?: number;
1164
- /**
1165
- * Specifies whether items are forced into a single line or can be wrapped onto multiple lines
1166
- */
1167
- wrapItems?: boolean;
1168
- };
1169
1028
  declare const Box: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
1170
1029
  /**
1171
1030
  * Specifies how the browser distributes space between and around
@@ -2270,41 +2129,6 @@ declare const LabelDescription: {
2270
2129
  displayName: string;
2271
2130
  };
2272
2131
 
2273
- type LinkButtonProps = ComponentPropsWithoutRef<'button'> & {
2274
- /**
2275
- * Pass an arbitrary child node
2276
- */
2277
- children?: ReactNode;
2278
- /**
2279
- * Disables Button
2280
- */
2281
- disabled?: boolean;
2282
- /**
2283
- * @ignore
2284
- * Force a Button into a particular css state (for debugging)
2285
- */
2286
- forceState?: 'active' | 'focus' | 'hover';
2287
- /**
2288
- * Text that appears inside the button
2289
- */
2290
- label?: string;
2291
- /**
2292
- * Provides a button without any styling (useful for wrapping another element)
2293
- */
2294
- noStyle?: boolean;
2295
- /**
2296
- * Callback function invoked when the button is clicked
2297
- */
2298
- onClick?: (event: KeyboardEvent$1 | MouseEvent) => void;
2299
- /**
2300
- * Will only display an underline when the Link is in a hover state
2301
- */
2302
- underlineOnHover?: boolean;
2303
- /**
2304
- * The visual type of Button to display
2305
- */
2306
- variant?: 'primary' | 'secondary';
2307
- };
2308
2132
  declare const LinkButton: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2309
2133
  /**
2310
2134
  * Pass an arbitrary child node
@@ -3210,56 +3034,6 @@ declare const variantStyleMap: {
3210
3034
  subtitle2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3211
3035
  monospace: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3212
3036
  };
3213
- type TextProps = ComponentPropsWithoutRef<'div'> & {
3214
- /**
3215
- * The horizontal alignment
3216
- * <br />
3217
- * _Note: this only affects block elements_
3218
- */
3219
- align?: keyof typeof alignMap;
3220
- /**
3221
- * Displays text as bold type
3222
- */
3223
- bold?: boolean;
3224
- /**
3225
- * Pass an arbitrary child node
3226
- */
3227
- children?: ReactNode | undefined;
3228
- /**
3229
- * Allows user to override default button colors
3230
- */
3231
- colorOverride?: string;
3232
- /**
3233
- * Used to indicate text is part of a "disabled" UI
3234
- */
3235
- disabled?: boolean;
3236
- /**
3237
- * Attempt to keep the text to a single line by truncating with an ellipsis
3238
- * <br />
3239
- * _Note: this only affects block elements_
3240
- */
3241
- ellipsis?: boolean;
3242
- /**
3243
- * Display the text as inline content
3244
- */
3245
- inline?: boolean;
3246
- /**
3247
- * Displays text as italic type
3248
- */
3249
- italic?: boolean;
3250
- /**
3251
- * Prevents text from being highlighted and copied
3252
- */
3253
- preventUserSelect?: boolean;
3254
- /**
3255
- * The type of html element to render as
3256
- */
3257
- renderAs?: keyof typeof renderMap;
3258
- /**
3259
- * The text style to display
3260
- */
3261
- variant?: keyof typeof variantStyleMap;
3262
- };
3263
3037
  declare const Text: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3264
3038
  /**
3265
3039
  * The horizontal alignment
@@ -3515,7 +3289,7 @@ declare const Truncate: {
3515
3289
  displayName: string;
3516
3290
  };
3517
3291
 
3518
- type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3292
+ type WistiaLogoProps$1 = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3519
3293
  /**
3520
3294
  * Display the icon portion of the logo
3521
3295
  */
@@ -3552,11 +3326,11 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3552
3326
  variant?: 'black' | 'standard' | 'white';
3553
3327
  };
3554
3328
  declare const WistiaLogo: {
3555
- ({ brandmark, colorOverride, height, hoverColor, href, logotype, title, variant, ...otherProps }?: WistiaLogoProps): react_jsx_runtime.JSX.Element | null;
3329
+ ({ brandmark, colorOverride, height, hoverColor, href, logotype, title, variant, ...otherProps }?: WistiaLogoProps$1): react_jsx_runtime.JSX.Element | null;
3556
3330
  displayName: string;
3557
3331
  };
3558
3332
 
3559
- type WistiaLogoNewProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3333
+ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3560
3334
  /**
3561
3335
  * An optional accessible description for the logo
3562
3336
  */
@@ -3590,8 +3364,8 @@ type WistiaLogoNewProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3590
3364
  variant?: 'dark' | 'light' | 'standard';
3591
3365
  };
3592
3366
  declare const WistiaLogoNew: {
3593
- ({ description, height, hoverColor, href, iconOnly, title, variant, ...otherProps }: WistiaLogoNewProps): react_jsx_runtime.JSX.Element;
3367
+ ({ description, height, hoverColor, href, iconOnly, title, variant, ...otherProps }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
3594
3368
  displayName: string;
3595
3369
  };
3596
3370
 
3597
- export { ActionModal, type ActionModalProps, Avatar, type AvatarInstanceType, type AvatarProps, Backdrop, type BackdropProps, BackgroundImage, type BackgroundImageProps, Badge, type BadgeColorScheme, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breakline, type BreaklineProps, Button, ButtonGroup, type ButtonGroupProps, ButtonLink, type ButtonLinkProps, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, CheckboxMenuItem, type CheckboxMenuItemProps, type CheckboxProps, ClickArea, type ClickAreaProps, CloseButton, type CloseButtonProps, CollapsibleGroup, type CollapsibleGroupProps, Divider, type DividerProps, Ellipsis, type EllipsisProps, FileSelect, type FileSelectProps, Form, FormButtons, type FormButtonsProps, FormField, FormFieldError, type FormFieldErrorProps, type FormFieldProps, FormGlobalError, type FormProps, type FormState, FullScreenModal, type FullScreenModalProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, LabelDescription, type LabelDescriptionProps, type LabelProps, Link, LinkButton, type LinkButtonProps, type LinkProps, List, ListItem, type ListItemProps, type ListProps, MediaObject, type MediaObjectProps, Menu, MenuButton, type MenuButtonProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, Modal, ModalBase, type ModalBaseContentProps, ModalBody, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, ModalHeader, type ModalProps, type NodeElementObject, type OnBeforeHideInterface, type OptionsType, Paper, type PaperProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, RadioMenuItem, type RadioMenuItemProps, type RadioProps, RangeSelector, RangeSelectorCalendar, type RangeSelectorCalendarProps, RangeSelectorInput, type RangeSelectorInputProps, type RangeSelectorProps, RichTextEditor, type RichTextEditorProps, ScreenReaderOnly, type ScreenReaderOnlyProps, Select, type SelectProps, Slider, type SliderProps, Stack, type StackProps, SubMenu, Switch, type SwitchProps, Text, type TextProps, Thumbnail, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Toast, type ToastProps, ToastProvider, type ToastVariants, Tooltip, type TooltipProps, Truncate, type TruncateProps, VHSProvider, type VHSProviderProps, type VHSTheme, WistiaLogo, WistiaLogoNew, type WistiaLogoNewProps, type WistiaLogoProps, type WrapperProviderLinkType, copyToClipboard, datetimeHelpers, ellipsisFlexParentStyle, ellipsisStyle, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isValidRange, mq, objectHelpers, rteDeserializeHTML, rteFormatTypes, rteSerializeToHTML, screenReaderOnlyStyle, stringHelpers, useBoolean, useClipboard, useElementObserver, useEvent, useFocusTrap, useForceUpdate, useIsHovered, useKey, useKeyPress, useKeyPressOnce, useLocalStorage, useMergedRefs, useMq, useOnClickOutside, usePreventScroll, usePreviousValue, useTheme, useThemeColor, useToast, useWindowSize };
3371
+ export { ActionModal, Avatar, type AvatarInstanceType, type AvatarProps, Backdrop, BackgroundImage, Badge, type BadgeColorScheme, Banner, Box, Breakline, Button, ButtonGroup, ButtonLink, type ButtonProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickArea, CloseButton, CollapsibleGroup, Divider, Ellipsis, FileSelect, Form, FormButtons, FormField, FormFieldError, type FormFieldProps, FormGlobalError, type FormState, FullScreenModal, Icon, IconButton, type IconNameType, Image, Input, type KeyboardKeys, KeyboardShortcut, Label, LabelDescription, Link, LinkButton, List, ListItem, MediaObject, Menu, MenuButton, MenuItem, MenuLabel, Modal, ModalBase, ModalBody, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, ModalHeader, type ModalProps, type NodeElementObject, type OnBeforeHideInterface, type OptionsType, Paper, ProgressBar, Radio, RadioGroup, RadioMenuItem, RangeSelector, RangeSelectorCalendar, RangeSelectorInput, type RangeSelectorProps, RichTextEditor, ScreenReaderOnly, Select, Slider, Stack, SubMenu, Switch, Text, Thumbnail, ThumbnailCollage, Toast, ToastProvider, type ToastVariants, Tooltip, type TooltipProps, Truncate, VHSProvider, type VHSProviderProps, type VHSTheme, WistiaLogo, WistiaLogoNew, type WrapperProviderLinkType, copyToClipboard, datetimeHelpers, ellipsisFlexParentStyle, ellipsisStyle, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isValidRange, mq, objectHelpers, rteDeserializeHTML, rteFormatTypes, rteSerializeToHTML, screenReaderOnlyStyle, stringHelpers, useBoolean, useClipboard, useElementObserver, useEvent, useFocusTrap, useForceUpdate, useIsHovered, useKey, useKeyPress, useKeyPressOnce, useLocalStorage, useMergedRefs, useMq, useOnClickOutside, usePreventScroll, usePreviousValue, useTheme, useThemeColor, useToast, useWindowSize };
package/dist/index.d.ts CHANGED
@@ -2,13 +2,13 @@ import * as styled_components from 'styled-components';
2
2
  import { css, DefaultTheme } from 'styled-components';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
- import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
5
+ import { JSX, ReactNode, Dispatch, SetStateAction, RefObject, MutableRefObject, ComponentPropsWithoutRef, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
6
6
  import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
7
7
  export { useFormikContext } from 'formik';
8
8
  import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
9
9
  export { DropdownMenuRadioGroup as MenuRadioGroup } from '@radix-ui/react-dropdown-menu';
10
- import { Descendant } from 'slate';
11
10
  import { ReactEditor } from 'slate-react';
11
+ import { Descendant } from 'slate';
12
12
 
13
13
  interface VHSTheme {
14
14
  readonly breakpoint: {
@@ -407,59 +407,6 @@ type DefaultLinkWrapperProps = {
407
407
  }) => JSX.Element;
408
408
  children: ReactNode;
409
409
  };
410
- type LinkProps = ComponentPropsWithoutRef<'a'> & {
411
- /**
412
- * A Promise to invoke before navigating to location.
413
- * _Caution: if used with `external` type prop a new window will **not** be opened_
414
- */
415
- beforeAction?: (() => Promise<void>) | (() => void);
416
- /**
417
- * The content that will be rendered inside the link
418
- */
419
- children: ReactNode;
420
- /**
421
- * Disables Link
422
- */
423
- disabled?: boolean;
424
- /**
425
- * @ignore
426
- * Force a Link into a particular css state (for debugging)
427
- */
428
- forceState?: 'active' | 'focus' | 'hover';
429
- /**
430
- * The entity to link to (url, email address, telephone number)
431
- */
432
- href: string;
433
- /**
434
- * Use this if your link is "nested" inside another link
435
- */
436
- nested?: boolean;
437
- /**
438
- * An object that will be converted into a search parameter string and appended to
439
- * the `to` prop value
440
- */
441
- params?: LinkURLParameters;
442
- /**
443
- * Type of link to display
444
- *
445
- * * `email` creates a mailto
446
- * * `phone` creates a telephone number
447
- * * `external` will open links in a new window
448
- */
449
- type?: LinkTypes;
450
- /**
451
- * Will only display an underline when the Link is in a hover state
452
- */
453
- underlineOnHover?: boolean;
454
- /**
455
- * Renders a link without any of the default styling applied
456
- */
457
- unstyled?: boolean;
458
- /**
459
- * The visual type of Link to display
460
- */
461
- variant?: 'dangerous' | 'primary' | 'secondary';
462
- };
463
410
  declare const Link: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
464
411
  /**
465
412
  * A Promise to invoke before navigating to location.
@@ -1078,94 +1025,6 @@ type Gap = {
1078
1025
  column: number | string;
1079
1026
  row: number | string;
1080
1027
  };
1081
- type BoxProps = ComponentPropsWithoutRef<'div'> & {
1082
- /**
1083
- * Specifies how the browser distributes space between and around
1084
- * items along the cross-axis of their container; has no effect on
1085
- * single line flexible boxes
1086
- */
1087
- alignContent?: 'around' | 'between' | 'center' | 'end' | 'start' | 'stretch';
1088
- /**
1089
- * Specifies how the browser distributes space between and around
1090
- * items along the cross-axis of their container; the difference
1091
- * to the alignContent prop is that alignItems specifies the
1092
- * alignment of the items within the current container's line,
1093
- * whereas alignContent specifies the alignment of the lines themselves
1094
- */
1095
- alignItems?: 'baseline' | 'center' | 'end' | 'start' | 'stretch';
1096
- /**
1097
- * Specifies how the browser aligns items of the current line, overriding the
1098
- * alignItems value of parent; if any of the item's cross-axis margin is set to auto,
1099
- * then alignSelf is ignored
1100
- *
1101
- * *Note: only works for nested `<Box />`*
1102
- */
1103
- alignSelf?: 'auto' | 'baseline' | 'center' | 'end' | 'start' | 'stretch';
1104
- /**
1105
- * Specifies the initial main size of an item
1106
- *
1107
- * *Note: only works for nested `<Box />`*
1108
- */
1109
- basis?: number | string;
1110
- /**
1111
- * Pass an arbitrary child node
1112
- */
1113
- children?: ReactNode;
1114
- /**
1115
- * Specifies the main axis of the container
1116
- */
1117
- direction?: 'column-reverse' | 'column' | 'row-reverse' | 'row';
1118
- /**
1119
- * Specifies whether the width and/or height should fill the container
1120
- */
1121
- fill?: boolean | 'horizontal' | 'vertical';
1122
- /**
1123
- * Specifies whether the width and/or height should fill the viewport
1124
- */
1125
- fillViewport?: boolean | 'horizontal' | 'vertical';
1126
- /**
1127
- * Specifies the gaps (gutters) between rows and columns
1128
- */
1129
- gap?: Gap | number | string;
1130
- /**
1131
- * Specifies what amount of space inside the flex container the item should take up
1132
- *
1133
- * *Note: only works for nested `<Box />`*
1134
- */
1135
- grow?: number;
1136
- /**
1137
- * Make Layout behave like an inline element but still lay out its content according to flexbox model
1138
- */
1139
- inline?: boolean;
1140
- /**
1141
- * Specifies how the browser distributes space between and around
1142
- * items along the main axis of their container
1143
- */
1144
- justifyContent?: 'around' | 'between' | 'center' | 'end' | 'evenly' | 'start';
1145
- /**
1146
- * Specifies the order used to lay out an item in its container. Items within the same
1147
- * container are rendered in ascending order according to their order values.
1148
- * Elements with the _same_ order value are rendered in the order in which they appear in code
1149
- *
1150
- * *Note: only works for nested `<Box />`*
1151
- */
1152
- order?: number | 'inherit' | 'initial' | 'unset';
1153
- /**
1154
- * The DOM tag to use for the element
1155
- */
1156
- renderAs?: keyof JSX.IntrinsicElements;
1157
- /**
1158
- * Specifies how items will shrink inside the container when the default size of
1159
- * items is larger than their container
1160
- *
1161
- * *Note: only works for nested `<Box />`*
1162
- */
1163
- shrink?: number;
1164
- /**
1165
- * Specifies whether items are forced into a single line or can be wrapped onto multiple lines
1166
- */
1167
- wrapItems?: boolean;
1168
- };
1169
1028
  declare const Box: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
1170
1029
  /**
1171
1030
  * Specifies how the browser distributes space between and around
@@ -2270,41 +2129,6 @@ declare const LabelDescription: {
2270
2129
  displayName: string;
2271
2130
  };
2272
2131
 
2273
- type LinkButtonProps = ComponentPropsWithoutRef<'button'> & {
2274
- /**
2275
- * Pass an arbitrary child node
2276
- */
2277
- children?: ReactNode;
2278
- /**
2279
- * Disables Button
2280
- */
2281
- disabled?: boolean;
2282
- /**
2283
- * @ignore
2284
- * Force a Button into a particular css state (for debugging)
2285
- */
2286
- forceState?: 'active' | 'focus' | 'hover';
2287
- /**
2288
- * Text that appears inside the button
2289
- */
2290
- label?: string;
2291
- /**
2292
- * Provides a button without any styling (useful for wrapping another element)
2293
- */
2294
- noStyle?: boolean;
2295
- /**
2296
- * Callback function invoked when the button is clicked
2297
- */
2298
- onClick?: (event: KeyboardEvent$1 | MouseEvent) => void;
2299
- /**
2300
- * Will only display an underline when the Link is in a hover state
2301
- */
2302
- underlineOnHover?: boolean;
2303
- /**
2304
- * The visual type of Button to display
2305
- */
2306
- variant?: 'primary' | 'secondary';
2307
- };
2308
2132
  declare const LinkButton: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
2309
2133
  /**
2310
2134
  * Pass an arbitrary child node
@@ -3210,56 +3034,6 @@ declare const variantStyleMap: {
3210
3034
  subtitle2: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3211
3035
  monospace: styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>>;
3212
3036
  };
3213
- type TextProps = ComponentPropsWithoutRef<'div'> & {
3214
- /**
3215
- * The horizontal alignment
3216
- * <br />
3217
- * _Note: this only affects block elements_
3218
- */
3219
- align?: keyof typeof alignMap;
3220
- /**
3221
- * Displays text as bold type
3222
- */
3223
- bold?: boolean;
3224
- /**
3225
- * Pass an arbitrary child node
3226
- */
3227
- children?: ReactNode | undefined;
3228
- /**
3229
- * Allows user to override default button colors
3230
- */
3231
- colorOverride?: string;
3232
- /**
3233
- * Used to indicate text is part of a "disabled" UI
3234
- */
3235
- disabled?: boolean;
3236
- /**
3237
- * Attempt to keep the text to a single line by truncating with an ellipsis
3238
- * <br />
3239
- * _Note: this only affects block elements_
3240
- */
3241
- ellipsis?: boolean;
3242
- /**
3243
- * Display the text as inline content
3244
- */
3245
- inline?: boolean;
3246
- /**
3247
- * Displays text as italic type
3248
- */
3249
- italic?: boolean;
3250
- /**
3251
- * Prevents text from being highlighted and copied
3252
- */
3253
- preventUserSelect?: boolean;
3254
- /**
3255
- * The type of html element to render as
3256
- */
3257
- renderAs?: keyof typeof renderMap;
3258
- /**
3259
- * The text style to display
3260
- */
3261
- variant?: keyof typeof variantStyleMap;
3262
- };
3263
3037
  declare const Text: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
3264
3038
  /**
3265
3039
  * The horizontal alignment
@@ -3515,7 +3289,7 @@ declare const Truncate: {
3515
3289
  displayName: string;
3516
3290
  };
3517
3291
 
3518
- type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3292
+ type WistiaLogoProps$1 = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3519
3293
  /**
3520
3294
  * Display the icon portion of the logo
3521
3295
  */
@@ -3552,11 +3326,11 @@ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3552
3326
  variant?: 'black' | 'standard' | 'white';
3553
3327
  };
3554
3328
  declare const WistiaLogo: {
3555
- ({ brandmark, colorOverride, height, hoverColor, href, logotype, title, variant, ...otherProps }?: WistiaLogoProps): react_jsx_runtime.JSX.Element | null;
3329
+ ({ brandmark, colorOverride, height, hoverColor, href, logotype, title, variant, ...otherProps }?: WistiaLogoProps$1): react_jsx_runtime.JSX.Element | null;
3556
3330
  displayName: string;
3557
3331
  };
3558
3332
 
3559
- type WistiaLogoNewProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3333
+ type WistiaLogoProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3560
3334
  /**
3561
3335
  * An optional accessible description for the logo
3562
3336
  */
@@ -3590,8 +3364,8 @@ type WistiaLogoNewProps = Omit<ComponentPropsWithoutRef<'svg'>, 'href'> & {
3590
3364
  variant?: 'dark' | 'light' | 'standard';
3591
3365
  };
3592
3366
  declare const WistiaLogoNew: {
3593
- ({ description, height, hoverColor, href, iconOnly, title, variant, ...otherProps }: WistiaLogoNewProps): react_jsx_runtime.JSX.Element;
3367
+ ({ description, height, hoverColor, href, iconOnly, title, variant, ...otherProps }: WistiaLogoProps): react_jsx_runtime.JSX.Element;
3594
3368
  displayName: string;
3595
3369
  };
3596
3370
 
3597
- export { ActionModal, type ActionModalProps, Avatar, type AvatarInstanceType, type AvatarProps, Backdrop, type BackdropProps, BackgroundImage, type BackgroundImageProps, Badge, type BadgeColorScheme, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breakline, type BreaklineProps, Button, ButtonGroup, type ButtonGroupProps, ButtonLink, type ButtonLinkProps, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, CheckboxMenuItem, type CheckboxMenuItemProps, type CheckboxProps, ClickArea, type ClickAreaProps, CloseButton, type CloseButtonProps, CollapsibleGroup, type CollapsibleGroupProps, Divider, type DividerProps, Ellipsis, type EllipsisProps, FileSelect, type FileSelectProps, Form, FormButtons, type FormButtonsProps, FormField, FormFieldError, type FormFieldErrorProps, type FormFieldProps, FormGlobalError, type FormProps, type FormState, FullScreenModal, type FullScreenModalProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, LabelDescription, type LabelDescriptionProps, type LabelProps, Link, LinkButton, type LinkButtonProps, type LinkProps, List, ListItem, type ListItemProps, type ListProps, MediaObject, type MediaObjectProps, Menu, MenuButton, type MenuButtonProps, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, Modal, ModalBase, type ModalBaseContentProps, ModalBody, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, ModalHeader, type ModalProps, type NodeElementObject, type OnBeforeHideInterface, type OptionsType, Paper, type PaperProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, type RadioGroupProps, RadioMenuItem, type RadioMenuItemProps, type RadioProps, RangeSelector, RangeSelectorCalendar, type RangeSelectorCalendarProps, RangeSelectorInput, type RangeSelectorInputProps, type RangeSelectorProps, RichTextEditor, type RichTextEditorProps, ScreenReaderOnly, type ScreenReaderOnlyProps, Select, type SelectProps, Slider, type SliderProps, Stack, type StackProps, SubMenu, Switch, type SwitchProps, Text, type TextProps, Thumbnail, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Toast, type ToastProps, ToastProvider, type ToastVariants, Tooltip, type TooltipProps, Truncate, type TruncateProps, VHSProvider, type VHSProviderProps, type VHSTheme, WistiaLogo, WistiaLogoNew, type WistiaLogoNewProps, type WistiaLogoProps, type WrapperProviderLinkType, copyToClipboard, datetimeHelpers, ellipsisFlexParentStyle, ellipsisStyle, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isValidRange, mq, objectHelpers, rteDeserializeHTML, rteFormatTypes, rteSerializeToHTML, screenReaderOnlyStyle, stringHelpers, useBoolean, useClipboard, useElementObserver, useEvent, useFocusTrap, useForceUpdate, useIsHovered, useKey, useKeyPress, useKeyPressOnce, useLocalStorage, useMergedRefs, useMq, useOnClickOutside, usePreventScroll, usePreviousValue, useTheme, useThemeColor, useToast, useWindowSize };
3371
+ export { ActionModal, Avatar, type AvatarInstanceType, type AvatarProps, Backdrop, BackgroundImage, Badge, type BadgeColorScheme, Banner, Box, Breakline, Button, ButtonGroup, ButtonLink, type ButtonProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickArea, CloseButton, CollapsibleGroup, Divider, Ellipsis, FileSelect, Form, FormButtons, FormField, FormFieldError, type FormFieldProps, FormGlobalError, type FormState, FullScreenModal, Icon, IconButton, type IconNameType, Image, Input, type KeyboardKeys, KeyboardShortcut, Label, LabelDescription, Link, LinkButton, List, ListItem, MediaObject, Menu, MenuButton, MenuItem, MenuLabel, Modal, ModalBase, ModalBody, ModalCloseButton, type ModalCloseButtonProps, ModalFooter, ModalHeader, type ModalProps, type NodeElementObject, type OnBeforeHideInterface, type OptionsType, Paper, ProgressBar, Radio, RadioGroup, RadioMenuItem, RangeSelector, RangeSelectorCalendar, RangeSelectorInput, type RangeSelectorProps, RichTextEditor, ScreenReaderOnly, Select, Slider, Stack, SubMenu, Switch, Text, Thumbnail, ThumbnailCollage, Toast, ToastProvider, type ToastVariants, Tooltip, type TooltipProps, Truncate, VHSProvider, type VHSProviderProps, type VHSTheme, WistiaLogo, WistiaLogoNew, type WrapperProviderLinkType, copyToClipboard, datetimeHelpers, ellipsisFlexParentStyle, ellipsisStyle, getBackgroundGradient, getSemiRandomBackgroundGradient, iconSizeMap, isValidRange, mq, objectHelpers, rteDeserializeHTML, rteFormatTypes, rteSerializeToHTML, screenReaderOnlyStyle, stringHelpers, useBoolean, useClipboard, useElementObserver, useEvent, useFocusTrap, useForceUpdate, useIsHovered, useKey, useKeyPress, useKeyPressOnce, useLocalStorage, useMergedRefs, useMq, useOnClickOutside, usePreventScroll, usePreviousValue, useTheme, useThemeColor, useToast, useWindowSize };
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/vhs v2.77.1-beta.14191196.13626f0
3
+ * @license @wistia/vhs v2.77.1-beta.1d1fbbc8.0852c37
4
4
  *
5
5
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
6
6
  *