@wistia/ui 0.13.0 → 0.13.1-beta.dfa62396.22fa8d9

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
@@ -1528,6 +1528,62 @@ declare const Divider: {
1528
1528
  displayName: string;
1529
1529
  };
1530
1530
 
1531
+ type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
1532
+ declare const variantStyleMap$1: {
1533
+ hero: styled_components.FlattenSimpleInterpolation;
1534
+ heading1: styled_components.FlattenSimpleInterpolation;
1535
+ heading2: styled_components.FlattenSimpleInterpolation;
1536
+ heading3: styled_components.FlattenSimpleInterpolation;
1537
+ heading4: styled_components.FlattenSimpleInterpolation;
1538
+ heading5: styled_components.FlattenSimpleInterpolation;
1539
+ heading6: styled_components.FlattenSimpleInterpolation;
1540
+ };
1541
+ declare const DEFAULT_ELEMENT = "h1";
1542
+ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
1543
+ /**
1544
+ * The horizontal alignment
1545
+ * <br />
1546
+ * _Note: this only affects block elements_
1547
+ */
1548
+ align?: AlignmentTypes$1;
1549
+ /**
1550
+ * The content of the heading
1551
+ */
1552
+ children: ReactNode;
1553
+ /**
1554
+ * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
1555
+ */
1556
+ colorScheme?: ColorSchemeTypes;
1557
+ /**
1558
+ * Styles to text as disabled
1559
+ */
1560
+ disabled?: boolean;
1561
+ /**
1562
+ * Display the text as inline content
1563
+ */
1564
+ inline?: boolean;
1565
+ /**
1566
+ * Prevents text from being highlighted and copied
1567
+ */
1568
+ preventUserSelect?: boolean;
1569
+ renderAs?: ElementType;
1570
+ /**
1571
+ * Number of lines to display before truncating with an ellipsis.
1572
+ * Set to 1 to truncate after a single line, 2 for two lines, etc.
1573
+ * <br />
1574
+ * _Note: this only affects block elements_
1575
+ */
1576
+ truncate?: number;
1577
+ /**
1578
+ * The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
1579
+ */
1580
+ variant?: keyof typeof variantStyleMap$1;
1581
+ };
1582
+ /**
1583
+ * Displaying heading text, both visually and semantically
1584
+ */
1585
+ declare const Heading: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, HeadingProps>) => react.ReactElement | null) & UnknownRecord;
1586
+
1531
1587
  type EditableHeadingProps = {
1532
1588
  /**
1533
1589
  * The initial text content of the heading.
@@ -1552,6 +1608,10 @@ type EditableHeadingProps = {
1552
1608
  * Sets an aria-label for the input and label for the screen reader only button.
1553
1609
  */
1554
1610
  ariaLabel?: string;
1611
+ /**
1612
+ * The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the renderAs prop is used
1613
+ */
1614
+ variant?: HeadingProps['variant'];
1555
1615
  /**
1556
1616
  * Force editing state for testing purposes
1557
1617
  * @ignore
@@ -1569,7 +1629,7 @@ type EditableHeadingProps = {
1569
1629
  * an accessible button that enables editing mode. The component handles empty values, keyboard
1570
1630
  * navigation (Enter to save, Escape to cancel), and provides callbacks for value and state changes.
1571
1631
  */
1572
- declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
1632
+ declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
1573
1633
 
1574
1634
  type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
1575
1635
  /**
@@ -1703,13 +1763,20 @@ declare const FormField: {
1703
1763
 
1704
1764
  type FormGroupProps = Omit<ComponentPropsWithoutRef<'fieldset'>, 'onChange'> & {
1705
1765
  children: ReactNode;
1766
+ /**
1767
+ * The label for the form group
1768
+ */
1706
1769
  label?: ReactNode;
1770
+ /**
1771
+ * The description for the form group
1772
+ */
1773
+ description?: ReactNode;
1707
1774
  };
1708
1775
  /**
1709
1776
  * For grouping like form elements together.
1710
1777
  */
1711
1778
  declare const FormGroup: {
1712
- ({ children, label, ...props }: FormGroupProps): JSX.Element;
1779
+ ({ children, label, description, ...props }: FormGroupProps): JSX.Element;
1713
1780
  displayName: string;
1714
1781
  };
