@mantine-vue/core 3.0.0 → 3.2.0

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

@@ -1,133 +1,37 @@
-import { type PropType } from 'vue';
-export declare const Thumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    max: {
-        type: NumberConstructor;
-        required: true;
-    };
-    min: {
-        type: NumberConstructor;
-        required: true;
-    };
-    value: {
-        type: NumberConstructor;
-        required: true;
-    };
-    position: {
-        type: NumberConstructor;
-        required: true;
-    };
-    dragging: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    thumbValueText: {
-        type: PropType<string | ((value: number) => string)>;
-        default: undefined;
-    };
-    labelTransitionProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    labelAlwaysOn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    thumbLabel: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    showLabelOnHover: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isHovered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    orientation: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "focus" | "mousedown")[], "blur" | "focus" | "mousedown", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    max: {
-        type: NumberConstructor;
-        required: true;
-    };
-    min: {
-        type: NumberConstructor;
-        required: true;
-    };
-    value: {
-        type: NumberConstructor;
-        required: true;
-    };
-    position: {
-        type: NumberConstructor;
-        required: true;
-    };
-    dragging: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    label: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    thumbValueText: {
-        type: PropType<string | ((value: number) => string)>;
-        default: undefined;
-    };
-    labelTransitionProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-    labelAlwaysOn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    thumbLabel: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    showLabelOnHover: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    isHovered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    orientation: {
-        type: PropType<"horizontal" | "vertical">;
-        default: string;
-    };
-}>> & Readonly<{
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onMousedown?: ((...args: any[]) => any) | undefined;
-}>, {
-    label: any;
-    orientation: "vertical" | "horizontal";
-    disabled: boolean;
-    dragging: boolean;
-    thumbValueText: string | ((value: number) => string);
-    labelTransitionProps: Record<string, any>;
-    labelAlwaysOn: boolean;
-    thumbLabel: string;
-    showLabelOnHover: boolean;
-    isHovered: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Draggable thumb of a `Slider` or `RangeSlider`, including its floating label. */
+export declare const Thumb: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./Thumb.types").SliderThumbOwnProps> & Readonly<{
+        onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        mousedown: (event: MouseEvent | TouchEvent) => any;
+        blur: (event: FocusEvent) => any;
+        focus: (event: FocusEvent) => any;
+    }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./Thumb.types").SliderThumbOwnProps> & Readonly<{
+        onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./Thumb.types").SliderThumbOwnProps> & Readonly<{
+    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    mousedown: (event: MouseEvent | TouchEvent) => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./Thumb.types").SliderThumbSlots;
+});
+export type { SliderThumbOwnProps, SliderThumbProps, SliderThumbSlots } from './Thumb.types';

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

