@nextui-org/react 1.0.2-beta.4 → 1.0.2-beta.5-dbg3

package/types/checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import Checkbox from './checkbox';
-export type { CheckboxProps, CheckboxEvent } from './checkbox';
+export type { CheckboxProps } from './checkbox';
 export type { CheckboxGroupProps } from './checkbox-group';
 export { StyledCheckboxLabel, StyledCheckboxContainer, StyledIconCheckFirstLine, StyledIconCheckSecondLine, StyledIconCheck, StyledCheckboxMask, StyledCheckboxText, StyledCheckboxInput, StyledCheckboxGroup } from './checkbox.styles';
 export type { CheckboxVariantsProps, CheckboxGroupVariantsProps, CheckboxTextVariantsProps, CheckboxMaskVariantsProps, CheckboxIconCheckVariantsProps, CheckboxIconCheckFirstLineVariantsProps, CheckboxIconCheckSecondLineVariantsProps, CheckboxLabelVariantsProps, CheckboxContainerVariantsProps } from './checkbox.styles';

package/types/collapse/collapse.styles.d.ts

@@ -4,8 +4,8 @@ export declare const StyledCollapse: import("@stitches/react/types/styled-compon
     borderWeight?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
     divider?: boolean | "true" | undefined;
     bordered?: boolean | "true" | undefined;
-    animated?: boolean | "true" | "false" | undefined;
-    visible?: boolean | "true" | "false" | undefined;
+    animated?: boolean | "false" | "true" | undefined;
+    visible?: boolean | "false" | "true" | undefined;
     isDark?: boolean | "true" | undefined;
 }, {
     xs: string;

package/types/image/image.styles.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '../theme/stitches.config';
 export declare const StyledImageContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    ready?: boolean | "true" | "false" | undefined;
+    ready?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;

package/types/index.d.ts

@@ -18,6 +18,8 @@ export type { PaginationParams } from './use-pagination';
 export type { UseKeyboardHandler, KeyboardOptions, KeyboardResult, UseKeyboard } from './use-keyboard';
 export { KeyMod, KeyCode } from './use-keyboard/codes';
 export { default as CssBaseline } from './css-baseline';
+export { useAsyncList } from '@react-stately/data';
+export { useCollator } from '@react-aria/i18n';
 export { default as NextUIProvider } from './theme/theme-provider';
 export { changeTheme, getDocumentTheme, getTokenValue } from './theme/utils';
 export type { VariantProps, CSS } from './theme/stitches.config';
@@ -77,3 +79,5 @@ export * from './tooltip';
 export { default as Input } from './input';
 export * from './input';
 export { default as Textarea } from './textarea';
+export { default as Table } from './table';
+export * from './table';

package/types/input/input-password.d.ts

@@ -94,5 +94,5 @@ declare const _default: React.ComponentType<Partial<{
     initialValue: string;
 } & NativeAttrs & {
     css?: CSS | undefined;
-} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "width" | "color" | "size" | "className" | "borderWeight" | "bordered" | "placeholder" | "status" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "shadow" | "initialValue" | "fullWidth" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
+} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "width" | "color" | "size" | "animated" | "className" | "borderWeight" | "bordered" | "placeholder" | "status" | "disabled" | "autoComplete" | "readOnly" | "required" | "shadow" | "initialValue" | "fullWidth" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
 export default _default;

package/types/input/input.styles.d.ts

