@wistia/ui 0.14.10 → 0.14.11-beta.89cbbae6.bd1ca73

package/dist/index.d.mts

@@ -3907,4 +3907,166 @@ type ContextMenuProps = {
  */
 declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
+declare const typographicVariantStyleMap: {
+    hero: styled_components.FlattenSimpleInterpolation;
+    heading1: styled_components.FlattenSimpleInterpolation;
+    heading2: styled_components.FlattenSimpleInterpolation;
+    heading3: styled_components.FlattenSimpleInterpolation;
+    heading4: styled_components.FlattenSimpleInterpolation;
+    heading5: styled_components.FlattenSimpleInterpolation;
+    heading6: styled_components.FlattenSimpleInterpolation;
+    body1: styled_components.FlattenSimpleInterpolation;
+    body2: styled_components.FlattenSimpleInterpolation;
+    body3: styled_components.FlattenSimpleInterpolation;
+    body4: styled_components.FlattenSimpleInterpolation;
+    body1Mono: styled_components.FlattenSimpleInterpolation;
+    body2Mono: styled_components.FlattenSimpleInterpolation;
+    body3Mono: styled_components.FlattenSimpleInterpolation;
+    body4Mono: styled_components.FlattenSimpleInterpolation;
+    label1: styled_components.FlattenSimpleInterpolation;
+    label2: styled_components.FlattenSimpleInterpolation;
+    label3: styled_components.FlattenSimpleInterpolation;
+    label4: styled_components.FlattenSimpleInterpolation;
+};
+type TypographicVariant = keyof typeof typographicVariantStyleMap;
+
+type EditableTextRootProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * TODO: add a jsdoc description for this prop
+     */
+    children: ReactNode;
+    /**
+     * The initial value for the editable text
+     */
+    defaultValue?: string;
+    /**
+     * The current value for the editable text
+     */
+    value?: string;
+    /**
+     * Callback fired when the value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Callback fired when editing is committed (e.g., save button clicked, Enter pressed)
+     */
+    onValueCommit?: (value: string) => void;
+    /**
+     * Callback fired when editing is cancelled (e.g., cancel button clicked, Escape pressed)
+     */
+    onValueRevert?: (originalValue: string) => void;
+    /**
+     * Callback fired when the editing state changes (editing starts or stops)
+     */
+    onEditingChange?: (isEditing: boolean) => void;
+    /**
+     * The typographic variant to use for the display component
+     */
+    typographicVariant?: TypographicVariant;
+    /**
+     * The action(s) that trigger submit or dismiss in edit mode:
+     * - "enter": Trigger submit when the enter key is pressed, or dismiss when the esc key is pressed
+     * - "blur": Trigger submit when the editable is blurred, or dismiss when the esc key is pressed
+     * - "none": No action will trigger submit or dismiss. You need to use the submit or dismiss buttons
+     * - "both": Pressing Enter and blurring the input will trigger submit, or dismiss when the esc key is pressed
+     */
+    submitMode?: 'blur' | 'both' | 'enter' | 'none';
+    /**
+     * Whether the editable text is read only. If true, the editable text will not be editable and the trigger will not be shown.
+     */
+    readOnly?: boolean;
+    /**
+     * The id of the editable text.
+     */
+    id?: string;
+    /**
+     * The label of the editable text.
+     */
+    label: string;
+    /**
+     * Placeholder text for the input field and display
+     */
+    placeholder?: string;
+    /**
+     * Minimum number of lines to display.
+     */
+    minLines?: number;
+    /**
+     * Maximum number of lines to display. If not set, there is no maximum.
+     */
+    maxLines?: number | 'infinity';
+    /**
+     * The element to receive focus when the editable is closed.
+     */
+    finalFocusEl?: () => HTMLElement | null;
+};
+type EditableTextContextValues = {
+    isEditing: boolean;
+    setIsEditing: (editing: boolean) => void;
+    value: string;
+    setValue: (value: string) => void;
+    originalValue: string;
+    onValueCommit: ((value: string) => void) | undefined;
+    onValueRevert: ((originalValue: string) => void) | undefined;
+    typographicVariant: TypographicVariant;
+    submitMode: 'blur' | 'both' | 'enter' | 'none';
+    readOnly: boolean;
+    id: string;
+    label: string;
+    placeholder: string;
+    minLines: number;
+    maxLines: number | 'infinity';
+    finalFocusEl: (() => HTMLElement | null) | undefined;
+};
+declare const EditableTextContext: react.Context<EditableTextContextValues | null>;
+declare const EditableTextRoot: ({ children, defaultValue, value: controlledValue, onValueChange, onValueCommit, onValueRevert, onEditingChange, typographicVariant, submitMode, readOnly, id, label, placeholder, minLines, maxLines, finalFocusEl, ...props }: EditableTextRootProps) => JSX.Element;
+
+type EditableTextProps = Omit<EditableTextRootProps, 'children'> & {
+    /**
+     * Whether to visually hide the label.
+     */
+    hideLabel?: boolean;
+    /**
+     * Placeholder text for the input field.
+     */
+    placeholder?: string;
+};
+/**
+ * Used for inline editing of text.
+ */
+declare const EditableText: {
+    ({ hideLabel, ...props }: EditableTextProps): JSX.Element;
+    displayName: string;
+};
+
+type EditableTextDisplayProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * When true, the user can click on the display to edit the text
+     */
+    asTrigger?: boolean;
+    /**
+     * The element to render the display as
+     */
+    renderAs?: ElementType;
+};
+declare const EditableTextDisplay: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, EditableTextDisplayProps>) => react.ReactElement | null) & UnknownRecord;
+
+type EditableTextLabelProps = Omit<LabelProps, 'htmlFor'>;
+declare const EditableTextLabel: ({ disabled, ...props }: EditableTextLabelProps) => react_jsx_runtime.JSX.Element;
+
+declare const EditableTextSubmitButton: ({ children, }: {
+    children: ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>, "button">;
+}) => React.JSX.Element;
+
+type EditableTextTriggerProps = {
+    /**
+     * A trigger element (must be a <button>) that will enter editing mode when clicked.
+     */
+    children: ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>, 'button'>;
+};
+declare const EditableTextTrigger: ({ children, ...props }: EditableTextTriggerProps) => React.JSX.Element;
+
+type EditableTextInputProps = Pick<InputProps, 'autoSelect'>;
+declare const EditableTextInput: (props: EditableTextInputProps) => JSX.Element;
+
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };

package/dist/index.d.ts

@@ -3907,4 +3907,166 @@ type ContextMenuProps = {
  */
 declare const ContextMenu: ({ position, triggerRef, children, onRequestClose, }: ContextMenuProps) => react_jsx_runtime.JSX.Element | null;
 
-export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };
+declare const typographicVariantStyleMap: {
+    hero: styled_components.FlattenSimpleInterpolation;
+    heading1: styled_components.FlattenSimpleInterpolation;
+    heading2: styled_components.FlattenSimpleInterpolation;
+    heading3: styled_components.FlattenSimpleInterpolation;
+    heading4: styled_components.FlattenSimpleInterpolation;
+    heading5: styled_components.FlattenSimpleInterpolation;
+    heading6: styled_components.FlattenSimpleInterpolation;
+    body1: styled_components.FlattenSimpleInterpolation;
+    body2: styled_components.FlattenSimpleInterpolation;
+    body3: styled_components.FlattenSimpleInterpolation;
+    body4: styled_components.FlattenSimpleInterpolation;
+    body1Mono: styled_components.FlattenSimpleInterpolation;
+    body2Mono: styled_components.FlattenSimpleInterpolation;
+    body3Mono: styled_components.FlattenSimpleInterpolation;
+    body4Mono: styled_components.FlattenSimpleInterpolation;
+    label1: styled_components.FlattenSimpleInterpolation;
+    label2: styled_components.FlattenSimpleInterpolation;
+    label3: styled_components.FlattenSimpleInterpolation;
+    label4: styled_components.FlattenSimpleInterpolation;
+};
+type TypographicVariant = keyof typeof typographicVariantStyleMap;
+
+type EditableTextRootProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * TODO: add a jsdoc description for this prop
+     */
+    children: ReactNode;
+    /**
+     * The initial value for the editable text
+     */
+    defaultValue?: string;
+    /**
+     * The current value for the editable text
+     */
+    value?: string;
+    /**
+     * Callback fired when the value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Callback fired when editing is committed (e.g., save button clicked, Enter pressed)
+     */
+    onValueCommit?: (value: string) => void;
+    /**
+     * Callback fired when editing is cancelled (e.g., cancel button clicked, Escape pressed)
+     */
+    onValueRevert?: (originalValue: string) => void;
+    /**
+     * Callback fired when the editing state changes (editing starts or stops)
+     */
+    onEditingChange?: (isEditing: boolean) => void;
+    /**
+     * The typographic variant to use for the display component
+     */
+    typographicVariant?: TypographicVariant;
+    /**
+     * The action(s) that trigger submit or dismiss in edit mode:
+     * - "enter": Trigger submit when the enter key is pressed, or dismiss when the esc key is pressed
+     * - "blur": Trigger submit when the editable is blurred, or dismiss when the esc key is pressed
+     * - "none": No action will trigger submit or dismiss. You need to use the submit or dismiss buttons
+     * - "both": Pressing Enter and blurring the input will trigger submit, or dismiss when the esc key is pressed
+     */
+    submitMode?: 'blur' | 'both' | 'enter' | 'none';
+    /**
+     * Whether the editable text is read only. If true, the editable text will not be editable and the trigger will not be shown.
+     */
+    readOnly?: boolean;
+    /**
+     * The id of the editable text.
+     */
+    id?: string;
+    /**
+     * The label of the editable text.
+     */
+    label: string;
+    /**
+     * Placeholder text for the input field and display
+     */
+    placeholder?: string;
+    /**
+     * Minimum number of lines to display.
+     */
+    minLines?: number;
+    /**
+     * Maximum number of lines to display. If not set, there is no maximum.
+     */
+    maxLines?: number | 'infinity';
+    /**
+     * The element to receive focus when the editable is closed.
+     */
+    finalFocusEl?: () => HTMLElement | null;
+};
+type EditableTextContextValues = {
+    isEditing: boolean;
+    setIsEditing: (editing: boolean) => void;
+    value: string;
+    setValue: (value: string) => void;
+    originalValue: string;
+    onValueCommit: ((value: string) => void) | undefined;
+    onValueRevert: ((originalValue: string) => void) | undefined;
+    typographicVariant: TypographicVariant;
+    submitMode: 'blur' | 'both' | 'enter' | 'none';
+    readOnly: boolean;
+    id: string;
+    label: string;
+    placeholder: string;
+    minLines: number;
+    maxLines: number | 'infinity';
+    finalFocusEl: (() => HTMLElement | null) | undefined;
+};
+declare const EditableTextContext: react.Context<EditableTextContextValues | null>;
+declare const EditableTextRoot: ({ children, defaultValue, value: controlledValue, onValueChange, onValueCommit, onValueRevert, onEditingChange, typographicVariant, submitMode, readOnly, id, label, placeholder, minLines, maxLines, finalFocusEl, ...props }: EditableTextRootProps) => JSX.Element;
+
+type EditableTextProps = Omit<EditableTextRootProps, 'children'> & {
+    /**
+     * Whether to visually hide the label.
+     */
+    hideLabel?: boolean;
+    /**
+     * Placeholder text for the input field.
+     */
+    placeholder?: string;
+};
+/**
+ * Used for inline editing of text.
+ */
+declare const EditableText: {
+    ({ hideLabel, ...props }: EditableTextProps): JSX.Element;
+    displayName: string;
+};
+
+type EditableTextDisplayProps = ComponentPropsWithoutRef<'div'> & {
+    /**
+     * When true, the user can click on the display to edit the text
+     */
+    asTrigger?: boolean;
+    /**
+     * The element to render the display as
+     */
+    renderAs?: ElementType;
+};
+declare const EditableTextDisplay: (<C extends ElementType = "h1">(props: PolymorphicComponentProps<C, EditableTextDisplayProps>) => react.ReactElement | null) & UnknownRecord;
+
+type EditableTextLabelProps = Omit<LabelProps, 'htmlFor'>;
+declare const EditableTextLabel: ({ disabled, ...props }: EditableTextLabelProps) => react_jsx_runtime.JSX.Element;
+
+declare const EditableTextSubmitButton: ({ children, }: {
+    children: ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>, "button">;
+}) => React.JSX.Element;
+
+type EditableTextTriggerProps = {
+    /**
+     * A trigger element (must be a <button>) that will enter editing mode when clicked.
+     */
+    children: ReactElement<React.ButtonHTMLAttributes<HTMLButtonElement>, 'button'>;
+};
+declare const EditableTextTrigger: ({ children, ...props }: EditableTextTriggerProps) => React.JSX.Element;
+
+type EditableTextInputProps = Pick<InputProps, 'autoSelect'>;
+declare const EditableTextInput: (props: EditableTextInputProps) => JSX.Element;
+
+export { ActionButton, type ActionButtonProps, Avatar, type AvatarProps, type AvatarStatus, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonProps, Card, type CardProps, Center, type CenterProps, Checkbox, CheckboxGroup, CheckboxMenuItem, ClickRegion, type ClickRegionProps, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleTrigger, CollapsibleTriggerIcon, ColorGrid, ColorGridOption, type ColorGridOptionProps, type ColorGridProps, ColorList, ColorListGroup, type ColorListGroupProps, ColorListOption, type ColorListOptionProps, type ColorListProps, ColorPicker, ColorPickerPopoverContent, type ColorPickerPopoverContentProps, type ColorPickerProps, ColorPickerSection, type ColorPickerSectionProps, ColorPickerTrigger, type ColorPickerTriggerProps, type ColorSchemeTypes, ColorSchemeWrapper, type ColorSchemeWrapperProps, Combobox, ComboboxOption, type ComboboxOptionProps, type ComboboxProps, ContextMenu, type ContextMenuProps, ContrastControls, DataCard, DataCardHoverArrow, type DataCardProps, DataCardTrend, type DataCardTrendProps, DataCards, type DataCardsProps, Divider, EditableHeading, type EditableHeadingProps, EditableText, EditableTextContext, EditableTextDisplay, EditableTextInput, EditableTextLabel, type EditableTextProps, EditableTextRoot, type EditableTextRootProps, EditableTextSubmitButton, EditableTextTrigger, Ellipsis, type EllipsisProps, FilterMenu, FilterMenuItem, Form, FormErrorSummary, FormField, type FormFieldProps, FormGroup, type FormGroupProps, type FormProps, Grid, type GridProps, Heading, type HeadingProps, HexColorInput, type HexColorInputProps, HueSlider, Icon, IconButton, type IconButtonProps, type IconNameType, Image, type ImageProps, Input, InputClickToCopy, type InputClickToCopyProps, InputPassword, type InputPasswordProps, type InputProps, type KeyboardKeys, KeyboardShortcut, Label, type LabelProps, Link, type LinkProps, List, type ListProps, Menu, MenuItem, MenuItemDescription, MenuItemLabel, MenuLabel, MenuRadioGroup, Modal, type ModalProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, RadioCard, RadioCardImage, type RadioCardImageProps, type RadioCardProps, RadioGroup, RadioMenuItem, type RadioProps, SaturationAndValuePicker, ScreenReaderOnly, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectOption, SelectOptionGroup, type SelectOptionGroupProps, type SelectOptionProps, type SelectProps, Slider, type SliderProps, Stack, SubMenu, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Tag, type TagProps, Text, type TextProps, Thumbnail, ThumbnailBadge, type ThumbnailBadgeProps, ThumbnailCollage, type ThumbnailCollageProps, type ThumbnailProps, Tooltip, type TooltipProps, UIProvider, type UseToastProps, ValueNameOrHexCode, ValueSwatch, WistiaLogo, calculateContrast, colorSchemeOptions, copyToClipboard, dateTime, iconSizeMap, mergeRefs, mq, useActiveMq, useAriaLive, useBoolean, useClipboard, useElementObserver, useFilePicker, useFocusTrap, useForceUpdate, useFormState, useImperativeFilePicker, useIsHovered, useKey, useLocalStorage, useLockBodyScroll, useMq, useOnClickOutside, usePreviousValue, useToast, useWindowSize };