@@ -0,0 +1,63 @@
+import type { VNodeChild } from 'vue';
+import type { BoxProps } from '../../../core';
+export interface SliderThumbSlots {
+    /** Content rendered inside the thumb. */
+    default?: () => VNodeChild;
+}
+/** Props declared by the slider `Thumb` itself. */
+export interface SliderThumbOwnProps {
+    /** Highest value of the track, reported as `aria-valuemax`. */
+    max: number;
+    /** Lowest value of the track, reported as `aria-valuemin`. */
+    min: number;
+    /** Current value, reported as `aria-valuenow`. */
+    value: number;
+    /** Offset of the thumb along the track, as a percentage. */
+    position: number;
+    /**
+     * If set, the thumb is being dragged, which keeps the label visible.
+     *
+     * @default false
+     */
+    dragging?: boolean;
+    /** Label content, or a function returning it. Nothing is rendered when not set. */
+    label?: any;
+    /** `aria-valuetext`, or a function that builds it from the current value. */
+    thumbValueText?: string | ((value: number) => string);
+    /** Props passed down to the label transition. */
+    labelTransitionProps?: Record<string, any>;
+    /**
+     * If set, the label is always visible.
+     *
+     * @default false
+     */
+    labelAlwaysOn?: boolean;
+    /** `aria-label` of the thumb. */
+    thumbLabel?: string;
+    /**
+     * If set, the label is shown while the track is hovered.
+     *
+     * @default true
+     */
+    showLabelOnHover?: boolean;
+    /**
+     * Whether the track is currently hovered, used together with `showLabelOnHover`.
+     *
+     * @default false
+     */
+    isHovered?: boolean;
+    /**
+     * If set, the thumb cannot be focused or dragged.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Direction the slider is laid out in, reported as `aria-orientation`.
+     *
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+export interface SliderThumbProps extends Omit<BoxProps, keyof SliderThumbOwnProps>, SliderThumbOwnProps {
+}

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

@@ -0,0 +1,30 @@
+import type { SliderThumbOwnProps, SliderThumbSlots } from './Thumb.types';
+import type { VNodeChild } from 'vue';
+/**
+ * The label is arbitrary renderable content or a function returning it, so it is
+ * rendered as a child rather than interpolated. Declared at module scope so the
+ * component identity is stable across renders.
+ */
+declare const ThumbLabel: {
+    (props: {
+        label: any;
+    }): VNodeChild;
+    props: string[];
+};
+export { ThumbLabel };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<SliderThumbOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    mousedown: (event: MouseEvent | TouchEvent) => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+}, string, import("vue").PublicProps, Readonly<SliderThumbOwnProps> & Readonly<{
+    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SliderThumbSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,103 +1,17 @@
-import { type PropType } from 'vue';
-import type { SliderMark } from '../SliderMark';
-export declare const Track: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    filled: {
-        type: NumberConstructor;
-        required: true;
-    };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    marksOffset: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    marks: {
-        type: PropType<SliderMark[]>;
-        default: undefined;
-    };
-    min: {
-        type: NumberConstructor;
-        required: true;
-    };
-    max: {
-        type: NumberConstructor;
-        required: true;
-    };
-    value: {
-        type: NumberConstructor;
-        required: true;
-    };
-    startPointValue: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    inverted: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    containerProps: {
-        type: PropType<Record<string, 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<{
-    filled: {
-        type: NumberConstructor;
-        required: true;
-    };
-    offset: {
-        type: NumberConstructor;
-        default: number;
-    };
-    marksOffset: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    marks: {
-        type: PropType<SliderMark[]>;
-        default: undefined;
-    };
-    min: {
-        type: NumberConstructor;
-        required: true;
-    };
-    max: {
-        type: NumberConstructor;
-        required: true;
-    };
-    value: {
-        type: NumberConstructor;
-        required: true;
-    };
-    startPointValue: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    inverted: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    containerProps: {
-        type: PropType<Record<string, any>>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    disabled: boolean;
-    offset: number;
-    marks: SliderMark[];
-    inverted: boolean;
-    startPointValue: number;
-    marksOffset: number;
-    containerProps: Record<string, any>;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Track, filled bar and marks of a `Slider` or `RangeSlider`. */
+export declare const Track: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./Track.types").SliderTrackProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./Track.types").SliderTrackProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./Track.types").SliderTrackProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./Track.types").SliderTrackSlots;
+});
+export type { SliderTrackProps, SliderTrackSlots } from './Track.types';

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

@@ -0,0 +1,43 @@
+import type { VNodeChild } from 'vue';
+import type { SliderMark } from '../SliderMark';
+export interface SliderTrackSlots {
+    /** Thumbs rendered over the track. */
+    default?: () => VNodeChild;
+}
+/** Props declared by the slider `Track` itself. */
+export interface SliderTrackProps {
+    /** Width of the filled bar as a percentage of the track. */
+    filled: number;
+    /**
+     * Offset of the filled bar from the start of the track, as a percentage.
+     *
+     * @default 0
+     */
+    offset?: number;
+    /** Lower bound used to decide which marks are filled, for a range selection. */
+    marksOffset?: number;
+    /** Marks rendered along the track. */
+    marks?: SliderMark[];
+    /** Lowest value of the track. */
+    min: number;
+    /** Highest value of the track. */
+    max: number;
+    /** Current value, used to decide which marks are filled. */
+    value: number;
+    /** Value the filled section is measured from, when it is not the track minimum. */
+    startPointValue?: number;
+    /**
+     * If set, the track is rendered in its disabled state.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If set, the filled and empty sides of the track are swapped.
+     *
+     * @default false
+     */
+    inverted?: boolean;
+    /** Props passed down to the track container element. */
+    containerProps?: Record<string, any>;
+}

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