1715
1782
 
@@ -1765,62 +1832,6 @@ type GridProps = ComponentPropsWithoutRef<'div'> & {
1765
1832
  };
1766
1833
  declare const Grid: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, GridProps>) => react.ReactElement | null) & UnknownRecord;
1767
1834
 
1768
- type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
1769
- declare const variantStyleMap$1: {
1770
- hero: styled_components.FlattenSimpleInterpolation;
1771
- heading1: styled_components.FlattenSimpleInterpolation;
1772
- heading2: styled_components.FlattenSimpleInterpolation;
1773
- heading3: styled_components.FlattenSimpleInterpolation;
1774
- heading4: styled_components.FlattenSimpleInterpolation;
1775
- heading5: styled_components.FlattenSimpleInterpolation;
1776
- heading6: styled_components.FlattenSimpleInterpolation;
1777
- };
1778
- declare const DEFAULT_ELEMENT = "h1";
1779
- type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
1780
- /**
1781
- * The horizontal alignment
1782
- * <br />
1783
- * _Note: this only affects block elements_
1784
- */
1785
- align?: AlignmentTypes$1;
1786
- /**
1787
- * The content of the heading
1788
- */
1789
- children: ReactNode;
1790
- /**
1791
- * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
1792
- */
1793
- colorScheme?: ColorSchemeTypes;
1794
- /**
1795
- * Styles to text as disabled
1796
- */
1797
- disabled?: boolean;
1798
- /**
1799
- * Display the text as inline content
1800
- */
1801
- inline?: boolean;
1802
- /**
1803
- * Prevents text from being highlighted and copied
1804
- */
1805
- preventUserSelect?: boolean;
1806
- renderAs?: ElementType;
1807
- /**
1808
- * Number of lines to display before truncating with an ellipsis.
1809
- * Set to 1 to truncate after a single line, 2 for two lines, etc.
1810
- * <br />
1811
- * _Note: this only affects block elements_
1812
- */
1813
- truncate?: number;
1814
- /**
1815
- * The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
1816
- */
1817
- variant?: keyof typeof variantStyleMap$1;
1818
- };
1819
- /**
1820
- * Displaying heading text, both visually and semantically
1821
- */
1822
- declare const Heading: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, HeadingProps>) => react.ReactElement | null) & UnknownRecord;
1823
-
1824
1835
  type IconButtonProps = {
1825
1836
  /**
1826
1837
  * Accessible text for screen readers.
@@ -2102,6 +2113,10 @@ type UncontrolledMenuProps = {
2102
2113
  };
2103
2114
  type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
2104
2115
  type MenuProps = MenuControlProps & {
2116
+ /**
2117
+ * @ignore
2118
+ */
2119
+ avoidCollisions?: boolean;
2105
2120
  /**
2106
2121
  * The position of the Menu
2107
2122
  */
@@ -3707,4 +3722,25 @@ declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "t
3707
3722
  onVisibilityToggle?: (isVisible: boolean) => void;
3708
3723
  } & react.RefAttributes<HTMLInputElement>>;
3709
3724
 
3710
- 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, 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, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, 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, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, 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, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
3725
+ type ContextMenuProps = {
3726
+ children: ReactNode;
3727
+ onRequestClose?: () => void;
3728
+ } & ({
3729
+ position: {
3730
+ x: number;
3731
+ y: number;
3732
+ };
3733
+ triggerRef?: never;
3734
+ } | {
3735
+ position?: never;
3736
+ triggerRef: RefObject<HTMLElement>;
3737
+ });
3738
+ /**
3739
+ * The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
3740
+ * It can be used in two ways:
3741
+ * 1. By providing a `triggerRef`, which will render the menu when the referenced element is right-clicked.
3742
+ * 2. By providing a `position` prop, which will render the menu at the specified coordinates.
3743
+ */
3744
+ declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
3745
+
3746
+ 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, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, 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, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, 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, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
package/dist/index.d.ts CHANGED
@@ -1528,6 +1528,62 @@ declare const Divider: {
1528
1528
  displayName: string;
1529
1529
  };
1530
1530
 