@@ -943,7 +943,7 @@ export declare const StyledInputContainer: import("@stitches/react/types/styled-
     focused?: boolean | "true" | undefined;
     isReadOnly?: boolean | "false" | undefined;
     underlined?: boolean | "true" | undefined;
-    animated?: boolean | "true" | "false" | undefined;
+    animated?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;
@@ -2820,9 +2820,9 @@ export declare const StyledInputWrapper: import("@stitches/react/types/styled-co
     bordered?: boolean | "true" | undefined;
     shadow?: boolean | "true" | undefined;
     disabled?: boolean | "true" | undefined;
-    underlined?: boolean | "true" | "false" | undefined;
+    underlined?: boolean | "false" | "true" | undefined;
     animated?: boolean | "false" | undefined;
-    isTextarea?: boolean | "true" | "false" | undefined;
+    isTextarea?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;
@@ -3755,7 +3755,7 @@ export declare const StyledInputWrapper: import("@stitches/react/types/styled-co
     };
 }>>;
 export declare const StyledHelperTextContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    animated?: boolean | "true" | "false" | undefined;
+    animated?: boolean | "false" | "true" | undefined;
     withValue?: boolean | "true" | undefined;
 }, {
     xs: string;
@@ -7492,7 +7492,7 @@ export declare const StyledInputBlockLabel: import("@stitches/react/types/styled
     };
 }>>;
 export declare const StyledInputLabel: import("@stitches/react/types/styled-component").StyledComponent<"span", {
-    isRight?: boolean | "true" | "false" | undefined;
+    isRight?: boolean | "false" | "true" | undefined;
     isDark?: boolean | "true" | undefined;
     isDefaultStatus?: boolean | "true" | undefined;
     underlined?: boolean | "true" | undefined;

package/types/modal/modal.styles.d.ts

@@ -4666,7 +4666,7 @@ export declare const StyledModalFooter: import("@stitches/react/types/styled-com
     };
 }>>;
 export declare const StyledModal: import("@stitches/react/types/styled-component").StyledComponent<"section", {
-    fullScreen?: boolean | "true" | "false" | undefined;
+    fullScreen?: boolean | "false" | "true" | undefined;
     scroll?: boolean | "true" | undefined;
     closeButton?: boolean | "true" | undefined;
     isDark?: boolean | "true" | undefined;

package/types/pagination/pagination-highlight.d.ts

@@ -9,6 +9,7 @@ interface Props {
     css?: CSS;
     as?: keyof JSX.IntrinsicElements;
 }
-export declare type PaginationHighlightProps = Props & PaginationHighlightVariantsProps;
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
+export declare type PaginationHighlightProps = Props & NativeAttrs & PaginationHighlightVariantsProps;
 declare const PaginationHighlight: React.FC<PaginationHighlightProps>;
 export default PaginationHighlight;

package/types/pagination/pagination.styles.d.ts

@@ -2803,7 +2803,7 @@ export declare const StyledPaginationItem: import("@stitches/react/types/styled-
     bordered?: boolean | "true" | undefined;
     onlyDots?: boolean | "true" | undefined;
     preserveContent?: boolean | "true" | undefined;
-    animated?: boolean | "true" | "false" | undefined;
+    animated?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;
@@ -3736,7 +3736,7 @@ export declare const StyledPaginationItem: import("@stitches/react/types/styled-
     };
 }>>;
 export declare const StyledPaginationHighlight: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    animated?: boolean | "true" | "false" | undefined;
+    animated?: boolean | "false" | "true" | undefined;
     noMargin?: boolean | "true" | undefined;
     rounded?: boolean | "true" | undefined;
     shadow?: boolean | "true" | undefined;
@@ -4676,9 +4676,9 @@ export declare const StyledPagination: import("@stitches/react/types/styled-comp
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     borderWeight?: "light" | "normal" | "bold" | "extrabold" | "black" | undefined;
     bordered?: boolean | "true" | undefined;
-    onlyDots?: boolean | "true" | "false" | undefined;
-    rounded?: boolean | "true" | "false" | undefined;
-    noMargin?: boolean | "true" | "false" | undefined;
+    onlyDots?: boolean | "false" | "true" | undefined;
+    rounded?: boolean | "false" | "true" | undefined;
+    noMargin?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;

package/types/progress/progress.d.ts

@@ -61,5 +61,5 @@ declare const _default: React.ComponentType<Partial<{
     hover: string;
     dark: string;
     light: string;
-}>, "max" | "value" | "animated" | "min" | "shadow" | "indeterminated" | "striped">>;
+}>, "max" | "animated" | "value" | "min" | "shadow" | "indeterminated" | "striped">>;
 export default _default;

package/types/radio/radio.styles.d.ts

@@ -2799,9 +2799,9 @@ export declare const StyledRadio: import("@stitches/react/types/styled-component
     color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
     disabled?: boolean | "true" | undefined;
-    squared?: boolean | "true" | "false" | undefined;
+    squared?: boolean | "false" | "true" | undefined;
     active?: boolean | "true" | undefined;
-    animated?: boolean | "true" | "false" | undefined;
+    animated?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;
@@ -3735,7 +3735,7 @@ export declare const StyledRadio: import("@stitches/react/types/styled-component
 }>>;
 export declare const StyledRadioGroup: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    row?: boolean | "true" | "false" | undefined;
+    row?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;

package/types/snippet/snippet.styles.d.ts

@@ -936,7 +936,7 @@ export declare const StyledSnippet: import("@stitches/react/types/styled-compone
     };
 }>>;
 export declare const StyledSnippetPre: import("@stitches/react/types/styled-component").StyledComponent<"pre", {
-    withCopyButton?: boolean | "true" | "false" | undefined;
+    withCopyButton?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;

package/types/spacer/spacer.d.ts

@@ -20,7 +20,7 @@ declare const _default: React.ComponentType<Partial<{
     x: number;
     y: number;
 } & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
-    inline?: boolean | "true" | "false" | undefined;
+    inline?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;

package/types/spacer/spacer.styles.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '../theme/stitches.config';
 export declare const StyledSpacer: import("@stitches/react/types/styled-component").StyledComponent<"span", {
-    inline?: boolean | "true" | "false" | undefined;
+    inline?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;

package/types/switch/switch.d.ts

@@ -78,5 +78,5 @@ declare const _default: React.ComponentType<Partial<{
     light: string;
 }> & {
     css?: CSS | undefined;
-}, "squared" | "preventDefault" | "bordered" | "animated" | "disabled" | "shadow" | "initialChecked">>;
+}, "squared" | "animated" | "preventDefault" | "bordered" | "disabled" | "shadow" | "initialChecked">>;
 export default _default;

package/types/switch/switch.styles.d.ts

@@ -2804,7 +2804,7 @@ export declare const StyledSwitch: import("@stitches/react/types/styled-componen
     squared?: boolean | "true" | undefined;
     shadow?: boolean | "true" | undefined;
     disabled?: boolean | "true" | undefined;
-    animated?: boolean | "true" | "false" | undefined;
+    animated?: boolean | "false" | "true" | undefined;
 }, {
     xs: string;
     sm: string;

package/types/table/base/index.d.ts

@@ -0,0 +1,5 @@
+export { default as TableBody } from './table-body';
+export { default as TableCell } from './table-cell';
+export { default as TableColumn } from './table-column';
+export { default as TableHeader } from './table-header';
+export { default as TableRow } from './table-row';

package/types/table/base/table-body.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TableBodyProps as TableBodyBaseProps } from '@react-types/table';
+import { CSS } from '../../theme/stitches.config';
+export declare type TableBodyProps<T> = TableBodyBaseProps<T> & {
+    css?: CSS;
+};
+declare const TableBody: <T>(props: TableBodyProps<T>) => JSX.Element;
+export default TableBody;

package/types/table/base/table-cell.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CellProps as TableCellBaseProps } from '@react-types/table';
+import { CSS } from '../../theme/stitches.config';
+export declare type TableCellProps = TableCellBaseProps & {
+    css?: CSS;
+};
+declare const TableCell: (props: TableCellProps) => JSX.Element;
+export default TableCell;

package/types/table/base/table-column.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SpectrumColumnProps } from '@react-types/table';
+import { CSS } from '../../theme/stitches.config';
+export declare type TableColumnProps<T> = Omit<SpectrumColumnProps<T>, 'showDivider'> & {
+    css?: CSS;
+};
+declare const TableColumn: <T>(props: TableColumnProps<T>) => JSX.Element;
+export default TableColumn;

