@nextui-org/react 1.0.3-beta.5 → 1.0.6-beta.5

package/types/button/utils.d.ts

@@ -2,3 +2,52 @@ import React from 'react';
 import { ButtonProps } from './button';
 import { ButtonGroupConfig } from './button-group-context';
 export declare const filterPropsWithGroup: (props: React.PropsWithChildren<ButtonProps>, config: ButtonGroupConfig) => ButtonProps;
+export declare const getCssColors: (props: React.PropsWithChildren<ButtonProps>) => {
+    bg: string;
+    color: string;
+    transform: string;
+    boxShadow: string;
+    pe: string;
+} | {
+    px: string;
+    py: string;
+    color?: undefined;
+    backgroundImage?: undefined;
+    transform?: undefined;
+    boxShadow?: undefined;
+    pe?: undefined;
+    pl?: undefined;
+    pr?: undefined;
+} | {
+    px?: undefined;
+    py?: undefined;
+    color?: undefined;
+    backgroundImage?: undefined;
+    transform?: undefined;
+    boxShadow?: undefined;
+    pe?: undefined;
+    pl?: undefined;
+    pr?: undefined;
+} | {
+    color: string;
+    backgroundImage: string;
+    transform: string;
+    boxShadow: string;
+    pe: string;
+    pl: string;
+    pr: string;
+    px?: undefined;
+    py?: undefined;
+} | {
+    bg: string;
+    borderColor: string;
+    color: string;
+    transform: string;
+    boxShadow: string;
+    pe: string;
+    px?: undefined;
+    py?: undefined;
+    backgroundImage?: undefined;
+    pl?: undefined;
+    pr?: undefined;
+};

package/types/card/card.styles.d.ts

@@ -263,6 +263,7 @@ export declare const StyledCardBody: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1204,6 +1205,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2135,6 +2137,7 @@ export declare const StyledCardHeader: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3068,6 +3071,7 @@ export declare const StyledCardFooter: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/checkbox/checkbox.styles.d.ts

