@wistia/ui 0.0.25 → 0.1.1

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, RefObject, InputHTMLAttributes } 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';
@@ -54,9 +54,6 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
      * @ignore For use in creating navs - will override any colorScheme prop
      */
     __nav?: boolean;
-    /**
-     * The color scheme to apply
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Children
@@ -86,9 +83,6 @@ type BaseProps = {
      * @type ReactNode
      */
     children: ReactNode;
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Link`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the link
@@ -141,9 +135,6 @@ type BaseButtonProps = {
      * @type ReactNode
      */
     children?: ReactNode;
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Button`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the button
@@ -224,9 +215,6 @@ type ToastProps = ComponentPropsWithoutRef<'div'> & {
      * Action can be undefined (default dismiss button), a Button component or false to hide the dismiss button
      */
     action?: React.ReactElement<typeof Button> | undefined;
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Toast`
-     */
     colorScheme?: ColorSchemeTypes | undefined;
     /**
      * Optional `Icon` component to use. Must be an instance of [Icon](/?path=/docs/components-icon--docs)
@@ -289,9 +277,6 @@ declare const Avatar: {
 };
 
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Badge`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -306,9 +291,6 @@ type BadgeProps = ComponentPropsWithoutRef<'div'> & {
  * A `Badge` is a compact label, with optional icon, to convey status or context.
  */
 declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Badge`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -723,9 +705,6 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
      * The content of the heading
      */
     children: ReactNode;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -767,9 +746,6 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      * The content of the heading
      */
     children: ReactNode;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -807,9 +783,6 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      * The content of the heading
      */
     children: ReactNode;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -1003,9 +976,6 @@ declare const iconSizeMap: {
     xxl: string;
 };
 type IconProps = ComponentPropsWithoutRef<'svg'> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Icon`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Is Icon on a filled background?
@@ -1026,7 +996,7 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
 };
 /**
  * A component that renders any of our available icons. Note that icons should not be used directly
- * for interactivity. If you need an interactive element, use [IconButton](?path=/docs/ui-components-iconbutton--docs).
+ * for interactivity. If you need an interactive element, use [IconButton](?path=/docs/components-iconbutton--docs).
  */
 declare const Icon: {
     ({ invertColor, colorScheme, size, style, type, ...otherProps }: IconProps): JSX.Element;
@@ -1038,10 +1008,6 @@ type IconButtonProps = {
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
     label: string;
-    /**
-     * Disable the tooltip
-     */
-    disableTooltip?: boolean;
     /**
      * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
@@ -1056,10 +1022,6 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
     label: string;
-    /**
-     * Disable the tooltip
-     */
-    disableTooltip?: boolean;
     /**
      * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
@@ -1069,10 +1031,6 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
     label: string;
-    /**
-     * Disable the tooltip
-     */
-    disableTooltip?: boolean;
     /**
      * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
@@ -1337,9 +1295,6 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      * The text content
      */
     children?: ReactNode | undefined;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1388,9 +1343,6 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      * The text content
      */
     children?: ReactNode | undefined;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1435,9 +1387,6 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      * The text content
      */
     children?: ReactNode | undefined;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1559,6 +1508,91 @@ declare const CheckboxMenuItem: {
     displayName: string;
 };
 
+type ModalProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * The content of the modal.
+     */
+    children: ReactNode;
+    /**
+     * Whether or not the modal should take up the full height of the viewport
+     */
+    fullHeight?: boolean;
+    /**
+     * Ref to the element that should receive focus when the modal opens
+     */
+    initialFocusRef?: RefObject<HTMLElement>;
+    /**
+     * Determines if the modal is currently open
+     */
+    isOpen: boolean;
+    /**
+     * Determines if the close button is visible (if false, `esc` will still close the Modal)
+     */
+    hideCloseButton?: boolean;
+    /**
+     * Determines if the title is visible
+     */
+    hideTitle?: boolean;
+    /**
+     * When the Modal is dismissed, this function will be called. You'll typically want to set the
+     * state of `isOpen` to false here
+     */
+    onRequestClose?: () => void;
+    /**
+     * The title for the modal. If you want to hide the title, set the `hideTitle` prop to `true`
+     * and the title will be hidden but still accessible to screen readers.
+     */
+    title: string;
+    /**
+     * The base width to apply to the Modal
+     */
+    width?: string;
+};
+/**
+ * A Modal is a focused UI element that appears atop the main interface, requiring
+ * user interaction or dismissal before returning to the underlying content.
+ */
+declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * The content of the modal.
+     */
+    children: ReactNode;
+    /**
+     * Whether or not the modal should take up the full height of the viewport
+     */
+    fullHeight?: boolean;
+    /**
+     * Ref to the element that should receive focus when the modal opens
+     */
+    initialFocusRef?: RefObject<HTMLElement>;
+    /**
+     * Determines if the modal is currently open
+     */
+    isOpen: boolean;
+    /**
+     * Determines if the close button is visible (if false, `esc` will still close the Modal)
+     */
+    hideCloseButton?: boolean;
+    /**
+     * Determines if the title is visible
+     */
+    hideTitle?: boolean;
+    /**
+     * When the Modal is dismissed, this function will be called. You'll typically want to set the
+     * state of `isOpen` to false here
+     */
+    onRequestClose?: () => void;
+    /**
+     * The title for the modal. If you want to hide the title, set the `hideTitle` prop to `true`
+     * and the title will be hidden but still accessible to screen readers.
+     */
+    title: string;
+    /**
+     * The base width to apply to the Modal
+     */
+    width?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+
 type RadioProps = ComponentPropsWithoutRef<'input'> & {
     /**
      * Indicates the state of the radio
@@ -1701,9 +1735,6 @@ declare const Stack: (<C = "div">(props: PolymorphicComponentProps<C, StackProps
 })>, never> & Record<string, never>;
 
 type TagProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Tag`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Valid URL for the `Tag` label to link to
@@ -1726,9 +1757,6 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
  * A `Tag` is an optionally linked label, with an optional action button, to categorize content.
  */
 declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Tag`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Valid URL for the `Tag` label to link to
@@ -1891,4 +1919,4 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
     type?: "email" | "multiline" | "number" | "phone" | "search" | "text" | "url";
 } & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 
-export { Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, ButtonGroup, type ButtonProps, 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, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };
+export { Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, ButtonGroup, type ButtonProps, 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, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, InputHTMLAttributes } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, RefObject, InputHTMLAttributes } 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';
@@ -54,9 +54,6 @@ type ColorSchemeWrapperProps = ComponentPropsWithoutRef<'div'> & {
      * @ignore For use in creating navs - will override any colorScheme prop
      */
     __nav?: boolean;
-    /**
-     * The color scheme to apply
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Children
@@ -86,9 +83,6 @@ type BaseProps = {
      * @type ReactNode
      */
     children: ReactNode;
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Link`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the link
@@ -141,9 +135,6 @@ type BaseButtonProps = {
      * @type ReactNode
      */
     children?: ReactNode;
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Button`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the button
@@ -224,9 +215,6 @@ type ToastProps = ComponentPropsWithoutRef<'div'> & {
      * Action can be undefined (default dismiss button), a Button component or false to hide the dismiss button
      */
     action?: React.ReactElement<typeof Button> | undefined;
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Toast`
-     */
     colorScheme?: ColorSchemeTypes | undefined;
     /**
      * Optional `Icon` component to use. Must be an instance of [Icon](/?path=/docs/components-icon--docs)
@@ -289,9 +277,6 @@ declare const Avatar: {
 };
 
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Badge`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -306,9 +291,6 @@ type BadgeProps = ComponentPropsWithoutRef<'div'> & {
  * A `Badge` is a compact label, with optional icon, to convey status or context.
  */
 declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Badge`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -723,9 +705,6 @@ type HeadingProps = ComponentPropsWithoutRef<typeof DEFAULT_ELEMENT> & {
      * The content of the heading
      */
     children: ReactNode;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -767,9 +746,6 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      * The content of the heading
      */
     children: ReactNode;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -807,9 +783,6 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      * The content of the heading
      */
     children: ReactNode;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Styles to text as disabled
@@ -1003,9 +976,6 @@ declare const iconSizeMap: {
     xxl: string;
 };
 type IconProps = ComponentPropsWithoutRef<'svg'> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Icon`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Is Icon on a filled background?
@@ -1026,7 +996,7 @@ type IconProps = ComponentPropsWithoutRef<'svg'> & {
 };
 /**
  * A component that renders any of our available icons. Note that icons should not be used directly
- * for interactivity. If you need an interactive element, use [IconButton](?path=/docs/ui-components-iconbutton--docs).
+ * for interactivity. If you need an interactive element, use [IconButton](?path=/docs/components-iconbutton--docs).
  */
 declare const Icon: {
     ({ invertColor, colorScheme, size, style, type, ...otherProps }: IconProps): JSX.Element;
@@ -1038,10 +1008,6 @@ type IconButtonProps = {
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
     label: string;
-    /**
-     * Disable the tooltip
-     */
-    disableTooltip?: boolean;
     /**
      * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
@@ -1056,10 +1022,6 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
     label: string;
-    /**
-     * Disable the tooltip
-     */
-    disableTooltip?: boolean;
     /**
      * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
@@ -1069,10 +1031,6 @@ declare const IconButton: react.ForwardRefExoticComponent<(Omit<{
      * Accessible text for screen readers. Also shows up in a tooltip unless `disableTooltip` is true.
      */
     label: string;
-    /**
-     * Disable the tooltip
-     */
-    disableTooltip?: boolean;
     /**
      * The Icon component to use, e.g. `<Icon type="favorite" />`
      */
@@ -1337,9 +1295,6 @@ type TextProps = ComponentPropsWithoutRef<'div'> & {
      * The text content
      */
     children?: ReactNode | undefined;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1388,9 +1343,6 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      * The text content
      */
     children?: ReactNode | undefined;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1435,9 +1387,6 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      * The text content
      */
     children?: ReactNode | undefined;
-    /**
-     * Sets the hue of the text
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Allows user to override default button colors
@@ -1559,6 +1508,91 @@ declare const CheckboxMenuItem: {
     displayName: string;
 };
 
+type ModalProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * The content of the modal.
+     */
+    children: ReactNode;
+    /**
+     * Whether or not the modal should take up the full height of the viewport
+     */
+    fullHeight?: boolean;
+    /**
+     * Ref to the element that should receive focus when the modal opens
+     */
+    initialFocusRef?: RefObject<HTMLElement>;
+    /**
+     * Determines if the modal is currently open
+     */
+    isOpen: boolean;
+    /**
+     * Determines if the close button is visible (if false, `esc` will still close the Modal)
+     */
+    hideCloseButton?: boolean;
+    /**
+     * Determines if the title is visible
+     */
+    hideTitle?: boolean;
+    /**
+     * When the Modal is dismissed, this function will be called. You'll typically want to set the
+     * state of `isOpen` to false here
+     */
+    onRequestClose?: () => void;
+    /**
+     * The title for the modal. If you want to hide the title, set the `hideTitle` prop to `true`
+     * and the title will be hidden but still accessible to screen readers.
+     */
+    title: string;
+    /**
+     * The base width to apply to the Modal
+     */
+    width?: string;
+};
+/**
+ * A Modal is a focused UI element that appears atop the main interface, requiring
+ * user interaction or dismissal before returning to the underlying content.
+ */
+declare const Modal: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /**
+     * The content of the modal.
+     */
+    children: ReactNode;
+    /**
+     * Whether or not the modal should take up the full height of the viewport
+     */
+    fullHeight?: boolean;
+    /**
+     * Ref to the element that should receive focus when the modal opens
+     */
+    initialFocusRef?: RefObject<HTMLElement>;
+    /**
+     * Determines if the modal is currently open
+     */
+    isOpen: boolean;
+    /**
+     * Determines if the close button is visible (if false, `esc` will still close the Modal)
+     */
+    hideCloseButton?: boolean;
+    /**
+     * Determines if the title is visible
+     */
+    hideTitle?: boolean;
+    /**
+     * When the Modal is dismissed, this function will be called. You'll typically want to set the
+     * state of `isOpen` to false here
+     */
+    onRequestClose?: () => void;
+    /**
+     * The title for the modal. If you want to hide the title, set the `hideTitle` prop to `true`
+     * and the title will be hidden but still accessible to screen readers.
+     */
+    title: string;
+    /**
+     * The base width to apply to the Modal
+     */
+    width?: string;
+} & react.RefAttributes<HTMLDivElement>>;
+
 type RadioProps = ComponentPropsWithoutRef<'input'> & {
     /**
      * Indicates the state of the radio
@@ -1701,9 +1735,6 @@ declare const Stack: (<C = "div">(props: PolymorphicComponentProps<C, StackProps
 })>, never> & Record<string, never>;
 
 type TagProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Tag`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Valid URL for the `Tag` label to link to
@@ -1726,9 +1757,6 @@ type TagProps = ComponentPropsWithoutRef<'div'> & {
  * A `Tag` is an optionally linked label, with an optional action button, to categorize content.
  */
 declare const Tag: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /**
-     * Set the [color scheme](../?path=/docs/docs-color-schemes--docs) of the `Tag`
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Valid URL for the `Tag` label to link to
@@ -1891,4 +1919,4 @@ declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HT
     type?: "email" | "multiline" | "number" | "phone" | "search" | "text" | "url";
 } & react.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 
-export { Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, ButtonGroup, type ButtonProps, 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, Radio, RadioGroup, RadioMenuItem, type RadioProps, ScreenReaderOnly, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };
+export { Avatar, type AvatarInstanceType, type AvatarProps, Badge, type BadgeProps, Box, type BoxProps, Button, ButtonGroup, type ButtonProps, 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, Stack, SubMenu, Tag, type TagProps, Text, type TextProps, Tooltip, type TooltipProps, UIProvider, WistiaLogo, colorSchemeOptions, copyToClipboard, ellipsisFlexParentStyle, ellipsisStyle, iconSizeMap, mq, useActiveMq, useAriaLive, useFormState, useMq, useToast, useWindowSize };