@wistia/ui 0.18.10-beta.6184f9f6.d0d0aad → 0.18.10-beta.621d1dd0.401dcf0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, PropsWithChildren, ReactElement, InputHTMLAttributes, Ref, SyntheticEvent, HTMLAttributes, ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
3
+ import { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, FocusEvent, MouseEvent, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, AnchorHTMLAttributes, ReactElement, ElementType, ChangeEvent, PropsWithChildren, InputHTMLAttributes, Ref, SyntheticEvent, HTMLAttributes, ForwardRefExoticComponent, RefAttributes, TdHTMLAttributes, ThHTMLAttributes, ComponentProps } from 'react';
4
4
  import { UseFilePickerConfig, FilePickerReturnTypes, ExtractContentTypeFromConfig, useImperativeFilePickerConfig, ImperativeFilePickerReturnTypes } from 'use-file-picker/types';
5
5
  export * from 'use-file-picker/types';
6
6
  import { CollapsibleContentProps as CollapsibleContentProps$1 } from '@radix-ui/react-collapsible';
@@ -123,13 +123,14 @@ declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) =>
123
123
  declare const useForceUpdate: () => (() => void);
124
124
 
125
125
  type HoverProps = {
126
- onFocus: (event: React.FocusEvent) => void;
127
- onMouseEnter: (event: React.MouseEvent) => void;
128
- onBlur: (event: React.FocusEvent) => void;
129
- onMouseLeave: (event: React.MouseEvent) => void;
130
- onMouseMove?: (event: React.MouseEvent) => void;
126
+ onFocus: (event: FocusEvent) => void;
127
+ onMouseEnter: (event: MouseEvent) => void;
128
+ onBlur: (event: FocusEvent) => void;
129
+ onMouseLeave: (event: MouseEvent) => void;
130
+ onMouseMove?: (event: MouseEvent) => void;
131
131
  };
132
- declare const useIsHovered: () => [boolean, HoverProps, (hovered: boolean) => void];
132
+ type UseIsHoveredReturnType = [boolean, HoverProps, (hovered: boolean) => void];
133
+ declare const useIsHovered: () => UseIsHoveredReturnType;
133
134
 
134
135
  type AddEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
135
136
  type RemoveEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
