@nextui-org/react 1.0.0-beta.10 → 1.0.0-beta.11

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

@@ -61,7 +61,9 @@ export declare const StyledCheckboxLabel: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1137,7 +1139,9 @@ export declare const StyledIconCheckFirstLine: import("@stitches/react/types/sty
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -2213,7 +2217,9 @@ export declare const StyledIconCheckSecondLine: import("@stitches/react/types/st
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -3290,7 +3296,9 @@ export declare const StyledIconCheck: import("@stitches/react/types/styled-compo
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -4366,7 +4374,9 @@ export declare const StyledCheckboxMask: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -5444,7 +5454,9 @@ export declare const StyledCheckboxText: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -6515,7 +6527,7 @@ export declare const StyledCheckboxContainer: import("@stitches/react/types/styl
         };
         isRounded: {
             true: {
-                br: string;
+                $$checkboxBorderRadius: string;
             };
         };
         isDisabled: {
@@ -6604,7 +6616,9 @@ export declare const StyledCheckboxContainer: import("@stitches/react/types/styl
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -7675,7 +7689,9 @@ export declare const StyledCheckboxContainer: import("@stitches/react/types/styl
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -8750,7 +8766,9 @@ export declare const StyledCheckboxGroup: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -9824,7 +9842,9 @@ export declare const StyledCheckboxGroupContainer: import("@stitches/react/types
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/checkbox/use-checkbox-group.d.ts

@@ -23,8 +23,8 @@ export declare const useCheckboxGroup: (props?: UseCheckboxGroupProps) => {
     color: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "gradient";
     labelColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
     groupState: import("@react-stately/checkbox").CheckboxGroupState;
-    labelProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
-    groupProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
+    labelProps: import("@react-types/shared/src/dom").DOMAttributes<import("@react-types/shared/src/dom").FocusableElement>;
+    groupProps: import("@react-types/shared/src/dom").DOMAttributes<import("@react-types/shared/src/dom").FocusableElement>;
 };
 export declare type UseCheckboxGroupReturn = Omit<ReturnType<typeof useCheckboxGroup>, "css">;
 export {};

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { AriaCheckboxProps } from "@react-types/checkbox";
 import type { NormalSizes, NormalColors, SimpleColors } from "../utils/prop-types";
+import { CSS } from "../theme";
 export interface UseCheckboxProps extends AriaCheckboxProps {
     isRounded?: boolean;
     lineThrough?: boolean;
@@ -8,6 +9,7 @@ export interface UseCheckboxProps extends AriaCheckboxProps {
     size?: NormalSizes;
     color?: NormalColors;
     labelColor?: SimpleColors;
+    containerCss?: CSS;
 }
 /**
  * @internal
@@ -22,5 +24,6 @@ export declare const useCheckbox: (props: UseCheckboxProps) => {
     isIndeterminate: boolean;
     inputRef: import("react").RefObject<HTMLInputElement>;
     inputProps: import("react").InputHTMLAttributes<HTMLInputElement>;
+    containerCss: CSS | undefined;
 };
 export declare type UseCheckboxReturn = ReturnType<typeof useCheckbox>;

package/types/code/code.d.ts

@@ -4,6 +4,7 @@ import { CodeVariantsProps } from "./code.styles";
 interface Props {
     block?: boolean;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
 export declare type CodeProps = Props & NativeAttrs & CodeVariantsProps & {
@@ -11,5 +12,28 @@ export declare type CodeProps = Props & NativeAttrs & CodeVariantsProps & {
 };
 declare const _default: React.ComponentType<Partial<{
     block: boolean;
-}> & Omit<CodeProps, "block">>;
+}> & Omit<Props & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMin: string;
+    smMin: string;
+    mdMin: string;
+    lgMin: string;
+    xlMin: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}> & {
+    css?: CSS | undefined;
+}, "block">>;
 export default _default;

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

@@ -57,7 +57,9 @@ export declare const StyledCode: import("@stitches/react/types/styled-component"
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1129,7 +1131,9 @@ export declare const StyledPre: import("@stitches/react/types/styled-component")
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/col/col.d.ts

@@ -1,11 +1,12 @@
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
-import { CSS } from "../theme/stitches.config";
 import { ColVariantsProps } from "./col.styles";
 interface Props {
     span?: number;
     offset?: number;
     css?: CSS;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     span: number;
@@ -16,5 +17,29 @@ export declare type ColProps = Props & typeof defaultProps & ColVariantsProps &
 declare const _default: React.ComponentType<Partial<{
     span: number;
     offset: number;
-}> & Omit<ColProps, "span" | "offset">>;
+}> & Omit<Props & {
+    span: number;
+    offset: number;
+} & import("@stitches/react/types/styled-component").TransformProps<{}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMin: string;
+    smMin: string;
+    mdMin: string;
+    lgMin: string;
+    xlMin: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}> & NativeAttrs, "span" | "offset">>;
 export default _default;

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

@@ -57,7 +57,9 @@ export declare const StyledCol: import("@stitches/react/types/styled-component")
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/collapse/collapse-group.d.ts

@@ -7,6 +7,7 @@ interface Props {
     divider?: boolean;
     onChange?: (index?: number | undefined, value?: boolean) => void;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
 export declare type CollapseGroupProps = Props & NativeAttrs & CollapseGroupVariantsProps & {
@@ -14,5 +15,5 @@ export declare type CollapseGroupProps = Props & NativeAttrs & CollapseGroupVari
 };
 declare const _default: React.ComponentType<Partial<{
     accordion: boolean;
-}> & Omit<React.PropsWithChildren<CollapseGroupProps>, "accordion">>;
+}> & Omit<CollapseGroupProps, "accordion">>;
 export default _default;

package/types/collapse/collapse.d.ts

@@ -18,6 +18,7 @@ interface Props {
     preventDefault?: boolean;
     onChange?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, index?: number | undefined, value?: boolean) => void;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     shadow: boolean;

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

@@ -64,7 +64,9 @@ export declare const StyledCollapse: import("@stitches/react/types/styled-compon
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1157,7 +1159,9 @@ export declare const StyledCollapseView: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -2228,7 +2232,9 @@ export declare const StyledCollapseView: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -3300,7 +3306,9 @@ export declare const StyledCollapseContent: import("@stitches/react/types/styled
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -4372,7 +4380,9 @@ export declare const StyledCollapseIcon: import("@stitches/react/types/styled-co
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -5449,7 +5459,9 @@ export declare const StyledCollapseGroup: import("@stitches/react/types/styled-c
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/container/container.d.ts

@@ -1,5 +1,5 @@
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
-import { CSS } from "../theme/stitches.config";
 import { Wrap, Display, Justify, Direction, AlignItems, AlignContent } from "../utils/prop-types";
 interface Props {
     gap?: number;
@@ -18,6 +18,7 @@ interface Props {
     alignContent?: AlignContent;
     as?: keyof JSX.IntrinsicElements;
     css?: CSS;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     gap: number;

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

@@ -60,7 +60,9 @@ export declare const StyledContainer: import("@stitches/react/types/styled-compo
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/divider/divider.d.ts

@@ -1,6 +1,6 @@
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
 import { DividerAlign, SimpleColors } from "../utils/prop-types";
-import { CSS } from "../theme/stitches.config";
 import { DividerVariantsProps } from "./divider.styles";
 interface Props {
     x?: number;
@@ -10,6 +10,7 @@ interface Props {
     align?: DividerAlign;
     css?: CSS;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
 export declare type DividerProps = Props & DividerVariantsProps & NativeAttrs;
@@ -18,5 +19,28 @@ declare const _default: React.ComponentType<Partial<{
     y: number;
     height: number;
     align: "left" | "right" | "start" | "center" | "end";
-}> & Omit<DividerProps, "height" | "x" | "y" | "align">>;
+}> & Omit<Props & import("@stitches/react/types/styled-component").TransformProps<{
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | undefined;
+}, {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xsMin: string;
+    smMin: string;
+    mdMin: string;
+    lgMin: string;
+    xlMin: string;
+    xsMax: string;
+    smMax: string;
+    mdMax: string;
+    lgMax: string;
+    xlMax: string;
+    motion: string;
+    safari: string;
+    hover: string;
+    dark: string;
+    light: string;
+}> & NativeAttrs, "height" | "x" | "y" | "align">>;
 export default _default;

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

@@ -59,7 +59,9 @@ export declare const StyledDivider: import("@stitches/react/types/styled-compone
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;
@@ -1133,7 +1135,9 @@ export declare const StyledDividerText: import("@stitches/react/types/styled-com
         xl: string;
     };
     colors: {
+        textLight: string;
         text: string;
+        linkLight: string;
         link: string;
         codeLight: string;
         code: string;

package/types/dropdown/dropdown-context.d.ts

@@ -80,6 +80,31 @@ export declare const DropdownProvider: import("react").Provider<{
         } & {
             [x: string]: boolean | "true" | undefined;
         }) | undefined;
+        isPositioned?: boolean | "true" | "false" | ({
+            "@xs"?: boolean | "true" | "false" | undefined;
+            "@sm"?: boolean | "true" | "false" | undefined;
+            "@md"?: boolean | "true" | "false" | undefined;
+            "@lg"?: boolean | "true" | "false" | undefined;
+            "@xl"?: boolean | "true" | "false" | undefined;
+            "@dark"?: boolean | "true" | "false" | undefined;
+            "@light"?: boolean | "true" | "false" | undefined;
+            "@hover"?: boolean | "true" | "false" | undefined;
+            "@motion"?: boolean | "true" | "false" | undefined;
+            "@xsMin"?: boolean | "true" | "false" | undefined;
+            "@smMin"?: boolean | "true" | "false" | undefined;
+            "@mdMin"?: boolean | "true" | "false" | undefined;
+            "@lgMin"?: boolean | "true" | "false" | undefined;
+            "@xlMin"?: boolean | "true" | "false" | undefined;
+            "@xsMax"?: boolean | "true" | "false" | undefined;
+            "@smMax"?: boolean | "true" | "false" | undefined;
+            "@mdMax"?: boolean | "true" | "false" | undefined;
+            "@lgMax"?: boolean | "true" | "false" | undefined;
+            "@xlMax"?: boolean | "true" | "false" | undefined;
+            "@safari"?: boolean | "true" | "false" | undefined;
+            "@initial"?: boolean | "true" | "false" | undefined;
+        } & {
+            [x: string]: boolean | "true" | "false" | undefined;
+        }) | undefined;
         scrollRef?: import("react").RefObject<HTMLElement> | undefined;
         shouldFlip?: boolean | undefined;
         isDismissable?: boolean | undefined;
@@ -87,14 +112,11 @@ export declare const DropdownProvider: import("react").Provider<{
         shouldCloseOnBlur?: boolean | undefined;
         isKeyboardDismissDisabled?: boolean | undefined;
         shouldCloseOnInteractOutside?: ((element: HTMLElement) => boolean) | undefined;
-        isOpen?: boolean | undefined;
-        defaultOpen?: boolean | undefined;
-        onOpenChange?: ((isOpen: boolean) => void) | undefined;
     };
     state: import("@react-stately/menu").MenuTriggerState;
     ref: import("react").RefObject<HTMLUListElement>;
     onClose: () => void;
-    autoFocus: import("@react-types/shared").FocusStrategy;
+    autoFocus: import("@react-types/shared/src/selection").FocusStrategy;
     disableAnimation: boolean;
     disableTriggerPressedAnimation: boolean;
     menuRef: import("react").RefObject<HTMLUListElement>;
@@ -128,19 +150,19 @@ export declare const DropdownProvider: import("react").Provider<{
     closeOnSelect: boolean | undefined;
     getMenuTriggerProps: (props?: any, _ref?: any) => any;
     isVirtualized?: boolean | undefined;
-    keyboardDelegate?: import("@react-types/shared").KeyboardDelegate | undefined;
+    keyboardDelegate?: import("@react-types/shared/src/collections").KeyboardDelegate | undefined;
     id?: string | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
-    selectionMode?: import("@react-types/shared").SelectionMode | undefined;
+    selectionMode?: import("@react-types/shared/src/selection").SelectionMode | undefined;
     items?: Iterable<unknown> | undefined;
     disabledKeys?: Iterable<import("react").Key> | undefined;
     disallowEmptySelection?: boolean | undefined;
     selectedKeys?: "all" | Iterable<import("react").Key> | undefined;
     defaultSelectedKeys?: "all" | Iterable<import("react").Key> | undefined;
-    onSelectionChange?: ((keys: import("@react-types/shared").Selection) => any) | undefined;
+    onSelectionChange?: ((keys: import("@react-types/shared/src/selection").Selection) => any) | undefined;
     shouldFocusWrap?: boolean | undefined;
     onAction?: ((key: import("react").Key) => void) | undefined;
 }>, useDropdownContext: () => {
@@ -224,6 +246,31 @@ export declare const DropdownProvider: import("react").Provider<{
         } & {
             [x: string]: boolean | "true" | undefined;
         }) | undefined;
+        isPositioned?: boolean | "true" | "false" | ({
+            "@xs"?: boolean | "true" | "false" | undefined;
+            "@sm"?: boolean | "true" | "false" | undefined;
+            "@md"?: boolean | "true" | "false" | undefined;
+            "@lg"?: boolean | "true" | "false" | undefined;
+            "@xl"?: boolean | "true" | "false" | undefined;
+            "@dark"?: boolean | "true" | "false" | undefined;
+            "@light"?: boolean | "true" | "false" | undefined;
+            "@hover"?: boolean | "true" | "false" | undefined;
+            "@motion"?: boolean | "true" | "false" | undefined;
+            "@xsMin"?: boolean | "true" | "false" | undefined;
+            "@smMin"?: boolean | "true" | "false" | undefined;
+            "@mdMin"?: boolean | "true" | "false" | undefined;
+            "@lgMin"?: boolean | "true" | "false" | undefined;
+            "@xlMin"?: boolean | "true" | "false" | undefined;
+            "@xsMax"?: boolean | "true" | "false" | undefined;
+            "@smMax"?: boolean | "true" | "false" | undefined;
+            "@mdMax"?: boolean | "true" | "false" | undefined;
+            "@lgMax"?: boolean | "true" | "false" | undefined;
+            "@xlMax"?: boolean | "true" | "false" | undefined;
+            "@safari"?: boolean | "true" | "false" | undefined;
+            "@initial"?: boolean | "true" | "false" | undefined;
+        } & {
+            [x: string]: boolean | "true" | "false" | undefined;
+        }) | undefined;
         scrollRef?: import("react").RefObject<HTMLElement> | undefined;
         shouldFlip?: boolean | undefined;
         isDismissable?: boolean | undefined;
@@ -231,14 +278,11 @@ export declare const DropdownProvider: import("react").Provider<{
         shouldCloseOnBlur?: boolean | undefined;
         isKeyboardDismissDisabled?: boolean | undefined;
         shouldCloseOnInteractOutside?: ((element: HTMLElement) => boolean) | undefined;
-        isOpen?: boolean | undefined;
-        defaultOpen?: boolean | undefined;
-        onOpenChange?: ((isOpen: boolean) => void) | undefined;
     };
     state: import("@react-stately/menu").MenuTriggerState;
     ref: import("react").RefObject<HTMLUListElement>;
     onClose: () => void;
-    autoFocus: import("@react-types/shared").FocusStrategy;
+    autoFocus: import("@react-types/shared/src/selection").FocusStrategy;
     disableAnimation: boolean;
     disableTriggerPressedAnimation: boolean;
     menuRef: import("react").RefObject<HTMLUListElement>;
@@ -272,19 +316,19 @@ export declare const DropdownProvider: import("react").Provider<{
     closeOnSelect: boolean | undefined;
     getMenuTriggerProps: (props?: any, _ref?: any) => any;
     isVirtualized?: boolean | undefined;
-    keyboardDelegate?: import("@react-types/shared").KeyboardDelegate | undefined;
+    keyboardDelegate?: import("@react-types/shared/src/collections").KeyboardDelegate | undefined;
     id?: string | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
-    selectionMode?: import("@react-types/shared").SelectionMode | undefined;
+    selectionMode?: import("@react-types/shared/src/selection").SelectionMode | undefined;
     items?: Iterable<unknown> | undefined;
     disabledKeys?: Iterable<import("react").Key> | undefined;
     disallowEmptySelection?: boolean | undefined;
     selectedKeys?: "all" | Iterable<import("react").Key> | undefined;
     defaultSelectedKeys?: "all" | Iterable<import("react").Key> | undefined;
-    onSelectionChange?: ((keys: import("@react-types/shared").Selection) => any) | undefined;
+    onSelectionChange?: ((keys: import("@react-types/shared/src/selection").Selection) => any) | undefined;
     shouldFocusWrap?: boolean | undefined;
     onAction?: ((key: import("react").Key) => void) | undefined;
 };

package/types/dropdown/dropdown-menu.d.ts

@@ -1,8 +1,8 @@
 import type { SimpleColors, DropdownVariants } from "../utils/prop-types";
+import type { CSS } from "../theme/stitches.config";
 import React, { RefAttributes, PropsWithoutRef } from "react";
 import { DOMProps, AriaLabelingProps } from "@react-types/shared";
 import { AriaMenuProps } from "@react-types/menu";
-import { CSS } from "../theme/stitches.config";
 interface Props<T> extends AriaMenuProps<T>, DOMProps, AriaLabelingProps {
     as?: keyof JSX.IntrinsicElements;
     /**
@@ -24,6 +24,7 @@ interface Props<T> extends AriaMenuProps<T>, DOMProps, AriaLabelingProps {
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<object>>;
 export declare type DropdownMenuProps<T = object> = Props<T> & NativeAttrs & {
     css?: CSS;
+    containerCss?: CSS;
 };
 declare type DropdownComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>>;
 declare const _default: DropdownComponent<HTMLUListElement, DropdownMenuProps<object>>;