@mantine-vue/core 1.1.1

package/lib/components/Slider/Marks/Marks.d.ts

@@ -0,0 +1,77 @@
+import { type PropType } from 'vue';
+import type { SliderMark } from '../SliderMark';
+export declare const Marks: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    marks: {
+        type: PropType<SliderMark[]>;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        required: true;
+    };
+    max: {
+        type: NumberConstructor;
+        required: true;
+    };
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startPointValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    marks: {
+        type: PropType<SliderMark[]>;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        required: true;
+    };
+    max: {
+        type: NumberConstructor;
+        required: true;
+    };
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startPointValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    offset: number;
+    marks: SliderMark[];
+    inverted: boolean;
+    startPointValue: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Slider/RangeSlider/RangeSlider.d.ts

@@ -0,0 +1,324 @@
+import { type PropType } from 'vue';
+import type { SliderMark } from '../SliderMark';
+export type RangeSliderValue = [number, number];
+export declare const RangeSlider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<RangeSliderValue>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<RangeSliderValue>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: RangeSliderValue) => void>;
+        default: undefined;
+    };
+    onChangeEnd: {
+        type: PropType<(value: RangeSliderValue) => void>;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    domain: {
+        type: PropType<RangeSliderValue>;
+        default: undefined;
+    };
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minRange: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxRange: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    pushOnOverlap: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    marks: {
+        type: PropType<SliderMark[]>;
+        default: undefined;
+    };
+    restrictToMarks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    labelAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLabelOnHover: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    thumbLabel: {
+        type: PropType<[string, string]>;
+        default: undefined;
+    };
+    thumbValueText: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    thumbChildren: {
+        type: PropType<any[]>;
+        default: undefined;
+    };
+    thumbProps: {
+        type: PropType<(index: number) => Record<string, any>>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: undefined;
+    };
+    scale: {
+        type: PropType<(value: number) => number>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    thumbSize: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    hiddenInputProps: {
+        type: PropType<Record<string, 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<{
+    value: {
+        type: PropType<RangeSliderValue>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<RangeSliderValue>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: RangeSliderValue) => void>;
+        default: undefined;
+    };
+    onChangeEnd: {
+        type: PropType<(value: RangeSliderValue) => void>;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    domain: {
+        type: PropType<RangeSliderValue>;
+        default: undefined;
+    };
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    minRange: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxRange: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    pushOnOverlap: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    marks: {
+        type: PropType<SliderMark[]>;
+        default: undefined;
+    };
+    restrictToMarks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    labelAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showLabelOnHover: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    thumbLabel: {
+        type: PropType<[string, string]>;
+        default: undefined;
+    };
+    thumbValueText: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    thumbChildren: {
+        type: PropType<any[]>;
+        default: undefined;
+    };
+    thumbProps: {
+        type: PropType<(index: number) => Record<string, any>>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: undefined;
+    };
+    scale: {
+        type: PropType<(value: number) => number>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    thumbSize: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    hiddenInputProps: {
+        type: PropType<Record<string, 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: string | number;
+    max: number;
+    radius: string | number;
+    name: string;
+    color: string;
+    scale: (value: number) => number;
+    onChange: (value: RangeSliderValue) => void;
+    label: any;
+    value: RangeSliderValue;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    disabled: boolean;
+    defaultValue: RangeSliderValue;
+    step: number;
+    onChangeEnd: (value: RangeSliderValue) => void;
+    orientation: "horizontal" | "vertical";
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    marks: SliderMark[];
+    thumbSize: string | number;
+    restrictToMarks: boolean;
+    hiddenInputProps: Record<string, any>;
+    min: number;
+    inverted: boolean;
+    thumbValueText: any;
+    labelAlwaysOn: boolean;
+    thumbLabel: [string, string];
+    showLabelOnHover: boolean;
+    precision: number;
+    domain: RangeSliderValue;
+    thumbChildren: any[];
+    thumbProps: (index: number) => Record<string, any>;
+    minRange: number;
+    maxRange: number;
+    pushOnOverlap: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/Slider/Slider/Slider.d.ts

@@ -0,0 +1,316 @@
+import { type PropType } from 'vue';
+import { type SliderStylesNames } from '../Slider.context';
+import type { SliderMark } from '../SliderMark';
+export type { SliderStylesNames };
+export declare const Slider: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    domain: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    value: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: number) => void>;
+        default: undefined;
+    };
+    onChangeEnd: {
+        type: PropType<(value: number) => void>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    marks: {
+        type: PropType<SliderMark[]>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    labelTransitionProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    labelAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thumbLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    thumbValueText: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    showLabelOnHover: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    thumbChildren: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thumbSize: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    scale: {
+        type: PropType<(value: number) => number>;
+        default: undefined;
+    };
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startPointValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: undefined;
+    };
+    hiddenInputProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    restrictToMarks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thumbProps: {
+        type: PropType<Record<string, 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: StringConstructor;
+        default: undefined;
+    };
+    radius: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    min: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    max: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    domain: {
+        type: PropType<[number, number]>;
+        default: undefined;
+    };
+    step: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    precision: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    value: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    defaultValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: number) => void>;
+        default: undefined;
+    };
+    onChangeEnd: {
+        type: PropType<(value: number) => void>;
+        default: undefined;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    marks: {
+        type: PropType<SliderMark[]>;
+        default: undefined;
+    };
+    label: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    labelTransitionProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    labelAlwaysOn: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thumbLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    thumbValueText: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    showLabelOnHover: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    thumbChildren: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thumbSize: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    scale: {
+        type: PropType<(value: number) => number>;
+        default: undefined;
+    };
+    inverted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    startPointValue: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    orientation: {
+        type: PropType<"horizontal" | "vertical">;
+        default: undefined;
+    };
+    hiddenInputProps: {
+        type: PropType<Record<string, any>>;
+        default: undefined;
+    };
+    restrictToMarks: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    thumbProps: {
+        type: PropType<Record<string, 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: string | number;
+    max: number;
+    radius: string | number;
+    name: string;
+    color: string;
+    scale: (value: number) => number;
+    onChange: (value: number) => void;
+    label: any;
+    value: number;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    disabled: boolean;
+    defaultValue: number;
+    step: number;
+    onChangeEnd: (value: number) => void;
+    orientation: "horizontal" | "vertical";
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    marks: SliderMark[];
+    thumbSize: string | number;
+    restrictToMarks: boolean;
+    hiddenInputProps: Record<string, any>;
+    min: number;
+    inverted: boolean;
+    thumbValueText: any;
+    labelTransitionProps: Record<string, any>;
+    labelAlwaysOn: boolean;
+    thumbLabel: string;
+    showLabelOnHover: boolean;
+    precision: number;
+    startPointValue: number;
+    domain: [number, number];
+    thumbChildren: any;
+    thumbProps: Record<string, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/Slider/Slider.context.d.ts

@@ -0,0 +1,9 @@
+export type SliderStylesNames = 'root' | 'label' | 'thumb' | 'trackContainer' | 'track' | 'bar' | 'markWrapper' | 'mark' | 'markLabel';
+export type SliderCssVariables = {
+    root: '--slider-size' | '--slider-color' | '--slider-thumb-size' | '--slider-radius';
+};
+export declare const provideSliderContext: (value: {
+    getStyles: (selector: string, options?: any) => any;
+}) => void, useSliderContext: () => {
+    getStyles: (selector: string, options?: any) => any;
+};