@wistia/vhs 6.0.1 → 6.0.2-beta.d28be0f4.1171db2

package/dist/index.d.ts

@@ -3,9 +3,9 @@ import { ChangeEvent, ComponentClass, ComponentProps, ComponentPropsWithRef, Com
 import { DefaultTheme, IStyledComponent, RuleSet, css } from "styled-components";
 import { Field, FormikErrors, FormikHelpers, FormikProps, useFormikContext } from "formik";
 import { Editor } from "slate";
+import "slate-history";
 import { ReactEditor } from "slate-react";
 import { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuProps, DropdownMenuRadioGroup as MenuRadioGroup, DropdownMenuRadioItemProps } from "@radix-ui/react-dropdown-menu";
-
 //#region src/@types/vhs-theme.d.ts
 interface VHSTheme {
   readonly breakpoint: {
@@ -229,55 +229,55 @@ type DefaultLinkWrapperProps = {
 };
 type LinkProps = ComponentPropsWithoutRef<"a"> & {
   /**
-  * A Promise to invoke before navigating to location.
-  * _Caution: if used with `external` type prop a new window will **not** be opened_
-  */
+   * A Promise to invoke before navigating to location.
+   * _Caution: if used with `external` type prop a new window will **not** be opened_
+   */
   beforeAction?: (() => Promise<void>) | (() => void);
   /**
-  * The content that will be rendered inside the link
-  */
+   * The content that will be rendered inside the link
+   */
   children: ReactNode;
   /**
-  * Disables Link
-  */
+   * Disables Link
+   */
   disabled?: boolean;
   /**
-  * @ignore
-  * Force a Link into a particular css state (for debugging)
-  */
+   * @ignore
+   * Force a Link into a particular css state (for debugging)
+   */
   forceState?: "active" | "focus" | "hover";
   /**
-  * The entity to link to (url, email address, telephone number)
-  */
+   * The entity to link to (url, email address, telephone number)
+   */
   href: string;
   /**
-  * Use this if your link is "nested" inside another link
-  */
+   * Use this if your link is "nested" inside another link
+   */
   nested?: boolean;
   /**
-  * An object that will be converted into a search parameter string and appended to
-  * the `to` prop value
-  */
+   * An object that will be converted into a search parameter string and appended to
+   * the `to` prop value
+   */
   params?: LinkURLParameters;
   /**
-  * Type of link to display
-  *
-  *   * `email` creates a mailto
-  *   * `phone` creates a telephone number
-  *   * `external` will open links in a new window
-  */
+   * Type of link to display
+   *
+   *   * `email` creates a mailto
+   *   * `phone` creates a telephone number
+   *   * `external` will open links in a new window
+   */
   type?: LinkTypes;
   /**
-  * Will only display an underline when the Link is in a hover state
-  */
+   * Will only display an underline when the Link is in a hover state
+   */
   underlineOnHover?: boolean;
   /**
-  * Renders a link without any of the default styling applied
-  */
+   * Renders a link without any of the default styling applied
+   */
   unstyled?: boolean;
   /**
-  * The visual type of Link to display
-  */
+   * The visual type of Link to display
+   */
   variant?: "dangerous" | "primary" | "secondary";
 };
 declare const Link$1: ForwardRefExoticComponent<LinkProps & RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
@@ -293,13 +293,7 @@ type VHSProviderProps = {
   skipAnimations?: boolean;
   theme?: Record<string, unknown>;
 };
-declare const VHSProvider: ({
-  children,
-  theme,
-  globalStylesIncluded,
-  skipAnimations,
-  Link
-}: VHSProviderProps) => ReactNode;
+declare const VHSProvider: ({ children, theme, globalStylesIncluded, skipAnimations, Link }: VHSProviderProps) => ReactNode;
 //#endregion
 //#region src/hooks/useTheme/useTheme.d.ts
 declare const useTheme: <T extends DefaultTheme = DefaultTheme>() => T;
@@ -309,7 +303,7 @@ type ColorKeysFromTheme<Theme extends DefaultTheme = DefaultTheme> = keyof Theme
 type UseThemeColor = {
   (): DefaultTheme["color"];
   <T extends DefaultTheme, K extends ColorKeysFromTheme<T>>(param: K): T["color"][K];
-  <T extends DefaultTheme, K extends ColorKeysFromTheme<T>[]>(param: [...K]): { [Index in keyof K]: T["color"][K[Index] & keyof T["color"]] };
+  <T extends DefaultTheme, K extends ColorKeysFromTheme<T>[]>(param: [...K]): { [Index in keyof K]: T["color"][K[Index] & keyof T["color"]]; };
 };
 declare const useThemeColor: UseThemeColor;
 //#endregion
@@ -320,37 +314,37 @@ type OnBeforeHideInterface = {
 };
 type ModalBaseContentProps = {
   /**
-  * Class name applied to the modal root
-  */
+   * Class name applied to the modal root
+   */
   className?: string | undefined;
   /**
-  * Render the modal initially in shown state
-  */
+   * Render the modal initially in shown state
+   */
   initialShownState?: boolean;
   /**
-  * The modal can be dismissed via esc button
-  */
+   * The modal can be dismissed via esc button
+   */
   isDismissible?: boolean;
   /**
-  * Callback invoked before the modal is hidden
-  */
+   * Callback invoked before the modal is hidden
+   */
   onBeforeHide?: (() => OnBeforeHideInterface) | undefined;
   /**
-  * Callback invoked when the modal is dismissed
-  */
+   * Callback invoked when the modal is dismissed
+   */
   onHide?: ((...args: unknown[]) => unknown) | undefined;
   /**
-  * Callback invoked when the modal is shown
-  */
+   * Callback invoked when the modal is shown
+   */
   onShow?: ((...args: unknown[]) => unknown) | undefined;
   /**
-  * Optional function that exposes the `hide` function at the call site allowing
-  * the option to call the `hide` function from outside of this component
-  */
+   * Optional function that exposes the `hide` function at the call site allowing
+   * the option to call the `hide` function from outside of this component
+   */
   render?: (attemptHide: () => unknown) => ReactNode;
   /**
-  * function(show, ref) that returns a node to open the modal
-  */
+   * function(show, ref) that returns a node to open the modal
+   */
   toggle?: ((show: () => unknown, toggleButtonRef?: RefObject<HTMLElement | null | undefined>) => ReactNode) | undefined;
 };
 declare const ModalBase: FC<ModalBaseContentProps>;
@@ -358,122 +352,122 @@ declare const ModalBase: FC<ModalBaseContentProps>;
 //#region src/components/ActionModal/ActionModal.d.ts
 type ActionModalProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Horizontally align modal to the left, center, or right of the container
-  */
+   * Horizontally align modal to the left, center, or right of the container
+   */
   alignHorizontal?: "center" | "left" | "normal" | "right";
   /**
-  * Vertically align modal to the top, center, or bottom of the container
-  */
+   * Vertically align modal to the top, center, or bottom of the container
+   */
   alignVertical?: "bottom" | "center" | "normal" | "top";
   /**
-  * Buttons to be shown at the bottom of the modal
-  */
+   * Buttons to be shown at the bottom of the modal
+   */
   buttons?: ReactNode | ((hide: () => void) => ReactNode);
   /**
-  * Contents of the modal
-  */
+   * Contents of the modal
+   */
   children?: ReactNode;
   /**
-  * Class to be applied to the base element of the modal
-  */
+   * Class to be applied to the base element of the modal
+   */
   className?: string;
   /**
-  * A prop that determines whether the modal will span the entirety of the screen vertically
-  */
+   * A prop that determines whether the modal will span the entirety of the screen vertically
+   */
   fullHeight?: boolean;
   /**
-  * Allows user to override default icon color
-  */
+   * Allows user to override default icon color
+   */
   closeIconColorOverride?: string;
   /**
-  * Increase the zIndex of the Modal, this should be used when calling ActionModal from a Menu
-  * this will prevent the Menu from staying above the ActionModal
-  */
+   * Increase the zIndex of the Modal, this should be used when calling ActionModal from a Menu
+   * this will prevent the Menu from staying above the ActionModal
+   */
   elevated?: boolean;
   /**
-  * Optional illustration to display alongside the modal
-  */
+   * Optional illustration to display alongside the modal
+   */
   illustration?: ReactNode;
   /**
-  * Background color that appears behind the optional illustration
-  * Can be any css background color or "blue", "brandBlue", "green",
-  * "pink", "purple", or "yellow" for theme colors
-  */
+   * Background color that appears behind the optional illustration
+   * Can be any css background color or "blue", "brandBlue", "green",
+   * "pink", "purple", or "yellow" for theme colors
+   */
   illustrationBackgroundColor?: string;
   /**
-  * Render the modal initially in shown state
-  */
+   * Render the modal initially in shown state
+   */
   initialShownState?: boolean;
   /**
-  * Allow the user to close the modal via x button or backdrop click
-  */
+   * Allow the user to close the modal via x button or backdrop click
+   */
   isDismissible?: boolean;
   /**
-  * Callback invoked before the modal is hidden
-  */
+   * Callback invoked before the modal is hidden
+   */
   onBeforeHide?: () => OnBeforeHideInterface;
   /**
-  * Callback invoked when the modal is dismissed
-  */
+   * Callback invoked when the modal is dismissed
+   */
   onHide?: () => void;
   /**
-  * Callback invoked when the modal is shown
-  */
+   * Callback invoked when the modal is shown
+   */
   onShow?: () => void;
   /**
-  * Optional function that exposes the `hide` function at the call site allowing
-  * the option to call the `hide` function from outside of this component
-  */
+   * Optional function that exposes the `hide` function at the call site allowing
+   * the option to call the `hide` function from outside of this component
+   */
   render?: (hide: (event?: MouseEvent) => void) => ReactNode;
   /**
-  * Title to display in the modal
-  */
+   * Title to display in the modal
+   */
   title: string;
   /**
-  * function(show, ref) that returns a node to open the modal
-  */
+   * function(show, ref) that returns a node to open the modal
+   */
   toggle?: (show: () => unknown, toggleButtonRef?: RefObject<HTMLElement | null | undefined>) => ReactNode;
   /**
-  * The css width property of the modal. Ex - 'max-content', '532px', '100%', etc
-  */
+   * The css width property of the modal. Ex - 'max-content', '532px', '100%', etc
+   */
   width?: string;
 };
 /**
-* @deprecated Please use Modal component, see [documentation](?path=/docs/components-modal--docs).
-*
-* #### Why ActionModal is being deprecated
-* ActionModal's API tightly couples the modal itself with the button or element that toggles it. This makes it difficult to
-* implement in several scenarios (such as within a Menu) or if it needs to be programatically opened by an external action.
-*
-* [Modal](?path=/docs/components-modal--docs) allows for a separate state control to toggle its visibility and is also more composable
-* allowing for more variation.
-*/
+ * @deprecated Please use Modal component, see [documentation](?path=/docs/components-modal--docs).
+ *
+ * #### Why ActionModal is being deprecated
+ * ActionModal's API tightly couples the modal itself with the button or element that toggles it. This makes it difficult to
+ * implement in several scenarios (such as within a Menu) or if it needs to be programatically opened by an external action.
+ *
+ * [Modal](?path=/docs/components-modal--docs) allows for a separate state control to toggle its visibility and is also more composable
+ * allowing for more variation.
+ */
 declare const ActionModal: FC<ActionModalProps>;
 //#endregion
 //#region src/components/Avatar/Avatar.d.ts
 type AvatarInstanceType = "image" | "initials";
 type AvatarProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * The height and width of the avatar
-  */
+   * The height and width of the avatar
+   */
   heightAndWidth?: number;
   /**
-  * The URL of the image to display
-  */
+   * The URL of the image to display
+   */
   imageUrl?: string | null;
   /**
-  * Initials to display if no image is provided
-  *
-  * _note: only first initial shown regardless of characters provided_
-  */
+   * Initials to display if no image is provided
+   *
+   * _note: only first initial shown regardless of characters provided_
+   */
   initials?: string | null;
   /**
-  * A string that will deterministicly set the background color of the avatar
-  */
+   * A string that will deterministicly set the background color of the avatar
+   */
   name?: string | null;
   /**
-  * A callback that is invoked after the image has loaded or failed to load
-  */
+   * A callback that is invoked after the image has loaded or failed to load
+   */
   onImageLoad?: (avatarType: AvatarInstanceType) => void;
 };
 declare const Avatar: FC<AvatarProps>;
@@ -493,24 +487,24 @@ declare const alignHorizontalMap: {
 };
 type BackdropProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Optional prop to align the child content along the horizontal axis
-  */
+   * Optional prop to align the child content along the horizontal axis
+   */
   alignHorizontal?: keyof typeof alignHorizontalMap;
   /**
-  * Optional prop to align the child content along the vertical axis
-  */
+   * Optional prop to align the child content along the vertical axis
+   */
   alignVertical?: keyof typeof alignVerticalMap;
   /**
-  * Color of the backdrop
-  */
+   * Color of the backdrop
+   */
   backgroundColor?: string;
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode;
   /**
-  * increase the z-index (workaround for ActionModals called within Menu)
-  */
+   * increase the z-index (workaround for ActionModals called within Menu)
+   */
   elevated?: boolean;
 };
 declare const Backdrop: FC<BackdropProps>;
