@yahoo/uds 0.5.11 → 1.0.0-beta.0

package/dist/experimental/index.d.ts

@@ -1,23 +1,274 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { c as PressableProps, e as VStackProps, b as IconProps, a as BoxProps, d as TextProps } from '../VStack-zgq0Zq3N.js';
-import { aX as UniversalAvatarProps, aZ as UniversalButtonProps, b2 as UniversalTextProps, av as Overflow, T as ButtonVariant, N as ButtonSize, a_ as UniversalIconButtonProps, a0 as Display, b1 as UniversalTextInputProps } from '../types-BofdnBTe.js';
-import * as react from 'react';
-import react__default, { PropsWithChildren, TableHTMLAttributes, TdHTMLAttributes } from 'react';
+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, DialogProps, useDialogStore, DialogStore, DialogDismiss, Popover as Popover$1, 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';
+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 IconSize = 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;
+}
+type SvgIcon = (props: Partial<UniversalIconProps>) => JSX.Element;
+type IconVariant = 'fill' | 'outline';
+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$1 = React.HTMLAttributes<HTMLDivElement>;
+interface BoxProps extends UniversalBoxProps, DivProps$1 {
+}
+
+type VStackProps = UniversalStackProps & DivProps$1;
+
 interface AccordionProps extends PressableProps {
     label: string;
     open?: boolean;
     onClick?: () => void;
     _content?: VStackProps;
+    textProps?: TextProps;
 }
