@wistia/ui 0.23.0 → 0.24.0-beta.285cb437.9b0902d

package/dist/index.d.ts

@@ -1,21 +1,17 @@
 
 import * as _$react from "react";
-import { AnchorHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, Dispatch, ElementType, ForwardRefExoticComponent, HTMLAttributes, InputHTMLAttributes, JSX, LegacyRef, MouseEvent, MutableRefObject, PropsWithChildren, ReactElement, ReactNode, Ref, RefAttributes, RefCallback, RefObject, SetStateAction, SyntheticEvent, TdHTMLAttributes, ThHTMLAttributes } from "react";
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, ChangeEvent, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, Dispatch, ElementType, ForwardRefExoticComponent, HTMLAttributes, InputHTMLAttributes, JSX, LegacyRef, MouseEvent, MutableRefObject, PropsWithChildren, ReactElement, ReactNode, Ref, RefAttributes, RefCallback, RefObject, SetStateAction, SyntheticEvent, TdHTMLAttributes, ThHTMLAttributes } from "react";
 import * as _$styled_components0 from "styled-components";
 import { css } from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, ImageDimensionsValidator, PersistentFileAmountLimitValidator } from "use-file-picker/validators";
-import { CollapsibleContentProps } from "@radix-ui/react-collapsible";
 import { Color } from "culori/fn";
-import { ToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
 import * as _$_radix_ui_react_popover0 from "@radix-ui/react-popover";
-import { Anchor, Close, PopoverContentProps as PopoverContentProps$1, Portal, Root as Root$2, Trigger as Trigger$1 } from "@radix-ui/react-popover";
+import { Anchor, Close, PopoverContentProps as PopoverContentProps$1, Portal, Root, Trigger } from "@radix-ui/react-popover";
 import * as Ariakit from "@ariakit/react";
 import { DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps } from "@radix-ui/react-dropdown-menu";
 import { Schema } from "yup";
-import { HoverCardContentProps } from "@radix-ui/react-hover-card";
 import ReactMarkdown from "react-markdown";
-import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps } from "@radix-ui/react-tabs";
 import { ExtractContentTypeFromConfig, FilePickerReturnTypes, ImperativeFilePickerReturnTypes, UseFilePickerConfig, useImperativeFilePickerConfig } from "use-file-picker/types";
 export * from "use-file-picker/types";
 
@@ -452,7 +448,7 @@ type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
  * action, or performing a delete operation. It replaces the HTML `<button>` element,
  * unless an `href` attribute is passed, in which it will render an `<a>` element.
  */
