@nextui-org/react 1.0.0-beta.6 → 1.0.0-beta.9-dbg1

package/types/utils/checkmark.d.ts

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from 'react';
+import type { CSS } from '../theme/stitches.config';
+interface Props {
+    css?: CSS;
+    width?: number;
+    height?: number;
+    size?: number;
+    strokeWidth?: number;
+    fill?: string;
+    className?: string;
+}
+declare type NativeAttrs = Omit<HTMLAttributes<HTMLElement>, keyof Props>;
+export declare type CheckmarkProps = Props & NativeAttrs;
+export declare const stroke: {
+    (): string;
+    name: string;
+};
+declare const Checkmark: React.FC<CheckmarkProps>;
+export default Checkmark;

package/types/utils/color.d.ts

@@ -15,6 +15,7 @@ export declare const isHex: (str: string) => boolean;
  */
 export declare const hexToRGBA: (hex: string, alpha?: number) => string;
 export declare const isNormalColor: (color: string) => boolean;
+export declare const isSimpleColor: (color: string) => boolean;
 /**
  * Function that checks color name support in the current browser
  * @param strColor

package/types/utils/dom.d.ts

@@ -1,5 +1,5 @@
 import { DOMRefValue, FocusableRef, FocusableRefValue } from '@react-types/shared';
-import { Ref, RefObject } from 'react';
+import { Ref, RefObject, MutableRefObject } 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;
@@ -15,5 +15,8 @@ export declare function createDOMRef<T extends HTMLElement = HTMLElement>(ref: R
 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: RefObject<T | null> | Ref<T | null>): RefObject<T>;
 export declare function useFocusableRef<T extends HTMLElement = HTMLElement>(ref: FocusableRef<T>, focusableRef?: RefObject<HTMLElement>): RefObject<T>;
-export declare function unwrapDOMRef<T extends HTMLElement>(ref: RefObject<DOMRefValue<T>>): RefObject<T>;
+export interface ContextValue<T> {
+    ref?: MutableRefObject<T>;
+}
+export declare function useSyncRef<T>(context: ContextValue<T | null>, ref: RefObject<T>): void;
 export {};

package/types/utils/drip.d.ts

@@ -54,89 +54,20 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
         lg: string;
         xl: string;
     };
+    dropShadows: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
     colors: {
-        accents1: string;
-        accents2: string;
-        accents3: string;
-        accents4: string;
-        accents5: string;
-        accents6: string;
-        accents7: string;
-        accents8: string;
-        accents9: string;
-        background: string;
-        foreground: string;
-        backgroundContrast: string;
         text: string;
+        link: string;
         codeLight: string;
         code: string;
-        border: string;
         selection: string;
-        white: string;
-        black: string;
-        blue100: string;
-        blue200: string;
-        blue300: string;
-        blue400: string;
-        blue500: string;
-        blue600: string;
-        blue700: string;
-        blue800: string;
-        blue900: string;
-        purple100: string;
-        purple200: string;
-        purple300: string;
-        purple400: string;
-        purple500: string;
-        purple600: string;
-        purple700: string;
-        purple800: string;
-        purple900: string;
-        green100: string;
-        green200: string;
-        green300: string;
-        green400: string;
-        green500: string;
-        green600: string;
-        green700: string;
-        green800: string;
-        green900: string;
-        yellow100: string;
-        yellow200: string;
-        yellow300: string;
-        yellow400: string;
-        yellow500: string;
-        yellow600: string;
-        yellow700: string;
-        yellow800: string;
-        yellow900: string;
-        red100: string;
-        red200: string;
-        red300: string;
-        red400: string;
-        red500: string;
-        red600: string;
-        red700: string;
-        red800: string;
-        red900: string;
-        cyan100: string;
-        cyan200: string;
-        cyan300: string;
-        cyan400: string;
-        cyan500: string;
-        cyan600: string;
-        cyan700: string;
-        cyan800: string;
-        cyan900: string;
-        pink100: string;
-        pink200: string;
-        pink300: string;
-        pink400: string;
-        pink500: string;
-        pink600: string;
-        pink700: string;
-        pink800: string;
-        pink900: string;
+        gray50: string;
         gray100: string;
         gray200: string;
         gray300: string;
@@ -146,41 +77,173 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
         gray700: string;
         gray800: string;
         gray900: string;
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        background: string;
+        foreground: string;
+        backgroundContrast: string;
+        white: string;
+        black: string;
         primaryLight: string;
+        primaryLightHover: string;
+        primaryLightActive: string;
+        primaryLightContrast: string;
         primary: string;
-        primaryDark: string;
+        primaryBorder: string;
+        primaryBorderHover: string;
+        primarySolidHover: string;
+        primarySolidContrast: string;
         primaryShadow: string;
         secondaryLight: string;
+        secondaryLightHover: string;
+        secondaryLightActive: string;
+        secondaryLightContrast: string;
         secondary: string;
-        secondaryDark: string;
+        secondaryBorder: string;
+        secondaryBorderHover: string;
+        secondarySolidHover: string;
+        secondarySolidContrast: string;
         secondaryShadow: string;
         successLight: string;
+        successLightHover: string;
+        successLightActive: string;
+        successLightContrast: string;
         success: string;
-        successDark: string;
+        successBorder: string;
+        successBorderHover: string;
+        successSolidHover: string;
+        successSolidContrast: string;
         successShadow: string;
         warningLight: string;
+        warningLightHover: string;
+        warningLightActive: string;
+        warningLightContrast: string;
         warning: string;
-        warningDark: string;
+        warningBorder: string;
+        warningBorderHover: string;
+        warningSolidHover: string;
+        warningSolidContrast: string;
         warningShadow: string;
         errorLight: string;
+        errorLightHover: string;
+        errorLightActive: string;
+        errorLightContrast: string;
         error: string;
-        errorDark: string;
+        errorBorder: string;
+        errorBorderHover: string;
+        errorSolidHover: string;
+        errorSolidContrast: string;
         errorShadow: string;
+        neutralLight: string;
+        neutralLightHover: string;
+        neutralLightActive: string;
+        neutralLightContrast: string;
+        neutral: string;
+        neutralBorder: string;
+        neutralBorderHover: string;
+        neutralSolidHover: string;
+        neutralSolidContrast: string;
+        neutralShadow: string;
         gradient: string;
-        link: string;
+        accents0: string;
+        accents1: string;
+        accents2: string;
+        accents3: string;
+        accents4: string;
+        accents5: string;
+        accents6: string;
+        accents7: string;
+        accents8: string;
+        accents9: string;
+        border: string;
     };
     fonts: {
         sans: string;
         mono: string;
     };
     fontSizes: {
-        tiny: string;
         xs: string;
-        base: string;
         sm: string;
+        base: string;
         md: string;
         lg: string;
         xl: string;
+        xl2: string;
+        xl3: string;
+        xl4: string;
+        xl5: string;
+        xl6: string;
+        xl7: string;
+        xl8: string;
+        xl9: string;
     };
     fontWeights: {
         hairline: number;
@@ -196,9 +259,18 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
     lineHeights: {
         xs: number;
         sm: number;
+        base: number;
         md: number;
         lg: number;
         xl: number;
+        xl2: number;
+        xl3: number;
+        xl4: number;
+        xl5: number;
+        xl6: number;
+        xl7: number;
+        xl8: number;
+        xl9: number;
     };
     letterSpacings: {
         tighter: string;
@@ -283,6 +355,7 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
         avatar: string;
         link: string;
         card: string;
+        dropdownItem: string;
     };
     breakpoints: {
         xs: string;
@@ -658,7 +731,9 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
         bf: string;
-        bg: string;
+        bg: {
+            readonly [$$PropertyValue]: "backgroundColor";
+        };
     };
     bgColor: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
@@ -736,6 +811,32 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
             readonly [$$PropertyValue]: "boxShadow";
         };
     };
+    ds: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    shadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        boxShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dshadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        dropShadow: {
+            readonly [$$PropertyValue]: "boxShadow";
+        };
+    };
+    dropShadow: (value: {
+        readonly [$$PropertyValue]: "boxShadow";
+    }) => {
+        filter: string;
+    };
     normalShadow: (value: {
         readonly [$$PropertyValue]: "backgroundColor";
     }) => {
@@ -939,6 +1040,16 @@ export declare const StyledDrip: import("@stitches/react/types/styled-component"
             readonly [$$PropertyValue]: "textDecorationLine";
         };
     };
+    truncateText: (value: {
+        readonly [$$PropertyValue]: "width";
+    }) => {
+        maxWidth: {
+            readonly [$$PropertyValue]: "width";
+        };
+        whiteSpace: string;
+        overflow: string;
+        textOverflow: string;
+    };
     textGradient: (value: {
         readonly [$$PropertyValue]: "backgroundImage";
     }) => {
@@ -978,5 +1089,5 @@ declare const _default: React.ComponentType<Partial<{
     hover: string;
     dark: string;
     light: string;
-}>, "visible" | "x" | "y" | "className">>;
+}>, "visible" | "className" | "x" | "y">>;
 export default _default;

package/types/utils/prop-types.d.ts

@@ -28,6 +28,8 @@ export declare const excludedInputPropsForTextarea: ["clearable", "as", "rounded
 export declare const excludedTableProps: ["items", "disabledKeys", "allowDuplicateSelectionEvents", "disallowEmptySelection", "defaultSelectedKeys", "sortDescriptor", "onSortChange"];
 declare const selectionBehavior: ["toggle", "replace"];
 declare const selectionMode: ["none", "single", "multiple"];
+declare const dropdownVariants: ["flat", "light", "solid", "shadow"];
+declare const cardVariants: ["flat", "bordered", "shadow"];
 export declare type Display = typeof display[number];
 export declare type Justify = typeof justify[number];
 export declare type AlignItems = typeof alignItems[number];
@@ -53,6 +55,8 @@ export declare type DividerAlign = typeof dividerAlign[number];
 export declare type ContentPosition = typeof contentPosition[number];
 export declare type BreakpointsValue = number | boolean;
 export declare type ExcludedInputProps = typeof excludedInputPropsForTextarea[number];
+export declare type DropdownVariants = typeof dropdownVariants[number];
+export declare type CardVariants = typeof cardVariants[number];
 export interface AsProp<As extends ElementType = ElementType> {
     as?: As;
 }