@@ -150,7 +151,7 @@ declare const useLocalStorage: <T, _>(key: Parameters<SetItemType>[0], initialVa
150
151
 
151
152
  declare const useLockBodyScroll: (locked: boolean) => void;
152
153
 
153
- type MediaQueryBooleans = {
154
+ type UseMqReturnType = {
154
155
  isXlAndUp: boolean;
155
156
  isLgAndUp: boolean;
156
157
  isMdAndUp: boolean;
@@ -162,9 +163,9 @@ type MediaQueryBooleans = {
162
163
  isLgAndDown: boolean;
163
164
  isXlAndDown: boolean;
164
165
  };
165
- declare const useMq: () => MediaQueryBooleans;
166
- type MediaQueryLabels = keyof MediaQueryBooleans;
167
- declare const useActiveMq: () => MediaQueryLabels[];
166
+ declare const useMq: () => UseMqReturnType;
167
+ type UseActiveMqReturnType = keyof UseMqReturnType;
168
+ declare const useActiveMq: () => UseActiveMqReturnType[];
168
169
 
169
170
  type EventType = 'focusin' | 'focusout' | 'mousedown' | 'mouseup' | 'touchend' | 'touchstart';
170
171
  declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
@@ -198,7 +199,7 @@ declare const ColorSchemeWrapper: {
198
199
  type ButtonVariants = 'ghost' | 'outline' | 'soft' | 'solid';
199
200
 
200
201
  type LinkTypes = 'default' | 'email' | 'external' | 'phone';
201
- type ReactRouterLinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
202
+ type ReactRouterLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
202
203
  reloadDocument?: boolean;
203
204
  replace?: boolean;
204
205
  state?: any;
@@ -432,7 +433,7 @@ type ToastProps = ComponentPropsWithoutRef<'div'> & {
432
433
  /**
433
434
  * Action can be undefined (default dismiss button), a Button component or false to hide the dismiss button
434
435
  */
435
- action?: React.ReactElement<typeof Button> | undefined;
436
+ action?: ReactElement<typeof Button> | undefined;
436
437
  /**
437
438
  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
438
439
  */
@@ -452,7 +453,8 @@ type UseToastProps = ToastProps & {
452
453
  position?: Position;
453
454
  duration?: number;
454
455
  };
455
- declare const useToast: () => (({ message, icon, colorScheme, action, position, duration, }: UseToastProps) => void);
456
+ type UseToastReturnType = ({ message, icon, colorScheme, action, position, duration, }: UseToastProps) => void;
457
+ declare const useToast: () => UseToastReturnType;
456
458
 
457
459
  declare const useWindowSize: (interval?: number) => {
458
460
  width: number;
@@ -2195,7 +2197,7 @@ type EditableTextCancelButtonProps = {
2195
2197
  */
2196
2198
  children: ReactElement;
2197
2199
  };
2198
- declare const EditableTextCancelButton: ({ children, }: EditableTextCancelButtonProps) => React.JSX.Element | null;
2200
+ declare const EditableTextCancelButton: ({ children, }: EditableTextCancelButtonProps) => JSX.Element | null;
2199
2201
 
2200
2202
  type EditableTextTriggerProps = {
2201
2203
  /**
@@ -3181,7 +3183,7 @@ type ModalCalloutsProps = {
3181
3183
  /**
3182
3184
  * The content to be displayed in the modal callout.
3183
3185
  */
3184
- children?: React.ReactNode;
3186
+ children?: ReactNode;
3185
3187
  };
3186
3188
  declare const ModalCallouts: {
3187
3189
  ({ children }: ModalCalloutsProps): react_jsx_runtime.JSX.Element;
@@ -3193,7 +3195,7 @@ type ModalCalloutProps = {
3193
3195
  /**
3194
3196
  * The content to be displayed in the modal callout.
3195
3197
  */
3196
- children?: React.ReactNode;
3198
+ children?: ReactNode;
3197
3199
  };
3198
3200
  declare const ModalCallout: {
3199
3201
  ({ title, image, children }: ModalCalloutProps): react_jsx_runtime.JSX.Element;
@@ -3926,23 +3928,23 @@ declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
3926
3928
  hideLabel?: boolean;
3927
3929
  } & react.RefAttributes<HTMLInputElement>>;
3928
3930
 
3929
- type TableBodyProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
3931
+ type TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
3930
3932
  children?: ReactNode;
3931
3933
  };
3932
3934
  declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
3933
3935
 
3934
- type CellAttrs = Omit<react__default.TdHTMLAttributes<HTMLTableCellElement>, 'ref'> & Omit<react__default.ThHTMLAttributes<HTMLTableCellElement>, 'ref'>;
3936
+ type CellAttrs = Omit<TdHTMLAttributes<HTMLTableCellElement>, 'ref'> & Omit<ThHTMLAttributes<HTMLTableCellElement>, 'ref'>;
3935
3937
  type TableCellProps = CellAttrs & {
3936
3938
  children?: ReactNode;
3937
3939
  };
3938
3940
  declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
3939
3941
 
3940
- type TableFootProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
3942
+ type TableFootProps = HTMLAttributes<HTMLTableSectionElement> & {
3941
3943
  children?: ReactNode;
3942
3944
  };
3943
3945
  declare const TableFoot: ({ children, ...props }: TableFootProps) => JSX.Element;
3944
3946
 
3945
- type TableHeadProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
3947
+ type TableHeadProps = HTMLAttributes<HTMLTableSectionElement> & {
3946
3948
  children?: ReactNode;
3947
3949
  };
3948
3950
  declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
@@ -4361,4 +4363,4 @@ declare const SplitButton: {
4361
4363
  displayName: string;
4362
4364
  };
4363
4365
 
4364
- 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, 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, 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, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, 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 UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
4366
+ 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, 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, 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, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, 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, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
- import react__default, { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ElementType, ChangeEvent, PropsWithChildren, ReactElement, InputHTMLAttributes, Ref, SyntheticEvent, HTMLAttributes, ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
3
+ import { ReactNode, LegacyRef, MutableRefObject, RefCallback, Dispatch, SetStateAction, RefObject, FocusEvent, MouseEvent, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, AnchorHTMLAttributes, ReactElement, ElementType, ChangeEvent, PropsWithChildren, InputHTMLAttributes, Ref, SyntheticEvent, HTMLAttributes, ForwardRefExoticComponent, RefAttributes, TdHTMLAttributes, ThHTMLAttributes, ComponentProps } from 'react';
4
4
  import { UseFilePickerConfig, FilePickerReturnTypes, ExtractContentTypeFromConfig, useImperativeFilePickerConfig, ImperativeFilePickerReturnTypes } from 'use-file-picker/types';
5
5
  export * from 'use-file-picker/types';
6
6
  import { CollapsibleContentProps as CollapsibleContentProps$1 } from '@radix-ui/react-collapsible';
@@ -123,13 +123,14 @@ declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) =>
123
123
  declare const useForceUpdate: () => (() => void);
124
124
 
125
125
  type HoverProps = {
126
- onFocus: (event: React.FocusEvent) => void;
127
- onMouseEnter: (event: React.MouseEvent) => void;
128
- onBlur: (event: React.FocusEvent) => void;
129
- onMouseLeave: (event: React.MouseEvent) => void;
130
- onMouseMove?: (event: React.MouseEvent) => void;
126
+ onFocus: (event: FocusEvent) => void;
127
+ onMouseEnter: (event: MouseEvent) => void;
128
+ onBlur: (event: FocusEvent) => void;
129
+ onMouseLeave: (event: MouseEvent) => void;
130
+ onMouseMove?: (event: MouseEvent) => void;
131
131
  };
132
- declare const useIsHovered: () => [boolean, HoverProps, (hovered: boolean) => void];
132
+ type UseIsHoveredReturnType = [boolean, HoverProps, (hovered: boolean) => void];
133
+ declare const useIsHovered: () => UseIsHoveredReturnType;
133
134
 
134
135
  type AddEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
135
136
  type RemoveEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
@@ -150,7 +151,7 @@ declare const useLocalStorage: <T, _>(key: Parameters<SetItemType>[0], initialVa
150
151
 
151
152
  declare const useLockBodyScroll: (locked: boolean) => void;
152
153
 
153
- type MediaQueryBooleans = {
154
+ type UseMqReturnType = {
154
155
  isXlAndUp: boolean;
155
156
  isLgAndUp: boolean;
156
157
  isMdAndUp: boolean;
@@ -162,9 +163,9 @@ type MediaQueryBooleans = {
162
163
  isLgAndDown: boolean;
163
164
  isXlAndDown: boolean;
164
165
  };
165
- declare const useMq: () => MediaQueryBooleans;
166
- type MediaQueryLabels = keyof MediaQueryBooleans;
167
- declare const useActiveMq: () => MediaQueryLabels[];
166
+ declare const useMq: () => UseMqReturnType;
167
+ type UseActiveMqReturnType = keyof UseMqReturnType;
168
+ declare const useActiveMq: () => UseActiveMqReturnType[];
168
169
 
169
170
  type EventType = 'focusin' | 'focusout' | 'mousedown' | 'mouseup' | 'touchend' | 'touchstart';
170
171
  declare const useOnClickOutside: (ref: RefObject<HTMLElement | null | undefined>, handler: (event: Event) => unknown, eventTypes?: EventType | EventType[]) => void;
@@ -198,7 +199,7 @@ declare const ColorSchemeWrapper: {
198
199
  type ButtonVariants = 'ghost' | 'outline' | 'soft' | 'solid';
199
200
 
200
201
  type LinkTypes = 'default' | 'email' | 'external' | 'phone';
201
- type ReactRouterLinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
202
+ type ReactRouterLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
202
203
  reloadDocument?: boolean;
203
204
  replace?: boolean;
204
205
  state?: any;
@@ -432,7 +433,7 @@ type ToastProps = ComponentPropsWithoutRef<'div'> & {
432
433
  /**
433
434
  * Action can be undefined (default dismiss button), a Button component or false to hide the dismiss button
434
435
  */
435
- action?: React.ReactElement<typeof Button> | undefined;
436
+ action?: ReactElement<typeof Button> | undefined;
436
437
  /**
437
438
  * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
438
439
  */
@@ -452,7 +453,8 @@ type UseToastProps = ToastProps & {
452
453
  position?: Position;
453
454
  duration?: number;
454
455
  };
455
- declare const useToast: () => (({ message, icon, colorScheme, action, position, duration, }: UseToastProps) => void);
456
+ type UseToastReturnType = ({ message, icon, colorScheme, action, position, duration, }: UseToastProps) => void;
457
+ declare const useToast: () => UseToastReturnType;
456
458
 
457
459
  declare const useWindowSize: (interval?: number) => {
458
460
  width: number;
@@ -2195,7 +2197,7 @@ type EditableTextCancelButtonProps = {
2195
2197
  */
2196
2198
  children: ReactElement;
2197
2199
  };
2198
- declare const EditableTextCancelButton: ({ children, }: EditableTextCancelButtonProps) => React.JSX.Element | null;
2200
+ declare const EditableTextCancelButton: ({ children, }: EditableTextCancelButtonProps) => JSX.Element | null;
2199
2201
 
2200
2202
  type EditableTextTriggerProps = {
2201
2203
  /**
@@ -3181,7 +3183,7 @@ type ModalCalloutsProps = {
3181
3183
  /**
3182
3184
  * The content to be displayed in the modal callout.
3183
3185
  */
3184
- children?: React.ReactNode;
3186
+ children?: ReactNode;
3185
3187
  };
3186
3188
  declare const ModalCallouts: {
3187
3189
  ({ children }: ModalCalloutsProps): react_jsx_runtime.JSX.Element;
@@ -3193,7 +3195,7 @@ type ModalCalloutProps = {
3193
3195
  /**
3194
3196
  * The content to be displayed in the modal callout.
3195
3197
  */
3196
- children?: React.ReactNode;
3198
+ children?: ReactNode;
3197
3199
  };
3198
3200
  declare const ModalCallout: {
3199
3201
  ({ title, image, children }: ModalCalloutProps): react_jsx_runtime.JSX.Element;
@@ -3926,23 +3928,23 @@ declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHT
3926
3928
  hideLabel?: boolean;
3927
3929
  } & react.RefAttributes<HTMLInputElement>>;
3928
3930
 
3929
- type TableBodyProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
3931
+ type TableBodyProps = HTMLAttributes<HTMLTableSectionElement> & {
3930
3932
  children?: ReactNode;
3931
3933
  };
3932
3934
  declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
3933
3935
 
3934
- type CellAttrs = Omit<react__default.TdHTMLAttributes<HTMLTableCellElement>, 'ref'> & Omit<react__default.ThHTMLAttributes<HTMLTableCellElement>, 'ref'>;
3936
+ type CellAttrs = Omit<TdHTMLAttributes<HTMLTableCellElement>, 'ref'> & Omit<ThHTMLAttributes<HTMLTableCellElement>, 'ref'>;
3935
3937
  type TableCellProps = CellAttrs & {
3936
3938
  children?: ReactNode;
3937
3939
  };
3938
3940
  declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
3939
3941
 
3940
- type TableFootProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
3942
+ type TableFootProps = HTMLAttributes<HTMLTableSectionElement> & {
3941
3943
  children?: ReactNode;
3942
3944
  };
3943
3945
  declare const TableFoot: ({ children, ...props }: TableFootProps) => JSX.Element;
3944
3946
 
3945
- type TableHeadProps = react__default.HTMLAttributes<HTMLTableSectionElement> & {
3947
+ type TableHeadProps = HTMLAttributes<HTMLTableSectionElement> & {
3946
3948
  children?: ReactNode;
3947
3949
  };
3948
3950
  declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
@@ -4361,4 +4363,4 @@ declare const SplitButton: {
4361
4363
  displayName: string;
4362
4364
  };
4363
4365
 
4364
- 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, 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, 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, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, 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 UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
4366
+ 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, 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, 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, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, 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, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.18.10-beta.6184f9f6.d0d0aad
3
+ * @license @wistia/ui v0.18.10-beta.621d1dd0.401dcf0
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -17549,7 +17549,6 @@ var Table = ({
17549
17549
  };
17550
17550
 
17551
17551
  // src/components/Table/TableBody.tsx
17552
- import "react";
17553
17552
  import { styled as styled97 } from "styled-components";
17554
17553
 
17555
17554
  // src/components/Table/TableSectionContext.ts
@@ -17593,7 +17592,6 @@ var TableCell = ({ children, ...props }) => {
17593
17592
  };
17594
17593
 
17595
17594
  // src/components/Table/TableFoot.tsx
17596
- import "react";
17597
17595
  import { styled as styled99 } from "styled-components";
17598
17596
  import { jsx as jsx321 } from "react/jsx-runtime";
17599
17597
  var StyledTableFoot = styled99.tfoot``;
@@ -17602,7 +17600,6 @@ var TableFoot = ({ children, ...props }) => {
17602
17600
  };
17603
17601
 
17604
17602
  // src/components/Table/TableHead.tsx
17605
- import "react";
17606
17603
  import { styled as styled100 } from "styled-components";
17607
17604
  import { jsx as jsx322 } from "react/jsx-runtime";
17608
17605
  var StyledThead = styled100.thead``;
@@ -18334,7 +18331,7 @@ var Thumbnail = forwardRef37(
18334
18331
  Thumbnail.displayName = "Thumbnail_UI";
18335
18332
 
18336
18333
  // src/components/ThumbnailCollage/ThumbnailCollage.tsx
18337
- import React5 from "react";
18334
+ import { cloneElement as cloneElement9, Children as Children11 } from "react";
18338
18335
  import { styled as styled108 } from "styled-components";
18339
18336
  import { isNonEmptyArray } from "@wistia/type-guards";
18340
18337
  import { jsx as jsx331 } from "react/jsx-runtime";
@@ -18393,10 +18390,10 @@ var ThumbnailCollage = ({
18393
18390
  gradientBackground = "defaultMidOne",
18394
18391
  ...props
18395
18392
  }) => {
18396
- const thumbnailArray = React5.Children.toArray(children);
18393
+ const thumbnailArray = Children11.toArray(children);
18397
18394
  const truncatedThumbnails = thumbnailArray.slice(0, 3);
18398
18395
  const thumbnails = isNonEmptyArray(thumbnailArray) ? truncatedThumbnails.map((child) => {
18399
- return React5.cloneElement(child, {
18396
+ return cloneElement9(child, {
18400
18397
  ...child.props,
18401
18398
  children: void 0
18402
18399
  });
@@ -18550,7 +18547,7 @@ WistiaLogo.displayName = "WistiaLogo_UI";
18550
18547
  // src/components/SplitButton/SplitButton.tsx
18551
18548
  import { styled as styled110 } from "styled-components";
18552
18549
  import { isNotNil as isNotNil45 } from "@wistia/type-guards";
18553
- import { cloneElement as cloneElement9 } from "react";
18550
+ import { cloneElement as cloneElement10 } from "react";
18554
18551
  import { jsx as jsx333, jsxs as jsxs74 } from "react/jsx-runtime";
18555
18552
  var StyledSplitButton = styled110.span`
18556
18553
  ${({ $colorScheme }) => getColorScheme($colorScheme)};
@@ -18615,7 +18612,7 @@ var SplitButton = ({
18615
18612
  children: menuItems
18616
18613
  }
18617
18614
  ),
18618
- isNotNil45(secondaryAction) && cloneElement9(secondaryAction, { disabled, size, unstyled, variant, colorScheme })
18615
+ isNotNil45(secondaryAction) && cloneElement10(secondaryAction, { disabled, size, unstyled, variant, colorScheme })
18619
18616
  ] });
18620
18617
  };
18621
18618
  SplitButton.displayName = "SplitButton_UI";