@@ -267,6 +267,7 @@ export declare const StyledCheckboxLabel: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1261,6 +1262,7 @@ export declare const StyledCheckboxContainer: import("@stitches/react/types/styl
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2191,6 +2193,7 @@ export declare const StyledCheckboxContainer: import("@stitches/react/types/styl
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3126,6 +3129,7 @@ export declare const StyledIconCheckFirstLine: import("@stitches/react/types/sty
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4061,6 +4065,7 @@ export declare const StyledIconCheckSecondLine: import("@stitches/react/types/st
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4997,6 +5002,7 @@ export declare const StyledIconCheck: import("@stitches/react/types/styled-compo
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -5931,6 +5937,7 @@ export declare const StyledCheckboxMask: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -6868,6 +6875,7 @@ export declare const StyledCheckboxText: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -7799,6 +7807,7 @@ export declare const StyledCheckboxInput: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -8733,6 +8742,7 @@ export declare const StyledCheckboxGroup: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/code/code.styles.d.ts

@@ -263,6 +263,7 @@ export declare const StyledCode: import("@stitches/react/types/styled-component"
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1194,6 +1195,7 @@ export declare const StyledPre: import("@stitches/react/types/styled-component")
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/col/col.styles.d.ts

@@ -263,6 +263,7 @@ export declare const StyledCol: import("@stitches/react/types/styled-component")
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

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

@@ -271,6 +271,7 @@ export declare const StyledCollapse: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1223,6 +1224,7 @@ export declare const StyledCollapseView: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2153,6 +2155,7 @@ export declare const StyledCollapseView: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3084,6 +3087,7 @@ export declare const StyledCollapseContent: import("@stitches/react/types/styled
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4015,6 +4019,7 @@ export declare const StyledCollapseIcon: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4952,6 +4957,7 @@ export declare const StyledCollapseGroup: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/container/container.styles.d.ts

@@ -266,6 +266,7 @@ export declare const StyledContainer: import("@stitches/react/types/styled-compo
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/divider/divider.styles.d.ts

@@ -265,6 +265,7 @@ export declare const StyledDivider: import("@stitches/react/types/styled-compone
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1198,6 +1199,7 @@ export declare const StyledDividerText: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/grid/grid.styles.d.ts

@@ -263,6 +263,7 @@ export declare const StyledGridContainer: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1194,6 +1195,7 @@ export declare const StyledGridItem: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

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

@@ -265,6 +265,7 @@ export declare const StyledImageContainer: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1196,6 +1197,7 @@ export declare const StyledImage: import("@stitches/react/types/styled-component
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2127,6 +2129,7 @@ export declare const StyledImageSkeleton: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/index.d.ts

@@ -14,6 +14,8 @@ export { default as useClickAnywhere } from './use-click-anywhere';
 export { default as useInput } from './use-input';
 export { default as useKeyboard } from './use-keyboard';
 export { default as usePagination } from './use-pagination';
+export { default as useDrip } from './use-drip';
+export { default as Drip } from './utils/drip';
 export type { PaginationParams } from './use-pagination';
 export type { UseKeyboardHandler, KeyboardOptions, KeyboardResult, UseKeyboard } from './use-keyboard';
 export { KeyMod, KeyCode } from './use-keyboard/codes';

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" | "className" | "placeholder" | "status" | "borderWeight" | "bordered" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "shadow" | "initialValue" | "fullWidth" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
 export default _default;

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

@@ -271,6 +271,7 @@ export declare const StyledInputMainContainer: import("@stitches/react/types/sty
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1208,6 +1209,7 @@ export declare const StyledInputContainer: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2147,6 +2149,7 @@ export declare const StyledInput: import("@stitches/react/types/styled-component
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3087,6 +3090,7 @@ export declare const StyledInputWrapper: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4021,6 +4025,7 @@ export declare const StyledHelperTextContainer: import("@stitches/react/types/st
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4952,6 +4957,7 @@ export declare const StyledHelperText: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -5883,6 +5889,7 @@ export declare const StyledInputPlaceholder: import("@stitches/react/types/style
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -6824,6 +6831,7 @@ export declare const StyledInputBlockLabel: import("@stitches/react/types/styled
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -7761,6 +7769,7 @@ export declare const StyledInputLabel: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -8695,6 +8704,7 @@ export declare const StyledInputContent: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -9632,6 +9642,7 @@ export declare const StyledInputClearButton: import("@stitches/react/types/style
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/link/link.styles.d.ts

@@ -263,6 +263,7 @@ export declare const StyledLinkIcon: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1199,6 +1200,7 @@ export declare const StyledLink: import("@stitches/react/types/styled-component"
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/loading/loading.styles.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '../theme/stitches.config';
 export declare const StyledLoadingContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "white" | undefined;
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "white" | "currentColor" | undefined;
     textColor?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "white" | undefined;
 }, {
     xs: string;
@@ -266,6 +266,7 @@ export declare const StyledLoadingContainer: import("@stitches/react/types/style
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1197,6 +1198,7 @@ export declare const StyledSpinnerContainer: import("@stitches/react/types/style
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2130,6 +2132,7 @@ export declare const StyledSpinner: import("@stitches/react/types/styled-compone
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3061,6 +3064,7 @@ export declare const StyledSpinnerSpan: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3995,6 +3999,7 @@ export declare const StyledLoading: import("@stitches/react/types/styled-compone
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4928,6 +4933,7 @@ export declare const StyledLoadingLabel: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/modal/modal.d.ts

@@ -17,7 +17,6 @@ interface Props {
     onOpen?: () => void;
     onClose?: () => void;
     className?: string;
-    as?: keyof JSX.IntrinsicElements;
 }
 declare const defaultProps: {
     width: string;
@@ -31,12 +30,11 @@ declare const defaultProps: {
     noPadding: boolean;
 };
 declare type NativeAttrs = Omit<React.DialogHTMLAttributes<unknown>, keyof Props>;
-export declare type ModalProps = Props & typeof defaultProps & NativeAttrs & ModalWrapperProps;
+export declare type ModalProps = Props & NativeAttrs & Partial<typeof defaultProps> & ModalWrapperProps;
 declare type ModalComponent<P = {}> = React.FC<P> & {
     Header: typeof ModalHeader;
     Body: typeof ModalBody;
     Footer: typeof ModalFooter;
 };
-declare type ComponentProps = Partial<typeof defaultProps> & Omit<Props, keyof typeof defaultProps> & NativeAttrs;
-declare const _default: ModalComponent<ComponentProps>;
+declare const _default: ModalComponent<ModalProps>;
 export default _default;

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

@@ -263,6 +263,7 @@ export declare const StyledModalHideTab: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1196,6 +1197,7 @@ export declare const StyledModalCloseButton: import("@stitches/react/types/style
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2130,6 +2132,7 @@ export declare const StyledModalHeader: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3064,6 +3067,7 @@ export declare const StyledModalBody: import("@stitches/react/types/styled-compo
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3998,6 +4002,7 @@ export declare const StyledModalFooter: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4934,6 +4939,7 @@ export declare const StyledModal: import("@stitches/react/types/styled-component
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

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

@@ -266,6 +266,7 @@ export declare const StyledPaginationEllipsis: import("@stitches/react/types/sty
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1199,6 +1200,7 @@ export declare const StyledPaginationIcon: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2130,6 +2132,7 @@ export declare const StyledPaginationItemContent: import("@stitches/react/types/
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3068,6 +3071,7 @@ export declare const StyledPaginationItem: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4004,6 +4008,7 @@ export declare const StyledPaginationHighlight: import("@stitches/react/types/st
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4943,6 +4948,7 @@ export declare const StyledPagination: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/progress/progress.styles.d.ts

@@ -269,6 +269,7 @@ export declare const StyledProgress: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1205,6 +1206,7 @@ export declare const StyledProgressBar: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

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

@@ -263,6 +263,7 @@ export declare const StyledRadioInput: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1197,6 +1198,7 @@ export declare const StyledRadioLabel: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2128,6 +2130,7 @@ export declare const StyledRadioPoint: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3066,6 +3069,7 @@ export declare const StyledRadio: import("@stitches/react/types/styled-component
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4000,6 +4004,7 @@ export declare const StyledRadioGroup: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4931,6 +4936,7 @@ export declare const StyledRadioDescription: import("@stitches/react/types/style
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/row/row.styles.d.ts

@@ -265,6 +265,7 @@ export declare const StyledRow: import("@stitches/react/types/styled-component")
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;