package/types/table/base/table-header.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableHeaderProps } from '@react-types/table';
+declare const TableHeader: <T>(props: TableHeaderProps<T>) => JSX.Element;
+export default TableHeader;

package/types/table/base/table-row.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RowProps as TableRowBaseProps } from '@react-types/table';
+import { CSS } from '../../theme/stitches.config';
+export declare type TableRowProps = TableRowBaseProps & {
+    css?: CSS;
+};
+declare const TableRow: (props: TableRowProps) => JSX.Element;
+export default TableRow;

package/types/table/index.d.ts

@@ -0,0 +1,12 @@
+import Table from './table';
+export type { SortDescriptor } from '@react-types/shared';
+export { StyledTable, StyledTableRow, StyledTableCell, StyledTableHeaderCell } from './table.styles';
+export type { TableVariantsProps, TableColumnHeaderVariantsProps, TableCellVariantsProps, StyledTableRowGroup, StyledTableHeaderRow } from './table.styles';
+export type { TableProps } from './table';
+export type { TablePaginationProps } from './table-pagination';
+export type { TableBodyProps } from './table-body';
+export type { TableHeaderRowProps } from './table-header-row';
+export type { TableRowProps } from './table-row';
+export type { TableCellProps } from './table-cell';
+export type { TableFooterProps } from './table-footer';
+export default Table;

