@wistia/ui 0.10.5 → 0.10.6

package/dist/index.d.mts

@@ -1110,6 +1110,43 @@ type CollapsibleContentProps = {
 };
 declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => react_jsx_runtime.JSX.Element;
 
+type ComboboxOptionProps = {
+    value: string;
+    children: ReactNode;
+};
+declare const ComboboxOption: ({ value, children }: ComboboxOptionProps) => react_jsx_runtime.JSX.Element;
+type ComboboxProps = {
+    /**
+     * If true, the combox will fill the width of its parent
+     */
+    fullWidth?: boolean;
+    /**
+     * The options to display in the combobox
+     */
+    children: ReactNode;
+    /**
+     * The placeholder text for the combobox input
+     */
+    placeholder?: string;
+    /**
+     * The function to call when the search value changes.
+     */
+    onSearchValueChange: (value: string) => void;
+    /**
+     * The search value of the combobox input
+     */
+    searchValue: string;
+    /**
+     * Callback that fires when a value is selected
+     */
+    onChange: (value: string[]) => void;
+    /**
+     * The selected values of the combobox
+     */
+    value: string[];
+};
+declare const Combobox: ({ placeholder, value, onChange, searchValue, onSearchValueChange, children, fullWidth, }: ComboboxProps) => react_jsx_runtime.JSX.Element;
+
 type DataCardProps = ComponentPropsWithoutRef<'div'> & Partial<Pick<ButtonAsLinkProps, 'beforeAction' | 'disabled' | 'href' | 'onClick' | 'type'>> & {
     /**
      * Label text displayed above the value
@@ -1933,6 +1970,28 @@ declare const Label: {
     displayName: string;
 };
 
+type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
+type ItemType = ItemType[] | string[] | string;
+type ListProps = ComponentPropsWithoutRef<'ul'> & {
+    /**
+     * Children should be wrapped in `<ListItem>`
+     */
+    children?: ReactNode;
+    /**
+     * As an alternative to passing children you can supply an array of strings that
+     * will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
+     */
+    items?: ItemType[];
+    /**
+     * The kind of list to render
+     */
+    variant?: VariantType;
+};
+declare const List: {
+    ({ children, items, variant, ...otherProps }: ListProps): JSX.Element | null;
+    displayName: string;
+};
+
 type ControlledMenuProps = {
     /**
      * Is the menu open.
@@ -2802,6 +2861,55 @@ type SelectOptionGroupProps = {
 };
 declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
 
+type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
+    /**
+     * aria-label for screen-readers to apply to the slider
+     */
+    'aria-label'?: string;
+    /**
+     * aria-labelledby for screen-readers to apply to the slider
+     */
+    'aria-labelledby'?: string;
+    /**
+     * @ignore
+     */
+    'data-testid'?: string;
+    /**
+     * Determines the initial position(s) of the thumb(s)
+     * Must be an array of numbers.
+     */
+    initialValue?: number[];
+    /**
+     * If `true` the thumbs can't be moved.
+     */
+    disabled?: boolean;
+    /**
+     * The maximum value of the slider.
+     */
+    max?: number;
+    /**
+     * The minimum value of the slider.
+     */
+    min?: number;
+    /**
+     * Callback called on value change
+     */
+    onChange?: (value: number[]) => void;
+    /**
+     * Value to be added or subtracted on each step
+     */
+    step?: number;
+    /**
+     * Current value of the slider
+     * Must be an array of numbers if provided.
+     */
+    value?: number[];
+};
+declare const Slider: {
+    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled, initialValue, max, min, onChange, step, value, "data-testid": dataTestId, ...otherProps }: SliderProps): JSX.Element;
+    displayName: string;
+};
+
 type StackProps = {
     /**
      * Optional children
@@ -3290,63 +3398,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
-type ItemType = ItemType[] | string[] | string;
-type ListProps = ComponentPropsWithoutRef<'ul'> & {
-    /**
-     * Children should be wrapped in `<ListItem>`
-     */
-    children?: ReactNode;
-    /**
-     * As an alternative to passing children you can supply an array of strings that
-     * will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
-     */
-    items?: ItemType[];
-    /**
-     * The kind of list to render
-     */
-    variant?: VariantType;
-};
-declare const List: {
-    ({ children, items, variant, ...otherProps }: ListProps): JSX.Element | null;
-    displayName: string;
-};
-
-type ComboboxOptionProps = {
-    value: string;
-    children: ReactNode;
-};
-declare const ComboboxOption: ({ value, children }: ComboboxOptionProps) => react_jsx_runtime.JSX.Element;
-type ComboboxProps = {
-    /**
-     * If true, the combox will fill the width of its parent
-     */
-    fullWidth?: boolean;
-    /**
-     * The options to display in the combobox
-     */
-    children: ReactNode;
-    /**
-     * The placeholder text for the combobox input
-     */
-    placeholder?: string;
-    /**
-     * The function to call when the search value changes.
-     */
-    onSearchValueChange: (value: string) => void;
-    /**
-     * The search value of the combobox input
-     */
-    searchValue: string;
-    /**
-     * Callback that fires when a value is selected
-     */
-    onChange: (value: string[]) => void;
-    /**
-     * The selected values of the combobox
-     */
-    value: string[];
-};
-declare const Combobox: ({ placeholder, value, onChange, searchValue, onSearchValueChange, children, fullWidth, }: ComboboxProps) => react_jsx_runtime.JSX.Element;
-
-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, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, 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, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, 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, 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 UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFocusTrap, useForceUpdate, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, 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, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, 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, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, 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, Slider, type SliderProps, 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 UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFocusTrap, useForceUpdate, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1110,6 +1110,43 @@ type CollapsibleContentProps = {
 };
 declare const CollapsibleContent: ({ clamp, children }: CollapsibleContentProps) => react_jsx_runtime.JSX.Element;
 
