@wistia/ui 0.8.13 → 0.8.14-beta.2385e790.bd3e5c4

package/dist/index.d.mts

@@ -86,6 +86,14 @@ type UseBooleanReturn = [
 ];
 declare const useBoolean: (initialValue?: boolean) => UseBooleanReturn;
 
+declare const useClipboard: (textToCopy: string, timeout?: number) => [() => Promise<void>, boolean, boolean];
+
+type UseFocusTrapOptions = {
+    disableAriaHider?: boolean;
+    focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
+};
+declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
+
 type AddEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
 type RemoveEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
 declare const useEvent: <T extends Event>(eventName: Parameters<AddEventListenerType>[0], eventHandler: (event: T) => unknown, eventTarget?: unknown, eventOptions?: Parameters<RemoveEventListenerType>[2]) => void;
@@ -105,9 +113,6 @@ declare const useLocalStorage: <T, _>(key: Parameters<SetItemType>[0], initialVa
 
 declare const useLockBodyScroll: (locked: boolean) => void;
 
-type EventType = 'focusin' | 'focusout' | 'mousedown' | 'mouseup' | 'touchend' | 'touchstart';
-declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
-
 type MediaQueryBooleans = {
     isXlAndUp: boolean;
     isLgAndUp: boolean;
@@ -124,6 +129,9 @@ declare const useMq: () => MediaQueryBooleans;
 type MediaQueryLabels = keyof MediaQueryBooleans;
 declare const useActiveMq: () => MediaQueryLabels[];
 
+type EventType = 'focusin' | 'focusout' | 'mousedown' | 'mouseup' | 'touchend' | 'touchstart';
+declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
+
 declare const colorSchemeOptions: readonly ["default", "inherit", "error", "info", "success", "warning", "blue", "green", "orange", "pink", "purple", "yellow", "vendor-hubspot", "vendor-marketo", "vendor-pardot"];
 type ColorSchemeTypes = (typeof colorSchemeOptions)[number];
 type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
@@ -395,12 +403,6 @@ declare const useWindowSize: (interval?: number) => {
     height: number;
 };
 
-type UseFocusTrapOptions = {
-    disableAriaHider?: boolean;
-    focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
-};
-declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
-
 type ActionButtonProps = {
     /**
      * @override
@@ -596,6 +598,7 @@ type Gap = {
     column: Spacings;
     row: Spacings;
 };
+type ResponsiveGap = ResponsiveObject<Gap | Spacings>;
 type FlexModeType = 'equal' | 'fluid' | 'grow' | 'initial' | 'rigid';
 declare const DEFAULT_ELEMENT$1 = "div";
 /**
@@ -612,17 +615,18 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
     /**
      * 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
+     * single line flexible boxes. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    alignContent?: AlignContentType;
+    alignContent?: AlignContentType | ResponsiveObject<AlignContentType>;
     /**
      * 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
+     * whereas alignContent specifies the alignment of the lines themselves.
+     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    alignItems?: AlignItemsType;
+    alignItems?: AlignItemsType | ResponsiveObject<AlignItemsType>;
     /**
      * 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,
@@ -644,18 +648,19 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
      */
     children?: ReactNode;
     /**
-     * Specifies the main axis of the container
+     * Specifies the main axis of the container. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    direction?: DirectionType;
+    direction?: DirectionType | ResponsiveObject<DirectionType>;
     /**
      * Specifies whether the width and/or height should fill the container.
+     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      *
      * *Note: Cannot be used with height/width props when setting the corresponding dimension.*
      *
      * For example, `fill="vertical"` or `fill={true}` cannot be used with the `height` prop,
      * and `fill="horizontal"` or `fill={true}` cannot be used with the `width` prop.
      */
-    fill?: FillType;
+    fill?: FillType | ResponsiveObject<FillType>;
     /**
      * Specifies whether the width and/or height should fill the viewport.
      *
@@ -676,9 +681,13 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
      */
     flexMode?: FlexModeType;
     /**
-     * Specifies the gaps (gutters) between rows and columns
+     * Specifies the gaps (gutters) between rows and columns.
+     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     *
+     * Can be either a single spacing value that applies to both row and column gaps,
+     * or an object specifying different values for row and column gaps.
      */
-    gap?: Gap | Spacings;
+    gap?: Gap | ResponsiveGap | Spacings;
     /**
      * Specifies what amount of space inside the flex container the item should take up
      *
@@ -704,9 +713,9 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
     inline?: boolean;
     /**
      * Specifies how the browser distributes space between and around
-     * items along the main axis of their container
+     * items along the main axis of their container. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    justifyContent?: JustifyContentType;
+    justifyContent?: JustifyContentType | ResponsiveObject<JustifyContentType>;
     /**
      * 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.
@@ -2839,10 +2848,10 @@ type TableCellProps = CellAttrs & {
 };
 declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
 
-type TableFooterProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
+type TableFootProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
     children?: ReactNode;
 };
-declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
+declare const TableFoot: ({ children, ...props }: TableFootProps) => JSX.Element;
 
 type TableHeadProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
     children?: ReactNode;
@@ -2851,22 +2860,28 @@ declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element
 
 type TableProps = ComponentPropsWithoutRef<'table'> & {
     /**
-     * Should be some combination of `TableHead` and/or `TableBody` and/or `TableFooter`
+     * Should be some combination of `TableHead` and/or `TableBody` and/or `TableFoot`
      */
     children: ReactNode;
+    /**
+     * If true, will add dividing lines between rows
+     */
+    divided?: boolean;
     /**
      * If true, will stripe every other row
      */
     striped?: boolean;
     /**
-     * If true, will add dividing lines between rows
+     * If true, will visually hide the table header while keeping it accessible to screen readers
+     *
+     * @see https://www.accessibility-developer-guide.com/examples/tables/hidden-headers/
      */
-    divided?: boolean;
+    visuallyHiddenHeader?: boolean;
 };
 /**
  * Semantic table element for presenting data
  */
-declare const Table: ({ children, striped, divided, ...props }: TableProps) => JSX.Element;
+declare const Table: ({ children, divided, striped, visuallyHiddenHeader, ...props }: TableProps) => JSX.Element;
 
 type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
     children?: ReactNode;
@@ -3195,4 +3210,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };

package/dist/index.d.ts

@@ -86,6 +86,14 @@ type UseBooleanReturn = [
 ];
 declare const useBoolean: (initialValue?: boolean) => UseBooleanReturn;
 
+declare const useClipboard: (textToCopy: string, timeout?: number) => [() => Promise<void>, boolean, boolean];
+
+type UseFocusTrapOptions = {
+    disableAriaHider?: boolean;
+    focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
+};
+declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
+
 type AddEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
 type RemoveEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
 declare const useEvent: <T extends Event>(eventName: Parameters<AddEventListenerType>[0], eventHandler: (event: T) => unknown, eventTarget?: unknown, eventOptions?: Parameters<RemoveEventListenerType>[2]) => void;
@@ -105,9 +113,6 @@ declare const useLocalStorage: <T, _>(key: Parameters<SetItemType>[0], initialVa
 
 declare const useLockBodyScroll: (locked: boolean) => void;
 
-type EventType = 'focusin' | 'focusout' | 'mousedown' | 'mouseup' | 'touchend' | 'touchstart';
-declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
-
 type MediaQueryBooleans = {
     isXlAndUp: boolean;
     isLgAndUp: boolean;
@@ -124,6 +129,9 @@ declare const useMq: () => MediaQueryBooleans;
 type MediaQueryLabels = keyof MediaQueryBooleans;
 declare const useActiveMq: () => MediaQueryLabels[];
 
+type EventType = 'focusin' | 'focusout' | 'mousedown' | 'mouseup' | 'touchend' | 'touchstart';
+declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
+
 declare const colorSchemeOptions: readonly ["default", "inherit", "error", "info", "success", "warning", "blue", "green", "orange", "pink", "purple", "yellow", "vendor-hubspot", "vendor-marketo", "vendor-pardot"];
 type ColorSchemeTypes = (typeof colorSchemeOptions)[number];
 type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
@@ -395,12 +403,6 @@ declare const useWindowSize: (interval?: number) => {
     height: number;
 };
 
-type UseFocusTrapOptions = {
-    disableAriaHider?: boolean;
-    focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
-};
-declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
-
 type ActionButtonProps = {
     /**
      * @override
@@ -596,6 +598,7 @@ type Gap = {
     column: Spacings;
     row: Spacings;
 };
+type ResponsiveGap = ResponsiveObject<Gap | Spacings>;
 type FlexModeType = 'equal' | 'fluid' | 'grow' | 'initial' | 'rigid';
 declare const DEFAULT_ELEMENT$1 = "div";
 /**
@@ -612,17 +615,18 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
     /**
      * 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
+     * single line flexible boxes. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    alignContent?: AlignContentType;
+    alignContent?: AlignContentType | ResponsiveObject<AlignContentType>;
     /**
      * 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
+     * whereas alignContent specifies the alignment of the lines themselves.
+     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    alignItems?: AlignItemsType;
+    alignItems?: AlignItemsType | ResponsiveObject<AlignItemsType>;
     /**
      * 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,
@@ -644,18 +648,19 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
      */
     children?: ReactNode;
     /**
-     * Specifies the main axis of the container
+     * Specifies the main axis of the container. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    direction?: DirectionType;
+    direction?: DirectionType | ResponsiveObject<DirectionType>;
     /**
      * Specifies whether the width and/or height should fill the container.
+     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      *
      * *Note: Cannot be used with height/width props when setting the corresponding dimension.*
      *
      * For example, `fill="vertical"` or `fill={true}` cannot be used with the `height` prop,
      * and `fill="horizontal"` or `fill={true}` cannot be used with the `width` prop.
      */
-    fill?: FillType;
+    fill?: FillType | ResponsiveObject<FillType>;
     /**
      * Specifies whether the width and/or height should fill the viewport.
      *
@@ -676,9 +681,13 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
      */
     flexMode?: FlexModeType;
     /**
-     * Specifies the gaps (gutters) between rows and columns
+     * Specifies the gaps (gutters) between rows and columns.
+     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     *
+     * Can be either a single spacing value that applies to both row and column gaps,
+     * or an object specifying different values for row and column gaps.
      */
-    gap?: Gap | Spacings;
+    gap?: Gap | ResponsiveGap | Spacings;
     /**
      * Specifies what amount of space inside the flex container the item should take up
      *
@@ -704,9 +713,9 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
     inline?: boolean;
     /**
      * Specifies how the browser distributes space between and around
-     * items along the main axis of their container
+     * items along the main axis of their container. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
      */
-    justifyContent?: JustifyContentType;
+    justifyContent?: JustifyContentType | ResponsiveObject<JustifyContentType>;
     /**
      * 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.
@@ -2839,10 +2848,10 @@ type TableCellProps = CellAttrs & {
 };
 declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
 
-type TableFooterProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
+type TableFootProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
     children?: ReactNode;
 };
-declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
+declare const TableFoot: ({ children, ...props }: TableFootProps) => JSX.Element;
 
 type TableHeadProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
     children?: ReactNode;
@@ -2851,22 +2860,28 @@ declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element
 
 type TableProps = ComponentPropsWithoutRef<'table'> & {
     /**
-     * Should be some combination of `TableHead` and/or `TableBody` and/or `TableFooter`
+     * Should be some combination of `TableHead` and/or `TableBody` and/or `TableFoot`
      */
     children: ReactNode;
+    /**
+     * If true, will add dividing lines between rows
+     */
+    divided?: boolean;
     /**
      * If true, will stripe every other row
      */
     striped?: boolean;
     /**
-     * If true, will add dividing lines between rows
+     * If true, will visually hide the table header while keeping it accessible to screen readers
+     *
+     * @see https://www.accessibility-developer-guide.com/examples/tables/hidden-headers/
      */
-    divided?: boolean;
+    visuallyHiddenHeader?: boolean;
 };
 /**
  * Semantic table element for presenting data
  */
-declare const Table: ({ children, striped, divided, ...props }: TableProps) => JSX.Element;
+declare const Table: ({ children, divided, striped, visuallyHiddenHeader, ...props }: TableProps) => JSX.Element;
 
 type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
     children?: ReactNode;
@@ -3195,4 +3210,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Switch, type SwitchProps, Tab, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useFocusTrap, useFormState, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, useToast, useWindowSize };