@mantine-vue/core 1.1.1

package/lib/components/Stepper/Stepper.d.ts

@@ -0,0 +1,529 @@
+import { type PropType, type VNode } from 'vue';
+export type StepperStylesNames = 'root' | 'separator' | 'steps' | 'content' | 'step' | 'stepLoader' | 'verticalSeparator' | 'stepWrapper' | 'stepIcon' | 'stepCompletedIcon' | 'stepIconContent' | 'stepBody' | 'stepLabel' | 'stepDescription';
+export declare const Stepper: import("../..").WithBoxProps<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        active: {
+            type: NumberConstructor;
+            required: true;
+        };
+        onStepClick: {
+            type: PropType<(stepIndex: number) => void>;
+            default: undefined;
+        };
+        icon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        completedIcon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        progressIcon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        iconSize: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        contentPadding: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        orientation: {
+            type: PropType<"vertical" | "horizontal">;
+            default: undefined;
+        };
+        iconPosition: {
+            type: PropType<"right" | "left">;
+            default: undefined;
+        };
+        size: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        radius: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        allowNextStepsSelect: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        autoContrast: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        size: string | number;
+        radius: string | number;
+        wrap: boolean;
+        color: string;
+        autoContrast: boolean;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        mod: any;
+        keepMounted: boolean;
+        icon: any;
+        orientation: "horizontal" | "vertical";
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        iconSize: string | number;
+        completedIcon: any;
+        progressIcon: any;
+        iconPosition: "left" | "right";
+        contentPadding: string | number;
+        onStepClick: (stepIndex: number) => void;
+        allowNextStepsSelect: boolean;
+    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        active: {
+            type: NumberConstructor;
+            required: true;
+        };
+        onStepClick: {
+            type: PropType<(stepIndex: number) => void>;
+            default: undefined;
+        };
+        icon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        completedIcon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        progressIcon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        iconSize: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        contentPadding: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        orientation: {
+            type: PropType<"vertical" | "horizontal">;
+            default: undefined;
+        };
+        iconPosition: {
+            type: PropType<"right" | "left">;
+            default: undefined;
+        };
+        size: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        radius: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        allowNextStepsSelect: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        wrap: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        autoContrast: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        keepMounted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        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<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, {
+        size: string | number;
+        radius: string | number;
+        wrap: boolean;
+        color: string;
+        autoContrast: boolean;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        mod: any;
+        keepMounted: boolean;
+        icon: any;
+        orientation: "horizontal" | "vertical";
+        vars: Function | Record<string, any>;
+        unstyled: boolean;
+        iconSize: string | number;
+        completedIcon: any;
+        progressIcon: any;
+        iconPosition: "left" | "right";
+        contentPadding: string | number;
+        onStepClick: (stepIndex: number) => void;
+        allowNextStepsSelect: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    active: {
+        type: NumberConstructor;
+        required: true;
+    };
+    onStepClick: {
+        type: PropType<(stepIndex: number) => void>;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    completedIcon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    progressIcon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    iconSize: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    contentPadding: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<"vertical" | "horizontal">;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<"right" | "left">;
+        default: undefined;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    allowNextStepsSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    wrap: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autoContrast: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    keepMounted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    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<{}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    size: string | number;
+    radius: string | number;
+    wrap: boolean;
+    color: string;
+    autoContrast: boolean;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    mod: any;
+    keepMounted: boolean;
+    icon: any;
+    orientation: "horizontal" | "vertical";
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    iconSize: string | number;
+    completedIcon: any;
+    progressIcon: any;
+    iconPosition: "left" | "right";
+    contentPadding: string | number;
+    onStepClick: (stepIndex: number) => void;
+    allowNextStepsSelect: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+    classes: Record<string, string>;
+    varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+    Step: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        step: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        state: {
+            type: PropType<import(".").StepperStepState>;
+            default: undefined;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        withIcon: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        icon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        completedIcon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        progressIcon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        label: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        description: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        iconSize: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        iconPosition: {
+            type: PropType<"right" | "left">;
+            default: undefined;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowStepClick: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        allowStepSelect: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        orientation: {
+            type: PropType<"vertical" | "horizontal">;
+            default: undefined;
+        };
+        mod: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        className: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        style: {
+            type: PropType<any>;
+            default: undefined;
+        };
+    }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        step: {
+            type: NumberConstructor;
+            default: undefined;
+        };
+        state: {
+            type: PropType<import(".").StepperStepState>;
+            default: undefined;
+        };
+        color: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        withIcon: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        icon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        completedIcon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        progressIcon: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        label: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        description: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        iconSize: {
+            type: PropType<string | number>;
+            default: undefined;
+        };
+        iconPosition: {
+            type: PropType<"right" | "left">;
+            default: undefined;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowStepClick: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        allowStepSelect: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        orientation: {
+            type: PropType<"vertical" | "horizontal">;
+            default: undefined;
+        };
+        mod: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        classNames: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        styles: {
+            type: (ObjectConstructor | FunctionConstructor)[];
+            default: undefined;
+        };
+        className: {
+            type: PropType<any>;
+            default: undefined;
+        };
+        style: {
+            type: PropType<any>;
+            default: undefined;
+        };
+    }>> & Readonly<{}>, {
+        color: string;
+        style: any;
+        label: any;
+        classNames: Function | Record<string, any>;
+        styles: Function | Record<string, any>;
+        description: any;
+        mod: any;
+        step: number;
+        icon: any;
+        orientation: "horizontal" | "vertical";
+        className: any;
+        state: import(".").StepperStepState;
+        loading: boolean;
+        iconSize: string | number;
+        withIcon: boolean;
+        completedIcon: any;
+        progressIcon: any;
+        iconPosition: "left" | "right";
+        allowStepClick: boolean;
+        allowStepSelect: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    Completed: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;

package/lib/components/Stepper/StepperCompleted/StepperCompleted.d.ts

@@ -0,0 +1 @@
+export declare const StepperCompleted: import("vue").DefineComponent<{}, () => null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Stepper/StepperStep/StepperStep.d.ts

@@ -0,0 +1,189 @@
+import { type PropType } from 'vue';
+export type StepperStepState = 'stepInactive' | 'stepProgress' | 'stepCompleted';
+export type StepperStepStylesNames = 'step' | 'stepLoader' | 'verticalSeparator' | 'stepWrapper' | 'stepIcon' | 'stepCompletedIcon' | 'stepIconContent' | 'stepBody' | 'stepLabel' | 'stepDescription';
+export declare const StepperStep: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    state: {
+        type: PropType<StepperStepState>;
+        default: undefined;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    withIcon: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    completedIcon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    progressIcon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    description: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    iconSize: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<"right" | "left">;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowStepClick: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    allowStepSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<"vertical" | "horizontal">;
+        default: undefined;
+    };
+    mod: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    className: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<any>;
+        default: undefined;
+    };
+}>, () => 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<{
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    state: {
+        type: PropType<StepperStepState>;
+        default: undefined;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    withIcon: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    icon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    completedIcon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    progressIcon: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    description: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    iconSize: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    iconPosition: {
+        type: PropType<"right" | "left">;
+        default: undefined;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowStepClick: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    allowStepSelect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<"vertical" | "horizontal">;
+        default: undefined;
+    };
+    mod: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    classNames: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    styles: {
+        type: (ObjectConstructor | FunctionConstructor)[];
+        default: undefined;
+    };
+    className: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<any>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    color: string;
+    style: any;
+    label: any;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    description: any;
+    mod: any;
+    step: number;
+    icon: any;
+    orientation: "horizontal" | "vertical";
+    className: any;
+    state: StepperStepState;
+    loading: boolean;
+    iconSize: string | number;
+    withIcon: boolean;
+    completedIcon: any;
+    progressIcon: any;
+    iconPosition: "left" | "right";
+    allowStepClick: boolean;
+    allowStepSelect: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;