@@ -522,61 +516,61 @@ type OverflowObject = {
 };
 type BackgroundImageProps = Omit<ComponentPropsWithoutRef<"img">, "src"> & {
   /**
-  * The content that will be rendered inside
-  */
+   * The content that will be rendered inside
+   */
   children?: ReactNode;
   /**
-  * Sets whether a background image's position is fixed within the viewport,
-  * or scrolls with its containing block. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment).
-  */
+   * Sets whether a background image's position is fixed within the viewport,
+   * or scrolls with its containing block. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment).
+   */
   attachment?: string;
   /**
-  * Sets whether an element's background extends underneath its border box,
-  * padding box, or content box. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip).
-  */
+   * Sets whether an element's background extends underneath its border box,
+   * padding box, or content box. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip).
+   */
   clip?: string;
   /**
-  * Color (as hex) of the component
-  */
+   * Color (as hex) of the component
+   */
   color?: string | undefined;
   /**
-  * Height of the component
-  */
+   * Height of the component
+   */
   height?: string;
   /**
-  * Sets the background's origin: from the border start, inside the border, or inside the padding.
-  * _Note: origin is ignored when attachment is `fixed`._
-  * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin).
-  */
+   * Sets the background's origin: from the border start, inside the border, or inside the padding.
+   * _Note: origin is ignored when attachment is `fixed`._
+   * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin).
+   */
   origin?: string;
   /**
-  * Sets the desired behavior for an element's overflow (i.e. when an element's content is
-  * too big to fit in its block formatting context).
-  * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow).
-  */
+   * Sets the desired behavior for an element's overflow (i.e. when an element's content is
+   * too big to fit in its block formatting context).
+   * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow).
+   */
   overflow?: OverflowObject | string;
   /**
-  * Sets the initial position for each image; relative to the position layer
-  * set by origin. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position).
-  */
+   * Sets the initial position for each image; relative to the position layer
+   * set by origin. [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position).
+   */
   position?: string;
   /**
-  * Sets how background images are repeated.
-  * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat).
-  */
+   * Sets how background images are repeated.
+   * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat).
+   */
   repeat?: string;
   /**
-  * Sets the size of the element's background image.
-  * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size).
-  */
+   * Sets the size of the element's background image.
+   * [Read more](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size).
+   */
   size?: string;
   /**
-  * URL(s) to image file
-  */
+   * URL(s) to image file
+   */
   src?: string[] | string;
   /**
-  * Width of the component
-  */
+   * Width of the component
+   */
   width?: string;
 };
 declare const BackgroundImage: FC<BackgroundImageProps>;
@@ -704,16 +698,16 @@ type IconNameType = keyof typeof iconMap;
 type BadgeColorScheme = "brandBlue" | "error" | "green" | "grey" | "orange" | "pink" | "purple" | "red" | "success" | "warning" | "yellow";
 type BadgeProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * The color scheme to use for the badge
-  */
+   * The color scheme to use for the badge
+   */
   colorScheme?: BadgeColorScheme;
   /**
-  * The icon to display in the badge
-  */
+   * The icon to display in the badge
+   */
   icon?: IconNameType;
   /**
-  * The text to display in the badge
-  */
+   * The text to display in the badge
+   */
   label: string;
 };
 declare const Badge: FC<BadgeProps>;
@@ -722,37 +716,30 @@ declare const Badge: FC<BadgeProps>;
 type BodyProps = {
   children?: ReactNode;
 };
-declare const Body: ({
-  children
-}: BodyProps) => JSX.Element;
+declare const Body: ({ children }: BodyProps) => JSX.Element;
 type TitleProps = {
   children?: ReactNode;
 };
-declare const Title: ({
-  children
-}: TitleProps) => JSX.Element;
+declare const Title: ({ children }: TitleProps) => JSX.Element;
 type RightGutterProps = {
   children?: ReactNode;
   verticalAlign?: string;
 };
-declare const RightGutter: ({
-  verticalAlign,
-  children
-}: RightGutterProps) => JSX.Element;
+declare const RightGutter: ({ verticalAlign, children }: RightGutterProps) => JSX.Element;
 //#endregion
 //#region src/components/Banner/Banner.d.ts
 type BannerProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * color string
-  */
+   * color string
+   */
   backgroundColor?: string;
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode;
   /**
-  * icon name from the icon library to be displayed on left side of banner
-  */
+   * icon name from the icon library to be displayed on left side of banner
+   */
   icon?: ReactNode;
 };
 declare const Banner: FC<BannerProps> & {
@@ -768,90 +755,90 @@ type Gap = {
 };
 type BoxProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Specifies how the browser distributes space between and around
-  * items along the cross-axis of their container; has no effect on
-  * single line flexible boxes
-  */
+   * Specifies how the browser distributes space between and around
+   * items along the cross-axis of their container; has no effect on
+   * single line flexible boxes
+   */
   alignContent?: "around" | "between" | "center" | "end" | "start" | "stretch";
   /**
-  * Specifies how the browser distributes space between and around
-  * items along the cross-axis of their container; the difference
-  * to the alignContent prop is that alignItems specifies the
-  * alignment of the items within the current container's line,
-  * whereas alignContent specifies the alignment of the lines themselves
-  */
+   * Specifies how the browser distributes space between and around
+   * items along the cross-axis of their container; the difference
+   * to the alignContent prop is that alignItems specifies the
+   * alignment of the items within the current container's line,
+   * whereas alignContent specifies the alignment of the lines themselves
+   */
   alignItems?: "baseline" | "center" | "end" | "start" | "stretch";
   /**
-  * Specifies how the browser aligns items of the current line, overriding the
-  * alignItems value of parent; if any of the item's cross-axis margin is set to auto,
-  * then alignSelf is ignored
-  *
-  * *Note: only works for nested `<Box />`*
-  */
+   * Specifies how the browser aligns items of the current line, overriding the
+   * alignItems value of parent; if any of the item's cross-axis margin is set to auto,
+   * then alignSelf is ignored
+   *
+   * *Note: only works for nested `<Box />`*
+   */
   alignSelf?: "auto" | "baseline" | "center" | "end" | "start" | "stretch";
   /**
-  * Specifies the initial main size of an item
-  *
-  * *Note: only works for nested `<Box />`*
-  */
+   * Specifies the initial main size of an item
+   *
+   * *Note: only works for nested `<Box />`*
+   */
   basis?: number | string;
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode;
   /**
-  * Specifies the main axis of the container
-  */
+   * Specifies the main axis of the container
+   */
   direction?: "column-reverse" | "column" | "row-reverse" | "row";
   /**
-  * Specifies whether the width and/or height should fill the container
-  */
+   * Specifies whether the width and/or height should fill the container
+   */
   fill?: boolean | "horizontal" | "vertical";
   /**
-  * Specifies whether the width and/or height should fill the viewport
-  */
+   * Specifies whether the width and/or height should fill the viewport
+   */
   fillViewport?: boolean | "horizontal" | "vertical";
   /**
-  * Specifies the gaps (gutters) between rows and columns
-  */
+   * Specifies the gaps (gutters) between rows and columns
+   */
   gap?: Gap | number | string;
   /**
-  * Specifies what amount of space inside the flex container the item should take up
-  *
-  * *Note: only works for nested `<Box />`*
-  */
+   * Specifies what amount of space inside the flex container the item should take up
+   *
+   * *Note: only works for nested `<Box />`*
+   */
   grow?: number;
   /**
-  * Make Layout behave like an inline element but still lay out its content according to flexbox model
-  */
+   * Make Layout behave like an inline element but still lay out its content according to flexbox model
+   */
   inline?: boolean;
   /**
-  * Specifies how the browser distributes space between and around
-  * items along the main axis of their container
-  */
+   * Specifies how the browser distributes space between and around
+   * items along the main axis of their container
+   */
   justifyContent?: "around" | "between" | "center" | "end" | "evenly" | "start";
   /**
-  * Specifies the order used to lay out an item in its container. Items within the same
-  * container are rendered in ascending order according to their order values.
-  * Elements with the _same_ order value are rendered in the order in which they appear in code
-  *
-  * *Note: only works for nested `<Box />`*
-  */
+   * Specifies the order used to lay out an item in its container. Items within the same
+   * container are rendered in ascending order according to their order values.
+   * Elements with the _same_ order value are rendered in the order in which they appear in code
+   *
+   * *Note: only works for nested `<Box />`*
+   */
   order?: number | "inherit" | "initial" | "unset";
   /**
-  * The DOM tag to use for the element
-  */
+   * The DOM tag to use for the element
+   */
   renderAs?: keyof JSX.IntrinsicElements;
   /**
-  * Specifies how items will shrink inside the container when the default size of
-  * items is larger than their container
-  *
-  * *Note: only works for nested `<Box />`*
-  */
+   * Specifies how items will shrink inside the container when the default size of
+   * items is larger than their container
+   *
+   * *Note: only works for nested `<Box />`*
+   */
   shrink?: number;
   /**
-  * Specifies whether items are forced into a single line or can be wrapped onto multiple lines
-  */
+   * Specifies whether items are forced into a single line or can be wrapped onto multiple lines
+   */
   wrapItems?: boolean;
 };
 declare const Box: ForwardRefExoticComponent<BoxProps & RefAttributes<HTMLDivElement>>;
@@ -860,78 +847,78 @@ declare const Box: ForwardRefExoticComponent<BoxProps & RefAttributes<HTMLDivEle
 type TextAlignValues = "center" | "left" | "right";
 type ButtonProps = ComponentPropsWithRef<"button"> & {
   /**
-  * Text that appears inside of the button *THIS WILL OVERRIDE THE LABEL PROP*
-  */
+   * Text that appears inside of the button *THIS WILL OVERRIDE THE LABEL PROP*
+   */
   children?: ReactNode;
   /**
-  * Allows user to override default button colors
-  */
+   * Allows user to override default button colors
+   */
   colorOverride?: string;
   /**
-  * Disables button
-  */
+   * Disables button
+   */
   disabled?: boolean;
   /**
-  * @ignore
-  * Force a button into a particular css state (for debugging)
-  */
+   * @ignore
+   * Force a button into a particular css state (for debugging)
+   */
   forceState?: "active" | "focus" | "hover" | undefined;
   /**
-  * Is the button full-width?
-  */
+   * Is the button full-width?
+   */
   fullWidth?: boolean;
   /**
-  * An SVG component
-  */
+   * An SVG component
+   */
   icon?: ReactNode;
   /**
-  * The "type" name of a VHS icon. *THIS WILL OVERRIDE ANY ICON PROP PASSED*
-  */
+   * The "type" name of a VHS icon. *THIS WILL OVERRIDE ANY ICON PROP PASSED*
+   */
   iconName?: keyof typeof iconMap;
   /**
-  * Should the icon appear at the start of the button or the end?
-  */
+   * Should the icon appear at the start of the button or the end?
+   */
   iconPosition?: "end" | "start";
   /**
-  * Show a spinner when the button is in a loading state
-  */
+   * Show a spinner when the button is in a loading state
+   */
   isLoading?: boolean;
   /**
-  * Text that appears inside the button
-  */
+   * Text that appears inside the button
+   */
   label?: string;
   /**
-  * Should the label wrap if the button container is too narrow to fit the label text on one line
-  * @deprecated Apply white-space styling as needed
-  */
+   * Should the label wrap if the button container is too narrow to fit the label text on one line
+   * @deprecated Apply white-space styling as needed
+   */
   labelWrap?: boolean;
   /**
-  * Provides a button without any styling (useful for wrapping another element)
-  */
+   * Provides a button without any styling (useful for wrapping another element)
+   */
   noStyle?: boolean;
   /**
-  * Callback function invoked when the button is clicked
-  */
+   * Callback function invoked when the button is clicked
+   */
   onClick?: ((event: MouseEvent) => ReactNode) | ((event: MouseEvent) => void) | undefined;
   /**
-  * The size of button to display
-  */
+   * The size of button to display
+   */
   size?: "lg" | "md" | "sm";
   /**
-  * If true then rounded corners will be squared
-  */
+   * If true then rounded corners will be squared
+   */
   square?: boolean;
   /**
-  * Alignment of the button label
-  */
+   * Alignment of the button label
+   */
   textAlign?: TextAlignValues;
   /**
-  * The type of button element that should be rendered
-  */
+   * The type of button element that should be rendered
+   */
   type?: "button" | "reset" | "submit";
   /**
-  * The visual type of button to display
-  */
+   * The visual type of button to display
+   */
   variant?: "dangerous" | "primary" | "secondary" | "tertiary";
 };
 declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
@@ -939,16 +926,16 @@ declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTML
 //#region src/components/ButtonGroup/ButtonGroup.d.ts
 type ButtonGroupProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Align buttons to the left or right of their container
-  */
+   * Align buttons to the left or right of their container
+   */
   align?: "center" | "left" | "right";
   /**
-  * Buttons that will be rendered in grouping
-  */
+   * Buttons that will be rendered in grouping
+   */
   children?: ReactNode;
   /**
-  * Force ButtonGroup to fill the width of it's container
-  */
+   * Force ButtonGroup to fill the width of it's container
+   */
   fullWidth?: boolean;
 };
 declare const ButtonGroup: FC<ButtonGroupProps>;
