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

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

@@ -268,6 +268,7 @@ export declare const StyledSnippet: import("@stitches/react/types/styled-compone
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1201,6 +1202,7 @@ export declare const StyledSnippetPre: import("@stitches/react/types/styled-comp
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2132,6 +2134,7 @@ export declare const StyledSnippetCopyButtonIcon: import("@stitches/react/types/
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3063,6 +3066,7 @@ export declare const StyledSnippetCopyButton: import("@stitches/react/types/styl
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

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

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

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

@@ -269,6 +269,7 @@ export declare const StyledSwitchContainer: import("@stitches/react/types/styled
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1200,6 +1201,7 @@ export declare const StyledSwitchInput: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2131,6 +2133,7 @@ export declare const StyledSwitchCircle: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3069,6 +3072,7 @@ export declare const StyledSwitch: import("@stitches/react/types/styled-componen
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

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

@@ -340,6 +340,7 @@ declare const TableColumnHeader: React.ForwardRefExoticComponent<Props<unknown>
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

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

@@ -5,7 +5,6 @@ import { TableState } from '@react-stately/table';
 interface Props<T> {
     item: GridNode<T>;
     state: TableState<T>;
-    animated?: boolean;
     as?: keyof JSX.IntrinsicElements;
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<any>>;

package/types/table/table-sort-icon.d.ts

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

package/types/table/table.styles.d.ts

@@ -263,6 +263,7 @@ export declare const StyledTableHeaderRow: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1258,6 +1259,7 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2188,6 +2190,7 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3183,6 +3186,7 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -4113,6 +4117,7 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -5045,6 +5050,7 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -5978,6 +5984,7 @@ export declare const StyledTableFooter: import("@stitches/react/types/styled-com
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -6909,6 +6916,7 @@ export declare const StyledBaseTableCell: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -7840,6 +7848,7 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -8810,6 +8819,7 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -9740,6 +9750,7 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -10694,6 +10705,7 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -11624,6 +11636,7 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -12558,6 +12571,7 @@ export declare const StyledTableRowGroup: import("@stitches/react/types/styled-c
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -13492,6 +13506,7 @@ export declare const StyledTableLoadingRow: import("@stitches/react/types/styled
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -14437,6 +14452,7 @@ export declare const StyledTable: import("@stitches/react/types/styled-component
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -15372,6 +15388,7 @@ export declare const StyledTableContainer: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/text/text.styles.d.ts

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

package/types/theme/common.d.ts

@@ -110,6 +110,7 @@ export declare const defaultTokens: {
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -970,6 +971,7 @@ declare const _default: {
         };
         transitions: {
             default: string;
+            button: string;
         };
         breakpoints: {
             xs: string;

package/types/theme/stitches.config.d.ts

@@ -234,6 +234,7 @@ export declare const createThemeBase: <Argument0 extends string | ({
     } | undefined;
     transitions?: {
         default?: string | number | boolean | undefined;
+        button?: string | number | boolean | undefined;
     } | undefined;
     breakpoints?: {
         xs?: string | number | boolean | undefined;
@@ -479,6 +480,7 @@ export declare const createThemeBase: <Argument0 extends string | ({
     } | undefined;
     transitions?: {
         default?: string | number | boolean | undefined;
+        button?: string | number | boolean | undefined;
     } | undefined;
     breakpoints?: {
         xs?: string | number | boolean | undefined;
@@ -746,6 +748,7 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1687,6 +1690,7 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2604,6 +2608,7 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3552,6 +3557,7 @@ export declare const globalCss: <Styles extends {
         };
         transitions: {
             default: string;
+            button: string;
         };
         breakpoints: {
             xs: string;
@@ -4467,6 +4473,7 @@ export declare const globalCss: <Styles extends {
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -5383,6 +5390,7 @@ export declare const keyframes: (style: {
         };
         transitions: {
             default: string;
+            button: string;
         };
         breakpoints: {
             xs: string;
@@ -6290,6 +6298,7 @@ export declare const theme: string & {
     };
     transitions: {
         default: import("@stitches/react/types/theme").Token<"default", string, "transitions", string>;
+        button: import("@stitches/react/types/theme").Token<"button", string, "transitions", string>;
     };
     breakpoints: {
         xs: import("@stitches/react/types/theme").Token<"xs", string, "breakpoints", string>;
@@ -6550,6 +6559,7 @@ export declare const config: {
         };
         transitions: {
             default: string;
+            button: string;
         };
         breakpoints: {
             xs: string;
@@ -7484,6 +7494,7 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -8417,6 +8428,7 @@ export declare const cssFocusVisible: import("@stitches/react/types/styled-compo
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -9348,6 +9360,7 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/theme/types.d.ts

@@ -4,15 +4,6 @@ import commonTheme from './common';
 declare namespace ConfigType {
     /** Theme interface. */
     type Theme<T = {}> = {
-        borderStyles?: {
-            [token in number | string]: boolean | number | string;
-        };
-        borderWidths?: {
-            [token in number | string]: boolean | number | string;
-        };
-        colors?: {
-            [token in number | string]: boolean | number | string;
-        };
         fonts?: {
             [token in number | string]: boolean | number | string;
         };
@@ -22,28 +13,34 @@ declare namespace ConfigType {
         fontWeights?: {
             [token in number | string]: boolean | number | string;
         };
+        lineHeights?: {
+            [token in number | string]: boolean | number | string;
+        };
         letterSpacings?: {
             [token in number | string]: boolean | number | string;
         };
-        lineHeights?: {
+        space?: {
             [token in number | string]: boolean | number | string;
         };
         radii?: {
             [token in number | string]: boolean | number | string;
         };
-        shadows?: {
+        zIndices?: {
             [token in number | string]: boolean | number | string;
         };
-        sizes?: {
+        borderWeights?: {
             [token in number | string]: boolean | number | string;
         };
-        space?: {
+        colors?: {
+            [token in number | string]: boolean | number | string;
+        };
+        shadows?: {
             [token in number | string]: boolean | number | string;
         };
         transitions?: {
             [token in number | string]: boolean | number | string;
         };
-        zIndices?: {
+        breakpoints?: {
             [token in number | string]: boolean | number | string;
         };
     } & {

package/types/tooltip/tooltip.styles.d.ts

@@ -263,6 +263,7 @@ export declare const StyledTooltipTrigger: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1194,6 +1195,7 @@ export declare const StyledTooltipArrow: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2127,6 +2129,7 @@ export declare const StyledTooltip: import("@stitches/react/types/styled-compone
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3064,6 +3067,7 @@ export declare const StyledTooltipContent: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/use-drip/use-drip.d.ts

@@ -1,9 +1,10 @@
+import { PressEvent } from '@react-types/shared';
 import React from 'react';
 declare const useDrip: (initialValue: boolean | undefined, ref: React.RefObject<HTMLElement>) => {
     visible: boolean;
     x: number;
     y: number;
-    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onClick: (event: React.MouseEvent<HTMLElement> | PressEvent) => void;
     onCompleted: () => void;
 };
 export default useDrip;

package/types/user/user.styles.d.ts

@@ -262,6 +262,7 @@ export declare const StyledUser: import("@stitches/react/types/styled-component"
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -1193,6 +1194,7 @@ export declare const StyledUserInfo: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -2124,6 +2126,7 @@ export declare const StyledUserName: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3055,6 +3058,7 @@ export declare const StyledUserDesc: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;
@@ -3986,6 +3990,7 @@ export declare const StyledUserLink: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
     };
     breakpoints: {
         xs: string;

package/types/utils/dom.d.ts

@@ -0,0 +1,18 @@
+import { DOMRef, DOMRefValue, FocusableRef, FocusableRefValue } from '@react-types/shared';
+import { RefObject } from 'react';
+export declare function canUseDOM(): boolean;
+export declare const isBrowser: boolean;
+declare function getUserAgentBrowser(navigator: Navigator): "Chrome for iOS" | "Edge" | "Silk" | "Chrome" | "Firefox" | "AOSP" | "IE" | "Safari" | "WebKit" | null;
+export declare type UserAgentBrowser = NonNullable<ReturnType<typeof getUserAgentBrowser>>;
+declare function getUserAgentOS(navigator: Navigator): "Android" | "iOS" | "Windows" | "Mac" | "Chrome OS" | "Firefox OS" | null;
+export declare type UserAgentOS = NonNullable<ReturnType<typeof getUserAgentOS>>;
+export declare function detectDeviceType(navigator: Navigator): "tablet" | "phone" | "desktop";
+export declare type UserAgentDeviceType = NonNullable<ReturnType<typeof detectDeviceType>>;
+export declare function detectOS(os: UserAgentOS): boolean;
+export declare function detectBrowser(browser: UserAgentBrowser): boolean;
+export declare function detectTouch(): boolean;
+export declare function createDOMRef<T extends HTMLElement = HTMLElement>(ref: RefObject<T>): DOMRefValue<T>;
+export declare function createFocusableRef<T extends HTMLElement = HTMLElement>(domRef: RefObject<T>, focusableRef?: RefObject<HTMLElement>): FocusableRefValue<T>;
+export declare function useDOMRef<T extends HTMLElement = HTMLElement>(ref: DOMRef<T>): RefObject<T>;
+export declare function useFocusableRef<T extends HTMLElement = HTMLElement>(ref: FocusableRef<T>, focusableRef?: RefObject<HTMLElement>): RefObject<T>;
+export {};

package/types/utils/drip.d.ts

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