@nextui-org/react 1.0.2-beta.5-dbg2 → 1.0.2-beta.5

package/types/grid/grid-container.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import React, { RefAttributes, PropsWithoutRef } from 'react';
 import { CSS } from '../theme/stitches.config';
 import { GridItemProps } from './grid-item';
 import { Wrap } from '../utils/prop-types';
 interface Props {
-    gap: number;
-    wrap: Wrap;
-    className: string;
+    gap?: number;
+    wrap?: Wrap;
+    className?: string;
     css?: CSS;
 }
 declare const defaultProps: {
@@ -13,10 +13,7 @@ declare const defaultProps: {
     wrap: "nowrap" | "wrap" | "wrap-reverse";
     className: string;
 };
-export declare type GridContainerProps = Props & typeof defaultProps & GridItemProps;
-declare const _default: React.ComponentType<Partial<{
-    gap: number;
-    wrap: "nowrap" | "wrap" | "wrap-reverse";
-    className: string;
-}> & Omit<React.PropsWithChildren<GridContainerProps>, "wrap" | "gap" | "className">>;
+export declare type GridContainerProps = Props & Partial<typeof defaultProps> & GridItemProps;
+declare type GridContainerComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+declare const _default: GridContainerComponent<HTMLDivElement, GridContainerProps>;
 export default _default;

package/types/grid/grid-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { RefAttributes, PropsWithoutRef } from 'react';
 import { BreakpointsValue, Justify, Direction, AlignItems, AlignContent } from '../utils/prop-types';
 import { CSS } from '../theme/stitches.config';
 import { GridItemVariantProps } from './grid.styles';
@@ -26,12 +26,6 @@ declare const defaultProps: {
 };
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
 export declare type GridItemProps = Props & Partial<typeof defaultProps> & NativeAttrs & GridItemVariantProps;
-declare const _default: React.ComponentType<Partial<{
-    xs: BreakpointsValue;
-    sm: BreakpointsValue;
-    md: BreakpointsValue;
-    lg: BreakpointsValue;
-    xl: BreakpointsValue;
-    className: string;
-}> & Omit<React.PropsWithChildren<GridItemProps>, "xs" | "sm" | "md" | "lg" | "xl" | "className">>;
+declare type GridItemComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
+declare const _default: GridItemComponent<HTMLDivElement, GridItemProps>;
 export default _default;

package/types/grid/grid.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { RefAttributes, PropsWithoutRef } from 'react';
 import GridContainer from './grid-container';
 import { GridItemProps } from './grid-item';
 export declare type GridProps = GridItemProps;
-declare type GridComponent<P = {}> = React.NamedExoticComponent<P> & {
+declare type GridComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
     Container: typeof GridContainer;
 };
-declare const _default: GridComponent<GridItemProps>;
+declare const _default: GridComponent<HTMLDivElement, GridItemProps>;
 export default _default;

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 | "false" | "true" | undefined;
+    ready?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
     sm: string;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { NormalSizes, SimpleColors, ContentPosition, NormalWeights, AsProp } from '../utils/prop-types';
 export declare type FormElement = HTMLInputElement | HTMLTextAreaElement;
 export interface Props extends AsProp<'input' | 'textarea'>, React.HTMLAttributes<FormElement> {
-    value?: string;
+    value?: string | ReadonlyArray<string> | number;
     fullWidth?: boolean;
     initialValue?: string;
     placeholder?: string;

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 | "false" | "true" | undefined;
+    animated?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    underlined?: boolean | "true" | "false" | undefined;
     animated?: boolean | "false" | undefined;
-    isTextarea?: boolean | "false" | "true" | undefined;
+    isTextarea?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    animated?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    isRight?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    fullScreen?: boolean | "true" | "false" | undefined;
     scroll?: boolean | "true" | undefined;
     closeButton?: boolean | "true" | undefined;
     isDark?: boolean | "true" | undefined;

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 | "false" | "true" | undefined;
+    animated?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    animated?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
-    rounded?: boolean | "false" | "true" | undefined;
-    noMargin?: boolean | "false" | "true" | undefined;
+    onlyDots?: boolean | "true" | "false" | undefined;
+    rounded?: boolean | "true" | "false" | undefined;
+    noMargin?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
     sm: string;

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 | "false" | "true" | undefined;
+    squared?: boolean | "true" | "false" | undefined;
     active?: boolean | "true" | undefined;
-    animated?: boolean | "false" | "true" | undefined;
+    animated?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    row?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    withCopyButton?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    inline?: boolean | "true" | "false" | 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 | "false" | "true" | undefined;
+    inline?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
     sm: string;

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 | "false" | "true" | undefined;
+    animated?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
     sm: string;

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

@@ -51,7 +51,11 @@ declare const TableColumnHeader: React.ForwardRefExoticComponent<Props<unknown>
         };
         allowsSorting: {
             true: {
+                transition: string;
                 cursor: string;
+                '@motion': {
+                    transition: string;
+                };
                 '&:hover': {
                     color: string;
                     bg: string;
@@ -63,9 +67,16 @@ declare const TableColumnHeader: React.ForwardRefExoticComponent<Props<unknown>
         align: "left";
         animated: true;
     };
+    compoundVariants: {
+        animated: false;
+        allowsSorting: true;
+        css: {
+            transition: string;
+        };
+    }[];
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
     animated?: boolean | "false" | undefined;
-    isFocusVisible?: boolean | "false" | "true" | undefined;
+    isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
     sm: string;

package/types/table/table.d.ts

@@ -4,7 +4,7 @@ import { SelectionMode, SelectionBehavior } from '@react-types/shared';
 import { CSS } from '../theme/stitches.config';
 import { TableColumn as TableColumnBase, TableCell as TableCellBase, TableRow as TableRowBase, TableBody as TableBodyBase, TableHeader as TableHeaderBase } from './base';
 import TablePagination from './table-pagination';
-import { TableVariantsProps } from './table.styles';
+import { TableVariantsProps, TableContainerVariantsProps } from './table.styles';
 interface Props<T> extends TableStateProps<T> {
     selectionMode?: SelectionMode;
     selectionBehavior?: SelectionBehavior;
@@ -13,8 +13,9 @@ interface Props<T> extends TableStateProps<T> {
     as?: keyof JSX.IntrinsicElements;
 }
 declare type NativeAttrs = Omit<React.TableHTMLAttributes<unknown>, keyof Props<object>>;
-export declare type TableProps<T = object> = Props<T> & NativeAttrs & Omit<TableVariantsProps, 'isMultiple'> & {
+export declare type TableProps<T = object> = Props<T> & NativeAttrs & Omit<TableVariantsProps, 'isMultiple' | 'shadow' | 'hasPagination'> & TableContainerVariantsProps & {
     css?: CSS;
+    containerCss?: CSS;
 };
 declare type TableComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
     Cell: typeof TableCellBase;