-declare const Button: _$react.ForwardRefExoticComponent<(Omit<ButtonAsButtonProps, "ref"> | Omit<BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
+declare const Button: _$react.ForwardRefExoticComponent<(Omit<BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
   beforeAction?: (() => Promise<void>) | (() => void);
   children: ReactNode;
   colorScheme?: ColorSchemeTypes;
@@ -510,7 +506,7 @@ declare const Button: _$react.ForwardRefExoticComponent<(Omit<ButtonAsButtonProp
    * @ignore
    */
   type?: LinkTypes;
-}, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+}, "ref"> | Omit<ButtonAsButtonProps, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //#endregion
 //#region src/private/components/Toast/Toast.d.ts
 type ToastProps = ComponentPropsWithoutRef<'div'> & {
@@ -617,7 +613,7 @@ declare const ActionButton: _$react.ForwardRefExoticComponent<(Omit<{
    * Changes the secondary icon for different use cases
    */
   variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsButtonProps, "variant" | "fullWidth" | "isLoading" | "leftIcon" | "rightIcon" | "size" | "unstyled">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "variant" | "isLoading" | "unstyled" | "size" | "fullWidth" | "leftIcon" | "rightIcon">, "ref"> | Omit<{
   /**
    * @override
    * The text to display for the ActionButton
@@ -646,7 +642,7 @@ declare const ActionButton: _$react.ForwardRefExoticComponent<(Omit<{
    * Changes the secondary icon for different use cases
    */
   variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsLinkProps, "variant" | "fullWidth" | "isLoading" | "leftIcon" | "rightIcon" | "size" | "unstyled">, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "variant" | "isLoading" | "unstyled" | "size" | "fullWidth" | "leftIcon" | "rightIcon">, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //#endregion
 //#region src/components/Avatar/Avatar.d.ts
 type AvatarInstanceType = 'image' | 'initials';
@@ -1341,7 +1337,7 @@ type CollapsibleTriggerProps = {
    * A trigger element that will toggle the collapsible content.
    * Usually a [Button](?path=/docs/components-button--docs).
    */
-  children: ReactNode;
+  children: ReactElement;
 };
 declare const CollapsibleTrigger: ({
   children
@@ -1657,7 +1653,7 @@ declare const CollapsibleTriggerIcon: {
 };
 //#endregion
 //#region src/components/Collapsible/CollapsibleContent.d.ts
-type CollapsibleContentProps$1 = {
+type CollapsibleContentProps = {
   /**
    * The number of lines to clamp the content to when `Collapsible` is closed.
    */
@@ -1665,12 +1661,12 @@ type CollapsibleContentProps$1 = {
   /**
    * The content that will be hidden when `Collapsible` is closed.
    */
-  children: CollapsibleContentProps['children'];
+  children: ReactNode;
 };
 declare const CollapsibleContent: ({
   clamp,
   children
-}: CollapsibleContentProps$1) => _$react_jsx_runtime0.JSX.Element;
+}: CollapsibleContentProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ColorPicker/ColorGrid.d.ts
 type ColorGridProps = PropsWithChildren & {
@@ -3114,8 +3110,7 @@ type GridProps = ComponentPropsWithoutRef<'div'> & {
 declare const Grid: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, GridProps>) => _$react.ReactElement | null) & UnknownRecord;
 //#endregion
 //#region src/components/PreviewCard/PreviewCard.d.ts
-type ContentProps$1 = Omit<HoverCardContentProps, 'alignOffset' | 'arrowPadding' | 'asChild' | 'collisionPadding' | 'hideWhenDetached' | 'sideOffset'>;
-type PreviewCardProps = ContentProps$1 & {
+type PreviewCardProps = {
   /**
    * The content of the preview card
    */
@@ -3132,7 +3127,7 @@ type PreviewCardProps = ContentProps$1 & {
    * The [Link](?path=/docs/components-link--docs) that opens the preview card when hovered.
    * Preview cards should only be used on links—do not use on non-interactive elements (e.g. buttons or plain text).
    */
-  trigger: JSX.Element;
+  trigger: ReactElement;
   /**
    * If true, the preview card will use the unstyled Content component instead of StyledContent
    */
@@ -3155,6 +3150,14 @@ type PreviewCardProps = ContentProps$1 & {
    * Force the preview card to be open without user interaction (for debugging and CI)
    */
   forceOpen?: boolean;
+  /**
+   * The preferred side of the trigger to render on
+   */
+  side?: 'bottom' | 'left' | 'right' | 'top';
+  /**
+   * The preferred alignment against the trigger
+   */
+  align?: 'center' | 'end' | 'start';
 };
 /**
  * Preview cards reveal content on hover. **Everything in the card must also exist at the destination**—never put information only in the preview. This pattern is for sighted-only, so treat the card as a preview, not a source of truth.
@@ -3171,6 +3174,8 @@ declare const PreviewCard: {
     closeDelay,
     colorScheme,
     forceOpen,
+    side,
+    align,
     ...props
   }: PreviewCardProps): JSX.Element;
   displayName: string;
@@ -3289,7 +3294,7 @@ type InputClickToCopyProps = Omit<InputProps, 'autoSelect' | 'disabled' | 'right
 /**
  * Provides a readonly input that copies the text to the clipboard when clicked.
  */
-declare const InputClickToCopy: _$react.ForwardRefExoticComponent<Omit<InputProps, "type" | "rightIcon" | "disabled" | "value" | "autoSelect"> & {
+declare const InputClickToCopy: _$react.ForwardRefExoticComponent<Omit<InputProps, "type" | "value" | "disabled" | "rightIcon" | "autoSelect"> & {
   /**
    * When disabled, the copy action will not be triggered
    */
@@ -3624,29 +3629,7 @@ type MenuItemButtonProps = ButtonProps & {
 };
 //#endregion
 //#region src/components/Menu/MenuItem.d.ts
-declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLButtonElement> & _$react.ButtonHTMLAttributes<HTMLButtonElement> & {
-  href?: never;
-  type?: "button" | "reset" | "submit";
-  children: _$react.ReactNode;
-} & {
-  appearance?: "dangerous" | "default" | "gated";
-  badge?: _$react.JSX.Element;
-  children?: _$react.ReactNode;
-  command?: _$react.ReactNode;
-  icon?: ButtonProps["leftIcon"];
-  leftIcon?: ButtonProps["leftIcon"];
-  rightIcon?: ButtonProps["rightIcon"];
-  fullWidth?: never;
-  asChild?: never;
-  variant?: never;
-  size?: never;
-  unstyled?: never;
-} & {
-  /**
-   * Treats the menu item as a link when provided
-   */
-  href?: MenuItemButtonProps["href"];
-}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
+declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & {
   beforeAction?: (() => Promise<void>) | (() => void);
   children: _$react.ReactNode;
   colorScheme?: ColorSchemeTypes;
@@ -3724,6 +3707,28 @@ declare const MenuItem: _$react.ForwardRefExoticComponent<(Omit<DropdownMenuItem
    * Treats the menu item as a link when provided
    */
   href?: MenuItemButtonProps["href"];
+}, "ref"> | Omit<DropdownMenuItemProps & BaseButtonProps & _$react.ClassAttributes<HTMLButtonElement> & _$react.ButtonHTMLAttributes<HTMLButtonElement> & {
+  href?: never;
+  type?: "button" | "reset" | "submit";
+  children: _$react.ReactNode;
+} & {
+  appearance?: "dangerous" | "default" | "gated";
+  badge?: _$react.JSX.Element;
+  children?: _$react.ReactNode;
+  command?: _$react.ReactNode;
+  icon?: ButtonProps["leftIcon"];
+  leftIcon?: ButtonProps["leftIcon"];
+  rightIcon?: ButtonProps["rightIcon"];
+  fullWidth?: never;
+  asChild?: never;
+  variant?: never;
+  size?: never;
+  unstyled?: never;
+} & {
+  /**
+   * Treats the menu item as a link when provided
+   */
+  href?: MenuItemButtonProps["href"];
 }, "ref">) & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 //#endregion
 //#region src/components/Menu/MenuItemLabel.d.ts
@@ -4217,7 +4222,7 @@ declare const PopoverPortal: {
 };
 //#endregion
 //#region src/components/Popover/PopoverRoot.d.ts
-type RadixRootProps = ComponentPropsWithoutRef<typeof Root$2>;
+type RadixRootProps = ComponentPropsWithoutRef<typeof Root>;
 type PopoverRootProps = Omit<RadixRootProps, 'open'> & {
   /**
    * Controlled open state. When provided, pair with `onOpenChange` to update it.
@@ -4240,7 +4245,7 @@ declare const PopoverRoot: {
 };
 //#endregion
 //#region src/components/Popover/PopoverTrigger.d.ts
-type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Trigger$1>;
+type PopoverTriggerProps = ComponentPropsWithoutRef<typeof Trigger>;
 /**
  * The button that toggles the popover open and closed. By default it renders a
  * `<button>` wrapping its children; pass `asChild` to merge the trigger
@@ -4340,7 +4345,7 @@ type RadioProps = Omit<ComponentPropsWithoutRef<'input'>, 'hideLabel' | 'label'
    */
   hideLabel?: boolean;
 };
-declare const Radio: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "size" | "value" | "hideLabel"> & {
+declare const Radio: _$react.ForwardRefExoticComponent<Omit<Omit<_$react.DetailedHTMLProps<_$react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "label" | "onChange" | "value" | "size" | "hideLabel"> & {
   /**
    * Indicates the state of the radio
    */
@@ -4602,7 +4607,7 @@ declare const ScrollArea: _$react.ForwardRefExoticComponent<HTMLAttributes<HTMLD
 } & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/SegmentedControl/SegmentedControl.d.ts
-type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
+type SegmentedControlProps = {
   /**
    * `SegmentedControlItem`s that will be rendered in grouping
    */
@@ -4631,7 +4636,7 @@ type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
 /**
  * Provides a horizontal set of segments for switching between different values
  */
-declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps>;
+declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps & HTMLAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/SegmentedControl/SegmentedControlItem.d.ts
 type BaseProps$1 = {
@@ -4776,6 +4781,192 @@ declare const SelectOptionGroup: ({
   ...props
 }: SelectOptionGroupProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/components/Sidebar/Sidebar.d.ts
+type SidebarProps = HTMLAttributes<HTMLElement> & {
+  /**
+   * The content of the sidebar. Typically a `SidebarHeader`, `SidebarContent`,
+   * and `SidebarFooter` composed together.
+   */
+  children: ReactNode;
+};
+declare const Sidebar: _$react.ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & {
+  /**
+   * The content of the sidebar. Typically a `SidebarHeader`, `SidebarContent`,
+   * and `SidebarFooter` composed together.
+   */
+  children: ReactNode;
+} & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/Sidebar/SidebarHeader.d.ts
+type SidebarHeaderProps = {
+  /**
+   * Content rendered at the top of the sidebar. Typically a `SidebarTitle`,
+   * a `SidebarSearchInput`, or a stack of both.
+   */
+  children: ReactNode;
+};
+declare const SidebarHeader: {
+  ({
+    children
+  }: SidebarHeaderProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/Sidebar/SidebarFooter.d.ts
+type SidebarFooterProps = {
+  /**
+   * Content pinned to the bottom of the sidebar. Typically actions like a
+   * support button, account menu, or sign-out control.
+   */
+  children: ReactNode;
+};
+declare const SidebarFooter: {
+  ({
+    children
+  }: SidebarFooterProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/Sidebar/SidebarTitle.d.ts
+type SidebarTitleProps = {
+  /**
+   * The text shown as the heading at the top of the sidebar.
+   */
+  children: ReactNode;
+};
+declare const SidebarTitle: {
+  ({
+    children
+  }: SidebarTitleProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/Sidebar/SidebarContent.d.ts
+type SidebarContentProps = {
+  /**
+   * The scrollable middle section of the sidebar. Typically one or more
+   * `SidebarGroup`s containing `SidebarButton`s.
+   */
+  children: ReactNode;
+};
+declare const SidebarContent: {
+  ({
+    children
+  }: SidebarContentProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/Sidebar/SidebarGroup.d.ts
+type SidebarGroupProps = {
+  /**
+   * The items in the group, typically `SidebarButton`s, optionally preceded
+   * by a `SidebarGroupLabel`.
+   */
+  children: ReactNode;
+};
+declare const SidebarGroup: {
+  ({
+    children
+  }: SidebarGroupProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/Sidebar/SidebarGroupLabel.d.ts
+type SidebarGroupLabelProps = {
+  /**
+   * The label text for the group.
+   */
+  children: ReactNode;
+  /**
+   * Content rendered after the label text — useful for counts, badges, or
+   * supplementary status indicators.
+   */
+  rightSlot?: ReactNode;
+  /**
+   * Content rendered before the label text — useful for an icon or a small
+   * visual marker.
+   */
+  leftSlot?: ReactNode;
+};
+declare const SidebarGroupLabel: {
+  ({
+    children,
+    rightSlot,
+    leftSlot
+  }: SidebarGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/Sidebar/SidebarButton.d.ts
+type SidebarButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
+  /**
+   * The label text shown for the navigation item.
+   */
+  children: ReactNode;
+  /**
+   * Called when the user activates the item by click or keyboard.
+   */
+  onClick?: ((event: MouseEvent) => void) | undefined;
+  /**
+   * If supplied, the item renders as an `<a>` link instead of a `<button>`.
+   */
+  href?: string;
+  /**
+   * Icon rendered before the label.
+   */
+  leftIcon?: ReactNode;
+  /**
+   * Icon rendered after the label — typically a status indicator like a
+   * "gated feature" sparkle or an external-link arrow.
+   */
+  rightIcon?: ReactNode;
+  /**
+   * Marks the item as the currently active navigation entry. Sets
+   * `aria-current="page"` and applies the pressed visual treatment.
+   */
+  selected?: boolean;
+  /**
+   * Disables interaction with the item.
+   */
+  disabled?: boolean;
+};
+declare const SidebarButton: _$react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick"> & {
+  /**
+   * The label text shown for the navigation item.
+   */
+  children: ReactNode;
+  /**
+   * Called when the user activates the item by click or keyboard.
+   */
+  onClick?: ((event: MouseEvent) => void) | undefined;
+  /**
+   * If supplied, the item renders as an `<a>` link instead of a `<button>`.
+   */
+  href?: string;
+  /**
+   * Icon rendered before the label.
+   */
+  leftIcon?: ReactNode;
+  /**
+   * Icon rendered after the label — typically a status indicator like a
+   * "gated feature" sparkle or an external-link arrow.
+   */
+  rightIcon?: ReactNode;
+  /**
+   * Marks the item as the currently active navigation entry. Sets
+   * `aria-current="page"` and applies the pressed visual treatment.
+   */
+  selected?: boolean;
+  /**
+   * Disables interaction with the item.
+   */
+  disabled?: boolean;
+} & _$react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+//#endregion
+//#region src/components/Sidebar/SidebarSearchInput.d.ts
+type SidebarSearchInputProps = Omit<InputProps, 'type'>;
+declare const SidebarSearchInput: _$react.ForwardRefExoticComponent<SidebarSearchInputProps & _$react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+//#endregion
 //#region src/components/Slider/Slider.d.ts
 type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
   /**
@@ -4816,7 +5007,7 @@ type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
    * (e.g. on mouseup, touchend, or keyup). Useful for analytics or
    * expensive operations where only the final value matters.
    */
-  onValueCommit?: (value: number[]) => void;
+  onValueCommitted?: (value: number[]) => void;
   /**
    * Value to be added or subtracted on each step
    */
@@ -4836,7 +5027,7 @@ declare const Slider: {
     max,
     min,
     onChange,
-    onValueCommit,
+    onValueCommitted,
     step,
     value,
     "data-testid": dataTestId,
@@ -5123,7 +5314,12 @@ declare const TableRow: ({
 }: TableRowProps) => JSX.Element;
 //#endregion
 //#region src/components/Tabs/Tabs.d.ts
-type TabsProps$1 = Pick<TabsProps, 'children' | 'defaultValue' | 'onValueChange' | 'value'>;
+type TabsProps = {
+  children?: React.ReactNode;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  value?: string;
+};
 declare const Tabs: {
   ({
     children,
@@ -5131,22 +5327,27 @@ declare const Tabs: {
     onValueChange: onValueChangeProp,
     defaultValue,
     ...props
-  }: TabsProps$1): JSX.Element;
+  }: TabsProps): JSX.Element;
   displayName: string;
 };
 //#endregion
 //#region src/components/Tabs/TabsContent.d.ts
-type TabsContentProps$1 = Pick<TabsContentProps, 'children' | 'value'>;
+type TabsContentProps = {
+  children?: ReactNode;
+  value: string;
+};
 declare const TabsContent: {
   ({
     children,
     value
-  }: TabsContentProps$1): JSX.Element;
+  }: TabsContentProps): JSX.Element;
   displayName: string;
 };
 //#endregion
 //#region src/components/Tabs/TabsList.d.ts
-type TabsListProps$1 = Pick<TabsListProps, 'aria-label'> & PropsWithChildren<{
+type TabsListProps = {
+  'aria-label'?: string;
+} & PropsWithChildren<{
   fullWidth?: boolean;
 }>;
 declare const TabsList: {
@@ -5154,12 +5355,15 @@ declare const TabsList: {
     children,
     fullWidth,
     ...props
-  }: TabsListProps$1): JSX.Element;
+  }: TabsListProps): JSX.Element;
   displayName: string;
 };
 //#endregion
 //#region src/components/Tabs/TabsTrigger.d.ts
-type BaseProps = Pick<TabsTriggerProps, 'disabled' | 'value'>;
+type BaseProps = {
+  disabled?: boolean;
+  value: string;
+};
 type IconWithLabel = {
   /**
    * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
@@ -5190,8 +5394,8 @@ type NoIcon = {
   label?: ReactNode | string;
   'aria-label'?: never;
 };
-type TabsTriggerProps$1 = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
-declare const TabsTrigger: _$react.ForwardRefExoticComponent<TabsTriggerProps$1 & _$react.RefAttributes<HTMLButtonElement>>;
+type TabsTriggerProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
+declare const TabsTrigger: _$react.ForwardRefExoticComponent<TabsTriggerProps & _$react.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/Tag/Tag.d.ts
 type TagProps = ComponentPropsWithoutRef<'div'> & {
@@ -5512,8 +5716,8 @@ declare const WistiaLogo: {
   displayName: string;
 };
 declare namespace index_d_exports {
-  export { ActionButton, ActionButtonProps, Avatar, AvatarProps, AvatarStatus, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, ClickRegionProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorGridOptionProps, ColorGridProps, ColorList, ColorListGroup, ColorListGroupProps, ColorListOption, ColorListOptionProps, ColorListProps, ColorPicker, ColorPickerPopoverContent, ColorPickerPopoverContentProps, ColorPickerProps, ColorPickerSection, ColorPickerSectionProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorSchemeTypes, ColorSchemeWrapper, ColorSchemeWrapperProps, Combobox, ComboboxOption, ComboboxOptionProps, ComboboxProps, ContextMenu, ContextMenuProps, ContrastControls, CustomizableThemeWrapper, CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, DataCardProps, DataCardTrend, DataCardTrendProps, DataCards, DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, DataListProps, Divider, EditableHeading, EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, EditableTextProps, EditableTextRoot, EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, EllipsisProps, FeatureCard, FeatureCardImage, FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, FormFieldProps, FormGroup, FormGroupProps, FormProps, Grid, GridProps, Heading, HeadingProps, HexColorInput, HexColorInputProps, HueSlider, Icon, IconButton, IconButtonProps, IconNameType, Image, ImageDimensionsValidator, ImageProps, Input, InputClickToCopy, InputClickToCopyProps, InputPassword, InputPasswordProps, InputProps, KeyboardKeys, KeyboardShortcut, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, Mark, MarkProps, Markdown, MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, MeterProps, MeterSegment, Modal, ModalCallout, ModalCallouts, ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, PopoverAnchorProps, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseButton, PopoverCloseButtonProps, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverPortal, PopoverPortalProps, PopoverProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardProps, ProgressBar, ProgressBarProps, Radio, RadioCard, RadioCardImage, RadioCardImageProps, RadioCardProps, RadioGroup, RadioMenuItem, RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, Select, SelectOption, SelectOptionGroup, SelectOptionGroupProps, SelectOptionProps, SelectProps, Slider, SliderProps, SplitButton, SplitButtonProps, Stack, SubMenu, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagProps, Text, TextProps, Thumbnail, ThumbnailBadge, ThumbnailBadgeProps, ThumbnailCollage, ThumbnailCollageProps, ThumbnailProps, Tooltip, TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, isKeyboardKey, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
+  export { ActionButton, ActionButtonProps, Avatar, AvatarProps, AvatarStatus, Badge, BadgeProps, Banner, BannerProps, Box, BoxProps, Breadcrumb, BreadcrumbProps, Breadcrumbs, BreadcrumbsProps, Button, ButtonGroup, ButtonProps, Card, CardProps, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, ClickRegionProps, Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, ColorGridOptionProps, ColorGridProps, ColorList, ColorListGroup, ColorListGroupProps, ColorListOption, ColorListOptionProps, ColorListProps, ColorPicker, ColorPickerPopoverContent, ColorPickerPopoverContentProps, ColorPickerProps, ColorPickerSection, ColorPickerSectionProps, ColorPickerTrigger, ColorPickerTriggerProps, ColorSchemeTypes, ColorSchemeWrapper, ColorSchemeWrapperProps, Combobox, ComboboxOption, ComboboxOptionProps, ComboboxProps, ContextMenu, ContextMenuProps, ContrastControls, CustomizableThemeWrapper, CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, DataCardProps, DataCardTrend, DataCardTrendProps, DataCards, DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, DataListProps, Divider, EditableHeading, EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, EditableTextProps, EditableTextRoot, EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, EllipsisProps, FeatureCard, FeatureCardImage, FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, FormFieldProps, FormGroup, FormGroupProps, FormProps, Grid, GridProps, Heading, HeadingProps, HexColorInput, HexColorInputProps, HueSlider, Icon, IconButton, IconButtonProps, IconNameType, Image, ImageDimensionsValidator, ImageProps, Input, InputClickToCopy, InputClickToCopyProps, InputPassword, InputPasswordProps, InputProps, KeyboardKeys, KeyboardShortcut, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, Mark, MarkProps, Markdown, MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, MeterProps, MeterSegment, Modal, ModalCallout, ModalCallouts, ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, PopoverAnchorProps, PopoverArrow, PopoverArrowProps, PopoverClose, PopoverCloseButton, PopoverCloseButtonProps, PopoverCloseProps, PopoverContent, PopoverContentProps, PopoverPortal, PopoverPortalProps, PopoverProps, PopoverRoot, PopoverRootProps, PopoverTrigger, PopoverTriggerProps, PreviewCard, PreviewCardProps, ProgressBar, ProgressBarProps, Radio, RadioCard, RadioCardImage, RadioCardImageProps, RadioCardProps, RadioGroup, RadioMenuItem, RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, SegmentedControlItemProps, SegmentedControlProps, Select, SelectOption, SelectOptionGroup, SelectOptionGroupProps, SelectOptionProps, SelectProps, Sidebar, SidebarButton, SidebarButtonProps, SidebarContent, SidebarContentProps, SidebarFooter, SidebarFooterProps, SidebarGroup, SidebarGroupLabel, SidebarGroupLabelProps, SidebarGroupProps, SidebarHeader, SidebarHeaderProps, SidebarProps, SidebarSearchInput, SidebarSearchInputProps, SidebarTitle, SidebarTitleProps, Slider, SliderProps, SplitButton, SplitButtonProps, Stack, SubMenu, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagProps, Text, TextProps, Thumbnail, ThumbnailBadge, ThumbnailBadgeProps, ThumbnailCollage, ThumbnailCollageProps, ThumbnailProps, Tooltip, TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, isKeyboardKey, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
 }
 //#endregion
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, 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, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, ImageDimensionsValidator, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, PopoverCloseButton, type PopoverCloseButtonProps, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, PreviewCard, type PreviewCardProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, isKeyboardKey, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, 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, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, CustomizableThemeWrapper, type CustomizableThemeWrapperProps, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, DataList, DataListItem, DataListItemLabel, DataListItemValue, type DataListProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextCancelButton, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FeatureCard, FeatureCardImage, type FeatureCardProps, FileAmountLimitValidator, FileSizeValidator, FileTypeValidator, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, ImageDimensionsValidator, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Mark, type MarkProps, Markdown, type MarkdownProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Meter, type MeterProps, type MeterSegment, Modal, ModalCallout, ModalCallouts, type ModalProps, PersistentFileAmountLimitValidator, Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, PopoverCloseButton, type PopoverCloseButtonProps, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverRoot, type PopoverRootProps, PopoverTrigger, type PopoverTriggerProps, PreviewCard, type PreviewCardProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, ScrollAreaProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Sidebar, SidebarButton, type SidebarButtonProps, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, SidebarGroupLabel, type SidebarGroupLabelProps, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, type SidebarProps, SidebarSearchInput, type SidebarSearchInputProps, SidebarTitle, type SidebarTitleProps, Slider, type SliderProps, SplitButton, type SplitButtonProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, UseActiveMqReturnType, UseIsHoveredReturnType, UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, isKeyboardKey, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };
 //# sourceMappingURL=index.d.ts.map