-declare function Accordion({ label, children, onClick, open, spacingHorizontal, _content, className, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+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'>;
+type NativeImageProps = Omit<React__default.ImgHTMLAttributes<HTMLImageElement>, 'size' | 'color' | 'height' | 'width' | 'alt' | 'src'>;
 interface AvatarProps extends NativeImageProps, UniversalAvatarProps {
 }
 /**
@@ -25,38 +276,16 @@ interface AvatarProps extends NativeImageProps, UniversalAvatarProps {
  */
 declare function Avatar({ size: avatarSize, shape: borderRadius, src, alt, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
 
-interface ButtonProps extends PressableProps, UniversalButtonProps {
+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 {
 }
-/**
- * **🖲️ A button element that can be used to trigger an action**
- *
- * @description
- * The Button component is a button that can be used to trigger an action. It can be used to submit a form, navigate to a new page, or trigger an action.
- * Consider an [IconButton](./icon-button) for buttons that only contain an icon.
- *
- * @see The {@link http://yo/uds/docs/components/button Button Docs} for more info
- *
- * @example
- * ```tsx
- * import { Button, HStack } from "@yahoo/uds"
- *
- * export function Demo() {
- *   return (
- *     <HStack gap="2">
- *       <Button variant="accent" onClick={console.log}>Save</Button>
- *       <Button variant="accent-outline" onClick={console.log}>Cancel</Button>
- *     </HStack>
- *   )
- * }
- * ```
- *
- * @usage
- * - If you need a button.
- * - If you have a form submit action
- *
- * @related [Icon](./Icon.tsx), [IconButton](./IconButton.tsx), and [Pressable](./Pressable.tsx)
- **/
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 interface ChipProps {
     children?: string;
@@ -76,7 +305,7 @@ declare const Dropdown: typeof _ariakit_react.PopoverProvider;
 interface DropdownItemPressableProps extends Omit<PressableProps, 'onClick'> {
     onClick?: (close: () => void) => void;
 }
-declare const DropdownItemPressable: react.ForwardRefExoticComponent<DropdownItemPressableProps & react.RefAttributes<HTMLButtonElement>>;
+declare const DropdownItemPressable: React$1.ForwardRefExoticComponent<DropdownItemPressableProps & React$1.RefAttributes<HTMLButtonElement>>;
 
 interface DropdownItemProps extends DropdownItemPressableProps {
     startIcon?: IconProps['name'];
@@ -88,48 +317,14 @@ interface DropdownItemProps extends DropdownItemPressableProps {
 }
 declare function DropdownItem({ title, description, _title, _description, startIcon, endIcon, ...props }: DropdownItemProps): react_jsx_runtime.JSX.Element;
 
-interface DropdownItemsProps extends React.PropsWithChildren, Omit<PopoverProps, 'children'> {
+interface DropdownItemsProps extends React.PropsWithChildren, Omit<PopoverProps$1, 'children'> {
     overflow?: Overflow;
 }
-declare const DropdownItems: react.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare const DropdownItems: React$1.ForwardRefExoticComponent<Omit<DropdownItemsProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-interface DropdownTriggerProps extends PressableProps {
-    children: React.ReactNode;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-}
-declare function DropdownTrigger({ children, variant, size, ...props }: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface IconButtonProps extends PressableProps, UniversalIconButtonProps {
+interface DropdownTriggerProps extends ButtonProps {
 }
-/**
- * **⚙️️ An icon button element that can be used to trigger an action**
- *
- * @description
- * An icon button is essentially an interactive icon. They should be used to
- * display an icon which, when clicked, allows the user to trigger an action.
- * Icon buttons provide additional features such hover states, focus states, and
- * pressable functionality.
- *
- * @see
- * Check out the {@link http://yo/uds/docs/components/icon-button IconButton Docs} for more info
- *
- * @usage
- * - If you need a button that only contains an icon.
- * - If you need a button that is used to trigger a non-critical action.
- *
- * @example
- * ```tsx
- * import { IconButton } from "@yahoo/uds";
- * import { AddFolder } from "@yahoo/uds-icons";
- *
- * <IconButton name={AddFolder} color="primary" variant="accent" iconVariant="outline" />
- * ```
- *
- * @related [Icon](./Icon.tsx), [Button](./Button.tsx), and [Pressable](./Pressable.tsx)
- *
- **/
-declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+declare function DropdownTrigger({ children, ...props }: DropdownTriggerProps): react_jsx_runtime.JSX.Element;
 
 interface ModalProps extends DialogProps {
 }
@@ -142,11 +337,12 @@ declare function Modal({ className, ...props }: ModalProps): react_jsx_runtime.J
 declare const ModalDismiss: typeof DialogDismiss;
 
 interface PopoverHeadingProps extends PropsWithChildren {
-    leading?: react__default.ReactNode;
-    trailing?: react__default.ReactNode;
+    leading?: React__default.ReactNode;
+    trailing?: React__default.ReactNode;
 }
 declare function PopoverHeading({ children, leading, trailing }: PopoverHeadingProps): react_jsx_runtime.JSX.Element;
-declare const Popover: typeof Popover$1;
+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;
@@ -167,7 +363,7 @@ declare function Spinner({ className, ...props }: SpinnerProps): react_jsx_runti
 type TableColumn<T> = {
     title?: string;
     dataIndex: keyof T;
-    render?: (value: T[keyof T], record: T, index: number) => react__default.ReactNode;
+    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
@@ -207,27 +403,27 @@ type TableProps<T> = {
  */
 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 & {
+    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?: Display | undefined;
+        display?: BoxProps["display"];
     } & {
-        children?: react__default.ReactNode;
-    } & react__default.RefAttributes<HTMLTableElement>>;
-    var Row: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableRowElement> & BoxProps & {
-        children?: react__default.ReactNode;
-    } & react__default.RefAttributes<HTMLTableRowElement>>;
-    var Header: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
-        children?: react__default.ReactNode;
-    } & react__default.RefAttributes<HTMLTableSectionElement>>;
-    var Body: react__default.ForwardRefExoticComponent<react__default.HTMLAttributes<HTMLTableSectionElement> & BoxProps & {
-        children?: react__default.ReactNode;
-    } & react__default.RefAttributes<HTMLTableSectionElement>>;
-    var Cell: react__default.ForwardRefExoticComponent<TableCellProps & {
-        children?: react__default.ReactNode;
-    } & react__default.RefAttributes<HTMLTableCellElement | HTMLTableHeaderCellElement>>;
+        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 {
@@ -237,9 +433,9 @@ interface TabProps extends React.PropsWithChildren {
     startIcon?: IconProps['name'];
 }
 declare function Tabs(props: TabProviderProps): react_jsx_runtime.JSX.Element;
-declare const TabList: react.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+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.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+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 {
@@ -260,4 +456,4 @@ interface ToastProps extends ToastContainerProps {
 }
 declare function ToastContainer(props: ToastProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionProps, Avatar, type AvatarProps, Button, type ButtonProps, Chip, type ChipProps, Dropdown, DropdownItem, DropdownItemPressable, type DropdownItemPressableProps, type DropdownItemProps, DropdownItems, type DropdownItemsProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, IconButton, type IconButtonProps, Modal, ModalDismiss, ModalHeader, type ModalProps, Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, 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 };
+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 };