package/types/table/table-body.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { TableCollection } from '@react-types/table';
+import { TableVariantsProps } from './table.styles';
+import { TableState } from '@react-stately/table';
+interface Props<T> {
+    state: TableState<T>;
+    collection: TableCollection<T>;
+    animated?: boolean;
+    hideLoading?: boolean;
+    hasPagination?: boolean;
+    color?: TableVariantsProps['color'];
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<any>>;
+export declare type TableBodyProps<T = unknown> = Props<T> & NativeAttrs & {
+    css?: CSS;
+};
+declare const TableBody: React.FC<React.PropsWithChildren<TableBodyProps>>;
+export default TableBody;

package/types/table/table-cell-old.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TableRowData, TableOnCellClick } from './table-types';
+import { TableColumnProps } from './table-column';
+import { CSS } from '../theme/stitches.config';
+interface Props<TableDataItem extends TableRowData> {
+    row?: TableDataItem;
+    rowIndex?: number;
+    columns?: Array<TableColumnProps<TableDataItem>>;
+    emptyText?: string;
+    onCellClick?: TableOnCellClick<TableDataItem>;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<any>, keyof Props<any>>;
+export declare type TableCellProps<TableDataItem extends TableRowData> = Props<TableDataItem> & NativeAttrs & {
+    css?: CSS;
+};
+declare const TableCell: React.ForwardRefExoticComponent<Props<TableRowData> & NativeAttrs & {
+    css?: CSS | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLTableCellElement>>;
+export default TableCell;

package/types/table/table-cell.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { GridNode } from '@react-types/grid';
+import { TableState } from '@react-stately/table';
+declare type CellProps<T> = GridNode<T> & {
+    rendered: React.ReactNode;
+};
+interface Props<T> {
+    cell: CellProps<T>;
+    state: TableState<T>;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<any>>;
+export declare type TableCellProps<T = unknown> = Props<T> & NativeAttrs & {
+    css?: CSS;
+};
+declare const TableCell: React.ForwardRefExoticComponent<Props<unknown> & NativeAttrs & {
+    css?: CSS | undefined;
+} & React.RefAttributes<HTMLTableCellElement>>;
+export default TableCell;

package/types/table/table-checkbox-cell.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { CSS } from '../theme/stitches.config';
+import { GridNode } from '@react-types/grid';
+import { TableState } from '@react-stately/table';
+import { TableVariantsProps } from './table.styles';
+declare type CellProps<T> = GridNode<T> & {
+    parentKey?: React.Key;
+};
+interface Props<T> {
+    cell: CellProps<T>;
+    state: TableState<T>;
+    color?: TableVariantsProps['color'];
+    animated?: boolean;
+    as?: keyof JSX.IntrinsicElements;
+}
+declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<any>>;
+export declare type TableCheckboxCellProps<T = unknown> = Props<T> & NativeAttrs & {
+    css?: CSS;
+};
+declare const TableCheckboxCell: React.ForwardRefExoticComponent<Props<unknown> & NativeAttrs & {
+    css?: CSS | undefined;
+} & React.RefAttributes<HTMLTableCellElement>>;
+export default TableCheckboxCell;