@@ -0,0 +1,11 @@
+import type { SliderTrackProps, SliderTrackSlots } from './Track.types';
+type __VLS_Slots = SliderTrackSlots;
+declare const __VLS_base: import("vue").DefineComponent<SliderTrackProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SliderTrackProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,6 +1,6 @@
 export { Slider } from './Slider/Slider';
+export type { SliderCssVariables, SliderEmits, SliderOwnProps, SliderProps, SliderSlots, } from './Slider/Slider';
 export { RangeSlider } from './RangeSlider/RangeSlider';
-export type { SliderSlots } from './Slider/Slider';
-export type { RangeSliderSlots, RangeSliderValue } from './RangeSlider/RangeSlider';
+export type { RangeSliderEmits, RangeSliderOwnProps, RangeSliderProps, RangeSliderSlots, RangeSliderStylesNames, RangeSliderValue, } from './RangeSlider/RangeSlider';
 export type { SliderMark } from './SliderMark';
-export type { SliderCssVariables, SliderStylesNames } from './Slider.context';
+export type { SliderStylesNames } from './Slider.context';

package/lib/components/Space/Space.d.ts

@@ -1,14 +1,6 @@
-import { type PropType } from 'vue';
-export declare const Space: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    w: PropType<string | number>;
-    h: PropType<string | number>;
-    miw: PropType<string | number>;
-    mih: PropType<string | number>;
-}>, () => 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<{
-    w: PropType<string | number>;
-    h: PropType<string | number>;
-    miw: PropType<string | number>;
-    mih: PropType<string | number>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const Space: import("../..").MantineComponent<{
+    props: Omit<import("./Space.types").SpaceProps, "rootRef">;
+    ref: HTMLDivElement;
+    element: "div";
+}>;
+export type { SpaceOwnProps, SpaceProps, SpaceFactory } from './Space.types';

package/lib/components/Space/Space.types.d.ts

@@ -0,0 +1,22 @@
+import type { BoxProps, Factory } from '../../core';
+/** Props declared by `Space` itself. See `SpaceProps` for the full public type. */
+export interface SpaceOwnProps {
+    /** Receives the root DOM node. */
+    rootRef?: VueRefTarget<Element>;
+    /** Width, theme key: theme.spacing */
+    w?: string | number;
+    /** Height, theme key: theme.spacing */
+    h?: string | number;
+    /** MinWidth, theme key: theme.spacing */
+    miw?: string | number;
+    /** MinHeight, theme key: theme.spacing */
+    mih?: string | number;
+}
+export interface SpaceProps extends Omit<BoxProps, keyof SpaceOwnProps>, SpaceOwnProps {
+}
+export type SpaceFactory = Factory<{
+    props: Omit<SpaceProps, 'rootRef'>;
+    ref: HTMLDivElement;
+    element: 'div';
+}>;
+import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Space/Space.vue.d.ts

@@ -0,0 +1,16 @@
+import type { SpaceOwnProps } from './Space.types';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<SpaceOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SpaceOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/Splitter/GripHorizontalIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/Splitter/GripIcon.d.ts

@@ -1,6 +1,3 @@
-export declare const GripVerticalIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export declare const GripHorizontalIcon: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const GripVerticalIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const GripHorizontalIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type { GripIconProps } from './GripIcon.types';

package/lib/components/Splitter/GripIcon.types.d.ts

@@ -0,0 +1,6 @@
+import type { SVGAttributes } from 'vue';
+/** Native SVG attributes accepted by splitter grip icons. */
+export interface GripIconProps extends SVGAttributes {
+    /** Unique identifier assigned to the SVG element. */
+    id?: string;
+}

package/lib/components/Splitter/GripVerticalIcon.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;