@wistia/ui 0.20.22 → 0.21.0-beta.0a3f809d.ebf7b0d

package/dist/index.d.ts

@@ -613,11 +613,11 @@ declare const Avatar: {
 type BadgeVariants = 'default' | 'outline';
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
     /**
-     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     * Sets the [color scheme](/docs/color-schemes)
      */
     colorScheme?: ColorSchemeTypes;
     /**
-     * Optional `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
+     * Optional `Icon` component to use. Must be an instance of [Icon](/docs/components/Icon)
      */
     icon?: JSX.Element | undefined;
     /**
@@ -634,11 +634,11 @@ type BadgeProps = ComponentPropsWithoutRef<'div'> & {
  */
 declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     /**
-     * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
+     * Sets the [color scheme](/docs/color-schemes)
      */
     colorScheme?: ColorSchemeTypes;
     /**
-     * Optional `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
+     * Optional `Icon` component to use. Must be an instance of [Icon](/docs/components/Icon)
      */
     icon?: JSX.Element | undefined;
     /**
@@ -664,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)
      */
@@ -694,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;
@@ -777,7 +749,8 @@ 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. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * single line flexible boxes. Can be a [responsive prop](/docs/responsive-props).
+     * @type ResponsiveObject<"center" | "flex-end" | "flex-start" | "space-around" | "space-between" | "stretch">
      */
     alignContent?: AlignContentType | ResponsiveObject<AlignContentType>;
     /**
@@ -786,23 +759,28 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
      * 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.
-     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Can be a [responsive prop](/docs/responsive-props).
+     * @type ResponsiveObject<"baseline" | "center" | "flex-end" | "flex-start" | "stretch">
      */
     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,
-     * then alignSelf is ignored. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * then alignSelf is ignored. Can be a [responsive prop](/docs/responsive-props).
      *
      * *Note: only works for nested `<Box />`*
+     *
+     * @type ResponsiveObject<'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch'>
      */
     alignSelf?: AlignSelfType | ResponsiveObject<AlignSelfType>;
     /**
-     * Specifies the initial main size of an item. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Specifies the initial main size of an item. Can be a [responsive prop](/docs/responsive-props).
      *
      * *Note: Cannot be used with `flexMode` prop.*
      *
      * *Note: only works for nested `<Box />`*
+     * @type ResponsiveObject<'string'>
+  
      */
     basis?: ResponsiveObject<string> | string;
     /**
@@ -810,17 +788,19 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
      */
     children?: ReactNode;
     /**
-     * Specifies the main axis of the container. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Specifies the main axis of the container. Can be a [responsive prop](/docs/responsive-props).
+     * @type ResponsiveObject<'column-reverse' | 'column' | 'row-reverse' | 'row'>
      */
     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).
+     * Can be a [responsive prop](/docs/responsive-props).
      *
      * *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.
+     * @type ResponsiveObject<boolean | 'horizontal' | 'vertical'>
      */
     fill?: FillType | ResponsiveObject<FillType>;
     /**
@@ -830,49 +810,58 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
      *
      * For example, `fillViewport="vertical"` or `fillViewport={true}` cannot be used with the `height` prop,
      * and `fillViewport="horizontal"` or `fillViewport={true}` cannot be used with the `width` prop.
+     * @type boolean | 'horizontal' | 'vertical'
      */
     fillViewport?: FillType;
     /**
-     * Predefined `flex` behavior patterns. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Predefined `flex` behavior patterns. Can be a [responsive prop](/docs/responsive-props).
      *
      * - `grow`: fills available space (`flex: 1 0 0`)
      * - `initial`: default behavior (`flex: 0 1 auto`)
      * - `equal`: equal space distribution (`flex: 1`)
      * - `rigid`: fixed size (`flex: 0 0 auto`)
      * - `fluid`: responsive (`flex: 1 1 auto`)
+     *
+     * @type ResponsiveObject<'equal' | 'fluid' | 'grow' | 'initial' | 'rigid'>
      */
     flexMode?: FlexModeType | ResponsiveObject<FlexModeType>;
     /**
      * Specifies the gaps (gutters) between rows and columns.
-     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Can be a [responsive prop](/docs/responsive-props).
      *
      * 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.
+     *
+     * @type ResponsiveObject<Spacings | { row: Spacings; column: Spacings }>
      */
     gap?: Gap$1 | ResponsiveGap$1 | Spacings;
     /**
      * Specifies what amount of space inside the flex container the item should take up.
-     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Can be a [responsive prop](/docs/responsive-props).
      *
      * *Note: Cannot be used with `flexMode` prop.*
      *
      * *Note: only works for nested `<Box />`*
+     * @type ResponsiveObject<number | string>
      */
     grow?: ResponsiveObject<number | string> | number | string;
     /**
-     * Specifies the height of the box. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Specifies the height of the box. Can be a [responsive prop](/docs/responsive-props).
      *
      * *Note: Cannot be used with fill="vertical" or fillViewport="vertical"*
+     * @type ResponsiveObject<string>
      */
     height?: ResponsiveObject<string> | string;
     /**
      * Make Layout behave like an inline element but still lay out its content according to flexbox model.
-     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Can be a [responsive prop](/docs/responsive-props).
+     * @type ResponsiveObject<boolean>
      */
     inline?: ResponsiveObject<boolean> | boolean;
     /**
      * Specifies how the browser distributes space between and around
-     * items along the main axis of their container. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * items along the main axis of their container. Can be a [responsive prop](/docs/responsive-props).
+     * @type ResponsiveObject<'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly'>
      */
     justifyContent?: JustifyContentType | ResponsiveObject<JustifyContentType>;
     /**
@@ -886,22 +875,25 @@ type BoxProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT$1> & {
     renderAs?: ElementType;
     /**
      * Specifies how items will shrink inside the container when the default size of
-     * items is larger than their container. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * items is larger than their container. Can be a [responsive prop](/docs/responsive-props).
      *
      * *Note: Cannot be used with `flexMode` prop.*
      *
      * *Note: only works for nested `<Box />`*
+     * @type ResponsiveObject<number>
      */
     shrink?: ResponsiveObject<number> | number;
     /**
      * Specifies whether items are forced into a single line or can be wrapped onto multiple lines.
-     * Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Can be a [responsive prop](/docs/responsive-props).
+     * @type ResponsiveObject<boolean>
      */
     wrapItems?: ResponsiveObject<boolean> | boolean;
     /**
-     * Specifies the width of the box. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
+     * Specifies the width of the box. Can be a [responsive prop](/docs/responsive-props).
      *
      * *Note: Cannot be used with fill="horizontal" or fillViewport="horizontal"*
+     * @type ResponsiveObject<string>
      */
     width?: ResponsiveObject<string> | string;
 };
@@ -4595,4 +4587,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, 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 };
+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 };