@yahoo/uds 1.3.1 → 1.3.3

package/dist/experimental/index.d.cts

@@ -0,0 +1,451 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SvgIcon, IconSize, IconVariant } from '@yahoo/uds-icons/types';
+import * as React$1 from 'react';
+import React__default, { PropsWithChildren, Ref, FC, TableHTMLAttributes, TdHTMLAttributes } from 'react';
+import * as _ariakit_react from '@ariakit/react';
+import { PopoverProviderProps, PopoverProps as PopoverProps$1, DialogProps, useDialogStore, DialogStore, DialogDismiss, PopoverArrow as PopoverArrow$1, PopoverAnchor as PopoverAnchor$1, PopoverDescription as PopoverDescription$1, PopoverDismiss as PopoverDismiss$1, PopoverProvider as PopoverProvider$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, TabProviderProps, TabListProps, TabPanelProps } from '@ariakit/react';
+export { DialogStore as ModalStore, TabListProps, TabPanelProps, TabProviderProps as TabsProps, usePopoverStore } from '@ariakit/react';
+import { ButtonProps } from '@yahoo/uds/client';
+import { ToastContainerProps } from 'react-toastify';
+export { toast } from 'react-toastify';
+
+declare const alwaysPalette: {
+    white: string;
+    black: string;
+    transparent: string;
+    current: string;
+};
+
+type CorePaletteAlias = 'brand' | 'accent' | 'alert' | 'positive' | 'warning';
+type BackgroundPaletteAlias = 'primary' | 'secondary';
+type ForegroundPaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted' | 'on-color';
+type LinePaletteAlias = 'primary' | 'secondary' | 'tertiary' | 'muted';
+type AlwaysPalette = typeof alwaysPalette;
+type AlwaysPaletteAlias = keyof AlwaysPalette;
+type ForegroundColor = CorePaletteAlias | ForegroundPaletteAlias | AlwaysPaletteAlias;
+type LineColor = CorePaletteAlias | LinePaletteAlias | AlwaysPaletteAlias;
+type BackgroundColor = CorePaletteAlias | BackgroundPaletteAlias | AlwaysPaletteAlias;
+type TextVariant = 'display1' | 'display2' | 'display3' | 'title1' | 'title2' | 'title3' | 'title4' | 'headline1' | 'body1' | 'label1' | 'label2' | 'caption1' | 'caption2' | 'legal1';
+type FontAlias = 'sans' | 'sans-alt' | 'serif' | 'serif-alt' | 'mono';
+type FontWeightDescriptive = 'thin' | 'extralight' | 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize';
+type TShirtSize = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type TShirtSizeCommon = Extract<TShirtSize, 'sm' | 'md' | 'lg'>;
+type AvatarSize = TShirtSizeCommon;
+type SpacingAlias = '0' | 'px' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32' | '36' | '40' | '44' | '48' | '52' | '56' | '60' | '64' | '72' | '80' | '96';
+type BorderRadius = TShirtSize;
+type BorderWidth = 'none' | 'thin' | 'medium' | 'thick';
+type Flex = '1' | 'auto' | 'initial' | 'none';
+type FlexGrow = '0' | '1' | '2' | '3';
+type FlexShrink = '0' | '1';
+type FlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around';
+type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type FlexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type FlexDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
+type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
+type FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+type FlexBasis = 'min-content';
+type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'table' | 'inline-table' | 'table-caption' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row-group' | 'table-row' | 'flow-root' | 'grid' | 'contents';
+type Overflow = 'auto' | 'hidden' | 'clip' | 'visible' | 'scroll';
+type Position = 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky';
+type ImageStyleProps = {
+    /**
+     * Determines how the image should be resized to fit its container.
+     */
+    contentFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+};
+interface BorderStyleProps {
+    /** Add a border radius to all corners of the box. */
+    borderRadius?: BorderRadius;
+    /** Add a border radius to top left corner of the box. */
+    borderTopStartRadius?: BorderRadius;
+    /** Add a border radius to top right corner of the box. */
+    borderTopEndRadius?: BorderRadius;
+    /** Add a border radius to bottom left corner of the box. */
+    borderBottomStartRadius?: BorderRadius;
+    /** Add a border radius to bottom right corner of the box. */
+    borderBottomEndRadius?: BorderRadius;
+    /** Adds a custom border color from the palette */
+    borderColor?: LineColor;
+    /** Start border color */
+    borderStartColor?: LineColor;
+    /** End border color */
+    borderEndColor?: LineColor;
+    /** Top border color */
+    borderTopColor?: LineColor;
+    /** Bottom border color */
+    borderBottomColor?: LineColor;
+    /** Shorthand property to the width of an element's border. */
+    borderWidth?: BorderWidth;
+    /** Sets the width of the top and bottom border of an element. */
+    borderVerticalWidth?: BorderWidth;
+    /** Sets the width of the start (left) and end (right) border of an element. */
+    borderHorizontalWidth?: BorderWidth;
+    /** Sets the width of the start (left) border of an element. */
+    borderStartWidth?: BorderWidth;
+    /** Sets the width of the end (right) border of an element. */
+    borderEndWidth?: BorderWidth;
+    /** Sets the width of the top border of an element. */
+    borderTopWidth?: BorderWidth;
+    /** Sets the width of the bottom border of an element. */
+    borderBottomWidth?: BorderWidth;
+}
+interface LayoutStyleProps {
+    /** Sets whether an element is treated as a block or inline box and the layout used for its children, such as flow layout, grid or flex. */
+    display?: Display;
+    /** Shorthand property which sets the desired behavior when content does not fit in the parent element box (overflows) in the horizontal and/or vertical direction. */
+    overflow?: Overflow;
+    /** Sets what shows when content overflows a block-level element's left and right edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property. */
+    overflowX?: Overflow;
+    /** sets what shows when content overflows a block-level element's top and bottom edges. This may be nothing, a scroll bar, or the overflow content. This property may also be set by using the overflow shorthand property. */
+    overflowY?: Overflow;
+    /** Sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements. */
+    position?: Position;
+}
+interface SpacingStyleProps {
+    /** Apply inner spacing on all sides. */
+    spacing?: SpacingAlias;
+    /** Apply inner spacing on the leading and trailing sides. */
+    spacingHorizontal?: SpacingAlias;
+    /** Apply inner spacing on the top and bottom sides. */
+    spacingVertical?: SpacingAlias;
+    /** Apply inner spacing on the bottom side. */
+    spacingBottom?: SpacingAlias;
+    /** Apply inner spacing on the trailing side. */
+    spacingEnd?: SpacingAlias;
+    /** Apply inner spacing on the leading side. */
+    spacingStart?: SpacingAlias;
+    /** Apply inner spacing on the top side. */
+    spacingTop?: SpacingAlias;
+    /** Apply negative outer spacing on all sides. */
+    offset?: SpacingAlias;
+    /** Apply negative outer spacing on the top and bottom sides. */
+    offsetVertical?: SpacingAlias;
+    /** Apply negative outer spacing on the leading and trailing sides. */
+    offsetHorizontal?: SpacingAlias;
+    /** Apply negative outer spacing on the bottom side. */
+    offsetBottom?: SpacingAlias;
+    /** Apply negative outer spacing on the trailing side. */
+    offsetEnd?: SpacingAlias;
+    /** Apply negative outer spacing on the leading side. */
+    offsetStart?: SpacingAlias;
+    /** Apply negative outer spacing on the top side. */
+    offsetTop?: SpacingAlias;
+    /** Control the horizontal gutters between grid and flexbox items. */
+    columnGap?: SpacingAlias;
+    /** Control the vertical gutters between grid and flexbox items. */
+    rowGap?: SpacingAlias;
+}
+interface FlexStyleProps {
+    /** Sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis. */
+    alignContent?: FlexAlignContent;
+    /** Sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area. */
+    alignItems?: FlexAlignItems;
+    /** Overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis. */
+    alignSelf?: FlexAlignSelf;
+    /** Sets how a flex item will grow or shrink to fit the space available in its flex container. */
+    flex?: Flex;
+    /** Sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed). */
+    flexDirection?: FlexDirection;
+    /** Sets the flex grow factor, which specifies how much of the flex container's remaining space should be assigned to the flex item's main size. */
+    flexGrow?: FlexGrow;
+    /** Sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink. */
+    flexShrink?: FlexShrink;
+    /** Sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked. */
+    flexWrap?: FlexWrap;
+    /** Defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container. */
+    justifyContent?: FlexJustifyContent;
+    /** Sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing. https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis */
+    flexBasis?: FlexBasis;
+}
+interface TextStyleProps {
+    /** Color of a Text or Icon element */
+    color?: ForegroundColor;
+    /** Color of placeholder text */
+    placeholderColor?: ForegroundColor;
+    /** Font family for the text */
+    fontFamily?: TextVariant | FontAlias;
+    /** Font size of the text */
+    fontSize?: TextVariant;
+    /** Font weight of the text */
+    fontWeight?: TextVariant | FontWeightDescriptive;
+    /** Line height of the text */
+    lineHeight?: TextVariant;
+    /** Text alignment of the text */
+    textAlign?: 'center' | 'justify' | 'start' | 'end';
+    /** Sets the text transform for the text  */
+    textTransform?: TextVariant | TextTransform;
+}
+interface BackgroundStyleProps {
+    /** Sets the background color. */
+    backgroundColor?: BackgroundColor;
+}
+interface UniversalBoxProps extends PropsWithChildren, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, LayoutStyleProps, SpacingStyleProps {
+    /**
+     * When asChild is set to true, the component's child will be cloned and passed
+     * the props and behavior required to make it functional.
+     */
+    asChild?: boolean;
+}
+interface UniversalStackProps extends Omit<UniversalBoxProps, 'flexDirection'> {
+    gap?: SpacingAlias;
+}
+interface UniversalTextProps extends PropsWithChildren, TextStyleProps, UniversalBoxProps {
+    /** Style of text. */
+    variant?: TextVariant;
+    /** Color of the text. */
+    color?: ForegroundColor;
+}
+interface UniversalIconProps {
+    /** Icon to render from the icons package. */
+    name: SvgIcon;
+    /** Size of the icon. */
+    size?: IconSize;
+    /** Variant for icon. Either fill or outline. */
+    variant?: IconVariant;
+    /** Color of the icon. */
+    color?: ForegroundColor;
+}
+interface UniversalPressableProps extends UniversalBoxProps {
+    onPress?: () => void;
+}
+interface UniversalImageProps extends Omit<UniversalBoxProps, 'width' | 'height'>, ImageStyleProps {
+    /** The source URL of the image. */
+    src: string;
+    /**  Provides fallback (alternate) text to display when the image specified by the Image element is not loaded. */
+    alt?: string;
+    /** Width of the image in px. */
+    width?: number;
+    /** Height of the image in pixel. */
+    height?: number;
+}
+interface UniversalAvatarProps extends UniversalImageProps {
+    /** The size of the Avatar. */
+    size?: AvatarSize;
+    /** The shape of the Avatar. */
+    shape?: BorderRadius;
+}
+interface UniversalTextInputProps {
+    disabled?: boolean;
+    required?: boolean;
+    backgroundColor?: BackgroundColor;
+    borderColor?: LineColor;
+    borderWidth?: BorderWidth;
+    borderRadius?: BorderRadius;
+    color?: ForegroundColor;
+    fontSize?: TextVariant;
+    placeholderColor?: ForegroundColor;
+    spacingVertical?: SpacingAlias;
+    spacingHorizontal?: SpacingAlias;
+}
+
+type HtmlButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'name'>;
+interface PressableProps extends UniversalPressableProps, HtmlButtonProps {
+}
+
+type TextElementTagName = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'strong' | 'span' | 'label' | 'li';
+type TextProps = UniversalTextProps & {
+    /** Ref passed to the inner container. */
+    ref?: Ref<HTMLElement>;
+    /** Changes the HTML tag used to render text. Uses the most appropriate semantic tag based on the text style variant. */
+    as?: TextElementTagName;
+} & Omit<JSX.IntrinsicElements[TextElementTagName], 'color'>;
+
+type DivProps = React.HTMLAttributes<HTMLDivElement>;
+interface BoxProps extends UniversalBoxProps, DivProps {
+}
+
+type VStackProps = UniversalStackProps & DivProps;
+
+interface AccordionProps extends PressableProps {
+    label: string;
+    open?: boolean;
+    onClick?: () => void;
+    _content?: VStackProps;
+    textProps?: TextProps;
+}
+declare function Accordion({ label, children, onClick, open, spacingHorizontal, _content, className, textProps, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+type NativeImageProps = Omit<React__default.ImgHTMLAttributes<HTMLImageElement>, 'size' | 'color' | 'height' | 'width' | 'alt' | 'src'>;
+interface AvatarProps extends NativeImageProps, UniversalAvatarProps {
+}
+/**
+ * Avatar can be used for profile images.
+ */
+declare function Avatar({ size: avatarSize, shape: borderRadius, src, alt, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+interface CheckBoxProps {
+    label: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+declare const CheckBox: FC<CheckBoxProps>;
+
+type SVGElementProps = Omit<React.HTMLAttributes<SVGSVGElement>, 'color'>;
+interface IconProps extends UniversalIconProps, SVGElementProps {
+}
+
+interface ChipProps {
+    children?: string;
+    startContent?: React.ReactNode;
+    startIcon?: IconProps['name'];
+    endIcon?: IconProps['name'];
+    endContent?: React.ReactNode;
+    variant: 'accent' | 'secondary';
+}
+declare function Chip({ children, variant, startIcon, startContent, endIcon, endContent, }: ChipProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownProps extends PopoverProviderProps {
+    children: React.ReactNode;
+}
+declare const Dropdown: typeof _ariakit_react.PopoverProvider;
+
+interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
+    onClick?: (close: () => void) => void;
+}
+declare const DropdownItemPressable: React$1.ForwardRefExoticComponent<DropdownItemPressableProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface DropdownItemProps extends DropdownItemPressableProps {
+    startIcon?: IconProps['name'];
+    endIcon?: IconProps['name'];
+    title?: string;
+    description?: string;
+    _title?: UniversalTextProps;
+    _description?: UniversalTextProps;
+}
+declare function DropdownItem({ title, description, _title, _description, startIcon, endIcon, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItemsProps extends React.PropsWithChildren, Omit<PopoverProps$1, 'children'> {
+    overflow?: Overflow;
+}
+declare const DropdownItems: React$1.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type DropdownTriggerProps = ButtonProps;
+declare function DropdownTrigger({ children, ...props }: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
+
+type ModalProps = DialogProps;
+declare function useModalStore(params?: Parameters<typeof useDialogStore>[0]): DialogStore;
+interface ModalHeaderProps extends React.PropsWithChildren {
+    handleClose?: () => void;
+}
+declare function ModalHeader({ children, handleClose }: ModalHeaderProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ className, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
+declare const ModalDismiss: typeof DialogDismiss;
+
+interface PopoverHeadingProps extends PropsWithChildren {
+    leading?: React__default.ReactNode;
+    trailing?: React__default.ReactNode;
+}
+declare function PopoverHeading({ children, leading, trailing }: PopoverHeadingProps): react_jsx_runtime.JSX.Element;
+type PopoverProps = Omit<PopoverProps$1, 'key'>;
+declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime.JSX.Element | null;
+declare const PopoverArrow: typeof PopoverArrow$1;
+declare const PopoverAnchor: typeof PopoverAnchor$1;
+declare const PopoverDescription: typeof PopoverDescription$1;
+declare const PopoverDismiss: typeof PopoverDismiss$1;
+declare const PopoverProvider: typeof PopoverProvider$1;
+declare const PopoverDisclosure: typeof PopoverDisclosure$1;
+declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
+
+type SpinnerProps = React.HTMLAttributes<HTMLDivElement>;
+declare function Spinner({ className, ...props }: SpinnerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * TableColumn
+ * A TableColumn is a definition of a column in a table.
+ */
+type TableColumn<T> = {
+    title?: string;
+    dataIndex: keyof T;
+    render?: (value: T[keyof T], record: T, index: number) => React__default.ReactNode;
+};
+type TableRootProps = TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+    /** Sets whether an element is treated as a block or inline box and the
+     *  layout used for its children, such as flow layout, grid or flex.
+     *  @default "table"
+     */
+    display?: BoxProps['display'];
+};
+type HTMLTableCellProps = Omit<TdHTMLAttributes<HTMLTableCellElement>, 'color' | 'height' | 'width'>;
+interface TableCellProps extends Omit<UniversalTextProps, 'color'>, HTMLTableCellProps {
+    /** asHeaderCell will return a th element instead of a td element.
+     *  If asHeaderCell is row, it will return a th element with scope="row"
+     *  @default false
+     */
+    asHeaderCell?: boolean | 'column' | 'row';
+    color?: TextProps['color'];
+}
+/**
+ * Table component props
+ * @template T The type of data in the table.
+ */
+type TableProps<T> = {
+    /** An array of data for the table. Each item represents a row in the table.
+     * The keys of each item should match the `dataIndex` of the columns.
+     */
+    data: T[];
+    /** An array of columns for the table. Each item defines a column in the table.
+     * The `dataIndex` should match the key of the data item.
+     */
+    columns: TableColumn<T>[];
+} & TableRootProps;
+/**
+ * The Table component renders a table with the given data and columns.
+ * If you want more control over the table, or want to handle virtualization,
+ * drag-n-drop, etc, Please can use the sub-components directly and build your own!
+ */
+declare function Table<T>({ data, columns, ...props }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace Table {
+    var Root: React__default.ForwardRefExoticComponent<React__default.TableHTMLAttributes<HTMLTableElement> & BoxProps & {
+        /** Sets whether an element is treated as a block or inline box and the
+         *  layout used for its children, such as flow layout, grid or flex.
+         *  @default "table"
+         */
+        display?: BoxProps["display"];
+    } & {
+        children?: React__default.ReactNode | undefined;
+    } & React__default.RefAttributes<HTMLTableElement>>;
+    var Row: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableRowElement> & BoxProps & {
+        children?: React__default.ReactNode | undefined;
+    } & React__default.RefAttributes<HTMLTableRowElement>>;
+    var Header: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+        children?: React__default.ReactNode | undefined;
+    } & React__default.RefAttributes<HTMLTableSectionElement>>;
+    var Body: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
+        children?: React__default.ReactNode | undefined;
+    } & React__default.RefAttributes<HTMLTableSectionElement>>;
+    var Cell: React__default.ForwardRefExoticComponent<TableCellProps & {
+        children?: React__default.ReactNode | undefined;
+    } & React__default.RefAttributes<HTMLTableCellElement | HTMLTableHeaderCellElement>>;
+}
+
+interface TabProps extends React.PropsWithChildren {
+    asChild?: boolean;
+    value: string;
+    label: string;
+    startIcon?: IconProps['name'];
+}
+declare function Tabs(props: TabProviderProps): react_jsx_runtime.JSX.Element;
+declare const TabList: React$1.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Tab: ({ asChild, label, value, startIcon }: TabProps) => react_jsx_runtime.JSX.Element;
+declare const TabPanel: React$1.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+type NativeTextInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'height' | 'size' | 'width' | 'color'>;
+interface TextInputProps extends NativeTextInputProps, UniversalTextInputProps {
+}
+declare function TextInput({ className, disabled, backgroundColor, borderColor, borderWidth, borderRadius, color, placeholderColor, spacingVertical, spacingHorizontal, fontSize: textVariant, ...props }: TextInputProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputGroupProps extends TextInputProps {
+    label?: string;
+}
+declare function TextInputGroup({ label, required, ...props }: TextInputGroupProps): react_jsx_runtime.JSX.Element;
+
+interface TextInputLabelProps extends React.PropsWithChildren {
+    required?: boolean;
+}
+declare function TextInputLabel({ children, required }: TextInputLabelProps): react_jsx_runtime.JSX.Element;
+
+type ToastProps = ToastContainerProps;
+declare function ToastContainer(props: ToastProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionProps, Avatar, type AvatarProps, CheckBox, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemPressableProps, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, type PopoverProps, PopoverProvider, Spinner, type SpinnerProps, Tab, TabList, TabPanel, type TabProps, Table, type TableProps, Tabs, TextInput, TextInputGroup, type TextInputGroupProps, TextInputLabel, type TextInputLabelProps, type TextInputProps, ToastContainer, type ToastProps, useModalStore };