@koobiq/react-components 0.0.1-beta.23 → 0.0.1-beta.25

package/dist/components/Alert/Alert.js

@@ -30,12 +30,12 @@ const Alert = polymorphicForwardRef(
     const isCompact = isCompactProp || compact;
     if (process.env.NODE_ENV !== "production" && colored) {
       deprecate(
-        'The "colored" prop is deprecated. Use "isColored" prop to replace it.'
+        'Alert. The "colored" prop is deprecated. Use "isColored" prop to replace it.'
       );
     }
     if (process.env.NODE_ENV !== "production" && compact) {
       deprecate(
-        'The "compact" prop is deprecated. Use "isCompact" prop to replace it.'
+        'Alert. The "compact" prop is deprecated. Use "isCompact" prop to replace it.'
       );
     }
     const stringFormatter = useLocalizedStringFormatter(intlMessages);

package/dist/components/Backdrop/Backdrop.js

@@ -22,7 +22,7 @@ const Backdrop = polymorphicForwardRef(
     const domRef = useDOMRef(ref);
     if (process.env.NODE_ENV !== "production" && open) {
       deprecate(
-        'The "open" prop is deprecated. Use "isOpen" prop to replace it.'
+        'Backdrop. The "open" prop is deprecated. Use "isOpen" prop to replace it.'
       );
     }
     const style = {

package/dist/components/Button/Button.js

@@ -24,12 +24,12 @@ const Button = polymorphicForwardRef(
     const isDisabled = isDisabledProp || disabled;
     if (process.env.NODE_ENV !== "production" && progress) {
       deprecate(
-        'The "progress" prop is deprecated. Use "isLoading" prop to replace it.'
+        'Button. The "progress" prop is deprecated. Use "isLoading" prop to replace it.'
       );
     }
     if (process.env.NODE_ENV !== "production" && disabled) {
       deprecate(
-        'The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
+        'Button. The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
       );
     }
     const iconOnly = (!children || onlyIcon) && (startIcon || endIcon);

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,19 +1,28 @@
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("@react-types/checkbox").AriaCheckboxProps, "onChange" | "isDisabled" | "isRequired" | "isInvalid" | "isReadOnly" | "isSelected" | "isIndeterminate" | "defaultSelected">, "defaultChecked" | "onChange" | "disabled" | "checked" | "required" | "error" | "readonly" | "indeterminate"> & {
-    error?: boolean;
-    checked?: boolean;
-    readonly?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    indeterminate?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (checked: boolean) => void;
-} & {
+export declare const Checkbox: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
     className?: string;
+    style?: import("react").CSSProperties;
     size?: import("./types").CheckboxPropSize;
-    'data-testid'?: string | number;
     labelPlacement?: import("./types").CheckboxPropLabelPlacement;
+    isInvalid?: boolean;
+    isSelected?: boolean;
+    isReadOnly?: boolean;
+    isDisabled?: boolean;
+    isRequired?: boolean;
+    isIndeterminate?: boolean;
+    defaultSelected?: boolean;
+    onChange?: import("./types").CheckboxPropOnChange;
     slotProps?: {
         box?: import("react").ComponentPropsWithRef<"span">;
         label?: import("react").ComponentPropsWithRef<"span">;
     };
+    'data-testid'?: string | number;
+} & {
+    disabled?: boolean;
+    error?: boolean;
+    checked?: boolean;
+    readonly?: boolean;
+    required?: boolean;
+    indeterminate?: boolean;
+    defaultChecked?: boolean;
 } & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/components/Checkbox/Checkbox.js

@@ -1,7 +1,8 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { mergeProps, clsx, isNotNil } from "@koobiq/react-core";
+import { deprecate } from "@koobiq/logger";
+import { isNotNil, mergeProps, clsx } from "@koobiq/react-core";
 import { IconCheckS16, IconMinusS16 } from "@koobiq/react-icons";
 import { Checkbox as Checkbox$1 } from "@koobiq/react-primitives";
 import s from "./Checkbox.module.css.js";
@@ -11,45 +12,108 @@ const Checkbox = forwardRef(
     const {
       size = "normal",
       labelPlacement = "end",
+      disabled,
+      isDisabled: isDisabledProp,
+      checked,
+      isSelected: isSelectedProp,
+      error,
+      isInvalid: isInvalidProp,
+      defaultChecked,
+      defaultSelected: defaultSelectedProp,
+      readonly,
+      isReadOnly: isReadOnlyProp,
+      required,
+      isRequired: isRequiredProp,
+      indeterminate,
+      isIndeterminate: isIndeterminateProp,
       children,
       className,
       slotProps,
-      indeterminate,
       ...other
     } = props;
+    const isDisabled = isDisabledProp || disabled;
+    const isSelected = isSelectedProp ?? checked;
+    const isInvalid = isInvalidProp || error;
+    const defaultSelected = defaultSelectedProp ?? defaultChecked;
+    const isReadOnly = isReadOnlyProp || readonly;
+    const isRequired = isRequiredProp || required;
+    const isIndeterminate = isIndeterminateProp || indeterminate;
     const commonProps = {
-      indeterminate,
+      isIndeterminate,
+      isDisabled,
+      isSelected,
+      isInvalid,
+      isRequired,
+      isReadOnly,
+      defaultSelected,
       className: ({
-        error,
-        checked,
-        hovered,
-        disabled,
-        focusVisible,
-        indeterminate: indeterminate2
+        isInvalid: isInvalid2,
+        isSelected: isSelected2,
+        isHovered,
+        isDisabled: isDisabled2,
+        isFocusVisible,
+        isIndeterminate: isIndeterminate2
       }) => clsx(
         s.base,
         s[size],
-        error && s.error,
         s[labelPlacement],
-        checked && s.checked,
-        hovered && s.hovered,
-        disabled && s.disabled,
-        focusVisible && s.focusVisible,
-        indeterminate2 && s.indeterminate,
+        isInvalid2 && s.invalid,
+        isHovered && s.hovered,
+        isDisabled2 && s.disabled,
+        isSelected2 && s.selected,
+        isFocusVisible && s.focusVisible,
+        isIndeterminate2 && s.indeterminate,
         className
       ),
       ...other
     };
+    if (process.env.NODE_ENV !== "production" && isNotNil(disabled)) {
+      deprecate(
+        'Checkbox. The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && isNotNil(checked)) {
+      deprecate(
+        'Checkbox. The "checked" prop is deprecated. Use "isSelected" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && isNotNil(error)) {
+      deprecate(
+        'Checkbox. The "error" prop is deprecated. Use "isInvalid" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && isNotNil(defaultChecked)) {
+      deprecate(
+        'Checkbox. The "defaultChecked" prop is deprecated. Use "defaultSelected" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && isNotNil(readonly)) {
+      deprecate(
+        'Checkbox. The "readonly" prop is deprecated. Use "isReadOnly" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && isNotNil(required)) {
+      deprecate(
+        'Checkbox. The "required" prop is deprecated. Use "isRequired" prop to replace it.'
+      );
+    }
+    if (process.env.NODE_ENV !== "production" && isNotNil(indeterminate)) {
+      deprecate(
+        'Checkbox. The "indeterminate" prop is deprecated. Use "isIndeterminate" prop to replace it.'
+      );
+    }
     const boxProps = mergeProps({ className: s.checkbox }, slotProps?.box);
     const labelProps = slotProps?.label;
     return /* @__PURE__ */ jsx(
       Checkbox$1,
       {
-        "data-indeterminate": indeterminate,
+        "data-size": size,
+        "data-indeterminate": isIndeterminate,
+        "data-label-placement": labelPlacement,
         ...commonProps,
         ref,
-        children: ({ checked, indeterminate: indeterminate2 }) => {
-          const activeIndex = indeterminate2 ? 1 : Number(Boolean(checked)) - 1;
+        children: ({ isSelected: isSelected2, isIndeterminate: isIndeterminate2 }) => {
+          const activeIndex = isIndeterminate2 ? 1 : Number(Boolean(isSelected2)) - 1;
           return /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("span", { ...boxProps, children: /* @__PURE__ */ jsx(
               AnimatedIcon,

package/dist/components/Checkbox/Checkbox.module.css.js

@@ -3,8 +3,8 @@ const checkbox = "kbq-checkbox-checkbox-dbb3d9";
 const normal = "kbq-checkbox-normal-646719";
 const big = "kbq-checkbox-big-d7d5f1";
 const hovered = "kbq-checkbox-hovered-a8a95e";
-const checked = "kbq-checkbox-checked-e66779";
-const error = "kbq-checkbox-error-3cdabd";
+const selected = "kbq-checkbox-selected-ba10f0";
+const invalid = "kbq-checkbox-invalid-253c35";
 const focusVisible = "kbq-checkbox-focusVisible-c41061";
 const indeterminate = "kbq-checkbox-indeterminate-efed4f";
 const disabled = "kbq-checkbox-disabled-e359aa";
@@ -16,8 +16,8 @@ const s = {
   normal,
   big,
   hovered,
-  checked,
-  error,
+  selected,
+  invalid,
   focusVisible,
   indeterminate,
   disabled,
@@ -28,14 +28,14 @@ export {
   base,
   big,
   checkbox,
-  checked,
   s as default,
   disabled,
   end,
-  error,
   focusVisible,
   hovered,
   indeterminate,
+  invalid,
   normal,
+  selected,
   start
 };

package/dist/components/Checkbox/types.d.ts

@@ -1,27 +1,126 @@
-import type { ComponentPropsWithRef } from 'react';
-import type { UseCheckboxProps } from '@koobiq/react-primitives';
+import type { ComponentPropsWithRef, CSSProperties, ReactNode } from 'react';
 export declare const checkboxPropSize: readonly ["normal", "big"];
 export type CheckboxPropSize = (typeof checkboxPropSize)[number];
 export declare const checkboxPropLabelPlacement: readonly ["start", "end"];
 export type CheckboxPropLabelPlacement = (typeof checkboxPropLabelPlacement)[number];
-export type CheckboxProps = UseCheckboxProps & {
+export type CheckboxPropOnChange = (selected: boolean) => void;
+type CheckboxDeprecatedProps = {
+    /**
+     * @deprecated
+     * The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.
+     *
+     * If `true`, the component is disabled.
+     * @default false
+     * */
+    disabled?: boolean;
+    /**
+     * @deprecated
+     * The "error" prop is deprecated. Use "isInvalid" prop to replace it.
+     *
+     * If `true`, the component will indicate an error.
+     * @default false
+     * */
+    error?: boolean;
+    /**
+     * @deprecated
+     * The "checked" prop is deprecated. Use "isSelected" prop to replace it.
+     *
+     * If `true`, the component is checked.
+     * @default false
+     * */
+    checked?: boolean;
+    /**
+     * @deprecated
+     * The "readonly" prop is deprecated. Use "isReadonly" prop to replace it.
+     *
+     * It prevents the user from changing the value of the checkbox.
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * @deprecated
+     * The "required" prop is deprecated. Use "isRequired" prop to replace it.
+     *
+     * If `true`, the input element is required.
+     * @default false
+     * */
+    required?: boolean;
+    /**
+     * @deprecated
+     * The "indeterminate" prop is deprecated. Use "isIndeterminate" prop to replace it.
+     *
+     * If `true`, the component appears indeterminate.
+     * @default false
+     * */
+    indeterminate?: boolean;
+    /**
+     * @deprecated
+     * The "defaultChecked" prop is deprecated. Use "defaultSelected" prop to replace it.
+     *
+     * The default checked state. Use when the component is not controlled.
+     * @default false
+     * */
+    defaultChecked?: boolean;
+};
+export type CheckboxProps = {
+    /** The content of the component. */
+    children?: ReactNode;
     /** Additional CSS-classes. */
     className?: string;
+    /** Inline styles. */
+    style?: CSSProperties;
     /**
      * Size.
      * @default normal
      * */
     size?: CheckboxPropSize;
-    /** Unique identifier for testing purposes. */
-    'data-testid'?: string | number;
     /**
      * The position of the label.
      * @default end
      * */
     labelPlacement?: CheckboxPropLabelPlacement;
+    /**
+     * If `true`, the component will indicate an error.
+     * @default false
+     * */
+    isInvalid?: boolean;
+    /**
+     * If `true`, the component is checked.
+     * @default false
+     * */
+    isSelected?: boolean;
+    /** It prevents the user from changing the value of the checkbox.
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     * */
+    isDisabled?: boolean;
+    /**
+     * If `true`, the input element is required.
+     * @default false
+     * */
+    isRequired?: boolean;
+    /**
+     * If `true`, the component appears indeterminate.
+     * @default false
+     * */
+    isIndeterminate?: boolean;
+    /**
+     * The default checked state. Use when the component is not controlled.
+     * @default false
+     * */
+    defaultSelected?: boolean;
+    /** Callback fired when the state is changed. */
+    onChange?: CheckboxPropOnChange;
     /** The props used for each slot inside. */
     slotProps?: {
         box?: ComponentPropsWithRef<'span'>;
         label?: ComponentPropsWithRef<'span'>;
     };
-};
+    /** Unique identifier for testing purposes. */
+    'data-testid'?: string | number;
+} & CheckboxDeprecatedProps;
+export {};

package/dist/components/Collections/Cell.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties } from 'react';
+import type { CellProps as AriaCellProps } from '@koobiq/react-primitives';
+export declare const cellPropAlign: readonly ["left", "right", "center"];
+export declare const cellPropVerticalAlign: readonly ["baseline", "top", "middle", "bottom", "sub", "text-top"];
+export type CellPropAlign = (typeof cellPropAlign)[number];
+export type CellPropVerticalAlign = (typeof cellPropVerticalAlign)[number];
+export type CellProps = AriaCellProps & {
+    /** Additional CSS-classes. */
+    className?: string;
+    /** Inline styles. */
+    style?: CSSProperties;
+    /** Unique identifier for testing purposes. */
+    'data-testid'?: string | number;
+    /**
+     * Horizontal alignment of the cell content.
+     * @default left
+     * */
+    align?: CellPropAlign;
+    /**
+     * Vertical alignment of the cell content.
+     * @default middle
+     * */
+    valign?: CellPropVerticalAlign;
+};
+export declare function Cell(_props: CellProps): null;
+export declare namespace Cell {
+    var getCollectionNode: unknown;
+}

package/dist/components/Collections/Cell.js

@@ -0,0 +1,10 @@
+"use client";
+import { Cell as Cell$1 } from "@koobiq/react-primitives";
+const CellInner = Cell$1;
+function Cell(_props) {
+  return null;
+}
+Cell.getCollectionNode = CellInner.getCollectionNode;
+export {
+  Cell
+};

package/dist/components/Collections/Column.d.ts

@@ -0,0 +1,28 @@
+import type { CSSProperties } from 'react';
+import type { ColumnProps as AriaColumnProps } from '@koobiq/react-primitives';
+export declare const columnPropAlign: readonly ["left", "right", "center"];
+export declare const columnPropVerticalAlign: readonly ["baseline", "top", "middle", "bottom", "sub", "text-top"];
+export type ColumnPropAlign = (typeof columnPropAlign)[number];
+export type ColumnPropVerticalAlign = (typeof columnPropVerticalAlign)[number];
+export type ColumnProps<T> = Omit<AriaColumnProps<T>, 'allowsResizing' | 'allowsSorting' | 'width' | 'defaultWidth' | 'minWidth' | 'maxWidth'> & {
+    /** Additional CSS-classes. */
+    className?: string;
+    /** Inline styles. */
+    style?: CSSProperties;
+    /** Unique identifier for testing purposes. */
+    'data-testid'?: string | number;
+    /**
+     * Horizontal alignment of the cell content.
+     * @default left
+     * */
+    align?: ColumnPropAlign;
+    /**
+     * Vertical alignment of the cell content.
+     * @default middle
+     * */
+    valign?: ColumnPropVerticalAlign;
+};
+export declare function Column<T>(_props: ColumnProps<T>): null;
+export declare namespace Column {
+    var getCollectionNode: unknown;
+}

package/dist/components/Collections/Column.js

@@ -0,0 +1,10 @@
+"use client";
+import { Column as Column$1 } from "@koobiq/react-primitives";
+const ColumnInner = Column$1;
+function Column(_props) {
+  return null;
+}
+Column.getCollectionNode = ColumnInner.getCollectionNode;
+export {
+  Column
+};

package/dist/components/Collections/Row.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties } from 'react';
+import type { RowProps as AriaRowProps } from '@koobiq/react-primitives';
+export type RowProps<T> = AriaRowProps<T> & {
+    /** Additional CSS-classes. */
+    className?: string;
+    /** Inline styles. */
+    style?: CSSProperties;
+    /** Unique identifier for testing purposes. */
+    'data-testid'?: string | number;
+};
+export declare function Row<T>(_props: RowProps<T>): null;
+export declare namespace Row {
+    var getCollectionNode: unknown;
+}

package/dist/components/Collections/Row.js

@@ -0,0 +1,10 @@
+"use client";
+import { Row as Row$1 } from "@koobiq/react-primitives";
+const RowInner = Row$1;
+function Row(_props) {
+  return null;
+}
+Row.getCollectionNode = RowInner.getCollectionNode;
+export {
+  Row
+};

package/dist/components/Collections/TableBody.d.ts

@@ -0,0 +1,6 @@
+import type { TableBodyProps as AriaTableBodyProps } from '@koobiq/react-primitives';
+export type TableBodyProps<T> = AriaTableBodyProps<T>;
+export declare function TableBody<T>(_props: TableBodyProps<T>): null;
+export declare namespace TableBody {
+    var getCollectionNode: unknown;
+}

package/dist/components/Collections/TableBody.js

@@ -0,0 +1,10 @@
+"use client";
+import { TableBody as TableBody$1 } from "@koobiq/react-primitives";
+const TableBodyInner = TableBody$1;
+function TableBody(_props) {
+  return null;
+}
+TableBody.getCollectionNode = TableBodyInner.getCollectionNode;
+export {
+  TableBody
+};

package/dist/components/Collections/TableHeader.d.ts

@@ -0,0 +1,6 @@
+import type { TableHeaderProps as AriaTableHeaderProps } from '@koobiq/react-primitives';
+export type TableHeaderProps<T> = AriaTableHeaderProps<T>;
+export declare function TableHeader<T>(_props: TableHeaderProps<T>): null;
+export declare namespace TableHeader {
+    var getCollectionNode: unknown;
+}

package/dist/components/Collections/TableHeader.js

@@ -0,0 +1,10 @@
+"use client";
+import { TableHeader as TableHeader$1 } from "@koobiq/react-primitives";
+const TableHeaderInner = TableHeader$1;
+function TableHeader(_props) {
+  return null;
+}
+TableHeader.getCollectionNode = TableHeaderInner.getCollectionNode;
+export {
+  TableHeader
+};

package/dist/components/Collections/index.d.ts

@@ -2,3 +2,8 @@ export * from './Section';
 export * from './Item';
 export * from './Divider';
 export * from './Header';
+export * from './Cell';
+export * from './Row';
+export * from './Column';
+export * from './TableBody';
+export * from './TableHeader';

package/dist/components/Container/Container.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
+import { deprecate } from "@koobiq/logger";
 import { polymorphicForwardRef, clsx } from "@koobiq/react-core";
 import s from "./Container.module.css.js";
 import { normalizeMargins, normalizeMaxInlineSize, normalizePosition } from "./utils.js";
@@ -12,25 +13,35 @@ const Container = polymorphicForwardRef(
       margins: marginsProp = 0,
       position: positionProp = "center",
       fixed = false,
+      isFixed: isFixedProp = false,
       children,
       className,
       maxInlineSize: maxInlineSizeProp,
       style: styleProp,
       ...other
     } = props;
+    const isFixed = isFixedProp || fixed;
+    if (process.env.NODE_ENV !== "production" && fixed) {
+      deprecate(
+        'Container. The "fixed" prop is deprecated. Use "isFixed" prop to replace it.'
+      );
+    }
     const breakpoints = useMatchedBreakpoints();
     const maxInlineSize = getResponsiveValue(maxInlineSizeProp, breakpoints);
     const position = getResponsiveValue(positionProp, breakpoints);
     const margins = getResponsiveValue(marginsProp, breakpoints);
     const style = {
       ...styleProp,
-      "--container-max-inline-size": fixed ? void 0 : normalizeMaxInlineSize(maxInlineSize),
+      "--container-max-inline-size": isFixed ? void 0 : normalizeMaxInlineSize(maxInlineSize),
       "--container-position": normalizePosition(position),
       "--container-margins": normalizeMargins(margins)
     };
     return /* @__PURE__ */ jsx(
       Tag,
       {
+        "data-fixed": isFixed,
+        "data-margins": margins,
+        "data-position": position,
         className: clsx(s.base, className),
         style,
         ...other,

package/dist/components/Container/types.d.ts

@@ -5,6 +5,16 @@ export type ContainerMarginsProp = (typeof containerMarginsProp)[number];
 export type ContainerMaxInlineSizeProp = CSSProperties['maxInlineSize'];
 export declare const containerPositionProp: readonly ["start", "center", "end"];
 export type ContainerPositionProp = (typeof containerPositionProp)[number];
+type ContainerDeprecatedProps = {
+    /**
+     * @deprecated
+     * The "fixed" prop is deprecated. Use "isFixed" prop to replace it.
+     *
+     * If `true`, doesn't set the max-inline-size of the container.
+     * @default false
+     * */
+    fixed?: boolean;
+};
 export type ContainerBaseProps = {
     /**
      * Container position.
@@ -22,11 +32,12 @@ export type ContainerBaseProps = {
      * If `true`, doesn't set the max-inline-size of the container.
      * @default false
      * */
-    fixed?: boolean;
+    isFixed?: boolean;
     /** The content of the component. */
     children?: ReactNode;
     /** Additional CSS-classes. */
     className?: string;
     /** Inline styles. */
     style?: CSSProperties;
-};
+} & ContainerDeprecatedProps;
+export {};

package/dist/components/Divider/Divider.js

@@ -23,6 +23,9 @@ const Divider = polymorphicForwardRef(
     return /* @__PURE__ */ jsx(
       Tag,
       {
+        "data-flex-item": flexItem,
+        "data-orientation": orientation,
+        "data-disable-paddings": disablePaddings,
         ...separatorProps,
         className: clsx(
           s.base,

package/dist/components/IconButton/IconButton.js

@@ -21,12 +21,12 @@ const IconButton = polymorphicForwardRef(
     const isDisabled = isDisabledProp || disabled;
     if (process.env.NODE_ENV !== "production" && compact) {
       deprecate(
-        'The "compact" prop is deprecated. Use "isCompact" prop to replace it.'
+        'IconButton. The "compact" prop is deprecated. Use "isCompact" prop to replace it.'
       );
     }
     if (process.env.NODE_ENV !== "production" && disabled) {
       deprecate(
-        'The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
+        'IconButton. The "disabled" prop is deprecated. Use "isDisabled" prop to replace it.'
       );
     }
     const classNameFn = ({

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,12 @@
+import { Cell, Row, Column, TableBody, TableHeader } from '../Collections';
+import type { TableComponentProp } from './types';
+declare const TableComponent: TableComponentProp;
+type CompoundedComponent = typeof TableComponent & {
+    Header: typeof TableHeader;
+    Body: typeof TableBody;
+    Column: typeof Column;
+    Row: typeof Row;
+    Cell: typeof Cell;
+};
+export declare const Table: CompoundedComponent;
+export {};