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

package/types/radio/index.d.ts

@@ -1,4 +1,4 @@
 import Radio from './radio';
-export { StyledRadioInput, StyledRadioLabel, StyledRadioPoint, StyledRadio, StyledRadioGroup, StyledRadioDescription } from './radio.styles';
-export type { RadioVariantsProps, RadioLabelVariantsProps, RadioGroupVariantsProps } from './radio.styles';
+export { StyledRadioLabel, StyledRadioText, StyledRadioPoint, StyledRadioContainer, StyledRadioDescription, StyledRadioGroup, StyledRadioGroupContainer } from './radio.styles';
+export type { RadioLabelVariantsProps, RadioTexVariantsProps, RadioPointVariantsProps, RadioContainerVariantsProps, RadioDescriptionVariantsProps, RadioGroupVariantsProps, RadioGroupContainerVariantsProps } from './radio.styles';
 export default Radio;

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

@@ -1,13 +1,22 @@
-import { NormalColors, NormalSizes } from '../utils/prop-types';
-import React from 'react';
-export interface RadioConfig {
-    disabledAll: boolean;
-    size?: NormalSizes;
-    color?: NormalColors;
-    textColor?: NormalColors;
-    value?: string | number;
-    inGroup: boolean;
-    updateState?: (value: string | number) => void;
-}
-export declare const RadioContext: React.Context<RadioConfig>;
-export declare const useRadioContext: () => RadioConfig;
+/// <reference types="react" />
+export declare const RadioGroupProvider: import("react").Provider<{
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    orientation: import("@react-types/shared").Orientation;
+    labelColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    isRequired: boolean | undefined;
+    validationState: import("@react-types/shared").ValidationState | undefined;
+    radioGroupState: import("@react-stately/radio").RadioGroupState;
+    radioGroupProps: Omit<import("react").HTMLAttributes<HTMLElement>, "css">;
+    labelProps: Omit<import("react").HTMLAttributes<HTMLElement>, "css">;
+}>, useRadioGroupContext: () => {
+    size: "xs" | "sm" | "md" | "lg" | "xl";
+    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    orientation: import("@react-types/shared").Orientation;
+    labelColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    isRequired: boolean | undefined;
+    validationState: import("@react-types/shared").ValidationState | undefined;
+    radioGroupState: import("@react-stately/radio").RadioGroupState;
+    radioGroupProps: Omit<import("react").HTMLAttributes<HTMLElement>, "css">;
+    labelProps: Omit<import("react").HTMLAttributes<HTMLElement>, "css">;
+};

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

@@ -1,84 +1,15 @@
-import React, { ReactNode } from 'react';
-import { NormalSizes, SimpleColors } from '../utils/prop-types';
-import { RadioGroupVariantsProps } from './radio.styles';
-import { CSS } from '../theme/stitches.config';
-interface Props {
-    children?: ReactNode;
-    value?: string | number;
-    initialValue?: string | number;
-    disabled?: boolean;
-    color?: SimpleColors;
-    textColor?: SimpleColors;
-    size?: NormalSizes;
-    onChange?: (value: string | number) => void;
+import React from 'react';
+import type { CSS } from '../theme/stitches.config';
+import type { UseRadioGroupProps } from './use-radio-group';
+interface Props extends UseRadioGroupProps {
+    className?: string;
+    children: React.ReactNode;
+    as?: keyof JSX.IntrinsicElements;
 }
-declare const defaultProps: {
-    disabled: boolean;
-    size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-};
-declare type NativeAttrs = Omit<React.HTMLAttributes<unknown>, keyof Props>;
-export declare type RadioGroupProps = Props & typeof defaultProps & NativeAttrs & RadioGroupVariantsProps & {
+export declare type RadioGroupProps = Props & {
     css?: CSS;
 };
 export declare const RadioGroup: React.ForwardRefExoticComponent<Props & {
-    disabled: boolean;
-    size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    row?: boolean | "true" | "false" | undefined;
-}, {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-}> & {
     css?: CSS | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const _default: React.ComponentType<Partial<{
-    disabled: boolean;
-    size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-}> & Omit<Props & {
-    disabled: boolean;
-    size: number | "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    row?: boolean | "true" | "false" | undefined;
-}, {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-}> & {
-    css?: CSS | undefined;
-} & React.RefAttributes<HTMLDivElement>, "color" | "size" | "textColor" | "disabled">>;
-export default _default;
+export default RadioGroup;

package/types/radio/radio.d.ts

@@ -1,78 +1,22 @@
 import React, { ReactNode } from 'react';
 import RadioGroup from './radio-group';
-import { SimpleColors, NormalSizes } from '../utils/prop-types';
-import { CSS } from '../theme/stitches.config';
-import { StyledRadioDescription, RadioVariantsProps } from './radio.styles';
-interface RadioEventTarget {
-    checked: boolean;
-}
-export interface RadioEvent {
-    target: RadioEventTarget;
-    stopPropagation: () => void;
-    preventDefault: () => void;
-    nativeEvent: React.ChangeEvent;
-}
-interface Props {
+import type { CSS } from '../theme/stitches.config';
+import type { UseRadioProps } from './use-radio';
+interface Props extends UseRadioProps {
+    label?: string;
     children?: ReactNode;
-    checked?: boolean;
-    value?: string | number;
-    size?: NormalSizes;
-    color?: SimpleColors;
-    textColor?: SimpleColors;
-    disabled?: boolean;
-    preventDefault?: boolean;
-    onChange?: (e: RadioEvent) => void;
+    description?: string | ReactNode;
+    className?: string;
+    as?: keyof JSX.IntrinsicElements;
 }
-declare const defaultProps: {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    disabled: boolean;
-    preventDefault: boolean;
-};
-declare type NativeAttrs = Omit<React.InputHTMLAttributes<unknown>, keyof Props>;
-export declare type RadioProps = Props & typeof defaultProps & NativeAttrs & RadioVariantsProps & {
+export declare type RadioProps = Props & {
     css?: CSS;
 };
 export declare const Radio: React.ForwardRefExoticComponent<Props & {
-    size: "xs" | "sm" | "md" | "lg" | "xl";
-    color: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    textColor: "default" | "primary" | "secondary" | "success" | "warning" | "error";
-    disabled: boolean;
-    preventDefault: boolean;
-} & NativeAttrs & import("@stitches/react/types/styled-component").TransformProps<{
-    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error" | undefined;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    disabled?: boolean | "true" | undefined;
-    squared?: boolean | "true" | "false" | undefined;
-    active?: boolean | "true" | undefined;
-    animated?: boolean | "true" | "false" | undefined;
-}, {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xsMax: string;
-    smMax: string;
-    mdMax: string;
-    lgMax: string;
-    xlMax: string;
-    motion: string;
-    safari: string;
-    hover: string;
-    dark: string;
-    light: string;
-}> & {
     css?: CSS | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-declare type RadioComponent<P = {}> = React.FC<P> & {
+declare type RadioComponent<T, P = {}> = React.ForwardRefExoticComponent<React.PropsWithoutRef<P> & React.RefAttributes<T>> & {
     Group: typeof RadioGroup;
-    Desc: typeof StyledRadioDescription;
-    Description: typeof StyledRadioDescription;
-};
-declare type ComponentProps = Partial<typeof defaultProps> & Omit<Props, keyof typeof defaultProps> & NativeAttrs & RadioVariantsProps & {
-    css?: CSS;
 };
-declare const _default: RadioComponent<ComponentProps>;
+declare const _default: RadioComponent<HTMLLabelElement, RadioProps>;
 export default _default;