@@ -956,148 +943,148 @@ declare const ButtonGroup: FC<ButtonGroupProps>;
 //#region src/components/ButtonLink/ButtonLink.d.ts
 type ButtonLinkProps = ComponentPropsWithRef<"a"> & {
   /**
-  * A Promise to invoke before navigating to location.
-  * _Caution: if used with `external` type prop a new window will **not** be opened_
-  */
+   * A Promise to invoke before navigating to location.
+   * _Caution: if used with `external` type prop a new window will **not** be opened_
+   */
   beforeAction?: (() => Promise<void>) | (() => void);
   /**
-  * The content that will be rendered inside the button
-  */
+   * The content that will be rendered inside the button
+   */
   children?: ReactNode;
   /**
-  * Option CSS color string
-  */
+   * Option CSS color string
+   */
   colorOverride?: string;
   /**
-  * Disables Link
-  */
+   * Disables Link
+   */
   disabled?: boolean;
   /**
-  * @ignore
-  * Force a Link into a particular css state (for debugging)
-  */
+   * @ignore
+   * Force a Link into a particular css state (for debugging)
+   */
   forceState?: "active" | "focus" | "hover";
   /**
-  * Is the button full-width?
-  */
+   * Is the button full-width?
+   */
   fullWidth?: boolean;
   /**
-  * The entity to link to (url, email address, telephone number)
-  */
+   * The entity to link to (url, email address, telephone number)
+   */
   href: string;
   /**
-  * An SVG component
-  */
+   * An SVG component
+   */
   icon?: ReactNode;
   /**
-  * The "type" name of a VHS icon. *THIS WILL OVERRIDE ANY ICON PROP PASSED*
-  */
+   * The "type" name of a VHS icon. *THIS WILL OVERRIDE ANY ICON PROP PASSED*
+   */
   iconName?: keyof typeof iconMap;
   /**
-  * Should the icon appear at the start of the button or the end?
-  */
+   * Should the icon appear at the start of the button or the end?
+   */
   iconPosition?: "end" | "start";
   /**
-  * Text that appears inside the button
-  */
+   * Text that appears inside the button
+   */
   label?: string;
   /**
-  * Should the label wrap if the button container is too narrow to fit the label text on one line
-  */
+   * Should the label wrap if the button container is too narrow to fit the label text on one line
+   */
   labelWrap?: boolean;
   /**
-  * An object that will be converted into a search parameter string and appended to
-  * the `to` prop value
-  */
+   * An object that will be converted into a search parameter string and appended to
+   * the `to` prop value
+   */
   params?: Record<string, string>;
   /**
-  * The size of button to display
-  */
+   * The size of button to display
+   */
   size?: "lg" | "md" | "sm";
   /**
-  * If true, rounded corners are disabled
-  */
+   * If true, rounded corners are disabled
+   */
   square?: boolean;
   /**
-  * Alignment of the button label
-  */
+   * Alignment of the button label
+   */
   textAlign?: TextAlignValues;
   /**
-  * Type of link to display
-  *
-  *   * `email` creates a mailto
-  *   * `phone` creates a telephone number
-  *   * `external` will open links in a new window
-  */
+   * Type of link to display
+   *
+   *   * `email` creates a mailto
+   *   * `phone` creates a telephone number
+   *   * `external` will open links in a new window
+   */
   type?: "default" | "email" | "external" | "phone";
   /**
-  * The visual type of button to display
-  */
+   * The visual type of button to display
+   */
   variant?: "dangerous" | "primary" | "secondary" | "tertiary";
 };
 /**
-* The `ButtonLink` component is useful for getting the functionality of a
-* `Link` with the styling of a `Button`.
-*
-* A useful heuristic for using this component: Do you have an `href`? Some of the advantages are having a right-click
-* context menu available opening a new tab, and copying the URL.
-*
-* **Note:** the props table below is incomplete; please
-* refer to [Link](?path=/docs/link--link-stories) for additional props.
-*/
+ * The `ButtonLink` component is useful for getting the functionality of a
+ * `Link` with the styling of a `Button`.
+ *
+ * A useful heuristic for using this component: Do you have an `href`? Some of the advantages are having a right-click
+ * context menu available opening a new tab, and copying the URL.
+ *
+ * **Note:** the props table below is incomplete; please
+ * refer to [Link](?path=/docs/link--link-stories) for additional props.
+ */
 declare const ButtonLink: ForwardRefExoticComponent<ButtonLinkProps & RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //#endregion
 //#region src/components/Checkbox/Checkbox.d.ts
 type CheckboxProps = Omit<ComponentPropsWithRef<"label">, "onChange"> & {
   /**
-  * Indicates the state of the checkbox
-  */
+   * Indicates the state of the checkbox
+   */
   checked?: boolean;
   /**
-  * Should the radio buttons be displayed vertically as a column or horizontally as a row
-  */
+   * Should the radio buttons be displayed vertically as a column or horizontally as a row
+   */
   direction?: "column" | "row";
   /**
-  * Disables checkbox
-  */
+   * Disables checkbox
+   */
   disabled?: boolean;
   /**
-  * @ignore
-  * Force a Checkbox into a particular css state (for debugging)
-  */
+   * @ignore
+   * Force a Checkbox into a particular css state (for debugging)
+   */
   forceState?: "focus" | "hover";
   /**
-  * Indicates that there is an error with the input
-  */
+   * Indicates that there is an error with the input
+   */
   hasError?: boolean;
   /**
-  * Provides an ID for the checkbox
-  */
+   * Provides an ID for the checkbox
+   */
   id?: string;
   /**
-  * The label for the checkbox
-  */
+   * The label for the checkbox
+   */
   label?: JSX.Element | string | undefined;
   /**
-  * The description for the checkbox
-  */
+   * The description for the checkbox
+   */
   labelDescription?: JSX.Element | string | undefined;
   /**
-  * Should match the ID attribute of the checkbox.
-  * Can be used to group together multiple checkboxes
-  */
+   * Should match the ID attribute of the checkbox.
+   * Can be used to group together multiple checkboxes
+   */
   name?: string;
   /**
-  * Callback function invoked when the checkbox value changes
-  */
+   * Callback function invoked when the checkbox value changes
+   */
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
   /**
-  * Make Input a required element
-  */
+   * Make Input a required element
+   */
   required?: boolean;
   /**
-  * The value attribute of the checkbox
-  */
+   * The value attribute of the checkbox
+   */
   value?: string;
 };
 declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLLabelElement>>;
@@ -1108,47 +1095,47 @@ type CheckboxPropsWithName = Omit<CheckboxProps, "name"> & {
 };
 type CheckboxGroupProps = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
   /**
-  * Should the radio buttons be displayed vertically as a column or horizontally as a row
-  */
+   * Should the radio buttons be displayed vertically as a column or horizontally as a row
+   */
   direction?: "column" | "row";
   /**
-  * Whether CheckboxGroup is disabled
-  */
+   * Whether CheckboxGroup is disabled
+   */
   disabled?: boolean;
   /**
-  * Error message to be displayed
-  */
+   * Error message to be displayed
+   */
   error?: string | undefined;
   /**
-  * The label for the form field
-  */
+   * The label for the form field
+   */
   label?: JSX.Element | string | undefined;
   /**
-  * The hint/helper text under the label
-  */
+   * The hint/helper text under the label
+   */
   labelDescription?: JSX.Element | string | undefined;
   /**
-  * Props that are passed through to the underlying `<Label>` component
-  */
+   * Props that are passed through to the underlying `<Label>` component
+   */
   labelProps?: {
     disabled?: boolean;
     screenReaderOnly?: boolean;
   };
   /**
-  * Name of the form element
-  */
+   * Name of the form element
+   */
   name: string;
   /**
-  * Callback function invoked when the value changes
-  */
+   * Callback function invoked when the value changes
+   */
   onChange?: (event: ChangeEvent<HTMLInputElement>, name: string) => unknown;
   /**
-  * Array of checkbox attributes
-  */
+   * Array of checkbox attributes
+   */
   options: CheckboxPropsWithName[];
   /**
-  * Currently selected checkbox value
-  */
+   * Currently selected checkbox value
+   */
   value?: string[] | boolean | undefined;
 };
 declare const CheckboxGroup: FC<CheckboxGroupProps>;
@@ -1156,43 +1143,43 @@ declare const CheckboxGroup: FC<CheckboxGroupProps>;
 //#region src/components/ClickArea/ClickArea.d.ts
 type ClickAreaProps = ComponentPropsWithRef<"div"> & {
   /**
-  * Supply an element or Component to render as the root compoennt (default is div)
-  */
+   * Supply an element or Component to render as the root compoennt (default is div)
+   */
   renderAs?: ElementType;
   /**
-  * The content within the clickarea
-  */
+   * The content within the clickarea
+   */
   children: ReactNode;
   /**
-  * If provided, this click event happens instead of the target ref's click event
-  */
+   * If provided, this click event happens instead of the target ref's click event
+   */
   onClick?: (event: Event) => void;
   /**
-  * A ref to the element within chldren that will be used as the target of the click event
-  * Should typically be a button or link
-  */
+   * A ref to the element within chldren that will be used as the target of the click event
+   * Should typically be a button or link
+   */
   targetRef: RefObject<HTMLElement | null>;
 };
 /**
-* ClickArea is useful when you want an entire element to be clickable, such as a card or an item in a list. Making the
-* entire element clickable provides a better click target for users, especially on mobile devices. The problem with this is
-* clickable divs are not accessible or tabbable. Using a `button` or `a` tag causes both styling and screenreader problems.
-*
-* To solve these issues, `ClickArea` maps a click event on the container element to a click event on a button or link within
-* it, via a ref. Assistive devices can utilize the target element and ignore the container element's click property.
-*
-* ClickArea also makes having interactive elements within the clickable container easier. For example, if you have a card element
-* that is clickable but with a "close" button in the top right, include `event.preventDefault()` in the close button's click handler
-* to prevent the container's click handler from firing.
-*
-*/
+ * ClickArea is useful when you want an entire element to be clickable, such as a card or an item in a list. Making the
+ * entire element clickable provides a better click target for users, especially on mobile devices. The problem with this is
+ * clickable divs are not accessible or tabbable. Using a `button` or `a` tag causes both styling and screenreader problems.
+ *
+ * To solve these issues, `ClickArea` maps a click event on the container element to a click event on a button or link within
+ * it, via a ref. Assistive devices can utilize the target element and ignore the container element's click property.
+ *
+ * ClickArea also makes having interactive elements within the clickable container easier. For example, if you have a card element
+ * that is clickable but with a "close" button in the top right, include `event.preventDefault()` in the close button's click handler
+ * to prevent the container's click handler from firing.
+ *
+ */
 declare const ClickArea: ForwardRefExoticComponent<ClickAreaProps & RefAttributes<HTMLElement>>;
 //#endregion
 //#region src/components/CloseButton/CloseButton.d.ts
 type CloseButtonProps = ComponentPropsWithoutRef<"button"> & {
   /**
-  * Callback function invoked when the button is clicked
-  */
+   * Callback function invoked when the button is clicked
+   */
   onClick?: () => void;
 };
 declare const CloseButton: FC<CloseButtonProps>;
