@wistia/ui 0.0.24 → 0.1.0

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 } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, 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,10 +83,6 @@ type BaseProps = {
      * @type ReactNode
      */
     children: ReactNode;
-    /**
-     * Set the color scheme of the button
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the link
@@ -142,10 +135,6 @@ type BaseButtonProps = {
      * @type ReactNode
      */
     children?: ReactNode;
-    /**
-     * Set the color scheme of the button
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the button
@@ -226,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)
@@ -291,10 +277,6 @@ declare const Avatar: {
 };
 
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Set the color scheme of the `Badge`
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -309,10 +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 of the `Badge`
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -727,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
@@ -771,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
@@ -811,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
@@ -839,7 +808,7 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      */
     variant?: keyof typeof variantStyleMap$1;
 } & {
-    renderAs: react.JSXElementConstructor<any> | keyof react.JSX.IntrinsicElements;
+    renderAs: keyof react.JSX.IntrinsicElements | react.JSXElementConstructor<any>;
 })>, never> & Record<string, never>;
 
 declare const iconMap: {
@@ -1007,10 +976,6 @@ declare const iconSizeMap: {
     xxl: string;
 };
 type IconProps = ComponentPropsWithoutRef<'svg'> & {
-    /**
-     * Set the color scheme of the button
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Is Icon on a filled background?
@@ -1031,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;
@@ -1043,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" />`
      */
@@ -1061,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" />`
      */
@@ -1074,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" />`
      */
@@ -1342,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
@@ -1393,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
@@ -1440,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
@@ -1475,7 +1419,7 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      */
     variant?: keyof typeof variantStyleMap | undefined;
 } & {
-    renderAs: react.JSXElementConstructor<any> | keyof react.JSX.IntrinsicElements;
+    renderAs: keyof react.JSX.IntrinsicElements | react.JSXElementConstructor<any>;
 })>, never> & Record<string, never>;
 
 type MenuItemLabelProps = {
@@ -1702,13 +1646,10 @@ declare const Stack: (<C = "div">(props: PolymorphicComponentProps<C, StackProps
 } & StackProps & {
     ref?: any;
 }) | (StackProps & {
-    renderAs: react.JSXElementConstructor<any> | keyof react.JSX.IntrinsicElements;
+    renderAs: keyof react.JSX.IntrinsicElements | react.JSXElementConstructor<any>;
 })>, 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
@@ -1731,9 +1672,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
@@ -1832,4 +1770,68 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-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, 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 };
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'type'> & {
+    /**
+     * Sets the validity status of the input
+     */
+    'aria-invalid'?: boolean;
+    /**
+     * Set the disabled state of the input
+     */
+    disabled?: boolean;
+    /**
+     * If true, the input will fill the width of its parent
+     */
+    fullWidth?: boolean;
+    /**
+     * If true, the input will use a monospace font
+     */
+    monospace?: boolean;
+    /**
+     * Icon to display on the left side of the input, Must be an instance of [Icon](?path=/docs/components-icon--docs)
+     */
+    leftIcon?: JSX.Element | undefined;
+    /**
+     * Icon to display on the right side of the input, Must be an instance of [Icon](?path=/docs/components-icon--docs)
+     */
+    rightIcon?: JSX.Element | undefined;
+    /**
+     * The type of the input
+     */
+    type?: 'email' | 'multiline' | 'number' | 'phone' | 'search' | 'text' | 'url';
+};
+/**
+ * Component description goes here
+ */
+declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
+    /**
+     * Sets the validity status of the input
+     */
+    'aria-invalid'?: boolean;
+    /**
+     * Set the disabled state of the input
+     */
+    disabled?: boolean;
+    /**
+     * If true, the input will fill the width of its parent
+     */
+    fullWidth?: boolean;
+    /**
+     * If true, the input will use a monospace font
+     */
+    monospace?: boolean;
+    /**
+     * Icon to display on the left side of the input, Must be an instance of [Icon](?path=/docs/components-icon--docs)
+     */
+    leftIcon?: JSX.Element | undefined;
+    /**
+     * Icon to display on the right side of the input, Must be an instance of [Icon](?path=/docs/components-icon--docs)
+     */
+    rightIcon?: JSX.Element | undefined;
+    /**
+     * The type of the input
+     */
+    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 };

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 } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, JSX, ComponentPropsWithRef, MouseEvent, ChangeEvent, ForwardedRef, Ref, JSXElementConstructor, ElementType as ElementType$1, 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,10 +83,6 @@ type BaseProps = {
      * @type ReactNode
      */
     children: ReactNode;
-    /**
-     * Set the color scheme of the button
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the link
@@ -142,10 +135,6 @@ type BaseButtonProps = {
      * @type ReactNode
      */
     children?: ReactNode;
-    /**
-     * Set the color scheme of the button
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Disables the button
@@ -226,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)
@@ -291,10 +277,6 @@ declare const Avatar: {
 };
 
 type BadgeProps = ComponentPropsWithoutRef<'div'> & {
-    /**
-     * Set the color scheme of the `Badge`
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -309,10 +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 of the `Badge`
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * The `Icon` component to use. Must be an instance of [Icon](../?path=/docs/components-icon--docs)
@@ -727,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
@@ -771,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
@@ -811,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
@@ -839,7 +808,7 @@ declare const Heading: (<C = "h1">(props: PolymorphicComponentProps<C, HeadingPr
      */
     variant?: keyof typeof variantStyleMap$1;
 } & {
-    renderAs: react.JSXElementConstructor<any> | keyof react.JSX.IntrinsicElements;
+    renderAs: keyof react.JSX.IntrinsicElements | react.JSXElementConstructor<any>;
 })>, never> & Record<string, never>;
 
 declare const iconMap: {
@@ -1007,10 +976,6 @@ declare const iconSizeMap: {
     xxl: string;
 };
 type IconProps = ComponentPropsWithoutRef<'svg'> & {
-    /**
-     * Set the color scheme of the button
-     * TODO - link to a color scheme page
-     */
     colorScheme?: ColorSchemeTypes;
     /**
      * Is Icon on a filled background?
@@ -1031,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;
@@ -1043,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" />`
      */
@@ -1061,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" />`
      */
@@ -1074,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" />`
      */
@@ -1342,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
@@ -1393,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
@@ -1440,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
@@ -1475,7 +1419,7 @@ declare const Text: (<C = "div">(props: PolymorphicComponentProps<C, TextProps>)
      */
     variant?: keyof typeof variantStyleMap | undefined;
 } & {
-    renderAs: react.JSXElementConstructor<any> | keyof react.JSX.IntrinsicElements;
+    renderAs: keyof react.JSX.IntrinsicElements | react.JSXElementConstructor<any>;
 })>, never> & Record<string, never>;
 
 type MenuItemLabelProps = {
@@ -1702,13 +1646,10 @@ declare const Stack: (<C = "div">(props: PolymorphicComponentProps<C, StackProps
 } & StackProps & {
     ref?: any;
 }) | (StackProps & {
-    renderAs: react.JSXElementConstructor<any> | keyof react.JSX.IntrinsicElements;
+    renderAs: keyof react.JSX.IntrinsicElements | react.JSXElementConstructor<any>;
 })>, 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
@@ -1731,9 +1672,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
@@ -1832,4 +1770,68 @@ declare const WistiaLogo: {
     displayName: string;
 };
 
-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, 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 };
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, 'type'> & {
+    /**
+     * Sets the validity status of the input
+     */
+    'aria-invalid'?: boolean;
+    /**
+     * Set the disabled state of the input
+     */
+    disabled?: boolean;
+    /**
+     * If true, the input will fill the width of its parent
+     */
+    fullWidth?: boolean;
+    /**
+     * If true, the input will use a monospace font
+     */
+    monospace?: boolean;
+    /**
+     * Icon to display on the left side of the input, Must be an instance of [Icon](?path=/docs/components-icon--docs)
+     */
+    leftIcon?: JSX.Element | undefined;
+    /**
+     * Icon to display on the right side of the input, Must be an instance of [Icon](?path=/docs/components-icon--docs)
+     */
+    rightIcon?: JSX.Element | undefined;
+    /**
+     * The type of the input
+     */
+    type?: 'email' | 'multiline' | 'number' | 'phone' | 'search' | 'text' | 'url';
+};
+/**
+ * Component description goes here
+ */
+declare const Input: react.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, "type"> & {
+    /**
+     * Sets the validity status of the input
+     */
+    'aria-invalid'?: boolean;
+    /**
+     * Set the disabled state of the input
+     */
+    disabled?: boolean;
+    /**
+     * If true, the input will fill the width of its parent
+     */
+    fullWidth?: boolean;
+    /**
+     * If true, the input will use a monospace font
+     */
+    monospace?: boolean;
+    /**
+     * Icon to display on the left side of the input, Must be an instance of [Icon](?path=/docs/components-icon--docs)
+     */
+    leftIcon?: JSX.Element | undefined;
+    /**
+     * Icon to display on the right side of the input, Must be an instance of [Icon](?path=/docs/components-icon--docs)
+     */
+    rightIcon?: JSX.Element | undefined;
+    /**
+     * The type of the input
+     */
+    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 };