@wistia/vhs 5.0.4-beta.f3e30583.ebfcb56 → 5.0.4-beta.f703c015.5dfec09

package/dist/index.d.ts

@@ -225,11 +225,11 @@ interface VHSTheme {
 }
 //#endregion
 //#region src/helpers/copyToClipboard/copyToClipboard.d.ts
-/**
- * Copies a string to user's clipboard for easy pasting in another location
- *
- * @param {string} textToCopy - the string that will be copied to users clipboard
- * @returns {Promise} - Promise object that represents the copied string
+/**
+ * Copies a string to user's clipboard for easy pasting in another location
+ *
+ * @param {string} textToCopy - the string that will be copied to users clipboard
+ * @returns {Promise} - Promise object that represents the copied string
  */
 declare const copyToClipboard: (textToCopy: string) => Promise<void>;
 //#endregion
@@ -355,20 +355,20 @@ declare const gradients: {
 };
 type GradientNameType = keyof typeof gradients;
 type GetBackgroundGradientType = GradientNameType | undefined;
-/**
- * Retrieves the CSS background gradient corresponding to the given gradient name.
- * If the specified gradient name is not found, the default gradient ('defaultDarkOne') is returned.
- * @param {GradientName} gradientName - The name of the gradient to retrieve.
- * @returns {FlattenSimpleInterpolation} The CSS string representing the specified gradient.
+/**
+ * Retrieves the CSS background gradient corresponding to the given gradient name.
+ * If the specified gradient name is not found, the default gradient ('defaultDarkOne') is returned.
+ * @param {GradientName} gradientName - The name of the gradient to retrieve.
+ * @returns {FlattenSimpleInterpolation} The CSS string representing the specified gradient.
  */
 declare const getBackgroundGradient: (gradientName?: GetBackgroundGradientType) => ReturnType<typeof css>;
 //#endregion
 //#region src/helpers/getBackgroundGradient/getSemiRandomBackgroundGradient.d.ts
-/**
- * Retrieves a semi-random background gradient based on the given id.
- *
- * @param {string} id - The id to use to generate the semi-random background gradient.
- * @returns {GradientName} gradientName
+/**
+ * Retrieves a semi-random background gradient based on the given id.
+ *
+ * @param {string} id - The id to use to generate the semi-random background gradient.
+ * @returns {GradientName} gradientName
  */
 declare const getSemiRandomBackgroundGradient: (id: string) => GradientNameType | undefined;
 //#endregion
@@ -462,108 +462,108 @@ type DefaultLinkWrapperProps = {
   children: ReactNode;
 };
 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: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
