@wistia/ui 0.20.19 → 0.20.20-beta.bac416c1.f13ebbe

package/dist/index.d.ts

@@ -9,7 +9,6 @@ import * as Ariakit from '@ariakit/react';
 import * as styled_components from 'styled-components';
 import { Schema } from 'yup';
 import ReactMarkdown from 'react-markdown';
-import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
 import { PopoverContentProps } from '@radix-ui/react-popover';
 import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
@@ -665,19 +664,7 @@ type BannerProps = ComponentPropsWithoutRef<'div'> & {
      * Optional `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
      */
     icon?: JSX.Element;
-    /**
-     * Controls the visual prominence of the banner
-     */
-    prominence?: 'primary' | 'secondary';
     colorScheme?: ColorSchemeTypes;
-    /**
-     * Optional image element to display in the banner
-     */
-    image?: JSX.Element | undefined;
-    /**
-     * Controls the layout direction. If set to 'auto', the banner will switch between horizontal and vertical based on the container width.
-     */
-    orientation?: 'auto' | 'horizontal' | 'vertical';
     /**
      * Primary call-to-action element (typically a [Button]() of the `solid` variant)
      */
@@ -695,26 +682,10 @@ type BannerProps = ComponentPropsWithoutRef<'div'> & {
  * The `Banner` component is for displaying contextual information to the user such as alerts or feature announcements.
  */
 declare const Banner: {
-    ({ bodyText, colorScheme, headingText, icon, image, onClose, orientation, primaryAction, prominence, secondaryAction, ...props }: BannerProps): JSX.Element;
+    ({ bodyText, colorScheme, headingText, icon, onClose, primaryAction, secondaryAction, ...props }: BannerProps): JSX.Element;
     displayName: string;
 };
 
-type BannerImageProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * The URL of the image to display in the banner
-     */
-    src: string;
-    /**
-     * Alternative text description of the image for accessibility
-     */
-    alt?: string;
-    /**
-     * Position of the image within the banner layout. Only applies in horizontal orientation.
-     */
-    alignment?: 'left' | 'right';
-};
-declare const BannerImage: ({ alignment, alt, src, ...props }: BannerImageProps) => react_jsx_runtime.JSX.Element;
-
 type UnknownRecord = Record<string, unknown>;
 type PropsOf<Component extends ElementType> = ComponentPropsWithoutRef<Component>;
 type ExtendedProps<Props = UnknownRecord, OverrideProps = UnknownRecord> = Omit<Props, keyof OverrideProps> & OverrideProps;
@@ -1299,6 +1270,7 @@ declare const iconMap: {
     error: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
     expand: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
     'expand-diagonal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    'expand-diagonal-window': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
     'expand-horizontal': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
     'fast-forward': (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
     favorite: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
@@ -1462,7 +1434,8 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
     invertColor?: boolean;
     /**
      * The size of the icon to display
-     *
+     * @type
+     * ResponsiveObject<'sm' | 'md' | 'lg' | 'xl' | 'xxl'> | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
      */
     size?: ResponsiveObject<keyof typeof iconSizeMap> | keyof typeof iconSizeMap;
     /**
@@ -1604,8 +1577,9 @@ declare const ColorPickerTrigger: react.ForwardRefExoticComponent<{
     children?: react.ReactNode | undefined;
 } & react.RefAttributes<HTMLButtonElement>>;
 
+type ContrastControlsProps = object;
 declare const ContrastControls: {
-    (): JSX.Element;
+    (props: ContrastControlsProps): JSX.Element;
     displayName: string;
 };
 
@@ -1620,8 +1594,9 @@ declare const HexColorInput: {
     displayName: string;
 };
 
+type HueSliderProps = object;
 declare const HueSlider: {
-    (): JSX.Element;
+    (props: HueSliderProps): JSX.Element;
     displayName: string;
 };
 
@@ -1633,8 +1608,9 @@ declare const SaturationAndValuePicker: {
     displayName: string;
 };
 
+type ValueNameOrHexCodeProps = object;
 declare const ValueNameOrHexCode: {
-    (): JSX.Element;
+    (props: ValueNameOrHexCodeProps): JSX.Element;
     displayName: string;
 };
 
@@ -1824,8 +1800,9 @@ type DataCardTrendProps = {
 };
 declare const DataCardTrend: ({ direction, outlook, children, ...props }: DataCardTrendProps) => JSX.Element;
 
+type DataCardHoverArrowProps = object;
 declare const DataCardHoverArrow: {
-    (): react_jsx_runtime.JSX.Element;
+    (props: DataCardHoverArrowProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1941,19 +1918,21 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
  */
 declare const Text: (<C extends ElementType = "p">(props: PolymorphicComponentProps<C, TextProps>) => react.ReactElement | null) & UnknownRecord;
 
+type DataListItemLabelProps = TextProps;
 /**
  * The label of the `DataListItem`. Extends the [Text]() component.
  */
 declare const DataListItemLabel: {
-    (props: TextProps): JSX.Element;
+    (props: DataListItemLabelProps): JSX.Element;
     displayName: string;
 };
 
+type DataListItemValueProps = TextProps;
 /**
  * The value of the `DataListItem`. Extends the [Text]() component.
  */
 declare const DataListItemValue: {
-    (props: TextProps): JSX.Element;
+    (props: DataListItemValueProps): JSX.Element;
     displayName: string;
 };
 
@@ -2258,9 +2237,10 @@ declare const Label: {
 type EditableTextLabelProps = Omit<LabelProps, 'disabled' | 'htmlFor' | 'required'>;
 declare const EditableTextLabel: ({ ...props }: EditableTextLabelProps) => react_jsx_runtime.JSX.Element;
 
-declare const EditableTextSubmitButton: ({ children, }: {
+type EditableTextSubmitButtonProps = {
     children: ReactElement;
-}) => JSX.Element | null;
+};
+declare const EditableTextSubmitButton: ({ children, }: EditableTextSubmitButtonProps) => JSX.Element | null;
 
 type EditableTextCancelButtonProps = {
     /**
@@ -3126,13 +3106,14 @@ type MenuItemLabelProps = {
      */
     children: ReactNode;
 };
+declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => react_jsx_runtime.JSX.Element;
+
 type MenuItemDescriptionProps = {
     /**
      * The content of the description
      */
     children: ReactNode;
 };
-declare const MenuItemLabel: ({ children }: MenuItemLabelProps) => react_jsx_runtime.JSX.Element;
 declare const MenuItemDescription: ({ children }: MenuItemDescriptionProps) => react_jsx_runtime.JSX.Element;
 
 type MenuRadioGroupProps = DropdownMenuRadioGroupProps & {
@@ -3225,14 +3206,7 @@ type FilterMenuProps = MenuProps & {
     onSearchValueChange: (value: string) => void;
 };
 declare const FilterMenuItem: {
-    ({ onSelect, checked, onCheckedChange, ...props }: _radix_ui_react_dropdown_menu.DropdownMenuCheckboxItemProps & (MenuItemButtonProps & {
-        onCheckedChange: (checked: boolean) => void;
-        indicator?: react.ReactNode;
-        checked: boolean;
-        href?: never;
-        isLoading?: never;
-        ref?: never;
-    })): react_jsx_runtime.JSX.Element;
+    ({ onSelect, checked, onCheckedChange, ...props }: CheckboxMenuItemProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 declare const FilterMenu: react.ForwardRefExoticComponent<FilterMenuProps & react.RefAttributes<HTMLButtonElement>>;
@@ -3777,6 +3751,14 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
+type ScrollAreaProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * When true, disables scrolling. Useful to temporarily prevent scrolling,
+     * like when drag-and-dropping an item from inside to outside of the scroll
+     * area.
+     */
+    locked?: boolean;
+};
 /**
  * ScrollArea is a simple scrollable container with shadow effects to indicate
  * scrollability.
@@ -4583,4 +4565,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, BannerImage, 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, 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, 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, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, 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, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, 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, 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, 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, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, ScrollArea, type 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, type UseActiveMqReturnType, type UseIsHoveredReturnType, type UseMqReturnType, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, coerceToBoolean, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useKeyPress, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize, validateWithYup };