@wistia/vhs 6.0.0 → 6.0.1-beta.0abd038c.e1a4b42

package/dist/index.d.ts

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