@wistia/ui 0.3.2 → 0.4.0-beta.ebd58245.2c65ddd

package/dist/index.d.mts

@@ -54,6 +54,9 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
      * @ignore For use in creating navs - will override any colorScheme prop
      */
     __nav?: boolean;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Children
@@ -83,6 +86,9 @@ type BaseProps = {
      * @type ReactNode
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the link
@@ -135,6 +141,9 @@ type BaseButtonProps = {
      * @type ReactNode
      */
     children?: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the button
@@ -215,6 +224,9 @@ type ToastProps = ComponentPropsWithoutRef<'div'> & {
      * Action can be undefined (default dismiss button), a Button component or false to hide the dismiss button
      */
     action?: React.ReactElement<typeof Button> | undefined;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes | undefined;
     /**
      * Optional `Icon` component to use. Must be an instance of [Icon](/?path=/docs/components-icon--docs)
@@ -334,6 +346,9 @@ declare const Avatar: {
 };
 
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -348,6 +363,9 @@ type BadgeProps = ComponentPropsWithoutRef<'div'> & {
  * A `Badge` is a compact label, with optional icon, to convey status or context.
  */
 declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -762,6 +780,9 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
      * The content of the heading
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -803,6 +824,9 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      * The content of the heading
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -840,6 +864,9 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      * The content of the heading
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -1033,6 +1060,9 @@ declare const iconSizeMap: {
     xxl: string;
 };
 type IconProps = ComponentPropsWithoutRef<'svg'> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Is Icon on a filled background?
@@ -1400,11 +1430,6 @@ declare const variantStyleMap: {
     label3: styled_components.FlattenSimpleInterpolation;
     label4: styled_components.FlattenSimpleInterpolation;
 };
-declare const prominenceMap: {
-    highContrast: styled_components.FlattenSimpleInterpolation;
-    vibrant: styled_components.FlattenSimpleInterpolation;
-    secondary: styled_components.FlattenSimpleInterpolation;
-};
 type TextProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * The horizontal alignment
@@ -1416,6 +1441,9 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      * The text content
      */
     children?: ReactNode | undefined;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1436,9 +1464,9 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      */
     preventUserSelect?: boolean;
     /**
-     * Text prominence affects color. Use 'highContrast' for main non-interactive text, 'vibrant' for interactive elements, and 'secondary' for less important or supplementary content.
+     * Text prominence affects color. Use 'primary' for main non-interactive text, 'secondary' for supporting text, and 'button' in specific cases where text is used in an interactive component.
      */
-    prominence?: keyof typeof prominenceMap;
+    prominence?: 'button' | 'primary' | 'secondary';
     /**
      * This will inherit the jsdoc block from PolymorphicComponent
      */
@@ -1464,6 +1492,9 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      * The text content
      */
     children?: ReactNode | undefined;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1484,9 +1515,9 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      */
     preventUserSelect?: boolean;
     /**
-     * Text prominence affects color. Use 'highContrast' for main non-interactive text, 'vibrant' for interactive elements, and 'secondary' for less important or supplementary content.
+     * Text prominence affects color. Use 'primary' for main non-interactive text, 'secondary' for supporting text, and 'button' in specific cases where text is used in an interactive component.
      */
-    prominence?: keyof typeof prominenceMap;
+    prominence?: "button" | "primary" | "secondary";
     /**
      * This will inherit the jsdoc block from PolymorphicComponent
      */
@@ -1508,6 +1539,9 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      * The text content
      */
     children?: ReactNode | undefined;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1528,9 +1562,9 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      */
     preventUserSelect?: boolean;
     /**
-     * Text prominence affects color. Use 'highContrast' for main non-interactive text, 'vibrant' for interactive elements, and 'secondary' for less important or supplementary content.
+     * Text prominence affects color. Use 'primary' for main non-interactive text, 'secondary' for supporting text, and 'button' in specific cases where text is used in an interactive component.
      */
-    prominence?: keyof typeof prominenceMap;
+    prominence?: "button" | "primary" | "secondary";
     /**
      * This will inherit the jsdoc block from PolymorphicComponent
      */
@@ -1854,6 +1888,9 @@ declare const Stack: (<C = "div">(props: PolymorphicComponentProps<C, StackProps
 })>, never> & Record<string, never>;
 
 type TagProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Valid URL for the `Tag` label to link to
@@ -1876,6 +1913,9 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
  * A `Tag` is an optionally linked label, with an optional action button, to categorize content.
  */
 declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Valid URL for the `Tag` label to link to
@@ -1974,4 +2014,34 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };
+type BreadcrumbsProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Should be at least one `Breadcrumb` component
+     */
+    children: ReactNode;
+};
+/**
+ * Used to display a screens's location within a hierarchical structure
+ */
+declare const Breadcrumbs: {
+    ({ children, ...props }: BreadcrumbsProps): JSX.Element;
+    displayName: string;
+};
+
+type BreadcrumbProps = {
+    /**
+     * An [Icon](../?path=/docs/components-icon--docs) to show at the beginning of the breadcrumb
+     * */
+    icon?: ButtonAsLinkProps['leftIcon'];
+    /**
+     * The text of the breadcrumb link
+     */
+    children: ReactNode;
+    /**
+     * The link to the page of the breadcrumb
+     */
+    href: string;
+};
+declare const Breadcrumb: ({ icon, href, children }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };

package/dist/index.d.ts

@@ -54,6 +54,9 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
      * @ignore For use in creating navs - will override any colorScheme prop
      */
     __nav?: boolean;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Children
@@ -83,6 +86,9 @@ type BaseProps = {
      * @type ReactNode
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the link
@@ -135,6 +141,9 @@ type BaseButtonProps = {
      * @type ReactNode
      */
     children?: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the button
@@ -215,6 +224,9 @@ type ToastProps = ComponentPropsWithoutRef<'div'> & {
      * Action can be undefined (default dismiss button), a Button component or false to hide the dismiss button
      */
     action?: React.ReactElement<typeof Button> | undefined;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes | undefined;
     /**
      * Optional `Icon` component to use. Must be an instance of [Icon](/?path=/docs/components-icon--docs)
@@ -334,6 +346,9 @@ declare const Avatar: {
 };
 
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -348,6 +363,9 @@ type BadgeProps = ComponentPropsWithoutRef<'div'> & {
  * A `Badge` is a compact label, with optional icon, to convey status or context.
  */
 declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -762,6 +780,9 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
      * The content of the heading
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -803,6 +824,9 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      * The content of the heading
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -840,6 +864,9 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      * The content of the heading
      */
     children: ReactNode;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -1033,6 +1060,9 @@ declare const iconSizeMap: {
     xxl: string;
 };
 type IconProps = ComponentPropsWithoutRef<'svg'> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Is Icon on a filled background?
@@ -1400,11 +1430,6 @@ declare const variantStyleMap: {
     label3: styled_components.FlattenSimpleInterpolation;
     label4: styled_components.FlattenSimpleInterpolation;
 };
-declare const prominenceMap: {
-    highContrast: styled_components.FlattenSimpleInterpolation;
-    vibrant: styled_components.FlattenSimpleInterpolation;
-    secondary: styled_components.FlattenSimpleInterpolation;
-};
 type TextProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * The horizontal alignment
@@ -1416,6 +1441,9 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      * The text content
      */
     children?: ReactNode | undefined;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1436,9 +1464,9 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      */
     preventUserSelect?: boolean;
     /**
-     * Text prominence affects color. Use 'highContrast' for main non-interactive text, 'vibrant' for interactive elements, and 'secondary' for less important or supplementary content.
+     * Text prominence affects color. Use 'primary' for main non-interactive text, 'secondary' for supporting text, and 'button' in specific cases where text is used in an interactive component.
      */
-    prominence?: keyof typeof prominenceMap;
+    prominence?: 'button' | 'primary' | 'secondary';
     /**
      * This will inherit the jsdoc block from PolymorphicComponent
      */
@@ -1464,6 +1492,9 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      * The text content
      */
     children?: ReactNode | undefined;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1484,9 +1515,9 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      */
     preventUserSelect?: boolean;
     /**
-     * Text prominence affects color. Use 'highContrast' for main non-interactive text, 'vibrant' for interactive elements, and 'secondary' for less important or supplementary content.
+     * Text prominence affects color. Use 'primary' for main non-interactive text, 'secondary' for supporting text, and 'button' in specific cases where text is used in an interactive component.
      */
-    prominence?: keyof typeof prominenceMap;
+    prominence?: "button" | "primary" | "secondary";
     /**
      * This will inherit the jsdoc block from PolymorphicComponent
      */
@@ -1508,6 +1539,9 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      * The text content
      */
     children?: ReactNode | undefined;
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1528,9 +1562,9 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      */
     preventUserSelect?: boolean;
     /**
-     * Text prominence affects color. Use 'highContrast' for main non-interactive text, 'vibrant' for interactive elements, and 'secondary' for less important or supplementary content.
+     * Text prominence affects color. Use 'primary' for main non-interactive text, 'secondary' for supporting text, and 'button' in specific cases where text is used in an interactive component.
      */
-    prominence?: keyof typeof prominenceMap;
+    prominence?: "button" | "primary" | "secondary";
     /**
      * This will inherit the jsdoc block from PolymorphicComponent
      */
@@ -1854,6 +1888,9 @@ declare const Stack: (<C = "div">(props: PolymorphicComponentProps<C, StackProps
 })>, never> & Record<string, never>;
 
 type TagProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Valid URL for the `Tag` label to link to
@@ -1876,6 +1913,9 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
  * A `Tag` is an optionally linked label, with an optional action button, to categorize content.
  */
 declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Valid URL for the `Tag` label to link to
@@ -1974,4 +2014,34 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };
+type BreadcrumbsProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * Should be at least one `Breadcrumb` component
+     */
+    children: ReactNode;
+};
+/**
+ * Used to display a screens's location within a hierarchical structure
+ */
+declare const Breadcrumbs: {
+    ({ children, ...props }: BreadcrumbsProps): JSX.Element;
+    displayName: string;
+};
+
+type BreadcrumbProps = {
+    /**
+     * An [Icon](../?path=/docs/components-icon--docs) to show at the beginning of the breadcrumb
+     * */
+    icon?: ButtonAsLinkProps['leftIcon'];
+    /**
+     * The text of the breadcrumb link
+     */
+    children: ReactNode;
+    /**
+     * The link to the page of the breadcrumb
+     */
+    href: string;
+};
+declare const Breadcrumb: ({ icon, href, children }: BreadcrumbProps) => react_jsx_runtime.JSX.Element;
+
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };