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

package/types/button/utils.d.ts

@@ -1,53 +1,5 @@
-import React from "react";
+import type { CSS } from "../theme/stitches.config";
 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;
-};
+export declare const filterPropsWithGroup: (props: ButtonProps, config: ButtonGroupConfig) => ButtonProps;
+export declare const getCssColors: (props: ButtonProps) => CSS | undefined;

package/types/card/card.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from "react";
 import type { UseCardProps } from "./use-card";
+import type { CSS } from "../theme/stitches.config";
 import React, { PropsWithoutRef, RefAttributes } from "react";
-import { CSS } from "../theme/stitches.config";
 import { Image, Divider } from "../index";
 import { StyledCardHeader as CardHeader, StyledCardFooter as CardFooter, StyledCardBody as CardBody } from "./card.styles";
 interface Props extends Omit<UseCardProps, "ref"> {

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

@@ -1079,6 +1079,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
             transform: string;
             dropShadow?: undefined;
             "@safari"?: undefined;
+            "@-moz-document url-prefix()"?: undefined;
         };
         isHovered?: undefined;
         variant?: undefined;
@@ -1089,6 +1090,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
             transform: string;
             dropShadow?: undefined;
             "@safari"?: undefined;
+            "@-moz-document url-prefix()"?: undefined;
         };
         isPressed?: undefined;
         variant?: undefined;
@@ -1101,6 +1103,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                 boxShadow: string;
                 dropShadow: string;
             };
+            "@-moz-document url-prefix()": {
+                boxShadow: string;
+                dropShadow: string;
+            };
             transform?: undefined;
         };
         isPressed?: undefined;
@@ -1152,6 +1158,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                     boxShadow: string;
                     dropShadow: string;
                 };
+                "@-moz-document url-prefix()": {
+                    boxShadow: string;
+                    dropShadow: string;
+                };
             };
             bordered: {
                 borderStyle: string;
@@ -1200,6 +1210,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                     boxShadow: string;
                     dropShadow: string;
                 };
+                "@-moz-document url-prefix()": {
+                    boxShadow: string;
+                    dropShadow: string;
+                };
             };
         };
         transition?: undefined;
@@ -1238,6 +1252,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                     boxShadow: string;
                     dropShadow: string;
                 };
+                "@-moz-document url-prefix()": {
+                    boxShadow: string;
+                    dropShadow: string;
+                };
             };
             bordered: {
                 borderStyle: string;
@@ -1286,6 +1304,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                     boxShadow: string;
                     dropShadow: string;
                 };
+                "@-moz-document url-prefix()": {
+                    boxShadow: string;
+                    dropShadow: string;
+                };
             };
         };
     };
@@ -1296,6 +1318,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
             transform: string;
             dropShadow?: undefined;
             "@safari"?: undefined;
+            "@-moz-document url-prefix()"?: undefined;
         };
         isHovered?: undefined;
         variant?: undefined;
@@ -1306,6 +1329,7 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
             transform: string;
             dropShadow?: undefined;
             "@safari"?: undefined;
+            "@-moz-document url-prefix()"?: undefined;
         };
         isPressed?: undefined;
         variant?: undefined;
@@ -1318,6 +1342,10 @@ export declare const StyledCard: import("@stitches/react/types/styled-component"
                 boxShadow: string;
                 dropShadow: string;
             };
+            "@-moz-document url-prefix()": {
+                boxShadow: string;
+                dropShadow: string;
+            };
             transform?: undefined;
         };
         isPressed?: undefined;

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

@@ -6515,7 +6515,7 @@ export declare const StyledCheckboxContainer: import("@stitches/react/types/styl
         };
         isRounded: {
             true: {
-                br: string;
+                $$checkboxBorderRadius: string;
             };
         };
         isDisabled: {

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/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/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/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/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/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;
     /**
@@ -20,6 +20,7 @@ interface Props<T> extends AriaMenuProps<T>, DOMProps, AriaLabelingProps {
      * @default 'default'
      */
     textColor?: SimpleColors;
+    containerCss?: CSS;
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props<object>>;
 export declare type DropdownMenuProps<T = object> = Props<T> & NativeAttrs & {

package/types/grid/grid-container.d.ts

@@ -1,5 +1,5 @@
+import type { CSS } from "../theme/stitches.config";
 import React, { RefAttributes, PropsWithoutRef } from "react";
-import { CSS } from "../theme/stitches.config";
 import { Wrap } from "../utils/prop-types";
 import { GridItemProps } from "./grid-item";
 interface Props {
@@ -7,6 +7,7 @@ interface Props {
     wrap?: Wrap;
     className?: string;
     css?: CSS;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     gap: number;

package/types/grid/grid-item.d.ts

@@ -1,6 +1,6 @@
+import type { CSS } from "../theme/stitches.config";
 import React, { RefAttributes, PropsWithoutRef } from "react";
 import { BreakpointsValue, Justify, Direction, AlignItems, AlignContent } from "../utils/prop-types";
-import { CSS } from "../theme/stitches.config";
 import { GridItemVariantProps } from "./grid.styles";
 interface Props {
     xs?: BreakpointsValue;
@@ -15,6 +15,7 @@ interface Props {
     css?: CSS;
     as?: keyof JSX.IntrinsicElements;
     className?: string;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     xs: BreakpointsValue;

package/types/image/image.d.ts

@@ -1,7 +1,7 @@
 import type { PropsWithoutRef, RefAttributes } from "react";
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
 import { ObjectFit } from "../utils/prop-types";
-import { CSS } from "../theme/stitches.config";
 import { ImageContainerVariantProps } from "./image.styles";
 interface Props {
     src: string;

package/types/image/image.skeleton.d.ts

@@ -1,5 +1,5 @@
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
-import { CSS } from "../theme/stitches.config";
 import { ImageSkeletonVariantsProps } from "./image.styles";
 interface Props {
     opacity: number;

package/types/input/input-password.d.ts

@@ -5,6 +5,7 @@ interface PasswordProps extends Props {
     hideToggle?: boolean;
     visibleIcon?: React.ReactNode;
     hiddenIcon?: React.ReactNode;
+    children?: React.ReactNode;
 }
 declare const passwordDefaultProps: {
     hideToggle: boolean;
@@ -94,5 +95,5 @@ declare const _default: React.ComponentType<Partial<{
     initialValue: string;
 } & NativeAttrs & {
     css?: CSS | undefined;
-} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "shadow" | "bordered" | "width" | "color" | "size" | "className" | "placeholder" | "status" | "borderWeight" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "fullWidth" | "initialValue" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
+} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "shadow" | "bordered" | "width" | "color" | "size" | "className" | "placeholder" | "status" | "borderWeight" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "helperColor" | "underlined" | "fullWidth" | "initialValue" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
 export default _default;

package/types/input/input.d.ts

@@ -1,6 +1,5 @@
+import type { CSS } from "../theme/stitches.config";
 import React, { PropsWithoutRef, RefAttributes } from "react";
-import { CSS } from "../theme/stitches.config";
-import Textarea from "../textarea";
 import { Props, FormElement, defaultProps } from "./input-props";
 import InputPassword from "./input-password";
 declare type NativeAttrs = Omit<React.InputHTMLAttributes<any>, keyof Props>;
@@ -8,7 +7,6 @@ export declare type InputProps = Props & typeof defaultProps & NativeAttrs & {
     css?: CSS;
 };
 declare type InputComponent<T, P = {}> = React.ForwardRefExoticComponent<PropsWithoutRef<P> & RefAttributes<T>> & {
-    Textarea: typeof Textarea;
     Password: typeof InputPassword;
 };
 declare type ComponentProps = Partial<typeof defaultProps> & Omit<Props, keyof typeof defaultProps> & NativeAttrs & {

package/types/loading/loading.d.ts

@@ -1,6 +1,6 @@
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
 import { NormalSizes, NormalLoaders } from "../utils/prop-types";
-import { CSS } from "../theme/stitches.config";
 import { LoadingContainerVariantsProps } from "./loading.styles";
 interface Props {
     size?: NormalSizes;
@@ -8,6 +8,7 @@ interface Props {
     type?: NormalLoaders;
     loadingCss?: CSS;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     size: "xs" | "sm" | "md" | "lg" | "xl";
@@ -20,5 +21,34 @@ export declare type LoadingProps = Props & typeof defaultProps & NativeAttrs & L
 declare const _default: React.ComponentType<Partial<{
     size: "xs" | "sm" | "md" | "lg" | "xl";
     type: "default" | "gradient" | "points" | "points-opacity" | "spinner";
-}> & Omit<LoadingProps, "size" | "type">>;
+}> & Omit<Props & {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    type: "default" | "gradient" | "points" | "points-opacity" | "spinner";
+} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "white" | "currentColor" | undefined;
+    textColor?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | "white" | 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;
+}> & {
+    css?: CSS | undefined;
+}, "size" | "type">>;
 export default _default;

package/types/loading/spinner.d.ts

@@ -8,10 +8,11 @@ interface Props {
     textColor?: SimpleColors;
     className?: string;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
 export declare type SpinnerProps = Props & NativeAttrs & SpinnerVariantsProps & {
     css?: CSS;
 };
-declare const Spinner: React.FC<React.PropsWithChildren<SpinnerProps>>;
+declare const Spinner: React.FC<SpinnerProps>;
 export default Spinner;

package/types/modal/modal-footer.d.ts

@@ -1,6 +1,6 @@
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
 import { Justify } from "../utils/prop-types";
-import { CSS } from "../theme/stitches.config";
 import { ModalFooterVariantsProps } from "./modal.styles";
 interface Props {
     className?: string;
@@ -8,6 +8,7 @@ interface Props {
     autoMargin?: boolean;
     css?: CSS;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     className: string;
@@ -20,5 +21,33 @@ declare const _default: React.ComponentType<Partial<{
     className: string;
     justify: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
     autoMargin: boolean;
-}> & Omit<ModalFooterProps, "justify" | "className" | "autoMargin">>;
+}> & Omit<Props & {
+    className: string;
+    justify: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+    autoMargin: boolean;
+} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
+    noPadding?: boolean | "true" | undefined;
+    autoMargin?: boolean | "true" | 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;
+}>, "justify" | "className" | "autoMargin">>;
 export default _default;

package/types/modal/modal-header.d.ts

@@ -1,6 +1,6 @@
+import type { CSS } from "../theme/stitches.config";
 import React from "react";
 import { Justify } from "../utils/prop-types";
-import { CSS } from "../theme/stitches.config";
 import { ModalHeaderVariantsProps } from "./modal.styles";
 interface Props {
     className?: string;
@@ -8,6 +8,7 @@ interface Props {
     autoMargin?: boolean;
     css?: CSS;
     as?: keyof JSX.IntrinsicElements;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     className: string;
@@ -20,5 +21,33 @@ declare const _default: React.ComponentType<Partial<{
     className: string;
     justify: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
     autoMargin: boolean;
-}> & Omit<ModalHeaderProps, "justify" | "className" | "autoMargin">>;
+}> & Omit<Props & {
+    className: string;
+    justify: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+    autoMargin: boolean;
+} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
+    noPadding?: boolean | "true" | undefined;
+    autoMargin?: boolean | "true" | 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;
+}>, "justify" | "className" | "autoMargin">>;
 export default _default;

package/types/modal/modal-wrapper.d.ts

@@ -11,6 +11,7 @@ interface Props {
     as?: keyof JSX.IntrinsicElements;
     className?: string;
     onCloseButtonClick?: () => void;
+    children?: React.ReactNode;
 }
 declare type NativeAttrs = Omit<React.DialogHTMLAttributes<unknown>, keyof Props>;
 export declare type ModalWrapperProps = Props & NativeAttrs & ModalVariantsProps & {
@@ -20,5 +21,5 @@ declare const _default: React.ComponentType<Partial<{
     className: string;
     visible: boolean;
     rebound: boolean;
-}> & Omit<React.PropsWithChildren<ModalWrapperProps>, "visible" | "className" | "rebound">>;
+}> & Omit<ModalWrapperProps, "visible" | "className" | "rebound">>;
 export default _default;

package/types/modal/modal.d.ts

@@ -17,6 +17,7 @@ interface Props {
     onOpen?: () => void;
     onClose?: () => void;
     className?: string;
+    children?: React.ReactNode;
 }
 declare const defaultProps: {
     width: string;