-  /**
-   * 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";
 } & _$react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
@@ -649,7 +649,7 @@ declare const useKeyPress: (keyFilter: Parameters<typeof useKey>[0]) => KeyPress
 //#endregion
 //#region src/hooks/useKeyPressOnce/useKeyPressOnce.d.ts
 type KeyEventHandler = (keyboardEvent: KeyboardEvent) => unknown;
-declare const useKeyPressOnce: (key: Parameters<typeof useKeyPress>[0], keydownHandler?: KeyEventHandler | null | undefined, keyupHandler?: KeyEventHandler | null | undefined) => void;
+declare const useKeyPressOnce: (key: Parameters<typeof useKeyPress>[0], keydownHandler?: KeyEventHandler | null, keyupHandler?: KeyEventHandler | null) => void;
 //#endregion
 //#region src/hooks/useLocalStorage/useLocalStorage.d.ts
 type SetItemType = Storage['setItem'];
@@ -708,37 +708,37 @@ type OnBeforeHideInterface = {
   message: string;
 };
 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;
 };
@@ -749,96 +749,96 @@ declare const ModalBase: {
 //#endregion
 //#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: {
   ({
@@ -869,26 +869,26 @@ declare const ActionModal: {
 //#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;
 };
@@ -918,24 +918,24 @@ declare const alignHorizontalMap: {
   right: string;
 };
 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;
 };
@@ -957,61 +957,61 @@ type OverflowObject = {
   vertical: string;
 };
 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;
 };
@@ -1156,16 +1156,16 @@ type IconNameType = keyof typeof iconMap;
 //#region src/components/Badge/Badge.d.ts
 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;
 };
@@ -1181,16 +1181,16 @@ declare const Badge: {
 //#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;
 };
@@ -1227,178 +1227,178 @@ type Gap = {
   row: number | string;
 };
 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: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-  /**
-   * 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;
 } & _$react.RefAttributes<HTMLDivElement>>;
@@ -1406,78 +1406,78 @@ declare const Box: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLPr
 //#region src/components/Button/Button.d.ts
 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';
 };
@@ -1485,16 +1485,16 @@ declare const Button: _$react.ForwardRefExoticComponent<Omit<ButtonProps, "ref">
 //#endregion
 //#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;
 };
@@ -1510,148 +1510,148 @@ declare const ButtonGroup: {
 //#endregion
 //#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: _$react.ForwardRefExoticComponent<Omit<ButtonLinkProps, "ref"> & _$react.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 //#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;
 };
@@ -1662,47 +1662,47 @@ type CheckboxPropsWithName = Omit<CheckboxProps, 'name'> & {
   name: string;
 };
 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;
 };
@@ -1725,43 +1725,43 @@ declare const CheckboxGroup: {
 //#endregion
 //#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: _$react.ForwardRefExoticComponent<Omit<ClickAreaProps, "ref"> & _$react.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;
 };
@@ -1780,43 +1780,43 @@ declare const CARET_DIRECTION_DOWN = "down";
 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
+  /**
+   * Clickable text label for the control, or perhaps an inline editable
    * control? Whatever suits you */
   label?: ReactNode | (({
     open,
@@ -1825,29 +1825,29 @@ type CollapsibleGroupProps = {
     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;
 };
@@ -1874,16 +1874,16 @@ declare const CollapsibleGroup: {
 //#endregion
 //#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';
 };
@@ -1901,12 +1901,12 @@ declare const Divider: {
 declare const ellipsisStyle: _$styled_components0.RuleSet<object>;
 declare const ellipsisFlexParentStyle: _$styled_components0.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;
 };
@@ -1921,45 +1921,45 @@ declare const Ellipsis: {
 //#endregion
 //#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;
 };
@@ -1970,68 +1970,68 @@ type ValuesType = Record<string, unknown>;
 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;
 };
@@ -2067,12 +2067,12 @@ type ButtonsType = {
   type?: 'button' | 'reset' | 'submit' | undefined;
 };
 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[];
 };
@@ -2145,59 +2145,59 @@ declare const rteFormatTypes: Readonly<{
 //#endregion
 //#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';
 };
@@ -2220,28 +2220,28 @@ declare const FormGlobalError: _$react.ForwardRefExoticComponent<_$react.RefAttr
 //#endregion
 //#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;
 };
@@ -2266,20 +2266,20 @@ declare const iconSizeMap: {
   xxl: string;
 };
 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;
 };
@@ -2307,40 +2307,40 @@ declare const componentStyleMap: {
 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';
 };
@@ -2348,33 +2348,33 @@ declare const IconButton: _$react.ForwardRefExoticComponent<Omit<IconButtonProps
 //#endregion
 //#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;
 };
@@ -2395,85 +2395,85 @@ declare const Image: {
 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;
 };
@@ -2488,20 +2488,20 @@ type KeyboardKeys = AlphanumericKeyboardKeys | ArrowKeys | ModifierKeys | Whites
 //#endregion
 //#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;
 };
@@ -2518,29 +2518,29 @@ declare const KeyboardShortcut: {
 //#endregion
 //#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;
 };
@@ -2573,72 +2573,72 @@ declare const LabelDescription: {
 //#endregion
 //#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$1 | 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: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-  /**
-   * 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$1 | 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";
 } & _$react.RefAttributes<HTMLSpanElement>>;
