@wistia/ui 0.4.8-beta.25eae1b2.b10e708 → 0.4.8-beta.39749e5f.7a8d5fd

package/dist/index.d.mts

@@ -103,7 +103,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_
@@ -123,14 +123,6 @@ type BaseProps$1 = {
      * Disables the link
      */
     disabled?: boolean;
-    /**
-     * Icon to display on the left side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
-     */
-    leftIcon?: JSX.Element | undefined;
-    /**
-     * Icon to display on the right side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
-     */
-    rightIcon?: JSX.Element | undefined;
     /**
      * Type of link to display
      *
@@ -144,11 +136,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';
 };
@@ -325,7 +317,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
      * Changes the secondary icon for different use cases
      */
     variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsButtonProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref"> | Omit<{
     /**
      * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
      */
@@ -342,7 +334,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
      * Changes the secondary icon for different use cases
      */
     variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsLinkProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type AvatarInstanceType = 'image' | 'initials';
 type AvatarImageLoadStateType = 'error' | 'loaded' | 'loading';
@@ -1268,7 +1260,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
-} & Omit<ButtonAsButtonProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref"> | Omit<{
     /**
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
@@ -1277,7 +1269,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
-} & Omit<ButtonAsLinkProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'type'> & {
     /**
@@ -2026,10 +2018,6 @@ 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
      */
@@ -2048,17 +2036,7 @@ type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
  */
 declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps>;
 
