@wistia/ui 0.4.9-beta.f08d243b.56e8ca2 → 0.4.9

package/dist/index.d.mts

@@ -1,10 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject } from 'react';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import * as styled_components from 'styled-components';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
-import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
 
 type UIProviderProps = {
     children: ReactNode;
@@ -103,7 +102,7 @@ declare const ColorSchemeWrapper: {
 type ButtonVariants = 'ghost' | 'outline' | 'soft' | 'solid';
 
 type LinkTypes = 'default' | 'email' | 'external' | 'phone';
-type BaseProps$1 = {
+type BaseProps = {
     /**
      * A Promise to invoke before navigating to location.
      * _Caution: if used with `external` type prop a new window will **not** be opened_
@@ -144,11 +143,11 @@ type BaseProps$1 = {
      */
     underline?: boolean;
 };
-type LinkAsLinkProps = BaseProps$1 & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
+type LinkAsLinkProps = BaseProps & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
     href: string | undefined;
     type?: LinkTypes;
 };
-type LinkAsButtonProps = BaseProps$1 & ComponentPropsWithRef<'button'> & {
+type LinkAsButtonProps = BaseProps & ComponentPropsWithRef<'button'> & {
     href?: never;
     type?: 'button' | 'reset' | 'submit';
 };
@@ -289,7 +288,7 @@ declare const useWindowSize: (interval?: number) => {
 
 type ActionButtonProps = {
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -310,7 +309,7 @@ type ActionButtonProps = {
  */
 declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -327,7 +326,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
     variant?: "default" | "gated" | "menu-down" | "menu-up";
 } & Omit<ButtonAsButtonProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref"> | Omit<{
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -705,7 +704,7 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
      */
     name?: string | undefined;
     /**
-     * Callback function invoked when the value changes
+     * Callback function invoked when the checkbox value changes
      */
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
@@ -1251,7 +1250,7 @@ type IconButtonProps = {
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
 } & (Omit<ButtonAsButtonProps, 'fullWidth' | 'leftIcon' | 'rightIcon'> | Omit<ButtonAsLinkProps, 'fullWidth' | 'leftIcon' | 'rightIcon'>);
@@ -1265,7 +1264,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
 } & Omit<ButtonAsButtonProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref"> | Omit<{
@@ -1274,7 +1273,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
 } & Omit<ButtonAsLinkProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
@@ -2021,76 +2020,6 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
-type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
-    /**
-     * `SegmentedControlItem`s that will be rendered in grouping
-     */
-    children?: ReactNode;
-    /**
-     * Set the entire `SegmentedControl` to be disabled
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Force `SegmentedControl` to fill the width of it's container
-     */
-    fullWidth?: boolean | undefined;
-    /**
-     * Callback function invoked when the value changes
-     */
-    onSelectedValueChange: (value: string) => void;
-    /**
-     * The value of the `SegmentedControlItem` which should be selected
-     */
-    selectedValue: string;
-};
-/**
- * Provides a horizontal set of segments for switching between different values
- */
-declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps>;
-
-type BaseProps = {
-    /**
-     * Disable the `SegmentedControlItem`
-     */
-    disabled?: boolean | undefined;
-    /**
-     * The value of the item
-     */
-    value: string;
-};
-type IconWithLabel = {
-    /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
-     */
-    icon?: JSX.Element;
-    /**
-     * The label of the item
-     */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
-};
-type IconWithAriaLabel = {
-    /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
-     */
-    icon?: JSX.Element;
-    /**
-     * Use this when displaying an icon without a label
-     */
-    'aria-label'?: string | undefined;
-    label?: never;
-};
-type NoIcon = {
-    icon?: undefined;
-    /**
-     * The label of the item
-     */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
-};
-type SegmentedControlItemProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
-declare const SegmentedControlItem: react.ForwardRefExoticComponent<SegmentedControlItemProps & react.RefAttributes<HTMLButtonElement>>;
-
 type StackProps = {
     /**
      * Optional children
@@ -2318,4 +2247,4 @@ type SelectOptionGroupProps = {
 };
 declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => 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, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, 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, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1,10 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject, ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ReactNode, Dispatch, SetStateAction, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes, RefObject } from 'react';
 import { LinkProps as LinkProps$1 } from 'react-router-dom';
 import * as styled_components from 'styled-components';
 import { DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
-import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
 
 type UIProviderProps = {
     children: ReactNode;
@@ -103,7 +102,7 @@ declare const ColorSchemeWrapper: {
 type ButtonVariants = 'ghost' | 'outline' | 'soft' | 'solid';
 
 type LinkTypes = 'default' | 'email' | 'external' | 'phone';
-type BaseProps$1 = {
+type BaseProps = {
     /**
      * A Promise to invoke before navigating to location.
      * _Caution: if used with `external` type prop a new window will **not** be opened_
@@ -144,11 +143,11 @@ type BaseProps$1 = {
      */
     underline?: boolean;
 };
-type LinkAsLinkProps = BaseProps$1 & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
+type LinkAsLinkProps = BaseProps & ComponentPropsWithRef<'a'> & Omit<LinkProps$1, 'to'> & {
     href: string | undefined;
     type?: LinkTypes;
 };
-type LinkAsButtonProps = BaseProps$1 & ComponentPropsWithRef<'button'> & {
+type LinkAsButtonProps = BaseProps & ComponentPropsWithRef<'button'> & {
     href?: never;
     type?: 'button' | 'reset' | 'submit';
 };
@@ -289,7 +288,7 @@ declare const useWindowSize: (interval?: number) => {
 
 type ActionButtonProps = {
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -310,7 +309,7 @@ type ActionButtonProps = {
  */
 declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -327,7 +326,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
     variant?: "default" | "gated" | "menu-down" | "menu-up";
 } & Omit<ButtonAsButtonProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref"> | Omit<{
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     icon: JSX.Element;
     /**
@@ -705,7 +704,7 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
      */
     name?: string | undefined;
     /**
-     * Callback function invoked when the value changes
+     * Callback function invoked when the checkbox value changes
      */
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     /**
@@ -1251,7 +1250,7 @@ type IconButtonProps = {
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
 } & (Omit<ButtonAsButtonProps, 'fullWidth' | 'leftIcon' | 'rightIcon'> | Omit<ButtonAsLinkProps, 'fullWidth' | 'leftIcon' | 'rightIcon'>);
@@ -1265,7 +1264,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
 } & Omit<ButtonAsButtonProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref"> | Omit<{
@@ -1274,7 +1273,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      */
     label: string;
     /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
+     * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
 } & Omit<ButtonAsLinkProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
@@ -2021,76 +2020,6 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
-type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
-    /**
-     * `SegmentedControlItem`s that will be rendered in grouping
-     */
-    children?: ReactNode;
-    /**
-     * Set the entire `SegmentedControl` to be disabled
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Force `SegmentedControl` to fill the width of it's container
-     */
-    fullWidth?: boolean | undefined;
-    /**
-     * Callback function invoked when the value changes
-     */
-    onSelectedValueChange: (value: string) => void;
-    /**
-     * The value of the `SegmentedControlItem` which should be selected
-     */
-    selectedValue: string;
-};
-/**
- * Provides a horizontal set of segments for switching between different values
- */
-declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps>;
-
-type BaseProps = {
-    /**
-     * Disable the `SegmentedControlItem`
-     */
-    disabled?: boolean | undefined;
-    /**
-     * The value of the item
-     */
-    value: string;
-};
-type IconWithLabel = {
-    /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
-     */
-    icon?: JSX.Element;
-    /**
-     * The label of the item
-     */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
-};
-type IconWithAriaLabel = {
-    /**
-     * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
-     */
-    icon?: JSX.Element;
-    /**
-     * Use this when displaying an icon without a label
-     */
-    'aria-label'?: string | undefined;
-    label?: never;
-};
-type NoIcon = {
-    icon?: undefined;
-    /**
-     * The label of the item
-     */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
-};
-type SegmentedControlItemProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
-declare const SegmentedControlItem: react.ForwardRefExoticComponent<SegmentedControlItemProps & react.RefAttributes<HTMLButtonElement>>;
-
 type StackProps = {
     /**
      * Optional children
@@ -2318,4 +2247,4 @@ type SelectOptionGroupProps = {
 };
 declare const SelectOptionGroup: ({ children, label, ...props }: SelectOptionGroupProps) => 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, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, 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, Checkbox, CheckboxGroup, CheckboxMenuItem, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Divider, Ellipsis, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Heading, type HeadingProps, Icon, IconButton, type IconButtonProps, type IconNameType, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useBoolean, useFormState, useKey, useMq, useToast, useWindowSize };