@nextui-org/react 1.0.4-beta.5 → 1.0.7-beta.5

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

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

package/types/theme/common.d.ts

@@ -110,6 +110,10 @@ export declare const defaultTokens: {
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -970,6 +974,10 @@ declare const _default: {
         };
         transitions: {
             default: string;
+            button: string;
+            avatar: string;
+            link: string;
+            card: string;
         };
         breakpoints: {
             xs: string;

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

@@ -234,6 +234,10 @@ export declare const createThemeBase: <Argument0 extends string | ({
     } | undefined;
     transitions?: {
         default?: string | number | boolean | undefined;
+        button?: string | number | boolean | undefined;
+        avatar?: string | number | boolean | undefined;
+        link?: string | number | boolean | undefined;
+        card?: string | number | boolean | undefined;
     } | undefined;
     breakpoints?: {
         xs?: string | number | boolean | undefined;
@@ -479,6 +483,10 @@ export declare const createThemeBase: <Argument0 extends string | ({
     } | undefined;
     transitions?: {
         default?: string | number | boolean | undefined;
+        button?: string | number | boolean | undefined;
+        avatar?: string | number | boolean | undefined;
+        link?: string | number | boolean | undefined;
+        card?: string | number | boolean | undefined;
     } | undefined;
     breakpoints?: {
         xs?: string | number | boolean | undefined;
@@ -746,6 +754,10 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -1687,6 +1699,10 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | import(
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -2604,6 +2620,10 @@ export declare const css: <Composers extends (string | import("@stitches/react/t
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -3552,6 +3572,10 @@ export declare const globalCss: <Styles extends {
         };
         transitions: {
             default: string;
+            button: string;
+            avatar: string;
+            link: string;
+            card: string;
         };
         breakpoints: {
             xs: string;
@@ -4467,6 +4491,10 @@ export declare const globalCss: <Styles extends {
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -5383,6 +5411,10 @@ export declare const keyframes: (style: {
         };
         transitions: {
             default: string;
+            button: string;
+            avatar: string;
+            link: string;
+            card: string;
         };
         breakpoints: {
             xs: string;
@@ -6290,6 +6322,10 @@ 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>;
+        avatar: import("@stitches/react/types/theme").Token<"avatar", string, "transitions", string>;
+        link: import("@stitches/react/types/theme").Token<"link", string, "transitions", string>;
+        card: import("@stitches/react/types/theme").Token<"card", string, "transitions", string>;
     };
     breakpoints: {
         xs: import("@stitches/react/types/theme").Token<"xs", string, "breakpoints", string>;
@@ -6550,6 +6586,10 @@ export declare const config: {
         };
         transitions: {
             default: string;
+            button: string;
+            avatar: string;
+            link: string;
+            card: string;
         };
         breakpoints: {
             xs: string;
@@ -7484,6 +7524,10 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -8417,6 +8461,10 @@ export declare const cssFocusVisible: import("@stitches/react/types/styled-compo
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -9348,6 +9396,10 @@ export declare const sharedVisuallyHidden: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: 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,10 @@ export declare const StyledTooltipTrigger: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -1194,6 +1198,10 @@ export declare const StyledTooltipArrow: import("@stitches/react/types/styled-co
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -2127,6 +2135,10 @@ export declare const StyledTooltip: import("@stitches/react/types/styled-compone
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -3064,6 +3076,10 @@ export declare const StyledTooltipContent: import("@stitches/react/types/styled-
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: 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,10 @@ export declare const StyledUser: import("@stitches/react/types/styled-component"
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -1193,6 +1197,10 @@ export declare const StyledUserInfo: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -2124,6 +2132,10 @@ export declare const StyledUserName: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -3055,6 +3067,10 @@ export declare const StyledUserDesc: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;
@@ -3986,6 +4002,10 @@ export declare const StyledUserLink: import("@stitches/react/types/styled-compon
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: 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,10 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
     };
     transitions: {
         default: string;
+        button: string;
+        avatar: string;
+        link: string;
+        card: string;
     };
     breakpoints: {
         xs: string;