-type BaseProps = {
-    /**
-     * Disable the `SegmentedControlItem`
-     */
-    disabled?: boolean | undefined;
-    /**
-     * The value of the item
-     */
-    value: string;
-};
-type IconWithLabel = {
+type SegmentedControlItemProps = {
     /**
      * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
      */
@@ -2066,30 +2044,13 @@ type IconWithLabel = {
     /**
      * 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;
+    label?: string | undefined;
     /**
-     * The label of the item
+     * The value of the item
      */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
+    value: string;
 };
-type SegmentedControlItemProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
-declare const SegmentedControlItem: react.ForwardRefExoticComponent<SegmentedControlItemProps & react.RefAttributes<HTMLButtonElement>>;
+declare const SegmentedControlItem: ({ icon, label, value, }: SegmentedControlItemProps) => JSX.Element;
 
 type StackProps = {
     /**
@@ -2247,75 +2208,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-type SelectProps = {
-    /**
-     * Sets the validity status of the input
-     *
-     * @default false
-     */
-    'aria-invalid'?: boolean;
-    /**
-     * A group of `Option` or `OptionGroup`s
-     */
-    children: ReactNode;
-    colorScheme?: ColorSchemeTypes;
-    /**
-     * When true, the select can't be interacted with.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If true, the select will fill its container
-     */
-    fullWidth?: ResponsiveObject<boolean> | boolean;
-    /**
-     * Called when a value is changed.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Text shown when no value is selected
-     */
-    placeholder?: string;
-    /**
-     * The controlled value. Must be used in conjunction with `onChange`.
-     */
-    value?: string;
-};
-/**
- * Display a list of options and choose one of them. Replacement for the native Select HTML element.
- */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
-
-type SelectOptionProps = {
-    /**
-     * The visual content of the select
-     */
-    children: ReactNode;
-    /**
-     * The value to set
-     */
-    value: string;
-    /**
-     * When true, this option will not be selectable
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the Option.
-     * Use this when the content is complex, or you have non-textual content inside.
-     */
-    textValue?: string;
-};
-declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLDivElement>>;
-
-type SelectOptionGroupProps = {
-    /** The label of the group */
-    label: string;
-    /** At least one `Option` */
-    children: ReactNode;
-};
-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, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, 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

@@ -103,7 +103,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_
@@ -123,14 +123,6 @@ type BaseProps$1 = {
      * Disables the link
      */
     disabled?: boolean;
-    /**
-     * Icon to display on the left side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
-     */
-    leftIcon?: JSX.Element | undefined;
-    /**
-     * Icon to display on the right side of the link, Must be an instance of [Icon](?path=/docs/components-icon--docs)
-     */
-    rightIcon?: JSX.Element | undefined;
     /**
      * Type of link to display
      *
@@ -144,11 +136,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';
 };
@@ -325,7 +317,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
      * Changes the secondary icon for different use cases
      */
     variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsButtonProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref"> | Omit<{
     /**
      * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
      */
@@ -342,7 +334,7 @@ declare const ActionButton: react.ForwardRefExoticComponent<(Omit<{
      * Changes the secondary icon for different use cases
      */
     variant?: "default" | "gated" | "menu-down" | "menu-up";
-} & Omit<ButtonAsLinkProps, "size" | "leftIcon" | "rightIcon" | "isLoading" | "fullWidth" | "unstyled" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "size" | "isLoading" | "leftIcon" | "fullWidth" | "unstyled" | "rightIcon" | "variant">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type AvatarInstanceType = 'image' | 'initials';
 type AvatarImageLoadStateType = 'error' | 'loaded' | 'loading';
@@ -1268,7 +1260,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
-} & Omit<ButtonAsButtonProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref"> | Omit<{
+} & Omit<ButtonAsButtonProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref"> | Omit<{
     /**
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
@@ -1277,7 +1269,7 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
      */
     children: JSX.Element;
-} & Omit<ButtonAsLinkProps, "leftIcon" | "rightIcon" | "fullWidth">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+} & Omit<ButtonAsLinkProps, "leftIcon" | "fullWidth" | "rightIcon">, "ref">) & react.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
 type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'type'> & {
     /**
@@ -2026,10 +2018,6 @@ 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
      */
@@ -2048,17 +2036,7 @@ type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'> & {
  */
 declare const SegmentedControl: ForwardRefExoticComponent<RefAttributes<HTMLDivElement> & SegmentedControlProps>;
 
-type BaseProps = {
-    /**
-     * Disable the `SegmentedControlItem`
-     */
-    disabled?: boolean | undefined;
-    /**
-     * The value of the item
-     */
-    value: string;
-};
-type IconWithLabel = {
+type SegmentedControlItemProps = {
     /**
      * The [Icon](?path=/docs/components-icon--docs) component to use, e.g. `<Icon type="favorite" />`
      */
@@ -2066,30 +2044,13 @@ type IconWithLabel = {
     /**
      * 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;
+    label?: string | undefined;
     /**
-     * The label of the item
+     * The value of the item
      */
-    label?: ReactNode | string | undefined;
-    'aria-label'?: never;
+    value: string;
 };
-type SegmentedControlItemProps = BaseProps & (IconWithAriaLabel | IconWithLabel | NoIcon);
-declare const SegmentedControlItem: react.ForwardRefExoticComponent<SegmentedControlItemProps & react.RefAttributes<HTMLButtonElement>>;
+declare const SegmentedControlItem: ({ icon, label, value, }: SegmentedControlItemProps) => JSX.Element;
 
 type StackProps = {
     /**
@@ -2247,75 +2208,4 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-type SelectProps = {
-    /**
-     * Sets the validity status of the input
-     *
-     * @default false
-     */
-    'aria-invalid'?: boolean;
-    /**
-     * A group of `Option` or `OptionGroup`s
-     */
-    children: ReactNode;
-    colorScheme?: ColorSchemeTypes;
-    /**
-     * When true, the select can't be interacted with.
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * If true, the select will fill its container
-     */
-    fullWidth?: ResponsiveObject<boolean> | boolean;
-    /**
-     * Called when a value is changed.
-     */
-    onChange?: (value: string) => void;
-    /**
-     * Text shown when no value is selected
-     */
-    placeholder?: string;
-    /**
-     * The controlled value. Must be used in conjunction with `onChange`.
-     */
-    value?: string;
-};
-/**
- * Display a list of options and choose one of them. Replacement for the native Select HTML element.
- */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement>>;
-
-type SelectOptionProps = {
-    /**
-     * The visual content of the select
-     */
-    children: ReactNode;
-    /**
-     * The value to set
-     */
-    value: string;
-    /**
-     * When true, this option will not be selectable
-     *
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Optional text used for typeahead purposes. By default the typeahead behavior will use the `.textContent` of the Option.
-     * Use this when the content is complex, or you have non-textual content inside.
-     */
-    textValue?: string;
-};
-declare const SelectOption: react.ForwardRefExoticComponent<SelectOptionProps & react.RefAttributes<HTMLDivElement>>;
-
-type SelectOptionGroupProps = {
-    /** The label of the group */
-    label: string;
-    /** At least one `Option` */
-    children: ReactNode;
-};
-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, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, 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 };