1531
+ type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
1532
+ declare const variantStyleMap$1: {
1533
+ hero: styled_components.FlattenSimpleInterpolation;
1534
+ heading1: styled_components.FlattenSimpleInterpolation;
1535
+ heading2: styled_components.FlattenSimpleInterpolation;
1536
+ heading3: styled_components.FlattenSimpleInterpolation;
1537
+ heading4: styled_components.FlattenSimpleInterpolation;
1538
+ heading5: styled_components.FlattenSimpleInterpolation;
1539
+ heading6: styled_components.FlattenSimpleInterpolation;
1540
+ };
1541
+ declare const DEFAULT_ELEMENT = "h1";
1542
+ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
1543
+ /**
1544
+ * The horizontal alignment
1545
+ * <br />
1546
+ * _Note: this only affects block elements_
1547
+ */
1548
+ align?: AlignmentTypes$1;
1549
+ /**
1550
+ * The content of the heading
1551
+ */
1552
+ children: ReactNode;
1553
+ /**
1554
+ * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
1555
+ */
1556
+ colorScheme?: ColorSchemeTypes;
1557
+ /**
1558
+ * Styles to text as disabled
1559
+ */
1560
+ disabled?: boolean;
1561
+ /**
1562
+ * Display the text as inline content
1563
+ */
1564
+ inline?: boolean;
1565
+ /**
1566
+ * Prevents text from being highlighted and copied
1567
+ */
1568
+ preventUserSelect?: boolean;
1569
+ renderAs?: ElementType;
1570
+ /**
1571
+ * Number of lines to display before truncating with an ellipsis.
1572
+ * Set to 1 to truncate after a single line, 2 for two lines, etc.
1573
+ * <br />
1574
+ * _Note: this only affects block elements_
1575
+ */
1576
+ truncate?: number;
1577
+ /**
1578
+ * The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
1579
+ */
1580
+ variant?: keyof typeof variantStyleMap$1;
1581
+ };
1582
+ /**
1583
+ * Displaying heading text, both visually and semantically
1584
+ */
1585
+ declare const Heading: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, HeadingProps>) => react.ReactElement | null) & UnknownRecord;
1586
+
1531
1587
  type EditableHeadingProps = {
1532
1588
  /**
1533
1589
  * The initial text content of the heading.
@@ -1552,6 +1608,10 @@ type EditableHeadingProps = {
1552
1608
  * Sets an aria-label for the input and label for the screen reader only button.
1553
1609
  */
1554
1610
  ariaLabel?: string;
1611
+ /**
1612
+ * The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the renderAs prop is used
1613
+ */
1614
+ variant?: HeadingProps['variant'];
1555
1615
  /**
1556
1616
  * Force editing state for testing purposes
1557
1617
  * @ignore
@@ -1569,7 +1629,7 @@ type EditableHeadingProps = {
1569
1629
  * an accessible button that enables editing mode. The component handles empty values, keyboard
1570
1630
  * navigation (Enter to save, Escape to cancel), and provides callbacks for value and state changes.
1571
1631
  */
1572
- declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
1632
+ declare const EditableHeading: ({ children, onValueChange, onEditingChange, tooltipText, ariaLabel, variant, __forceEditing, editingDisabled, }: EditableHeadingProps) => JSX.Element;
1573
1633
 
1574
1634
  type EllipsisProps = ComponentPropsWithoutRef<'span'> & {
1575
1635
  /**
@@ -1703,13 +1763,20 @@ declare const FormField: {
1703
1763
 
1704
1764
  type FormGroupProps = Omit<ComponentPropsWithoutRef<'fieldset'>, 'onChange'> & {
1705
1765
  children: ReactNode;
1766
+ /**
1767
+ * The label for the form group
1768
+ */
1706
1769
  label?: ReactNode;
1770
+ /**
1771
+ * The description for the form group
1772
+ */
1773
+ description?: ReactNode;
1707
1774
  };
1708
1775
  /**
1709
1776
  * For grouping like form elements together.
1710
1777
  */
1711
1778
  declare const FormGroup: {
1712
- ({ children, label, ...props }: FormGroupProps): JSX.Element;
1779
+ ({ children, label, description, ...props }: FormGroupProps): JSX.Element;
1713
1780
  displayName: string;
1714
1781
  };
1715
1782
 
@@ -1765,62 +1832,6 @@ type GridProps = ComponentPropsWithoutRef<'div'> & {
1765
1832
  };
1766
1833
  declare const Grid: (<C extends ElementType = "div">(props: PolymorphicComponentProps<C, GridProps>) => react.ReactElement | null) & UnknownRecord;
1767
1834
 
1768
- type AlignmentTypes$1 = 'center' | 'justify' | 'left' | 'right';
1769
- declare const variantStyleMap$1: {
1770
- hero: styled_components.FlattenSimpleInterpolation;
1771
- heading1: styled_components.FlattenSimpleInterpolation;
1772
- heading2: styled_components.FlattenSimpleInterpolation;
1773
- heading3: styled_components.FlattenSimpleInterpolation;
1774
- heading4: styled_components.FlattenSimpleInterpolation;
1775
- heading5: styled_components.FlattenSimpleInterpolation;
1776
- heading6: styled_components.FlattenSimpleInterpolation;
1777
- };
1778
- declare const DEFAULT_ELEMENT = "h1";
1779
- type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
1780
- /**
1781
- * The horizontal alignment
1782
- * <br />
1783
- * _Note: this only affects block elements_
1784
- */
1785
- align?: AlignmentTypes$1;
1786
- /**
1787
- * The content of the heading
1788
- */
1789
- children: ReactNode;
1790
- /**
1791
- * Sets the [color scheme](../?path=/docs/docs-color-schemes--docs)
1792
- */
1793
- colorScheme?: ColorSchemeTypes;
1794
- /**
1795
- * Styles to text as disabled
1796
- */
1797
- disabled?: boolean;
1798
- /**
1799
- * Display the text as inline content
1800
- */
1801
- inline?: boolean;
1802
- /**
1803
- * Prevents text from being highlighted and copied
1804
- */
1805
- preventUserSelect?: boolean;
1806
- renderAs?: ElementType;
1807
- /**
1808
- * Number of lines to display before truncating with an ellipsis.
1809
- * Set to 1 to truncate after a single line, 2 for two lines, etc.
1810
- * <br />
1811
- * _Note: this only affects block elements_
1812
- */
1813
- truncate?: number;
1814
- /**
1815
- * The text style to display. This will also affect what element (h1, h2, etc) is rendered, unless the `renderAs` prop is used
1816
- */
1817
- variant?: keyof typeof variantStyleMap$1;
1818
- };
1819
- /**
1820
- * Displaying heading text, both visually and semantically
1821
- */
1822
- declare const Heading: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, HeadingProps>) => react.ReactElement | null) & UnknownRecord;
1823
-
1824
1835
  type IconButtonProps = {
1825
1836
  /**
1826
1837
  * Accessible text for screen readers.
@@ -2102,6 +2113,10 @@ type UncontrolledMenuProps = {
2102
2113
  };
2103
2114
  type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
2104
2115
  type MenuProps = MenuControlProps & {
2116
+ /**
2117
+ * @ignore
2118
+ */
2119
+ avoidCollisions?: boolean;
2105
2120
  /**
2106
2121
  * The position of the Menu
2107
2122
  */
@@ -3707,4 +3722,25 @@ declare const InputPassword: react.ForwardRefExoticComponent<Omit<InputProps, "t
3707
3722
  onVisibilityToggle?: (isVisible: boolean) => void;
3708
3723
  } & react.RefAttributes<HTMLInputElement>>;
3709
3724
 
3710
- 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, 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, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, 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, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, 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, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
3725
+ type ContextMenuProps = {
3726
+ children: ReactNode;
3727
+ onRequestClose?: () => void;
3728
+ } & ({
3729
+ position: {
3730
+ x: number;
3731
+ y: number;
3732
+ };
3733
+ triggerRef?: never;
3734
+ } | {
3735
+ position?: never;
3736
+ triggerRef: RefObject<HTMLElement>;
3737
+ });
3738
+ /**
3739
+ * The ContextMenu is an extended implementation of the [Menu]() component that allows for right-click context menus.
3740
+ * It can be used in two ways:
3741
+ * 1. By providing a `triggerRef`, which will render the menu when the referenced element is right-clicked.
3742
+ * 2. By providing a `position` prop, which will render the menu at the specified coordinates.
3743
+ */
3744
+ declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
3745
+
3746
+ 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, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, DataCard, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, 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, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, 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, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };