@mantine-vue/core 2.4.0 → 3.1.0

package/lib/components/Radio/Radio.d.ts

@@ -1,742 +1,22 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineColor, type MantineNode, type MantineRadius, type MantineSize } from '../../core';
-export type RadioVariant = 'filled' | 'outline';
-export interface RadioSlots {
-    label?: () => VNodeChild;
-    description?: () => VNodeChild;
-    error?: () => VNodeChild;
-    icon?: (props: {
-        class?: any;
-        style?: any;
-    }) => VNodeChild;
-}
-export type RadioStylesNames = 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error' | 'inner' | 'radio' | 'icon';
-export declare const Radio: import("../..").WithBoxProps<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        label: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        color: {
-            type: PropType<MantineColor>;
-            default: undefined;
-        };
-        size: {
-            type: PropType<MantineSize | (string & {})>;
-            default: string;
-        };
-        icon: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        wrapperProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        labelPosition: {
-            type: PropType<"left" | "right">;
-            default: string;
-        };
-        description: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        error: {
-            type: PropType<MantineNode | boolean>;
-            default: undefined;
-        };
-        radius: {
-            type: PropType<MantineRadius>;
-            default: string;
-        };
-        rootRef: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        iconColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        autoContrast: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        withErrorStyles: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        checked: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<RadioVariant>;
-            default: string;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        size: MantineSize | (string & {});
-        label: MantineNode;
-        radius: MantineRadius;
-        color: MantineColor;
-        autoContrast: boolean;
-        variant: RadioVariant;
-        error: MantineNode;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        description: MantineNode;
-        disabled: boolean;
-        mod: any;
-        id: string;
-        icon: any;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        labelPosition: "left" | "right";
-        withErrorStyles: boolean;
-        wrapperProps: Record<string, any>;
-        rootRef: any;
-        checked: boolean;
-        iconColor: string;
-    }, true, {}, SlotsType<RadioSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        id: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        label: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        color: {
-            type: PropType<MantineColor>;
-            default: undefined;
-        };
-        size: {
-            type: PropType<MantineSize | (string & {})>;
-            default: string;
-        };
-        icon: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        wrapperProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        labelPosition: {
-            type: PropType<"left" | "right">;
-            default: string;
-        };
-        description: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        error: {
-            type: PropType<MantineNode | boolean>;
-            default: undefined;
-        };
-        radius: {
-            type: PropType<MantineRadius>;
-            default: string;
-        };
-        rootRef: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        iconColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        autoContrast: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        withErrorStyles: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        checked: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<RadioVariant>;
-            default: string;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, {
-        size: MantineSize | (string & {});
-        label: MantineNode;
-        radius: MantineRadius;
-        color: MantineColor;
-        autoContrast: boolean;
-        variant: RadioVariant;
-        error: MantineNode;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        description: MantineNode;
-        disabled: boolean;
-        mod: any;
-        id: string;
-        icon: any;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        labelPosition: "left" | "right";
-        withErrorStyles: boolean;
-        wrapperProps: Record<string, any>;
-        rootRef: any;
-        checked: boolean;
-        iconColor: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    id: {
-        type: StringConstructor;
-        default: undefined;
+import { RadioCard } from './RadioCard/RadioCard';
+import { RadioGroup } from './RadioGroup/RadioGroup';
+import { RadioIndicator } from './RadioIndicator/RadioIndicator';
+export declare const Radio: import("../..").MantineComponent<{
+    props: Omit<import("./Radio.types").RadioProps, "rootRef">;
+    slots: import("./Radio.types").RadioSlots;
+    emits: import("./Radio.types").RadioEmits;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    element: "div";
+    stylesNames: import("./Radio.types").RadioStylesNames;
+    vars: import("./Radio.types").RadioCssVariables;
+    variant: import("./Radio.types").RadioVariant;
+    staticComponents: {
+        Group: typeof RadioGroup;
+        Indicator: typeof RadioIndicator;
+        Card: typeof RadioCard;
     };
-    label: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    color: {
-        type: PropType<MantineColor>;
-        default: undefined;
-    };
-    size: {
-        type: PropType<MantineSize | (string & {})>;
-        default: string;
-    };
-    icon: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    wrapperProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    labelPosition: {
-        type: PropType<"left" | "right">;
-        default: string;
-    };
-    description: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    error: {
-        type: PropType<MantineNode | boolean>;
-        default: undefined;
-    };
-    radius: {
-        type: PropType<MantineRadius>;
-        default: string;
-    };
-    rootRef: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    iconColor: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    autoContrast: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    withErrorStyles: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    checked: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    variant: {
-        type: PropType<RadioVariant>;
-        default: string;
-    };
-    mod: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    size: MantineSize | (string & {});
-    label: MantineNode;
-    radius: MantineRadius;
-    color: MantineColor;
-    autoContrast: boolean;
-    variant: RadioVariant;
-    error: MantineNode;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    description: MantineNode;
-    disabled: boolean;
-    mod: any;
-    id: string;
-    icon: any;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-    labelPosition: "left" | "right";
-    withErrorStyles: boolean;
-    wrapperProps: Record<string, any>;
-    rootRef: any;
-    checked: boolean;
-    iconColor: string;
-}, {}, string, SlotsType<RadioSlots>, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
-    classes: {
-        [x: string]: string;
-    };
-    varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
-    Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        value: {
-            type: PropType<string | null | undefined>;
-            default: undefined;
-        };
-        defaultValue: {
-            type: PropType<string | null | undefined>;
-            default: undefined;
-        };
-        onChange: {
-            type: PropType<(value: string) => void>;
-            default: undefined;
-        };
-        size: {
-            type: PropType<MantineSize>;
-            default: undefined;
-        };
-        wrapperProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        name: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        readOnly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        label: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        description: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        error: {
-            type: PropType<MantineNode | boolean>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: PropType<string | null | undefined>;
-            default: undefined;
-        };
-        defaultValue: {
-            type: PropType<string | null | undefined>;
-            default: undefined;
-        };
-        onChange: {
-            type: PropType<(value: string) => void>;
-            default: undefined;
-        };
-        size: {
-            type: PropType<MantineSize>;
-            default: undefined;
-        };
-        wrapperProps: {
-            type: PropType<Record<string, any>>;
-            default: undefined;
-        };
-        name: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        readOnly: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        label: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        description: {
-            type: PropType<MantineNode>;
-            default: undefined;
-        };
-        error: {
-            type: PropType<MantineNode | boolean>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        size: MantineSize;
-        label: MantineNode;
-        name: string;
-        error: MantineNode;
-        onChange: (value: string) => void;
-        value: string | null | undefined;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        description: MantineNode;
-        disabled: boolean;
-        defaultValue: string | null | undefined;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        wrapperProps: Record<string, any>;
-        readOnly: boolean;
-    }, SlotsType<import("./RadioGroup/RadioGroup").RadioGroupSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    Indicator: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        color: {
-            type: PropType<MantineColor>;
-            default: undefined;
-        };
-        size: {
-            type: PropType<MantineSize | (string & {}) | number>;
-            default: string;
-        };
-        radius: {
-            type: PropType<MantineRadius>;
-            default: undefined;
-        };
-        iconColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        autoContrast: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        icon: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        checked: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<import(".").RadioIndicatorVariant>;
-            default: string;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        color: {
-            type: PropType<MantineColor>;
-            default: undefined;
-        };
-        size: {
-            type: PropType<MantineSize | (string & {}) | number>;
-            default: string;
-        };
-        radius: {
-            type: PropType<MantineRadius>;
-            default: undefined;
-        };
-        iconColor: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        autoContrast: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        icon: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        checked: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        disabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        variant: {
-            type: PropType<import(".").RadioIndicatorVariant>;
-            default: string;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        size: number | MantineSize | (string & {});
-        radius: MantineRadius;
-        color: MantineColor;
-        autoContrast: boolean;
-        variant: import(".").RadioIndicatorVariant;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        disabled: boolean;
-        mod: any;
-        icon: any;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        checked: boolean;
-        iconColor: string;
-    }, SlotsType<import("./RadioIndicator/RadioIndicator").RadioIndicatorSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
-    Card: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        checked: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        withBorder: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        radius: {
-            type: PropType<MantineRadius>;
-            default: undefined;
-        };
-        value: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        name: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        checked: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        withBorder: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        radius: {
-            type: PropType<MantineRadius>;
-            default: undefined;
-        };
-        value: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        name: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        mod: {
-            type: PropType<any>;
-            default: undefined;
-        };
-        classNames: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        styles: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        vars: {
-            type: (ObjectConstructor | FunctionConstructor)[];
-            default: undefined;
-        };
-        unstyled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        radius: MantineRadius;
-        name: string;
-        value: string;
-        classNames: Function | Record<string, any>;
-        styles: Function | Record<string, any>;
-        mod: any;
-        vars: Function | Record<string, any>;
-        unstyled: boolean;
-        withBorder: boolean;
-        checked: boolean;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 }>;
+export type { RadioCssVariables, RadioEmits, RadioFactory, RadioIconSlotProps, RadioOwnProps, RadioProps, RadioSlots, RadioStylesNames, RadioVariant, } from './Radio.types';