+type ComboboxOptionProps = {
+    value: string;
+    children: ReactNode;
+};
+declare const ComboboxOption: ({ value, children }: ComboboxOptionProps) => react_jsx_runtime.JSX.Element;
+type ComboboxProps = {
+    /**
+     * If true, the combox will fill the width of its parent
+     */
+    fullWidth?: boolean;
+    /**
+     * The options to display in the combobox
+     */
+    children: ReactNode;
+    /**
+     * The placeholder text for the combobox input
+     */
+    placeholder?: string;
+    /**
+     * The function to call when the search value changes.
+     */
+    onSearchValueChange: (value: string) => void;
+    /**
+     * The search value of the combobox input
+     */
+    searchValue: string;
+    /**
+     * Callback that fires when a value is selected
+     */
+    onChange: (value: string[]) => void;
+    /**
+     * The selected values of the combobox
+     */
+    value: string[];
+};
+declare const Combobox: ({ placeholder, value, onChange, searchValue, onSearchValueChange, children, fullWidth, }: ComboboxProps) => react_jsx_runtime.JSX.Element;
+
 type DataCardProps = ComponentPropsWithoutRef<'div'> & Partial<Pick<ButtonAsLinkProps, 'beforeAction' | 'disabled' | 'href' | 'onClick' | 'type'>> & {
     /**
      * Label text displayed above the value
@@ -1933,6 +1970,28 @@ declare const Label: {
     displayName: string;
 };
 
+type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
+type ItemType = ItemType[] | string[] | string;
+type ListProps = ComponentPropsWithoutRef<'ul'> & {
+    /**
+     * Children should be wrapped in `<ListItem>`
+     */
+    children?: ReactNode;
+    /**
+     * As an alternative to passing children you can supply an array of strings that
+     * will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
+     */
+    items?: ItemType[];
+    /**
+     * The kind of list to render
+     */
+    variant?: VariantType;
+};
+declare const List: {
+    ({ children, items, variant, ...otherProps }: ListProps): JSX.Element | null;
+    displayName: string;
+};
+
 type ControlledMenuProps = {
     /**
      * Is the menu open.
@@ -2802,6 +2861,55 @@ type SelectOptionGroupProps = {
 };
 declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => react_jsx_runtime.JSX.Element;
 
+type SliderProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> & {
+    /**
+     * aria-label for screen-readers to apply to the slider
+     */
+    'aria-label'?: string;
+    /**
+     * aria-labelledby for screen-readers to apply to the slider
+     */
+    'aria-labelledby'?: string;
+    /**
+     * @ignore
+     */
+    'data-testid'?: string;
+    /**
+     * Determines the initial position(s) of the thumb(s)
+     * Must be an array of numbers.
+     */
+    initialValue?: number[];
+    /**
+     * If `true` the thumbs can't be moved.
+     */
+    disabled?: boolean;
+    /**
+     * The maximum value of the slider.
+     */
+    max?: number;
+    /**
+     * The minimum value of the slider.
+     */
+    min?: number;
+    /**
+     * Callback called on value change
+     */
+    onChange?: (value: number[]) => void;
+    /**
+     * Value to be added or subtracted on each step
+     */
+    step?: number;
+    /**
+     * Current value of the slider
+     * Must be an array of numbers if provided.
+     */
+    value?: number[];
+};
+declare const Slider: {
+    ({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, disabled, initialValue, max, min, onChange, step, value, "data-testid": dataTestId, ...otherProps }: SliderProps): JSX.Element;
+    displayName: string;
+};
+
 type StackProps = {
     /**
      * Optional children
@@ -3290,63 +3398,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-type VariantType = 'breadcrumbs' | 'bullets' | 'commas' | 'ordered' | 'slashes' | 'spaces' | 'unbulleted';
-type ItemType = ItemType[] | string[] | string;
-type ListProps = ComponentPropsWithoutRef<'ul'> & {
-    /**
-     * Children should be wrapped in `<ListItem>`
-     */
-    children?: ReactNode;
-    /**
-     * As an alternative to passing children you can supply an array of strings that
-     * will be rendered as child `<ListItems>`s. Note that all items will be of the same variant.
-     */
-    items?: ItemType[];
-    /**
-     * The kind of list to render
-     */
-    variant?: VariantType;
-};
-declare const List: {
-    ({ children, items, variant, ...otherProps }: ListProps): JSX.Element | null;
-    displayName: string;
-};
-
-type ComboboxOptionProps = {
-    value: string;
-    children: ReactNode;
-};
-declare const ComboboxOption: ({ value, children }: ComboboxOptionProps) => react_jsx_runtime.JSX.Element;
-type ComboboxProps = {
-    /**
-     * If true, the combox will fill the width of its parent
-     */
-    fullWidth?: boolean;
-    /**
-     * The options to display in the combobox
-     */
-    children: ReactNode;
-    /**
-     * The placeholder text for the combobox input
-     */
-    placeholder?: string;
-    /**
-     * The function to call when the search value changes.
-     */
-    onSearchValueChange: (value: string) => void;
-    /**
-     * The search value of the combobox input
-     */
-    searchValue: string;
-    /**
-     * Callback that fires when a value is selected
-     */
-    onChange: (value: string[]) => void;
-    /**
-     * The selected values of the combobox
-     */
-    value: string[];
-};
-declare const Combobox: ({ placeholder, value, onChange, searchValue, onSearchValueChange, children, fullWidth, }: ComboboxProps) => react_jsx_runtime.JSX.Element;
-
-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, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, 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, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, 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, 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 UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFocusTrap, useForceUpdate, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, 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, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, 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, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, 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, Slider, type SliderProps, 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 UseToastProps, WistiaLogo, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFocusTrap, useForceUpdate, useFormState, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };