@mantine-vue/core 1.1.1

package/lib/components/NumberFormatter/NumberFormatter.d.ts

@@ -0,0 +1,100 @@
+import { type PropType } from 'vue';
+export type ThousandsGroupStyle = 'thousand' | 'lakh' | 'wan' | 'none';
+export interface NumberFormatterOptions {
+    allowNegative?: boolean;
+    decimalScale?: number;
+    decimalSeparator?: string;
+    fixedDecimalScale?: boolean;
+    prefix?: string;
+    suffix?: string;
+    thousandsGroupStyle?: ThousandsGroupStyle;
+    thousandSeparator?: string | boolean;
+}
+export declare function formatNumber(value: number | string | bigint, options?: NumberFormatterOptions): string;
+export declare const NumberFormatter: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<string | number | bigint | undefined>;
+        default: undefined;
+    };
+    allowNegative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    decimalScale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    decimalSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    fixedDecimalScale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    suffix: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    thousandsGroupStyle: {
+        type: PropType<ThousandsGroupStyle>;
+        default: string;
+    };
+    thousandSeparator: {
+        type: PropType<string | boolean>;
+        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<{
+    value: {
+        type: PropType<string | number | bigint | undefined>;
+        default: undefined;
+    };
+    allowNegative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    decimalScale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    decimalSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    fixedDecimalScale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    suffix: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    thousandsGroupStyle: {
+        type: PropType<ThousandsGroupStyle>;
+        default: string;
+    };
+    thousandSeparator: {
+        type: PropType<string | boolean>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    value: string | number | bigint | undefined;
+    decimalScale: number;
+    fixedDecimalScale: boolean;
+    prefix: string;
+    suffix: string;
+    decimalSeparator: string;
+    thousandSeparator: string | boolean;
+    allowNegative: boolean;
+    thousandsGroupStyle: ThousandsGroupStyle;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,2 @@
+export { NumberFormatter, formatNumber } from './NumberFormatter';
+export type { NumberFormatterOptions, ThousandsGroupStyle } from './NumberFormatter';

package/lib/components/NumberInput/NumberInput.d.ts

@@ -0,0 +1,437 @@
+import { type PropType } from 'vue';
+import { type ThousandsGroupStyle } from '../NumberFormatter';
+export interface NumberInputHandlers {
+    increment: () => void;
+    decrement: () => void;
+}
+export type NumberInputValue = number | string | bigint;
+export type NumberInputStylesNames = 'controls' | 'control' | 'input' | 'wrapper' | 'section' | 'bottomSection' | 'root';
+export declare const NumberInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<NumberInputValue | undefined>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<NumberInputValue | undefined>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: NumberInputValue) => void>;
+        default: undefined;
+    };
+    onValueChange: {
+        type: PropType<(payload: {
+            floatValue?: number;
+            formattedValue: string;
+            value: string;
+        }, event: {
+            source: string;
+        }) => void>;
+        default: undefined;
+    };
+    allowLeadingZeros: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowNegative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowedDecimalSeparators: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    decimalScale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    decimalSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    fixedDecimalScale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    suffix: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    thousandsGroupStyle: {
+        type: PropType<ThousandsGroupStyle>;
+        default: string;
+    };
+    thousandSeparator: {
+        type: PropType<string | boolean>;
+        default: undefined;
+    };
+    min: {
+        type: PropType<number | bigint | undefined>;
+        default: undefined;
+    };
+    max: {
+        type: PropType<number | bigint | undefined>;
+        default: undefined;
+    };
+    step: {
+        type: PropType<number | bigint>;
+        default: number;
+    };
+    hideControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clampBehavior: {
+        type: PropType<"strict" | "blur" | "none">;
+        default: string;
+    };
+    allowDecimal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    handlersRef: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    stepHoldDelay: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    stepHoldInterval: {
+        type: PropType<number | ((t: number) => number)>;
+        default: undefined;
+    };
+    startValue: {
+        type: PropType<number | bigint>;
+        default: number;
+    };
+    withKeyboardEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trimLeadingZeroesOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectAllOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onMinReached: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onMaxReached: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rightSection: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    rightSectionWidth: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    rightSectionPointerEvents: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    description: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    error: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withAsterisk: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    wrapperProps: {
+        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<NumberInputValue | undefined>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<NumberInputValue | undefined>;
+        default: undefined;
+    };
+    onChange: {
+        type: PropType<(value: NumberInputValue) => void>;
+        default: undefined;
+    };
+    onValueChange: {
+        type: PropType<(payload: {
+            floatValue?: number;
+            formattedValue: string;
+            value: string;
+        }, event: {
+            source: string;
+        }) => void>;
+        default: undefined;
+    };
+    allowLeadingZeros: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowNegative: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    allowedDecimalSeparators: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+    decimalScale: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    decimalSeparator: {
+        type: StringConstructor;
+        default: string;
+    };
+    fixedDecimalScale: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    prefix: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    suffix: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    thousandsGroupStyle: {
+        type: PropType<ThousandsGroupStyle>;
+        default: string;
+    };
+    thousandSeparator: {
+        type: PropType<string | boolean>;
+        default: undefined;
+    };
+    min: {
+        type: PropType<number | bigint | undefined>;
+        default: undefined;
+    };
+    max: {
+        type: PropType<number | bigint | undefined>;
+        default: undefined;
+    };
+    step: {
+        type: PropType<number | bigint>;
+        default: number;
+    };
+    hideControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clampBehavior: {
+        type: PropType<"strict" | "blur" | "none">;
+        default: string;
+    };
+    allowDecimal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    handlersRef: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    stepHoldDelay: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    stepHoldInterval: {
+        type: PropType<number | ((t: number) => number)>;
+        default: undefined;
+    };
+    startValue: {
+        type: PropType<number | bigint>;
+        default: number;
+    };
+    withKeyboardEvents: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trimLeadingZeroesOnBlur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectAllOnFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onMinReached: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onMaxReached: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    rightSection: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    rightSectionWidth: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    rightSectionPointerEvents: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    label: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    description: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    error: {
+        type: PropType<any>;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withAsterisk: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    wrapperProps: {
+        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 | bigint | undefined;
+    error: any;
+    onChange: (value: NumberInputValue) => void;
+    label: any;
+    value: NumberInputValue | undefined;
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    required: boolean;
+    description: any;
+    disabled: boolean;
+    defaultValue: NumberInputValue | undefined;
+    startValue: number | bigint;
+    step: number | bigint;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    rightSection: any;
+    min: number | bigint | undefined;
+    decimalScale: number;
+    fixedDecimalScale: boolean;
+    prefix: string;
+    suffix: string;
+    decimalSeparator: string;
+    thousandSeparator: string | boolean;
+    withAsterisk: boolean;
+    rightSectionWidth: string | number;
+    rightSectionPointerEvents: string;
+    wrapperProps: Record<string, any>;
+    readOnly: boolean;
+    allowNegative: boolean;
+    thousandsGroupStyle: ThousandsGroupStyle;
+    onValueChange: (payload: {
+        floatValue?: number;
+        formattedValue: string;
+        value: string;
+    }, event: {
+        source: string;
+    }) => void;
+    allowLeadingZeros: boolean;
+    allowedDecimalSeparators: string[];
+    hideControls: boolean;
+    clampBehavior: "none" | "blur" | "strict";
+    allowDecimal: boolean;
+    handlersRef: any;
+    stepHoldDelay: number;
+    stepHoldInterval: number | ((t: number) => number);
+    withKeyboardEvents: boolean;
+    trimLeadingZeroesOnBlur: boolean;
+    selectAllOnFocus: boolean;
+    onMinReached: () => void;
+    onMaxReached: () => void;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/NumberInput/NumberInputChevron.d.ts

@@ -0,0 +1,14 @@
+import { type PropType } from 'vue';
+export declare const NumberInputChevron: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    direction: {
+        type: PropType<"up" | "down">;
+        required: true;
+    };
+}>, () => 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<{
+    direction: {
+        type: PropType<"up" | "down">;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,3 @@
+export { NumberInput } from './NumberInput';
+export type { NumberInputHandlers, NumberInputStylesNames, NumberInputValue } from './NumberInput';
+export { NumberInputChevron } from './NumberInputChevron';

package/lib/components/OverflowList/OverflowList.d.ts

@@ -0,0 +1,113 @@
+import { type PropType, type VNode } from 'vue';
+export type OverflowListStylesNames = 'root';
+export declare const OverflowList: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<any[]>;
+        required: true;
+    };
+    renderItem: {
+        type: PropType<(item: any, index: number) => any>;
+        required: true;
+    };
+    renderOverflow: {
+        type: PropType<(items: any[]) => any>;
+        required: true;
+    };
+    maxRows: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxVisibleItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    gap: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    collapseFrom: {
+        type: PropType<"start" | "end">;
+        default: string;
+    };
+    getItemKey: {
+        type: PropType<(item: any, index: number) => PropertyKey>;
+        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;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<any[]>;
+        required: true;
+    };
+    renderItem: {
+        type: PropType<(item: any, index: number) => any>;
+        required: true;
+    };
+    renderOverflow: {
+        type: PropType<(items: any[]) => any>;
+        required: true;
+    };
+    maxRows: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    maxVisibleItems: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    gap: {
+        type: PropType<string | number>;
+        default: undefined;
+    };
+    collapseFrom: {
+        type: PropType<"start" | "end">;
+        default: string;
+    };
+    getItemKey: {
+        type: PropType<(item: any, index: number) => PropertyKey>;
+        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<{}>, {
+    classNames: Function | Record<string, any>;
+    styles: Function | Record<string, any>;
+    gap: string | number;
+    vars: Function | Record<string, any>;
+    unstyled: boolean;
+    maxRows: number;
+    maxVisibleItems: number;
+    collapseFrom: "start" | "end";
+    getItemKey: (item: any, index: number) => PropertyKey;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/components/OverflowList/get-row-position-data.d.ts

@@ -0,0 +1,11 @@
+interface NodePosition {
+    elements: Set<HTMLElement>;
+    bottom: number;
+    top: number;
+}
+export declare function getRowPositionsData(container: HTMLElement | null, overflow: HTMLElement | null): {
+    itemsSizesMap: Record<number, NodePosition>;
+    rowPositions: number[];
+    children: HTMLElement[];
+} | null;
+export {};

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

@@ -0,0 +1,2 @@
+export { OverflowList } from './OverflowList';
+export type { OverflowListStylesNames } from './OverflowList';

package/lib/components/OverflowList/use-dimensions.d.ts

@@ -0,0 +1,18 @@
+import { type Ref } from 'vue';
+export interface ResizeObserverDimensions {
+    width: number;
+    height: number;
+    contentWidth: number;
+    contentHeight: number;
+}
+export declare function useDimensions(element: Ref<any>): Ref<{
+    width: number;
+    height: number;
+    contentWidth: number;
+    contentHeight: number;
+} | null, ResizeObserverDimensions | {
+    width: number;
+    height: number;
+    contentWidth: number;
+    contentHeight: number;
+} | null>;