@@ -1205,74 +1192,71 @@ declare const CARET_DIRECTION_LEFT = "left";
 declare const CARET_DIRECTION_RIGHT = "right";
 type CollapsibleGroupProps = {
   /**
-  * Slot for adjacent options
-  */
+   * Slot for adjacent options
+   */
   actions?: ReactNode;
   /**
-  * Custom background color
-  */
+   * Custom background color
+   */
   backgroundColor?: string;
   /**
-  * Custom direction of the caret when open or closed
-  */
+   * Custom direction of the caret when open or closed
+   */
   caretDirection?: {
     closed: typeof CARET_DIRECTION_DOWN | typeof CARET_DIRECTION_LEFT | typeof CARET_DIRECTION_RIGHT | typeof CARET_DIRECTION_UP;
     open: typeof CARET_DIRECTION_DOWN | typeof CARET_DIRECTION_LEFT | typeof CARET_DIRECTION_RIGHT | typeof CARET_DIRECTION_UP;
   };
   /**
-  * Toggleable contents
-  */
+   * Toggleable contents
+   */
   children?: ReactNode;
   /**
-  * Optional CSS padding to be applied to the content container
-  */
+   * Optional CSS padding to be applied to the content container
+   */
   contentPadding?: string | null;
   /**
-  * The control has a caret by default. Set this to true to suppress the caret
-  */
+   * The control has a caret by default. Set this to true to suppress the caret
+   */
   hideCaret?: boolean;
   /**
-  * Optional ID attribute
-  */
+   * Optional ID attribute
+   */
   id?: string;
   /**
-  * Control the initial open state. If not provided, the default is to start closed.
-  */
+   * Control the initial open state. If not provided, the default is to start closed.
+   */
   isOpen?: boolean;
   /**
-  * Clickable text label for the control, or perhaps an inline editable
-  * control? Whatever suits you */
-  label?: ReactNode | (({
-    open,
-    caret
-  }: {
+   * Clickable text label for the control, or perhaps an inline editable
+   * control? Whatever suits you */
+  label?: ReactNode | (({ open, caret }: {
     open: boolean;
     caret: JSX.Element;
   }) => ReactNode);
   /**
-  * Choose on which side the caret shows
-  */
+   * Choose on which side the caret shows
+   */
   layout?: "leading" | "trailing";
   /**
-  * Callback function invoked when the button is clicked
-  */
+   * Callback function invoked when the button is clicked
+   */
   onClick?: () => unknown;
   /**
-  * Callback function invoked when the open state changes
-  */
+   * Callback function invoked when the open state changes
+   */
   onOpenChange?: (newOpen: boolean) => unknown;
   /**
-  * Extra actions are hidden by default and shown on hover. Set this to false
-  * to make always visible
-  */
+   * Extra actions are hidden by default and shown on hover. Set this to false
+   * to make always visible
+   */
   showActionsOnHover?: boolean;
   /**
-  * Display the open / close transition animation
-  */
+   * Display the open / close transition animation
+   */
   showTransition?: boolean;
   /**
-  * Changes the styling of the collapsible group banner when active
-  */
+   * Changes the styling of the collapsible group banner when active
+   */
   variant?: typeof VARIANT_BRAND_BLUE;
 };
 declare const CollapsibleGroup: FC<CollapsibleGroupProps>;
@@ -1280,16 +1264,16 @@ declare const CollapsibleGroup: FC<CollapsibleGroupProps>;
 //#region src/components/Divider/Divider.d.ts
 type DividerProps = ComponentPropsWithoutRef<"hr"> & {
   /**
-  * Allows user to override default divider color
-  */
+   * Allows user to override default divider color
+   */
   colorOverride?: string;
   /**
-  * Height (in pixels) of divider
-  */
+   * Height (in pixels) of divider
+   */
   height?: number;
   /**
-  * The visual type of divider to display
-  */
+   * The visual type of divider to display
+   */
   variant?: "dashed" | "solid";
 };
 declare const Divider: FC<DividerProps>;
@@ -1299,12 +1283,12 @@ declare const ellipsisStyle: RuleSet<object>;
 declare const ellipsisFlexParentStyle: RuleSet<object>;
 type EllipsisProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * The text that will be truncated with an ellipsis
-  */
+   * The text that will be truncated with an ellipsis
+   */
   children?: ReactNode;
   /**
-  * The number that will be truncated with an ellipsis
-  */
+   * The number that will be truncated with an ellipsis
+   */
   lines?: number;
 };
 declare const Ellipsis: FC<EllipsisProps>;
@@ -1312,45 +1296,45 @@ declare const Ellipsis: FC<EllipsisProps>;
 //#region src/components/FileSelect/FileSelect.d.ts
 type FileSelectProps = {
   /**
-  * Allowlist of file types that the server will accept
-  * (see: <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-accept">file input docs</a>)
-  */
+   * Allowlist of file types that the server will accept
+   * (see: <a href="https://developer.mozilla.org/en/docs/Web/HTML/Element/input#attr-accept">file input docs</a>)
+   */
   accept: string;
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children: ReactNode;
   /**
-  * Disable the input. <em>Note: Does not "disable" the child component, only the hidden input</em>
-  */
+   * Disable the input. <em>Note: Does not "disable" the child component, only the hidden input</em>
+   */
   disabled?: boolean;
   /**
-  * ID of the input
-  */
+   * ID of the input
+   */
   id: string;
   /**
-  * File size limit specified in MB
-  */
+   * File size limit specified in MB
+   */
   maxSize?: number;
   /**
-  * Allow multiple files to be selected
-  */
+   * Allow multiple files to be selected
+   */
   multiple?: boolean;
   /**
-  * Name of the input
-  */
+   * Name of the input
+   */
   name?: string;
   /**
-  * Callback invoked when file has been selected
-  */
+   * Callback invoked when file has been selected
+   */
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
   /**
-  * Callback invoked when the file input is clicked (before the file has been selected)
-  */
+   * Callback invoked when the file input is clicked (before the file has been selected)
+   */
   onClick?: (...args: unknown[]) => unknown;
   /**
-  * Callback invoked when there is an error selecting file(s)
-  */
+   * Callback invoked when there is an error selecting file(s)
+   */
   onError?: (error: Error) => void;
 };
 declare const FileSelect: ForwardRefExoticComponent<FileSelectProps & RefAttributes<HTMLInputElement>>;
@@ -1361,68 +1345,68 @@ type Values = Record<string, unknown>;
 type FormState = FormikProps<Values>;
 type FormProps = {
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode;
   /**
-  * Class(es) to be applied to formik container
-  */
+   * Class(es) to be applied to formik container
+   */
   className?: string;
   /**
-  * Unique ID for Form, used for React Testing Library
-  */
+   * Unique ID for Form, used for React Testing Library
+   */
   formId: string;
   /**
-  * Ref required to be ref of FormGlobalError. Simply assign `const globalErrorRef = useRef(null)`. Either a function or the instance of a DOM native element.
-  */
+   * Ref required to be ref of FormGlobalError. Simply assign `const globalErrorRef = useRef(null)`. Either a function or the instance of a DOM native element.
+   */
   globalErrorRef: RefObject<HTMLElement | null | undefined>;
   /**
-  * Form input values on initial load, often populated from server
-  */
+   * Form input values on initial load, often populated from server
+   */
   initialValues: ValuesType;
   /**
-  * Ref to access the form's state and API
-  */
+   * Ref to access the form's state and API
+   */
   innerRef?: Ref<FormState>;
   /**
-  * On-submit callback
-  */
+   * On-submit callback
+   */
   onSubmit: (values: Record<string, unknown>, ref: FormikHelpers<Values>) => unknown;
   /**
-  * On form submission with errors (isValid=false), scroll to GlobalError section
-  */
+   * On form submission with errors (isValid=false), scroll to GlobalError section
+   */
   scrollToFormErrorsOnSubmit?: boolean;
   /**
-  * On-validate callback, params include values, and the rest of the form state params available in [Formik](https://jaredpalmer.com/formik/docs/api/formik#props-1)
-  */
+   * On-validate callback, params include values, and the rest of the form state params available in [Formik](https://jaredpalmer.com/formik/docs/api/formik#props-1)
+   */
   shareFormContext?: (props: FormikProps<Values>) => unknown;
   /**
-  * Show a top-level rundown of all the errors in the form
-  */
+   * Show a top-level rundown of all the errors in the form
+   */
   showGlobalError?: boolean;
   /**
-  * Style object applied to Form component
-  */
+   * Style object applied to Form component
+   */
   style?: Record<string, string>;
   /**
-  * Should form submit when an input's onChange is invoked?
-  */
+   * Should form submit when an input's onChange is invoked?
+   */
   submitOnChange?: boolean;
   /**
-  * Validate function passed to formik
-  */
+   * Validate function passed to formik
+   */
   validate?: (values: Values) => Promise<FormikErrors<Values>> | object | void;
   /**
-  * Should form run validate function on form blur?
-  */
+   * Should form run validate function on form blur?
+   */
   validateOnBlur?: boolean;
   /**
-  * Should form run validate function on form change?
-  */
+   * Should form run validate function on form change?
+   */
   validateOnChange?: boolean;
   /**
-  * __[`yup` schema](https://github.com/jquense/yup#yup)__
-  */
+   * __[`yup` schema](https://github.com/jquense/yup#yup)__
+   */
   validationSchema?: ValidationSchemaType;
 };
 type ValidationSchemaType = {
@@ -1438,12 +1422,12 @@ type ButtonsType = {
 };
 type FormButtonsProps = {
   /**
-  * Align button left (typically on a page) or right (typically on a modal).
-  */
+   * Align button left (typically on a page) or right (typically on a modal).
+   */
   align?: "left" | "right";
   /**
-  * Each button object must have a name, but can also be passed any props that apply to a Button component.
-  */
+   * Each button object must have a name, but can also be passed any props that apply to a Button component.
+   */
   buttons: ButtonsType[];
 };
 declare const FormButtons: FC<FormButtonsProps>;
@@ -1501,59 +1485,59 @@ declare const rteFormatTypes: {
 //#region src/components/FormField/FormField.d.ts
 type FormFieldProps = Omit<ComponentPropsWithRef<"input">, "placeholder"> & {
   /**
-  * A custom component that acts as a field and that needs access to Formik fields
-  */
+   * A custom component that acts as a field and that needs access to Formik fields
+   */
   customComponent?: ComponentClass<CustomComponentClass> | ((arg?: ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
   /**
-  * Should the radio buttons be displayed vertically as a column or horizontally as a row
-  */
+   * Should the radio buttons be displayed vertically as a column or horizontally as a row
+   */
   direction?: "column" | "row";
   /**
-  * Disables form field
-  */
+   * Disables form field
+   */
   disabled?: boolean;
   /**
-  * Only takes effect if type is richTextEditor. An array of formats that should be enabled in the toolbar.
-  */
+   * Only takes effect if type is richTextEditor. An array of formats that should be enabled in the toolbar.
+   */
   enabledFormats?: (keyof typeof rteFormatTypes)[];
   /**
-  * Visual label above the input
-  */
+   * Visual label above the input
+   */
   label?: JSX.Element | string | undefined;
   /**
-  * The hint/helper text under the label
-  */
+   * The hint/helper text under the label
+   */
   labelDescription?: ReactNode;
   /**
-  * Props that are passed through to the underlying `<Label>` component
-  */
+   * Props that are passed through to the underlying `<Label>` component
+   */
   labelProps?: {
     disabled?: boolean;
     screenReaderOnly?: boolean;
   };
   /**
-  * HTML "name" attribute. Also needs to be unique in the form
-  */
+   * HTML "name" attribute. Also needs to be unique in the form
+   */
   name?: string;
   /**
-  * Custom onChange callback add-on. args: "value"
-  */
+   * Custom onChange callback add-on. args: "value"
+   */
   onChangeCustom?: (value: string) => unknown;
   /**
-  * Options passed down to the `<Field>` component
-  */
+   * Options passed down to the `<Field>` component
+   */
   options?: Record<string, unknown>[];
   /**
-  * Input's visual placeholder text
-  */
+   * Input's visual placeholder text
+   */
   placeholder?: string | null | undefined;
   /**
-  * Allows user to vertically or horizontally resize the form field, or to disable resizing altogether
-  */
+   * Allows user to vertically or horizontally resize the form field, or to disable resizing altogether
+   */
   resize?: "horizontal" | "none" | "vertical";
   /**
-  * The type of the field sets the type of input or select, texarea, radio, checkbox, etc.
-  */
+   * The type of the field sets the type of input or select, texarea, radio, checkbox, etc.
+   */
   type: "checkbox" | "custom" | "email" | "hidden" | "multiline" | "number" | "password" | "radio" | "richTextEditor" | "select" | "text" | "url";
 };
 declare const FormField: ForwardRefExoticComponent<FormFieldProps & RefAttributes<HTMLElement>>;
@@ -1570,28 +1554,28 @@ declare const FormGlobalError: ForwardRefExoticComponent<RefAttributes<HTMLDivEl
 //#region src/components/FullScreenModal/FullScreenModal.d.ts
 type FullScreenModalProps = {
   /**
-  * Color of the modal background
-  */
+   * Color of the modal background
+   */
   backgroundColor?: string;
   /**
-  * Contents of the modal
-  */
+   * Contents of the modal
+   */
   content: (hide: () => unknown) => ReactNode;
   /**
-  * Render the modal initially in shown state
-  */
+   * Render the modal initially in shown state
+   */
   initialShownState?: boolean;
   /**
-  * Callback invoked before the modal is hidden
-  */
+   * Callback invoked before the modal is hidden
+   */
   onBeforeHide?: (() => OnBeforeHideInterface) | undefined;
   /**
-  * Callback invoked when the modal is shown
-  */
+   * Callback invoked when the modal is shown
+   */
   onHide?: () => unknown;
   /**
-  * function(show, ref) that returns a node to open the modal
-  */
+   * function(show, ref) that returns a node to open the modal
+   */
   toggle?: ((show: () => unknown, toggleButtonRef?: RefObject<HTMLElement | null | undefined>) => ReactNode) | undefined;
 };
 declare const FullScreenModal: FC<FullScreenModalProps>;
@@ -1606,20 +1590,20 @@ declare const iconSizeMap: {
 };
 type IconProps = ComponentPropsWithoutRef<"svg"> & {
   /**
-  * Color (as hex) of the Icon
-  */
+   * Color (as hex) of the Icon
+   */
   color?: string;
   /**
-  * The size of the icon to display
-  */
+   * The size of the icon to display
+   */
   size?: keyof typeof iconSizeMap;
   /**
-  * @ignore
-  */
+   * @ignore
+   */
   style?: Record<string, unknown>;
   /**
-  * Determines which icon to display
-  */
+   * Determines which icon to display
+   */
   type: IconNameType;
 };
 declare const Icon: FC<IconProps>;
@@ -1638,40 +1622,40 @@ type sizeType = keyof typeof sizeMap;
 type componentStyleType = keyof typeof componentStyleMap;
 type IconButtonProps = ComponentPropsWithRef<"button"> & {
   /**
-  * Allows user to override default button colors
-  */
+   * Allows user to override default button colors
+   */
   colorOverride?: string | undefined;
   /**
-  * Choose light styles if this component appears on a dark background
-  */
+   * Choose light styles if this component appears on a dark background
+   */
   componentStyle?: componentStyleType;
   /**
-  * Disables button
-  */
+   * Disables button
+   */
   disabled?: boolean;
   /**
-  * An SVG component
-  */
+   * An SVG component
+   */
   icon?: ReactNode;
   /**
-  * Text that appears as a tooltip when the user hovers over the button
-  */
+   * Text that appears as a tooltip when the user hovers over the button
+   */
   label?: string;
   /**
-  * Callback function invoked when the button is clicked
-  */
+   * Callback function invoked when the button is clicked
+   */
   onClick?: ((event: MouseEvent) => void) | undefined;
   /**
-  * Prevent a Tooltip from appearing on hover
-  */
+   * Prevent a Tooltip from appearing on hover
+   */
   preventTooltip?: boolean;
   /**
-  * The size of the button
-  */
+   * The size of the button
+   */
   size?: sizeType;
   /**
-  * The direction of the tooltip
-  */
+   * The direction of the tooltip
+   */
   tooltipDirection?: "bottom" | "left" | "right" | "top";
 };
 declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttributes<HTMLButtonElement>>;
@@ -1679,33 +1663,33 @@ declare const IconButton: ForwardRefExoticComponent<IconButtonProps & RefAttribu
 //#region src/components/Image/Image.d.ts
 type ImageProps = ComponentPropsWithoutRef<"img"> & {
   /**
-  * Accessible text to apply to the image
-  */
+   * Accessible text to apply to the image
+   */
   alt: string;
   /**
-  * Specifies whether the width and/or height should fill the container
-  *
-  * *Note: this will override height/width attributes*
-  */
+   * Specifies whether the width and/or height should fill the container
+   *
+   * *Note: this will override height/width attributes*
+   */
   fill?: boolean | "horizontal" | "vertical";
   /**
-  * Specifies how the image's intrinsic size (ie. its natural size) should
-  * be adjusted to fit within its container
-  */
+   * Specifies how the image's intrinsic size (ie. its natural size) should
+   * be adjusted to fit within its container
+   */
   fit?: "contain" | "cover" | "fill" | "none" | "scale-down";
   /**
-  * Indicates how the browser should load the image; `eager`loads the image immediately,
-  * `lazy` defers loading the image until it reaches a calculated distance from the viewport.
-  * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading
-  */
+   * Indicates how the browser should load the image; `eager`loads the image immediately,
+   * `lazy` defers loading the image until it reaches a calculated distance from the viewport.
+   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading
+   */
   loading?: "eager" | "lazy";
   /**
-  * Specifies how the image will align itself in its container
-  */
+   * Specifies how the image will align itself in its container
+   */
   position?: string;
   /**
-  * URL to image file
-  */
+   * URL to image file
+   */
   src: string;
 };
 declare const Image: FC<ImageProps>;
@@ -1715,85 +1699,85 @@ type IconPositionStrings = "end" | "start";
 type ForcedStateStrings = "active" | "focus" | "hover";
 type InputProps = ComponentPropsWithRef<"input"> & {
   /**
-  * Copy-to-clipboard-on-click of input's value with copy icon
-  */
+   * Copy-to-clipboard-on-click of input's value with copy icon
+   */
   clickToCopy?: boolean;
   /**
-  * Disables Input
-  */
+   * Disables Input
+   */
   disabled?: boolean | undefined;
   /**
-  * @ignore
-  * Force an Input into a particular css state (for debugging)
-  */
+   * @ignore
+   * Force an Input into a particular css state (for debugging)
+   */
   forceState?: ForcedStateStrings;
   /**
-  * Should Input occupy 100% of available space
-  */
+   * Should Input occupy 100% of available space
+   */
   fullWidth?: boolean;
   /**
-  * Indicates that there is an error with the input
-  */
+   * Indicates that there is an error with the input
+   */
   hasError?: boolean;
   /**
-  * An SVG component that will appear on the right-hand side of the input
-  * _Note:_ some input types will apply a icon by default
-  */
+   * An SVG component that will appear on the right-hand side of the input
+   * _Note:_ some input types will apply a icon by default
+   */
   icon?: ReactNode;
   /**
-  * Indicates on which side of the input the icon should render. Will default to `end` unless the `type` prop is `search`.
-  */
+   * Indicates on which side of the input the icon should render. Will default to `end` unless the `type` prop is `search`.
+   */
   iconPosition?: IconPositionStrings;
   /**
-  * @ignore
-  * This is a prop that is here for use by FormField. Otherwise,
-  * the ref prop should just be used
-  */
+   * @ignore
+   * This is a prop that is here for use by FormField. Otherwise,
+   * the ref prop should just be used
+   */
   innerRef?: RefObject<HTMLInputElement | null>;
   /**
-  * Displays text in monospace font
-  */
+   * Displays text in monospace font
+   */
   monospace?: boolean;
   /**
-  * Callback function invoked when the input focus blurs
-  */
+   * Callback function invoked when the input focus blurs
+   */
   onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
   /**
-  * Callback function invoked when the input value changes
-  */
+   * Callback function invoked when the input value changes
+   */
   onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
   /**
-  * Callback function invoked when the input value is copied
-  */
+   * Callback function invoked when the input value is copied
+   */
   onClickToCopy?: () => void;
   /**
-  * Callback function invoked when the input is focused
-  */
+   * Callback function invoked when the input is focused
+   */
   onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
   /**
-  * Callback function that will select input text when input is focused;
-  * receives event object but if that is not needed just pass a no-op function
-  */
+   * Callback function that will select input text when input is focused;
+   * receives event object but if that is not needed just pass a no-op function
+   */
   onFocusToSelect?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
   /**
-  * A short hint for the user about what value the Input expects
-  */
+   * A short hint for the user about what value the Input expects
+   */
   placeholder?: string | undefined;
   /**
-  * Prevent the Input from being writable (different styling from disabled)
-  */
+   * Prevent the Input from being writable (different styling from disabled)
+   */
   readOnly?: boolean;
   /**
-  * Make Input a required element
-  */
+   * Make Input a required element
+   */
   required?: boolean;
   /**
-  * The type of Input to render
-  */
+   * The type of Input to render
+   */
   type?: HTMLInputTypeAttribute;
   /**
-  * The content of Input
-  */
+   * The content of Input
+   */
   value?: number | string | undefined;
 };
 declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
@@ -1808,20 +1792,20 @@ type KeyboardKeys = AlphanumericKeyboardKeys | ArrowKeys | ModifierKeys | Whites
 //#region src/components/KeyboardShortcut/KeyboardShortcut.d.ts
 type KeyboardShortcutProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * @description The visual style of the keyboard shortcut. Choose light if the background is dark and dark if the background is light.
-  */
+   * @description The visual style of the keyboard shortcut. Choose light if the background is dark and dark if the background is light.
+   */
   componentStyle?: "dark" | "light";
   /**
-  * @description If set to true, the keyboard shortcut will stretch the full width of its container.
-  */
+   * @description If set to true, the keyboard shortcut will stretch the full width of its container.
+   */
   fullWidth?: boolean;
   /**
-  * @description The keys displayed.
-  */
+   * @description The keys displayed.
+   */
   keyboardKeys: KeyboardKeys | KeyboardKeys[];
   /**
-  * @description A visual label for the keyboard shortcut.
-  */
+   * @description A visual label for the keyboard shortcut.
+   */
   label?: string;
 };
 declare const KeyboardShortcut: FC<KeyboardShortcutProps>;
@@ -1829,29 +1813,29 @@ declare const KeyboardShortcut: FC<KeyboardShortcutProps>;
 //#region src/components/Label/Label.d.ts
 type LabelProps = ComponentPropsWithoutRef<"label"> & {
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode;
   /**
-  * To indicate that the label is for a disabled form component
-  */
+   * To indicate that the label is for a disabled form component
+   */
   disabled?: boolean;
   /**
-  * ID of the form component that the label should be associated with
-  */
+   * ID of the form component that the label should be associated with
+   */
   htmlFor?: string | undefined;
   /**
-  * To use 'legend', 'p', 'span', or other instead of 'label'
-  */
+   * To use 'legend', 'p', 'span', or other instead of 'label'
+   */
   renderAs?: "div" | "label" | "legend" | "p" | "span" | undefined;
   /**
-  * Use if label describes a required form component
-  */
+   * Use if label describes a required form component
+   */
   required?: boolean;
   /**
-  * For label text that needs to be available to assistive technology (e.g. screen readers)
-  * but otherwise hidden on screen.
-  */
+   * For label text that needs to be available to assistive technology (e.g. screen readers)
+   * but otherwise hidden on screen.
+   */
   screenReaderOnly?: boolean;
 };
 declare const Label: FC<LabelProps>;
@@ -1866,37 +1850,37 @@ declare const LabelDescription: FC<LabelDescriptionProps>;
 //#region src/components/LinkButton/LinkButton.d.ts
 type LinkButtonProps = ComponentPropsWithoutRef<"button"> & {
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode;
   /**
-  * Disables Button
-  */
+   * Disables Button
+   */
   disabled?: boolean;
   /**
-  * @ignore
-  * Force a Button into a particular css state (for debugging)
-  */
+   * @ignore
+   * Force a Button into a particular css state (for debugging)
+   */
   forceState?: "active" | "focus" | "hover";
   /**
-  * Text that appears inside the button
-  */
+   * Text that appears inside the button
+   */
   label?: string;
   /**
-  * Provides a button without any styling (useful for wrapping another element)
-  */
+   * Provides a button without any styling (useful for wrapping another element)
+   */
   noStyle?: boolean;
   /**
-  * Callback function invoked when the button is clicked
-  */
+   * Callback function invoked when the button is clicked
+   */
   onClick?: (event: KeyboardEvent | MouseEvent) => void;
   /**
-  * Will only display an underline when the Link is in a hover state
-  */
+   * Will only display an underline when the Link is in a hover state
+   */
   underlineOnHover?: boolean;
   /**
-  * The visual type of Button to display
-  */
+   * The visual type of Button to display
+   */
   variant?: "primary" | "secondary";
 };
 declare const LinkButton: ForwardRefExoticComponent<LinkButtonProps & RefAttributes<HTMLSpanElement>>;
@@ -1906,17 +1890,17 @@ type VariantType = "breadcrumbs" | "bullets" | "commas" | "ordered" | "slashes"
 type ItemType = ItemType[] | string[] | string;
 type ListProps = ComponentPropsWithoutRef<"ul"> & {
   /**
-  * Children should be wrapped in `<ListItem>`
-  */
+   * Children should be wrapped in `<ListItem>`
+   */
   children?: ReactNode;
   /**
-  * As an alternative to passing children you can supply an array of strings that
-  * will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
-  */
+   * As an alternative to passing children you can supply an array of strings that
+   * will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
+   */
   items?: ItemType[];
   /**
-  * The kind of list to render
-  */
+   * The kind of list to render
+   */
   variant?: VariantType;
 };
 declare const List: FC<ListProps>;
@@ -1924,18 +1908,19 @@ declare const List: FC<ListProps>;
 //#region src/components/List/ListItem.d.ts
 type ListItemProps = {
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode;
 };
 declare const ListItem: FC<ListItemProps>;
 //#endregion
 //#region src/components/Menu/Menu.d.ts
 type ControlledMenuProps = {
-  /** Is the menu open. Must be used with `onOpenChange`. */isOpen: boolean;
+  /** Is the menu open. Must be used with `onOpenChange`. */
+  isOpen: boolean;
   /** When an attempt to toggle the menu is triggered,
-  *  must be used with `isOpen`.
-  */
+   *  must be used with `isOpen`.
+   */
   onOpenChange: (isOpen: boolean) => void;
 };
 type UncontrolledMenuProps = {
@@ -1944,17 +1929,22 @@ type UncontrolledMenuProps = {
 };
 type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
 type DefaultMenuProps = DropdownMenuProps & MenuControlProps & {
-  /** The position of the Menu */align?: "center" | "end" | "start";
-  children: ReactNode; /** Callback for when the user clicks or focuses outside of the menu */
-  onInteractOutside?: DropdownMenuContentProps["onInteractOutside"]; /** Props to pass to the trigger component, the default trigger is Button */
+  /** The position of the Menu */
+  align?: "center" | "end" | "start";
+  children: ReactNode;
+  /** Callback for when the user clicks or focuses outside of the menu */
+  onInteractOutside?: DropdownMenuContentProps["onInteractOutside"];
+  /** Props to pass to the trigger component, the default trigger is Button */
   triggerProps?: ButtonProps;
 };
 type MenuPropsWithLabel = DefaultMenuProps & {
-  /** The label for the trigger element */label: string;
+  /** The label for the trigger element */
+  label: string;
   trigger?: never;
 };
 type MenuPropsWithCustomTrigger = DefaultMenuProps & {
-  label?: never; /** Replace the default trigger */
+  label?: never;
+  /** Replace the default trigger */
   trigger: JSX.Element;
 };
 type MenuProps = MenuPropsWithCustomTrigger | MenuPropsWithLabel;
@@ -1988,45 +1978,15 @@ type MenuItemPropsWithChildren = {
 type MenuItemProps = DropdownMenuItemProps & (MenuItemPropsWithChildren | MenuItemPropsWithLabelDescription);
 type CheckboxMenuItemProps = DropdownMenuCheckboxItemProps & (MenuItemPropsWithChildren | MenuItemPropsWithLabelDescription);
 type RadioMenuItemProps = DropdownMenuRadioItemProps & (MenuItemPropsWithChildren | MenuItemPropsWithLabelDescription);
-declare const MenuItem: ({
-  children,
-  label,
-  description,
-  badge,
-  icon,
-  renderAs,
-  href,
-  target,
-  variant,
-  ...props
-}: MenuItemProps) => JSX.Element;
-declare const CheckboxMenuItem: ({
-  children,
-  label,
-  description,
-  badge,
-  icon,
-  indicator,
-  ...props
-}: CheckboxMenuItemProps) => JSX.Element;
-declare const RadioMenuItem: ({
-  children,
-  label,
-  badge,
-  description,
-  icon,
-  indicator,
-  ...props
-}: RadioMenuItemProps) => JSX.Element;
+declare const MenuItem: ({ children, label, description, badge, icon, renderAs, href, target, variant, ...props }: MenuItemProps) => JSX.Element;
+declare const CheckboxMenuItem: ({ children, label, description, badge, icon, indicator, ...props }: CheckboxMenuItemProps) => JSX.Element;
+declare const RadioMenuItem: ({ children, label, badge, description, icon, indicator, ...props }: RadioMenuItemProps) => JSX.Element;
 //#endregion
 //#region src/components/Menu/MenuLabel.d.ts
 type MenuLabelProps = {
   children: ReactNode | string;
 };
-declare const MenuLabel: ({
-  children,
-  ...props
-}: MenuLabelProps) => JSX.Element;
+declare const MenuLabel: ({ children, ...props }: MenuLabelProps) => JSX.Element;
 //#endregion
 //#region src/components/Menu/SubMenu.d.ts
 type SubMenuProps = {
@@ -2035,128 +1995,124 @@ type SubMenuProps = {
   icon?: ReactNode;
   description?: ReactNode;
 };
-declare const SubMenu: ({
-  label,
-  icon,
-  description,
-  children
-}: SubMenuProps) => JSX.Element;
+declare const SubMenu: ({ label, icon, description, children }: SubMenuProps) => JSX.Element;
 //#endregion
 //#region src/components/MenuButton/MenuButton.d.ts
 type MenuButtonProps = ButtonProps & {
   /**
-  * Disables button
-  */
+   * Disables button
+   */
   disabled?: boolean;
   /**
-  * Use this prop to pass an IconButton as the "trigger" instead of a standard Button
-  */
+   * Use this prop to pass an IconButton as the "trigger" instead of a standard Button
+   */
   iconButtonComponent?: JSX.Element | ReactElement;
   /**
-  * Text that appears inside the button
-  */
+   * Text that appears inside the button
+   */
   label: string;
   /**
-  * Which side of the button should the menu be aligned
-  */
+   * Which side of the button should the menu be aligned
+   */
   menuAlignment?: "left" | "right";
   /**
-  * An array of Button/Link components
-  */
+   * An array of Button/Link components
+   */
   menuItems?: JSX.Element[];
   /**
-  * Where should the menu appear relative to the button
-  */
+   * Where should the menu appear relative to the button
+   */
   menuPosition?: "above" | "below";
   /**
-  * Can be a CSS width value string, 'fullWidth' or 'maxItem' (sized to the largest item width)
-  */
+   * Can be a CSS width value string, 'fullWidth' or 'maxItem' (sized to the largest item width)
+   */
   menuWidth?: string;
   /**
-  * Function that is called after the menu is closed
-  */
+   * Function that is called after the menu is closed
+   */
   onMenuClosed?: ((event: MouseEvent) => ReactNode) | ((event: MouseEvent) => void) | undefined;
   /**
-  * Function that is called when the menu button is clicked
-  */
+   * Function that is called when the menu button is clicked
+   */
   onMenuClick?: ((event: MouseEvent) => ReactNode) | ((event: MouseEvent) => void) | undefined;
   /**
-  * A custom node to be displayed in the menu on extra small screens.
-  */
+   * A custom node to be displayed in the menu on extra small screens.
+   */
   overrideMenuHeader?: ReactNode;
   /**
-  * The size of button to display
-  */
+   * The size of button to display
+   */
   size?: "lg" | "md" | "sm";
 };
 /**
-* @deprecated Please use Menu with a Button trigger, see [documentation](https://wistia.github.io/vhs/?path=/docs-components-menu--docs).
-*
-* #### Why MenuButton is being deprecated
-*
-* The [Menu](https://wistia.github.io/vhs/?path=/docs-components-menu--docs) component is preferred over MenuButton for several reasons:
-* 1. Menu has better alignment and collision detection.
-* 2. Menu supports submenus.
-* 3. Menu is properly portalled.
-*/
+ * @deprecated Please use Menu with a Button trigger, see [documentation](https://wistia.github.io/vhs/?path=/docs-components-menu--docs).
+ *
+ * #### Why MenuButton is being deprecated
+ *
+ * The [Menu](https://wistia.github.io/vhs/?path=/docs-components-menu--docs) component is preferred over MenuButton for several reasons:
+ * 1. Menu has better alignment and collision detection.
+ * 2. Menu supports submenus.
+ * 3. Menu is properly portalled.
+ */
 declare const MenuButton: FC<MenuButtonProps>;
 //#endregion
 //#region src/components/Modal/Modal.d.ts
 type ModalProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Horizontally align modal to the left, center, or right of the container
-  */
+   * Horizontally align modal to the left, center, or right of the container
+   */
   alignHorizontal?: "center" | "left" | "normal" | "right";
   /**
-  * Vertically align modal to the top, center, or bottom of the container
-  */
+   * Vertically align modal to the top, center, or bottom of the container
+   */
   alignVertical?: "bottom" | "center" | "normal" | "top";
   /**
-  * Whether or not the modal should be allowed to exceed the viewport bounds.
-  * If it exceeds the bounds, the entire backdrop will be scrollable.
-  */
+   * Whether or not the modal should be allowed to exceed the viewport bounds.
+   * If it exceeds the bounds, the entire backdrop will be scrollable.
+   */
   allowModalToExceedViewportBounds?: boolean;
   /**
-  * Contents of the modal
-  */
+   * Contents of the modal
+   */
   children?: ReactNode;
   /**
-  * Class to be applied to the base element of the modal
-  */
+   * Class to be applied to the base element of the modal
+   */
   className?: string;
   /**
-  * Whether or not the modal should take up the full height of the viewport
-  */
+   * Whether or not the modal should take up the full height of the viewport
+   */
   fullHeight?: boolean;
   /**
-  * Ref to the element that should receive focus when the modal opens
-  */
+   * Ref to the element that should receive focus when the modal opens
+   */
   initialFocusRef?: RefObject<HTMLElement | null>;
   /**
-  * Whether or not the modal is open, and should be rendered
-  */
+   * Whether or not the modal is open, and should be rendered
+   */
   isOpen: boolean;
   /**
-  * When the Modal is dismissed, this function will be called. You'll typically want to set the
-  * state of `isOpen` to false here
-  * @returns
-  */
+   * When the Modal is dismissed, this function will be called. You'll typically want to set the
+   * state of `isOpen` to false here
+   * @returns
+   */
   onRequestClose?: () => void;
   /**
-  * Whether or not the modal should be closed when the user clicks outside of it
-  * @default true
-  */
+   * Whether or not the modal should be closed when the user clicks outside of it
+   * @default true
+   */
   shouldCloseOnClickOutside?: boolean;
   /**
-  * Whether or not the modal should trap focus within itself
-  *
-  */
-  shouldTrapFocus?: boolean; /** The base width to apply to the Modal */
+   * Whether or not the modal should trap focus within itself
+   *
+   */
+  shouldTrapFocus?: boolean;
+  /** The base width to apply to the Modal */
   width?: string;
   /**
-  * The overflow behavior to apply to the modal
-  * @default 'auto'
-  */
+   * The overflow behavior to apply to the modal
+   * @default 'auto'
+   */
   overflow?: "auto" | "clip" | "hidden" | "scroll" | "visible";
 };
 declare const Modal: FC<ModalProps>;
@@ -2168,24 +2124,21 @@ declare const ModalBody: IStyledComponent<"web", DivProps>;
 declare const ModalFooter: IStyledComponent<"web", DivProps>;
 type ModalCloseButtonProps = {
   /**
-  * Callback invoked when the button is clicked
-  */
+   * Callback invoked when the button is clicked
+   */
   onClick?: (event: MouseEvent) => void;
 };
-declare const ModalCloseButton: ({
-  onClick,
-  ...props
-}: ModalCloseButtonProps) => JSX.Element;
+declare const ModalCloseButton: ({ onClick, ...props }: ModalCloseButtonProps) => JSX.Element;
 //#endregion
 //#region src/components/Paper/Paper.d.ts
 type PaperProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * The content within Paper component
-  */
+   * The content within Paper component
+   */
   children: ReactNode;
   /**
-  * The "elevation" level of the Paper component
-  */
+   * The "elevation" level of the Paper component
+   */
   elevation?: 0 | 1 | 2 | undefined;
 };
 declare const Paper: FC<PaperProps>;
@@ -2193,24 +2146,24 @@ declare const Paper: FC<PaperProps>;
 //#region src/components/ProgressBar/ProgressBar.d.ts
 type ProgressBarProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Whether the progress bar has a label
-  */
+   * Whether the progress bar has a label
+   */
   hasLabel?: boolean;
   /**
-  * Current numeric level of the progress (0 -> 1)
-  */
+   * Current numeric level of the progress (0 -> 1)
+   */
   progress?: number;
   /**
-  * Allows user to override default progress bar label colors
-  */
+   * Allows user to override default progress bar label colors
+   */
   labelColorOverride?: string;
   /**
-  * Allows user to override default progress bar meter background colors
-  */
+   * Allows user to override default progress bar meter background colors
+   */
   meterBgColorOverride?: string;
   /**
-  * Allows user to override default colors
-  */
+   * Allows user to override default colors
+   */
   colorOverride?: string;
 };
 declare const ProgressBar: FC<ProgressBarProps>;
@@ -2218,50 +2171,50 @@ declare const ProgressBar: FC<ProgressBarProps>;
 //#region src/components/Radio/Radio.d.ts
 type RadioProps = Omit<ComponentPropsWithoutRef<"input">, "value"> & {
   /**
-  * Indicates the state of the radio
-  */
+   * Indicates the state of the radio
+   */
   checked?: boolean;
   /**
-  * Should the radio buttons be displayed vertically as a column or horizontally as a row
-  */
+   * Should the radio buttons be displayed vertically as a column or horizontally as a row
+   */
   direction?: "column" | "row";
   /**
-  * Disables input
-  */
+   * Disables input
+   */
   disabled?: boolean;
   /**
-  * @ignore // I don't know what to do with this
-  * Force a Radio into a particular css state (for debugging)
-  */
+   * @ignore // I don't know what to do with this
+   * Force a Radio into a particular css state (for debugging)
+   */
   forceState?: "focus" | "hover";
   /**
-  * Indicates that there is an error with the input
-  */
+   * Indicates that there is an error with the input
+   */
   hasError?: boolean;
   /**
-  * Provides an ID for the input
-  */
+   * Provides an ID for the input
+   */
   id?: string;
   /**
-  * The label for the input
-  */
+   * The label for the input
+   */
   label: JSX.Element | string;
   /**
-  * The description for the input
-  */
+   * The description for the input
+   */
   labelDescription?: JSX.Element | string | undefined;
   /**
-  * Should match the ID attribute of the radio.
-  * Can be used to group together multiple radios
-  */
+   * Should match the ID attribute of the radio.
+   * Can be used to group together multiple radios
+   */
   name?: string;
   /**
-  * Callback function invoked when the value changes
-  */
+   * Callback function invoked when the value changes
+   */
   onChange?: (event: ChangeEvent) => unknown;
   /**
-  * The value attribute of the input
-  */
+   * The value attribute of the input
+   */
   value?: string;
 };
 declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLLabelElement>>;
@@ -2269,47 +2222,47 @@ declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLLa
 //#region src/components/RadioGroup/RadioGroup.d.ts
 type RadioGroupProps = Omit<ComponentPropsWithoutRef<"div">, "onChange"> & {
   /**
-  * Should the radio buttons be displayed vertically as a column or horizontally as a row
-  */
+   * Should the radio buttons be displayed vertically as a column or horizontally as a row
+   */
   direction?: "column" | "row";
   /**
-  * Whether RadioGroup is disabled
-  */
+   * Whether RadioGroup is disabled
+   */
   disabled?: boolean;
   /**
-  * Error message to be displayed
-  */
+   * Error message to be displayed
+   */
   error?: string | undefined;
   /**
-  * The label for the form field
-  */
+   * The label for the form field
+   */
   label?: JSX.Element | string | null | undefined;
   /**
-  * The hint/helper text under the label
-  */
+   * The hint/helper text under the label
+   */
   labelDescription?: JSX.Element | string | undefined;
   /**
-  * Props that are passed through to the underlying `<Label>` component
-  */
+   * Props that are passed through to the underlying `<Label>` component
+   */
   labelProps?: {
     disabled?: boolean;
     screenReaderOnly?: boolean;
   };
   /**
-  * Should match the ID attribute of the radio. Can be used to group together multiple radios
-  */
+   * Should match the ID attribute of the radio. Can be used to group together multiple radios
+   */
   name: string;
   /**
-  * Fires on checking or unchecking radios in group
-  */
+   * Fires on checking or unchecking radios in group
+   */
   onChange?: (event: ChangeEvent, value: RadioProps["value"]) => unknown;
   /**
-  * Array of radios attributes
-  */
+   * Array of radios attributes
+   */
   options: Pick<RadioProps, "disabled" | "label" | "labelDescription" | "value">[];
   /**
-  * Currently selected radio value
-  */
+   * Currently selected radio value
+   */
   value?: string | undefined;
 };
 declare const RadioGroup: FC<RadioGroupProps>;
@@ -2331,55 +2284,55 @@ type Preset = {
 };
 type RangeSelectorProps = {
   /**
-  * Align the popup to the left or the right of the tigger button
-  */
+   * Align the popup to the left or the right of the tigger button
+   */
   align?: "left" | "right";
   /**
-  * The variant to be passed to the button component
-  */
+   * The variant to be passed to the button component
+   */
   buttonVariant?: "input" | "primary" | "secondary" | "tertiary";
   /**
-  * The earliest selectable date
-  */
+   * The earliest selectable date
+   */
   earliestDate?: Date;
   /**
-  * The latest selectable date
-  */
+   * The latest selectable date
+   */
   latestDate?: Date;
   /**
-  * Text to display in the footer
-  */
+   * Text to display in the footer
+   */
   footerText?: JSX.Element | string;
   /**
-  * A function that receives a date range object and returns a string to be rendered in the
-  * trigger button
-  */
+   * A function that receives a date range object and returns a string to be rendered in the
+   * trigger button
+   */
   format?: (dataRange: DateRangeType) => JSX.Element | string;
   /**
-  * Callback fired when the date range changes
-  */
+   * Callback fired when the date range changes
+   */
   onChange?: (dateRange: DateRangeType) => unknown;
   presets?: Preset[];
   /**
-  * The date range to be displayed in the picker
-  */
+   * The date range to be displayed in the picker
+   */
   range?: DateRangeType;
   /**
-  * Prevent dates in the future from being selected
-  */
+   * Prevent dates in the future from being selected
+   */
   shouldPreventFuture?: boolean;
   /**
-  * If true, the button will take up the full width of its container
-  */
+   * If true, the button will take up the full width of its container
+   */
   fullWidth?: boolean;
   /**
-  * A custom width for the RangeSelector component (in px, %, or other CSS units)
-  */
+   * A custom width for the RangeSelector component (in px, %, or other CSS units)
+   */
   width?: number | string;
   /**
-  * A custom React component to use as the trigger button. The component should accept onClick,
-  * children, and other standard button props.
-  */
+   * A custom React component to use as the trigger button. The component should accept onClick,
+   * children, and other standard button props.
+   */
   customTriggerComponent?: ComponentType<Record<string, any>>;
 };
 declare const RangeSelector: FC<RangeSelectorProps>;
@@ -2387,44 +2340,44 @@ declare const RangeSelector: FC<RangeSelectorProps>;
 //#region src/components/RichTextEditor/RichTextEditor.d.ts
 type RichTextEditorProps = {
   /**
-  * Optional id to set aria-labelledby
-  */
+   * Optional id to set aria-labelledby
+   */
   ariaLabelledBy?: string | undefined;
   /**
-  * @ignore
-  */
+   * @ignore
+   */
   "data-testid"?: string;
   /**
-  * Determines whether editor is clickable/read-only
-  */
+   * Determines whether editor is clickable/read-only
+   */
   disabled?: boolean;
   /**
-  * Formats to enable in editor, restricted to rteFormatTypes
-  */
+   * Formats to enable in editor, restricted to rteFormatTypes
+   */
   enabledFormats?: (keyof typeof rteFormatTypes)[];
   /**
-  * Function to be called after editor state update
-  */
+   * Function to be called after editor state update
+   */
   onChange?: ((value: NodeElementObject[]) => void) | undefined;
   /**
-  * Function to be called when editor loses focus
-  */
+   * Function to be called when editor loses focus
+   */
   onBlur?: ((value: NodeElementObject[]) => void) | undefined;
   /**
-  * Placeholder text
-  */
+   * Placeholder text
+   */
   placeholder?: string;
   /**
-  * Value of editor based on controlled input
-  */
+   * Value of editor based on controlled input
+   */
   value?: NodeObject[];
   /**
-  * Whether to update the editor when the value prop changes
-  */
+   * Whether to update the editor when the value prop changes
+   */
   useExternalValue: boolean;
   /**
-  * Custom height of editor
-  */
+   * Custom height of editor
+   */
   height?: string | undefined;
 };
 declare const RichTextEditor: FC<RichTextEditorProps>;
@@ -2437,17 +2390,17 @@ declare const rteDeserializeHTML: (htmlString: string) => (NodeObject | string |
 declare const screenReaderOnlyStyle: RuleSet<object>;
 type ScreenReaderOnlyProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode;
   /**
-  * Display content _only_ when it's focused.
-  */
+   * Display content _only_ when it's focused.
+   */
   focusable?: boolean;
   /**
-  * The text that will appear to screenreaders but not be displayed on screen
-  * (alternatively you can pass children)
-  */
+   * The text that will appear to screenreaders but not be displayed on screen
+   * (alternatively you can pass children)
+   */
   text?: ReactNode;
 };
 declare const ScreenReaderOnly: FC<ScreenReaderOnlyProps>;
@@ -2466,54 +2419,54 @@ type OptionType = {
 type OptionsType = GroupOptionType[] | OptionType[];
 type SelectProps = Omit<ComponentPropsWithRef<"select">, "placeholder"> & {
   /**
-  * Optional accessible label for when there is no accompanying <label> element
-  */
+   * Optional accessible label for when there is no accompanying <label> element
+   */
   ariaLabel?: string;
   /**
-  * Disables Select
-  */
+   * Disables Select
+   */
   disabled?: boolean;
   /**
-  * @ignore
-  * Force a Select into a particular css state (for debugging)
-  */
+   * @ignore
+   * Force a Select into a particular css state (for debugging)
+   */
   forceState?: "active" | "focus" | "hover";
   /**
-  * Should Select occupy 100% of available space
-  */
+   * Should Select occupy 100% of available space
+   */
   fullWidth?: boolean;
   /**
-  * Indicates that there is an error with the Select
-  */
+   * Indicates that there is an error with the Select
+   */
   hasError?: boolean;
   /**
-  * Change option's label name from "label"
-  */
+   * Change option's label name from "label"
+   */
   labelName?: string;
   /**
-  * Allow multiple options in the list to be selected at the same time
-  */
+   * Allow multiple options in the list to be selected at the same time
+   */
   multiple?: boolean;
   /**
-  * Data structure to populate option labels & values. (`{ label, value, disabled }`)
-  * Additionally this can be used to render option groupings. (`{ groupLabel, groupOptions, disabled }`)
-  */
+   * Data structure to populate option labels & values. (`{ label, value, disabled }`)
+   * Additionally this can be used to render option groupings. (`{ groupLabel, groupOptions, disabled }`)
+   */
   options: OptionsType;
   /**
-  * Value of text to appear by default as first option in Select, use `null` for none
-  */
+   * Value of text to appear by default as first option in Select, use `null` for none
+   */
   placeholder?: string | null | undefined;
   /**
-  * Prevent the placeholder value from being selected
-  */
+   * Prevent the placeholder value from being selected
+   */
   preventPlaceholderSelection?: boolean;
   /**
-  * Make Select a required element
-  */
+   * Make Select a required element
+   */
   required?: boolean;
   /**
-  * Change option's value name from "value"
-  */
+   * Change option's value name from "value"
+   */
   valueName?: string;
 };
 declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;
@@ -2522,59 +2475,59 @@ declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTML
 type ComponentPropsWithoutRefWithoutOnChange = Omit<ComponentPropsWithoutRef<"div">, "onChange">;
 type SliderProps = ComponentPropsWithoutRefWithoutOnChange & {
   /**
-  * aria-label for screen-readers to apply to the thumbs. Use an array for more than one thumb.
-  * The length of the array must match the number of thumbs in the value array.
-  */
+   * aria-label for screen-readers to apply to the thumbs. Use an array for more than one thumb.
+   * The length of the array must match the number of thumbs in the value array.
+   */
   ariaLabel?: string[] | string | undefined;
   /**
-  * aria-labelledby for screen-readers to apply to the thumbs. Used when slider rendered with separate label.
-  * Use an array for more than one thumb. The length of the array must match the number of thumbs in the value array.
-  */
+   * aria-labelledby for screen-readers to apply to the thumbs. Used when slider rendered with separate label.
+   * Use an array for more than one thumb. The length of the array must match the number of thumbs in the value array.
+   */
   ariaLabelledby?: string[] | string | undefined;
   /**
-  *
-  */
+   *
+   */
   ariaValuetext?: string | ((state: Record<string, unknown>) => unknown);
   /**
-  * @ignore
-  */
+   * @ignore
+   */
   "data-testid"?: string;
   /**
-  * Determines the initial position(s) of the thumb(s) and the number of thumbs.
-  *
-  * If a number is passed a slider with one thumb will be rendered.
-  * If an array is passed each value will determine the position of one thumb.
-  * The values in the array must be sorted.
-  *
-  * Don't pass a default value if the slider is controlled (i.e. if you already
-  * use the `value` prop).
-  */
+   * Determines the initial position(s) of the thumb(s) and the number of thumbs.
+   *
+   * If a number is passed a slider with one thumb will be rendered.
+   * If an array is passed each value will determine the position of one thumb.
+   * The values in the array must be sorted.
+   *
+   * Don't pass a default value if the slider is controlled (i.e. if you already
+   * use the `value` prop).
+   */
   initialValue?: number[] | number | undefined;
   /**
-  * If `true` the thumbs can't be moved.
-  */
+   * If `true` the thumbs can't be moved.
+   */
   disabled?: boolean;
   /**
-  * The maximum value of the slider.
-  */
+   * The maximum value of the slider.
+   */
   max?: number;
   /**
-  * The minimum value of the slider.
-  */
+   * The minimum value of the slider.
+   */
   min?: number;
   /**
-  * Callback called on every value change. The function will be called with two arguments,
-  * the first being the new value(s) the second being thumb index. **It does not return an event.**
-  */
+   * Callback called on every value change. The function will be called with two arguments,
+   * the first being the new value(s) the second being thumb index. **It does not return an event.**
+   */
   onChange?: (value: number, index?: number) => unknown;
   /**
-  * Value to be added or subtracted on each step the slider makes. Must be greater than zero.
-  * max - min should be evenly divisible by the step value.
-  */
+   * Value to be added or subtracted on each step the slider makes. Must be greater than zero.
+   * max - min should be evenly divisible by the step value.
+   */
   step?: number;
   /**
-  * Like 'initialValue' but for controlled components.
-  */
+   * Like 'initialValue' but for controlled components.
+   */
   value?: number[] | number;
 };
 declare const Slider: FC<SliderProps>;
@@ -2582,17 +2535,17 @@ declare const Slider: FC<SliderProps>;
 //#region src/components/Stack/Stack.d.ts
 type StackProps<T extends ElementType> = ComponentPropsWithoutRef<T> & PropsWithChildren & {
   /**
-  * The gap between each item in the stack. Should be one of the spacing values from the theme
-  */
+   * The gap between each item in the stack. Should be one of the spacing values from the theme
+   */
   gap?: keyof DefaultTheme["spacing"];
   /**
-  * Vertical is equivalent to `flex-direction: column;`, horizontal is equivalent to `flex-direction: row;`.
-  * The default behavior is `vertical`.
-  */
+   * Vertical is equivalent to `flex-direction: column;`, horizontal is equivalent to `flex-direction: row;`.
+   * The default behavior is `vertical`.
+   */
   direction?: "horizontal" | "vertical";
   /**
-  * The element (e.g. div, span, p) or component to render as the root element.
-  */
+   * The element (e.g. div, span, p) or component to render as the root element.
+   */
   renderAs?: T | "div";
 };
 declare const Stack: ForwardRefExoticComponent<StackProps<ElementType> & RefAttributes<HTMLDivElement>>;
@@ -2600,24 +2553,24 @@ declare const Stack: ForwardRefExoticComponent<StackProps<ElementType> & RefAttr
 //#region src/components/Switch/Switch.d.ts
 type SwitchProps = Omit<ComponentPropsWithoutRef<"button">, "onChange"> & {
   /**
-  * Allows user to override default "on" color
-  */
+   * Allows user to override default "on" color
+   */
   colorOverride?: string;
   /**
-  * Controls the `aria-disabled` property of the Switch
-  */
+   * Controls the `aria-disabled` property of the Switch
+   */
   disabled?: boolean;
   /**
-  * Determines if switch is checked
-  */
+   * Determines if switch is checked
+   */
   isChecked?: boolean;
   /**
-  * Callback function invoked when the switch checked state changes
-  */
+   * Callback function invoked when the switch checked state changes
+   */
   onChange?: (isChecked: boolean) => unknown;
   /**
-  * Controls wether or not the ON / OFF text is shown
-  */
+   * Controls wether or not the ON / OFF text is shown
+   */
   hideText?: boolean;
 };
 declare const Switch: FC<SwitchProps>;
@@ -2656,52 +2609,52 @@ declare const variantStyleMap: {
 };
 type TextProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * The horizontal alignment
-  * <br />
-  * _Note: this only affects block elements_
-  */
+   * The horizontal alignment
+   * <br />
+   * _Note: this only affects block elements_
+   */
   align?: keyof typeof alignMap;
   /**
-  * Displays text as bold type
-  */
+   * Displays text as bold type
+   */
   bold?: boolean;
   /**
-  * Pass an arbitrary child node
-  */
+   * Pass an arbitrary child node
+   */
   children?: ReactNode | undefined;
   /**
-  * Allows user to override default button colors
-  */
+   * Allows user to override default button colors
+   */
   colorOverride?: string;
   /**
-  * Used to indicate text is part of a "disabled" UI
-  */
+   * Used to indicate text is part of a "disabled" UI
+   */
   disabled?: boolean;
   /**
-  * Attempt to keep the text to a single line by truncating with an ellipsis
-  * <br />
-  * _Note: this only affects block elements_
-  */
+   * Attempt to keep the text to a single line by truncating with an ellipsis
+   * <br />
+   * _Note: this only affects block elements_
+   */
   ellipsis?: boolean;
   /**
-  * Display the text as inline content
-  */
+   * Display the text as inline content
+   */
   inline?: boolean;
   /**
-  * Displays text as italic type
-  */
+   * Displays text as italic type
+   */
   italic?: boolean;
   /**
-  * Prevents text from being highlighted and copied
-  */
+   * Prevents text from being highlighted and copied
+   */
   preventUserSelect?: boolean;
   /**
-  * The type of html element to render as
-  */
+   * The type of html element to render as
+   */
   renderAs?: keyof typeof renderMap;
   /**
-  * The text style to display
-  */
+   * The text style to display
+   */
   variant?: keyof typeof variantStyleMap;
 };
 declare const Text: ForwardRefExoticComponent<TextProps & RefAttributes<HTMLElement>>;
@@ -2712,56 +2665,56 @@ type GradientNameType = "defaultDarkOne" | "defaultDarkTwo" | "defaultLightOne"
 //#region src/components/Thumbnail/Thumbnail.d.ts
 type IconThumbnailProps = {
   /**
-  * The desired display of the thumbnail, either wide or square
-  */
+   * The desired display of the thumbnail, either wide or square
+   */
   thumbnailImageType?: never;
   /**
-  * The URL of the thumbnail image to display
-  */
+   * The URL of the thumbnail image to display
+   */
   thumbnailUrl?: never;
   /**
-  * The type of {@link https://wistia.github.io/vhs/?path=/docs/components-icon--docs Icon} to use in place of a thumbnail image
-  */
+   * The type of {@link https://wistia.github.io/vhs/?path=/docs/components-icon--docs Icon} to use in place of a thumbnail image
+   */
   icon: IconNameType;
   /**
-  * The color of the icon
-  */
+   * The color of the icon
+   */
   iconColor?: string;
 };
 type ImageThumbnailProps = {
   /**
-  * The desired display of the thumbnail, either wide or square
-  */
+   * The desired display of the thumbnail, either wide or square
+   */
   thumbnailImageType?: "square" | "wide" | undefined;
   /**
-  * The URL of the thumbnail image to display
-  */
+   * The URL of the thumbnail image to display
+   */
   thumbnailUrl: string[] | string | null;
   /**
-  * The type of {@link https://wistia.github.io/vhs/?path=/docs/components-icon--docs  Icon} to use in place of a thumbnail image
-  */
+   * The type of {@link https://wistia.github.io/vhs/?path=/docs/components-icon--docs  Icon} to use in place of a thumbnail image
+   */
   icon?: never;
   /**
-  * The color of the icon
-  */
+   * The color of the icon
+   */
   iconColor?: never;
 };
 type ThumbnailProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * Text that displays in the bottom right hand corner of the thumbnail, usually the media duration
-  */
+   * Text that displays in the bottom right hand corner of the thumbnail, usually the media duration
+   */
   bottomRightText?: string;
   /**
-  * Icon to display in bottom right corner of the thumbnail
-  */
+   * Icon to display in bottom right corner of the thumbnail
+   */
   bottomRightIcon?: IconNameType;
   /**
-  * The type of gradient to show either behind the icon or when there is no thumbnail image
-  */
+   * The type of gradient to show either behind the icon or when there is no thumbnail image
+   */
   gradientBackground?: GradientNameType;
   /**
-  * Width of the thumbnail. By default, the thumbnail will grow to fit its container.
-  */
+   * Width of the thumbnail. By default, the thumbnail will grow to fit its container.
+   */
   width?: string;
 } & (IconThumbnailProps | ImageThumbnailProps);
 declare const Thumbnail: FC<ThumbnailProps>;
@@ -2769,59 +2722,55 @@ declare const Thumbnail: FC<ThumbnailProps>;
 //#region src/components/ThumbnailCollage/ThumbnailCollage.d.ts
 type ThumbnailCollageProps = {
   /**
-  * An array of image urls to show in the thumbnail. Supports up to 3 images
-  */
+   * An array of image urls to show in the thumbnail. Supports up to 3 images
+   */
   thumbnailUrls: string[];
   /**
-  * The type of gradient to show when there are no thumbnail urls
-  */
+   * The type of gradient to show when there are no thumbnail urls
+   */
   gradientBackground?: GradientNameType;
 };
-declare const ThumbnailCollage: ({
-  thumbnailUrls,
-  gradientBackground,
-  ...props
-}: ThumbnailCollageProps) => JSX.Element;
+declare const ThumbnailCollage: ({ thumbnailUrls, gradientBackground, ...props }: ThumbnailCollageProps) => JSX.Element;
 //#endregion
 //#region src/components/Toast/Toast.d.ts
 type ToastVariants = "dangerous" | "error" | "success" | "warning";
 type ToastProps = ComponentPropsWithoutRef<"div"> & {
   /**
-  * A function that will be invoked when the action button is clicked instead of the internal handler
-  */
+   * A function that will be invoked when the action button is clicked instead of the internal handler
+   */
   actionInterceptor?: (() => void) | undefined;
   /**
-  * The text of the "action" button on the right
-  */
+   * The text of the "action" button on the right
+   */
   actionLabel?: string | undefined;
   /**
-  * A hex value that will override the color values defined by `variant`
-  */
+   * A hex value that will override the color values defined by `variant`
+   */
   colorOverride?: string | undefined;
   /**
-  * @ignore
-  * Avoids animation and positions Toast in normal flow for documentation/testing purposes
-  */
+   * @ignore
+   * Avoids animation and positions Toast in normal flow for documentation/testing purposes
+   */
   renderInPlace?: boolean;
   /**
-  * Determines whether Toast is displayed
-  */
+   * Determines whether Toast is displayed
+   */
   isOpen?: boolean;
   /**
-  * The message displayed in the toast
-  */
+   * The message displayed in the toast
+   */
   message: string;
   /**
-  * Callback that is invoked when toasts closes (via timeout or close button)
-  */
+   * Callback that is invoked when toasts closes (via timeout or close button)
+   */
   onClose: () => void;
   /**
-  * The time in ms before the Toast calls the onClose function
-  */
+   * The time in ms before the Toast calls the onClose function
+   */
   timeout?: number | undefined;
   /**
-  * The kind of Toast to display
-  */
+   * The kind of Toast to display
+   */
   variant?: ToastVariants | undefined;
 };
 declare const Toast: MemoExoticComponent<(props: ToastProps) => JSX.Element>;
@@ -2841,58 +2790,56 @@ type UseToastFn = (props: UseToastProps) => void;
 declare const useToast: () => UseToastFn;
 //#endregion
 //#region src/components/Toast/ToastProvider.d.ts
-declare const ToastProvider: ({
-  children
-}: {
+declare const ToastProvider: ({ children }: {
   children: ReactNode;
 }) => JSX.Element;
 //#endregion
 //#region src/components/Tooltip/Tooltip.d.ts
 type TooltipProps = Omit<ComponentPropsWithoutRef<"div">, "id"> & {
   /**
-  * The node that will be wrapped by the Tooltip
-  */
+   * The node that will be wrapped by the Tooltip
+   */
   children: ReactNode;
   /**
-  * Where the tooltip should appear in relation to wrapped component
-  */
+   * Where the tooltip should appear in relation to wrapped component
+   */
   direction?: "bottom" | "left" | "right" | "top";
   /**
-  * Length of time to wait before dismissing Tooltip for click eventType
-  */
+   * Length of time to wait before dismissing Tooltip for click eventType
+   */
   duration?: boolean | number | string;
   /**
-  * The type of event that triggers display of Tooltip
-  */
+   * The type of event that triggers display of Tooltip
+   */
   eventType?: "click" | "hover";
   /**
-  * @ignore
-  * Force a Tooltip to display it's content without user interaction (for debugging)
-  */
+   * @ignore
+   * Force a Tooltip to display it's content without user interaction (for debugging)
+   */
   forceState?: "open" | undefined;
   /**
-  * ID for tooltip (automatically created if omitted)
-  */
+   * ID for tooltip (automatically created if omitted)
+   */
   id?: string | null | undefined;
   /**
-  * The content that will appear in the Tooltip popup
-  */
+   * The content that will appear in the Tooltip popup
+   */
   label: ReactNode;
   /**
-  * The maximum number of characters to display inside the Tooltip
-  */
+   * The maximum number of characters to display inside the Tooltip
+   */
   maxChars?: number | null;
   /**
-  * Whether content within the label should wrap
-  */
+   * Whether content within the label should wrap
+   */
   shouldWrap?: boolean;
   /**
-  * Color to override background of the tooltip.
-  */
+   * Color to override background of the tooltip.
+   */
   backgroundColorOverride?: string;
   /**
-  * Color to override font color of the tooltip.
-  */
+   * Color to override font color of the tooltip.
+   */
   fontColorOverride?: string;
 };
 declare const Tooltip: FC<TooltipProps>;
@@ -2900,20 +2847,20 @@ declare const Tooltip: FC<TooltipProps>;
 //#region src/components/Truncate/Truncate.d.ts
 type TruncateProps = {
   /**
-  * Prevent ellipsis from truncating mid-word
-  */
+   * Prevent ellipsis from truncating mid-word
+   */
   breakOnWords?: boolean;
   /**
-  * The string to be truncated
-  */
+   * The string to be truncated
+   */
   children: string | null | undefined;
   /**
-  * The maximum number of characters to display inside the Tooltip
-  */
+   * The maximum number of characters to display inside the Tooltip
+   */
   maxChars: number;
   /**
-  * A string to append to the truncated string
-  */
+   * A string to append to the truncated string
+   */
   terminator?: string;
 };
 declare const Truncate: FC<TruncateProps>;
@@ -2921,35 +2868,35 @@ declare const Truncate: FC<TruncateProps>;
 //#region src/components/WistiaLogo/WistiaLogo.d.ts
 type WistiaLogoProps = Omit<ComponentPropsWithoutRef<"svg">, "href"> & {
   /**
-  * An optional accessible description for the logo
-  */
+   * An optional accessible description for the logo
+   */
   description?: string;
   /**
-  * Height, in pixels, of the logo
-  */
+   * Height, in pixels, of the logo
+   */
   height?: number;
   /**
-  * @ignore
-  * Change the color when hovering over the logo
-  */
+   * @ignore
+   * Change the color when hovering over the logo
+   */
   hoverColor?: string;
   /**
-  * Display just the icon portion of the logo (ie. hide `Wistia` text)
-  * note: there is no analogue to this because by brand guidelines, the
-  * `Wistia` text must not be displayed without the "flags" iconography
-  */
+   * Display just the icon portion of the logo (ie. hide `Wistia` text)
+   * note: there is no analogue to this because by brand guidelines, the
+   * `Wistia` text must not be displayed without the "flags" iconography
+   */
   iconOnly?: boolean;
   /**
-  * If provided, will wrap the logo in a link
-  */
+   * If provided, will wrap the logo in a link
+   */
   href?: string;
   /**
-  * An accessible title for the logo (defaults to "Wistia Logo")
-  */
+   * An accessible title for the logo (defaults to "Wistia Logo")
+   */
   title?: string;
   /**
-  * Style of the logo
-  */
+   * Style of the logo
+   */
   variant?: "dark" | "light" | "standard";
 };
 declare const WistiaLogo: FC<WistiaLogoProps>;