@@ -2647,17 +2647,17 @@ declare const LinkButton: _$react.ForwardRefExoticComponent<Omit<_$react.Detaile
 type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
 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;
 };
@@ -2673,8 +2673,8 @@ declare const List: {
 //#endregion
 //#region src/components/List/ListItem.d.ts
 type ListItemProps = {
-  /**
-   * Pass an arbitrary child node
+  /**
+   * Pass an arbitrary child node
    */
   children?: ReactNode;
 };
@@ -2688,8 +2688,8 @@ declare const ListItem: {
 //#region src/components/Menu/Menu.d.ts
 type ControlledMenuProps = {
   /** 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`.
+  /** When an attempt to toggle the menu is triggered,
+   *  must be used with `isOpen`.
    */
   onOpenChange: (isOpen: boolean) => void;
 };
@@ -2812,60 +2812,60 @@ declare const SubMenu: ({
 //#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: {
   ({
@@ -2887,59 +2887,59 @@ declare const MenuButton: {
 //#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
-   *
+  /**
+   * 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';
 };
@@ -2953,8 +2953,8 @@ declare const ModalHeader: _$styled_components_dist_types0.IStyledComponentBase<
 declare const ModalBody: _$styled_components_dist_types0.IStyledComponentBase<"web", _$styled_components0.FastOmit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const ModalFooter: _$styled_components_dist_types0.IStyledComponentBase<"web", _$styled_components0.FastOmit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type ModalCloseButtonProps = {
-  /**
-   * Callback invoked when the button is clicked
+  /**
+   * Callback invoked when the button is clicked
    */
   onClick?: (event: MouseEvent) => void;
 };
@@ -2965,12 +2965,12 @@ declare const ModalCloseButton: ({
 //#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;
 };
@@ -2985,24 +2985,24 @@ declare const Paper: {
 //#endregion
 //#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;
 };
@@ -3020,145 +3020,145 @@ declare const ProgressBar: {
 //#endregion
 //#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: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "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;
 } & _$react.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#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;
 };
@@ -3195,55 +3195,55 @@ type Preset = {
   tooltipText?: string;
 };
 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>>;
 };
@@ -3269,44 +3269,44 @@ declare const RangeSelector: {
 //#endregion
 //#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?: Descendant[];
-  /**
-   * 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;
 };
@@ -3334,17 +3334,17 @@ declare const rteDeserializeHTML: (htmlString: string) => (Descendant | string |
 //#region src/components/ScreenReaderOnly/ScreenReaderOnly.d.ts
 declare const screenReaderOnlyStyle: _$styled_components0.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;
 };
@@ -3371,54 +3371,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;
 };
@@ -3427,59 +3427,59 @@ declare const Select: _$react.ForwardRefExoticComponent<Omit<SelectProps, "ref">
 //#region src/components/Slider/Slider.d.ts
 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;
 };
@@ -3503,17 +3503,17 @@ declare const Slider: {
 //#endregion
 //#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';
 };
@@ -3521,24 +3521,24 @@ declare const Stack: _$react.ForwardRefExoticComponent<Omit<StackProps<ElementTy
 //#endregion
 //#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;
 };
@@ -3587,158 +3587,158 @@ declare const variantStyleMap: {
   monospace: _$styled_components0.RuleSet<object>;
 };
 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: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-  /**
-   * 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;
 } & _$react.RefAttributes<HTMLElement>>;
 //#endregion
 //#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);
@@ -3759,12 +3759,12 @@ declare const Thumbnail: {
 //#endregion
 //#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;
 };
@@ -3777,41 +3777,41 @@ declare const ThumbnailCollage: ({
 //#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;
 };
@@ -3851,49 +3851,49 @@ declare const ToastProvider: ({
 //#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;
 };
@@ -3917,20 +3917,20 @@ declare const Tooltip: {
 //#endregion
 //#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;
 };
@@ -3946,35 +3946,35 @@ declare const Truncate: {
 //#endregion
 //#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';
 };