@mantine-vue/core 3.4.0 → 3.6.0

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

@@ -4,6 +4,14 @@ export interface HoverCardSlots {
     /** `HoverCard.Target` and `HoverCard.Dropdown`. */
     default?: () => VNodeChild;
 }
+export interface HoverCardEvents {
+    /** Opens the dropdown when the target is hovered. @default true */
+    hover?: boolean;
+    /** Opens the dropdown when the target receives keyboard focus. @default true */
+    focus?: boolean;
+    /** Opens the dropdown when the target is tapped. Requires hover activation. @default false */
+    touch?: boolean;
+}
 /** Props declared by `HoverCard` itself. See `HoverCardProps` for the full public type. */
 export interface HoverCardOwnProps {
     /**
@@ -24,6 +32,12 @@ export interface HoverCardOwnProps {
      * @default 150
      */
     closeDelay?: number;
+    /** Events that activate the dropdown. Unspecified fields preserve their defaults. */
+    events?: HoverCardEvents;
+    /** Keeps the dropdown open while the pointer is over it. @default false */
+    interactive?: boolean;
+    /** Accessible relationship used between the target and dropdown. @default 'dialog' */
+    role?: 'dialog' | 'tooltip';
 }
 /** `opened` and `onChange` are owned by `HoverCard`, which drives them from hover. */
 export interface HoverCardProps extends Omit<PopoverProps, 'opened' | 'onChange' | keyof HoverCardOwnProps>, HoverCardOwnProps {

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

@@ -3,7 +3,7 @@ export { HoverCardTarget } from './HoverCardTarget/HoverCardTarget';
 export { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';
 export { HoverCardGroup } from './HoverCardGroup/HoverCardGroup';
 export { useHoverCardContext } from './HoverCard.context';
-export type { HoverCardOwnProps, HoverCardProps, HoverCardSlots } from './HoverCard';
+export type { HoverCardEvents, HoverCardOwnProps, HoverCardProps, HoverCardSlots, } from './HoverCard';
 export type { HoverCardTargetProps } from './HoverCardTarget/HoverCardTarget';
 export type { HoverCardDropdownProps, HoverCardDropdownSlots, } from './HoverCardDropdown/HoverCardDropdown';
 export type { HoverCardGroupProps, HoverCardGroupSlots, HoverCardGroupContextValue, } from './HoverCardGroup/HoverCardGroup';

package/lib/components/HoverCard/use-hover-card.d.ts

@@ -4,9 +4,12 @@ export declare function useHoverCard(settings: {
     defaultOpened?: boolean;
     onOpen?: () => void;
     onClose?: () => void;
+    onDismiss?: () => void;
 }): {
     opened: import("vue").Ref<boolean, boolean>;
     openDropdown: () => void;
     closeDropdown: () => void;
+    closeImmediately: () => void;
+    dismiss: () => void;
     assignTarget: (node: HTMLElement | null) => void;
 };

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

@@ -250,6 +250,10 @@ export interface MenuContextMenuProps {
 }
 /** Props of `Menu.Sub`, a nested menu opened from a `Menu.Sub.Target`. */
 export interface MenuSubProps {
+    /** `Menu.Sub` is always rendered inside its parent dropdown. */
+    withinPortal?: never;
+    /** `Menu.Sub` does not support portal props because it is always rendered inline. */
+    portalProps?: never;
     /** Open state. Controlled when set, bound with `v-model:opened`. */
     opened?: boolean;
     /** Uncontrolled initial open state. */

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

@@ -7,6 +7,8 @@ export interface ModalBaseSlots {
 }
 /** Props declared by `ModalBase` itself. See `ModalBaseProps` for the full public type. */
 export interface ModalBaseOwnProps {
+    /** Internal set used by modal and drawer stacks to handle each Escape event once. */
+    __handledEscapeEvents?: WeakSet<KeyboardEvent>;
     /** Receives the root DOM node. */
     rootRef?: VueRefTarget<Element>;
     /** Open state of the modal. */

package/lib/components/ModalBase/use-modal.d.ts

@@ -5,6 +5,7 @@ export declare function useModal(input: {
     trapFocus: () => boolean;
     closeOnEscape: () => boolean;
     returnFocus: () => boolean;
+    handledEscapeEvents?: WeakSet<KeyboardEvent>;
 }): {
     id: import("vue").ComputedRef<string>;
     titleMounted: import("vue").Ref<boolean, boolean>;

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -1,8 +1,8 @@
 export declare const MultiSelect: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         onRemove?: ((value: any) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onChange?: ((value: any[]) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
         "onOption-submit"?: ((value: any) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
@@ -12,8 +12,8 @@ export declare const MultiSelect: {
         "onMax-values"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         remove: (value: any) => any;
-        clear: () => any;
         change: (value: any[]) => any;
+        clear: () => any;
         "update:modelValue": (value: any[]) => any;
         "option-submit": (value: any) => any;
         "dropdown-open": () => any;
@@ -30,8 +30,8 @@ export declare const MultiSelect: {
         Defaults: {};
     }, Readonly<{}> & Readonly<{
         onRemove?: ((value: any) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onChange?: ((value: any[]) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
         "onOption-submit"?: ((value: any) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
@@ -45,8 +45,8 @@ export declare const MultiSelect: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
     onRemove?: ((value: any) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: any[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
     "onOption-submit"?: ((value: any) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;
@@ -56,8 +56,8 @@ export declare const MultiSelect: {
     "onMax-values"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (value: any) => any;
-    clear: () => any;
     change: (value: any[]) => any;
+    clear: () => any;
     "update:modelValue": (value: any[]) => any;
     "option-submit": (value: any) => any;
     "dropdown-open": () => any;

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

@@ -10,8 +10,8 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (value: any) => any;
-    clear: () => any;
     change: (value: any[]) => any;
+    clear: () => any;
     "update:modelValue": (value: any[]) => any;
     "option-submit": (value: any) => any;
     "dropdown-open": () => any;
@@ -21,8 +21,8 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{}, {}
     "max-values": () => any;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
     onRemove?: ((value: any) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: any[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
     "onOption-submit"?: ((value: any) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;

package/lib/components/NumberInput/number-input-utils.d.ts

@@ -7,7 +7,20 @@ export declare function canStepBigInt(value: bigint | string, allowNegative: boo
 export declare function stripFormatting(value: string, options: NumberFormatterOptions): string;
 export declare function parseNumberInputValue(rawValue: string, allowDecimal: boolean, allowNegative: boolean, allowLeadingZeros: boolean, decimalScale?: number, fixedDecimalScale?: boolean): NumberInputValue;
 export declare function sanitizeNumberInputString(rawValue: string, allowDecimal: boolean, allowNegative: boolean, decimalScale?: number): string;
-export declare function clampAndSanitizeInput(sanitizedValue: string | number, max?: number, min?: number): string | number;
+export declare function sanitizeInputOnBlur(value: string, options: {
+    min?: number;
+    max?: number;
+    trim: boolean;
+    clamp: boolean;
+}): string | number;
+export interface NormalizePastedValueOptions {
+    decimalSeparator: string;
+    thousandSeparator?: string;
+    allowedDecimalSeparators: string[];
+    thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';
+}
+export declare function normalizePastedValue(value: string, options: NormalizePastedValueOptions): string;
+export declare function getCaretPositionAfterPaste(rawValue: string, rawCaret: number, formattedValue: string, decimalSeparator: string): number;
 export declare function isInRange(value: number | undefined, min: number | undefined, max: number | undefined): boolean;
 export declare function isStrictAllowed(value: NumberInputValue, min?: number, max?: number): boolean;
 export declare function restoreInputValue(input: HTMLInputElement, value: string): void;

package/lib/components/PasswordInput/PasswordInputField.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/Popover/Popover.types.d.ts

@@ -104,6 +104,10 @@ export interface PopoverProps {
      * @default true
      */
     closeOnClickOutside?: boolean;
+    /** Events that trigger outside-click detection. @default ['mousedown', 'touchstart'] */
+    clickOutsideEvents?: string[];
+    /** If set, outside-click listeners are registered in the capture phase. @default false */
+    clickOutsideCapture?: boolean;
     /**
      * If set, the dropdown closes when `Escape` is pressed inside it.
      *

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

@@ -15,6 +15,8 @@ declare const defaults: {
     readonly withRoles: true;
     readonly returnFocus: false;
     readonly keepMounted: false;
+    readonly clickOutsideEvents: string[];
+    readonly clickOutsideCapture: false;
     readonly zIndex: number;
     readonly floatingStrategy: "absolute";
     readonly transitionProps: {

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

@@ -1,9 +1,7 @@
 import type { PortalOwnProps, PortalSlots } from './Portal.types';
-type __VLS_Slots = PortalSlots;
-declare const __VLS_base: import("vue").DefineComponent<PortalOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PortalOwnProps> & 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;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<PortalOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PortalOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, PortalSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -8,6 +8,7 @@ export declare const Radio: import("../..").MantineComponent<{
     ref: HTMLDivElement;
     exposed: {
         rootElement: Element | null;
+        inputElement: Element | null;
     };
     element: "div";
     stylesNames: import("./Radio.types").RadioStylesNames;

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

@@ -4,10 +4,10 @@ import type { RadioGroup } from './RadioGroup/RadioGroup';
 import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { Component, VNodeChild } from 'vue';
 import type { BoxMod, BoxProps, MantineColor, MantineNode, MantineRadius, MantineSize, StylesApiProps, Factory } from '../../core';
-export type RadioVariant = 'filled' | 'outline';
+export type RadioVariant = 'filled' | 'outline' | 'light';
 export type RadioStylesNames = 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error' | 'inner' | 'radio' | 'icon';
 export type RadioCssVariables = {
-    root: '--radio-size' | '--radio-radius' | '--radio-color' | '--radio-icon-color' | '--radio-icon-size';
+    root: '--radio-size' | '--radio-radius' | '--radio-color' | '--radio-icon-color' | '--radio-icon-size' | '--radio-bg';
 };
 export interface RadioIconSlotProps {
     /** Class name generated for the `icon` selector. */
@@ -135,6 +135,7 @@ export type RadioFactory = Factory<{
     ref: HTMLDivElement;
     exposed: {
         rootElement: Element | null;
+        inputElement: Element | null;
     };
     element: 'div';
     stylesNames: RadioStylesNames;

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

@@ -21,6 +21,7 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<RadioOwnProps, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
+    inputElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (checked: boolean) => any;
     "update:modelValue": (checked: boolean) => any;

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

@@ -1,6 +1,6 @@
 import type { Component, VNodeChild } from 'vue';
 import type { BoxMod, BoxProps, MantineColor, MantineRadius, MantineSize, StylesApiProps, Factory } from '../../../core';
-export type RadioIndicatorVariant = 'filled' | 'outline';
+export type RadioIndicatorVariant = 'filled' | 'outline' | 'light';
 /** Props declared by `RadioIndicator` itself. See `RadioIndicatorProps` for the full public type. */
 export interface RadioIndicatorOwnProps extends StylesApiProps<RadioIndicatorFactory> {
     /** Receives the root DOM node. */
@@ -57,7 +57,7 @@ export interface RadioIndicatorProps extends Omit<BoxProps, keyof RadioIndicator
 }
 export type RadioIndicatorStylesNames = 'icon' | 'indicator';
 export type RadioIndicatorCssVariables = {
-    indicator: '--radio-size' | '--radio-radius' | '--radio-color' | '--radio-icon-size';
+    indicator: '--radio-size' | '--radio-radius' | '--radio-color' | '--radio-icon-color' | '--radio-icon-size' | '--radio-bg';
 };
 export type RadioIndicatorFactory = Factory<{
     props: Omit<RadioIndicatorProps, 'rootRef'>;

package/lib/components/Select/Select.d.ts

@@ -1,7 +1,7 @@
 export declare const Select: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
-        onClear?: (() => any) | undefined;
         onChange?: ((value: any, option: import("..").ComboboxItem<any> | null) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onOption-submit"?: ((value: any) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
@@ -9,8 +9,8 @@ export declare const Select: {
         "onSearch-change"?: ((value: string) => any) | undefined;
         "onUpdate:searchValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        clear: () => any;
         change: (value: any, option: import("..").ComboboxItem<any> | null) => any;
+        clear: () => any;
         "update:modelValue": (value: any) => any;
         "option-submit": (value: any) => any;
         "dropdown-open": () => any;
@@ -25,8 +25,8 @@ export declare const Select: {
         M: {};
         Defaults: {};
     }, Readonly<{}> & Readonly<{
-        onClear?: (() => any) | undefined;
         onChange?: ((value: any, option: import("..").ComboboxItem<any> | null) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onOption-submit"?: ((value: any) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
@@ -38,8 +38,8 @@ export declare const Select: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
-    onClear?: (() => any) | undefined;
     onChange?: ((value: any, option: import("..").ComboboxItem<any> | null) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onOption-submit"?: ((value: any) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;
@@ -47,8 +47,8 @@ export declare const Select: {
     "onSearch-change"?: ((value: string) => any) | undefined;
     "onUpdate:searchValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     change: (value: any, option: import("..").ComboboxItem<any> | null) => any;
+    clear: () => any;
     "update:modelValue": (value: any) => any;
     "option-submit": (value: any) => any;
     "dropdown-open": () => any;

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

@@ -2,8 +2,8 @@ import { type ComboboxItem } from '../Combobox';
 import type { SelectSlots } from './Select.types';
 type __VLS_Slots = SelectSlots;
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     change: (value: any, option: ComboboxItem<any> | null) => any;
+    clear: () => any;
     "update:modelValue": (value: any) => any;
     "option-submit": (value: any) => any;
     "dropdown-open": () => any;
@@ -11,8 +11,8 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, impo
     "search-change": (value: string) => any;
     "update:searchValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onClear?: (() => any) | undefined;
     onChange?: ((value: any, option: ComboboxItem<any> | null) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onOption-submit"?: ((value: any) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;

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

@@ -1,13 +1,13 @@
 /** 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;
+        onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        mousedown: (event: MouseEvent | TouchEvent) => any;
         blur: (event: FocusEvent) => any;
         focus: (event: FocusEvent) => any;
+        mousedown: (event: MouseEvent | TouchEvent) => any;
     }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -16,21 +16,21 @@ export declare const Thumb: {
         M: {};
         Defaults: {};
     }, Readonly<import("./Thumb.types").SliderThumbOwnProps> & Readonly<{
-        onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
+        onMousedown?: ((event: MouseEvent | TouchEvent) => 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;
+    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    mousedown: (event: MouseEvent | TouchEvent) => any;
     blur: (event: FocusEvent) => any;
     focus: (event: FocusEvent) => any;
+    mousedown: (event: MouseEvent | TouchEvent) => 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;
 });

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

@@ -15,13 +15,13 @@ 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;
+    mousedown: (event: MouseEvent | TouchEvent) => any;
 }, string, import("vue").PublicProps, Readonly<SliderThumbOwnProps> & Readonly<{
-    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onMousedown?: ((event: MouseEvent | TouchEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, SliderThumbSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,3 +1,4 @@
+import { TableScrollContainer } from './TableScrollContainer';
 export { Table } from './Table';
 export type { TableCssVariables, TableData, TableFactory, TableOwnProps, TableProps, TableSlots, TableStylesNames, TableVariant, } from './Table';
 export { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, } from './Table.components';
@@ -5,4 +6,3 @@ export type { TableCaptionProps, TableElementName, TableElementOptions, TableEle
 export { TableDataRenderer } from './TableDataRenderer';
 export { TableScrollContainer };
 export type { TableScrollContainerCssVariables, TableScrollContainerFactory, TableScrollContainerOwnProps, TableScrollContainerProps, TableScrollContainerSlots, TableScrollContainerStylesNames, } from './TableScrollContainer';
-import { TableScrollContainer } from './TableScrollContainer';

package/lib/components/TagsInput/TagsInput.d.ts

@@ -1,8 +1,8 @@
 export declare const TagsInput: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
         onRemove?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onChange?: ((value: string[]) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         "onOption-submit"?: ((value: string) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
@@ -13,8 +13,8 @@ export declare const TagsInput: {
         onDuplicate?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         remove: (value: string) => any;
-        clear: () => any;
         change: (value: string[]) => any;
+        clear: () => any;
         "update:modelValue": (value: string[]) => any;
         "option-submit": (value: string) => any;
         "dropdown-open": () => any;
@@ -32,8 +32,8 @@ export declare const TagsInput: {
         Defaults: {};
     }, Readonly<{}> & Readonly<{
         onRemove?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onChange?: ((value: string[]) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
         "onOption-submit"?: ((value: string) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
@@ -48,8 +48,8 @@ export declare const TagsInput: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
     onRemove?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: string[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     "onOption-submit"?: ((value: string) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;
@@ -60,8 +60,8 @@ export declare const TagsInput: {
     onDuplicate?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (value: string) => any;
-    clear: () => any;
     change: (value: string[]) => any;
+    clear: () => any;
     "update:modelValue": (value: string[]) => any;
     "option-submit": (value: string) => any;
     "dropdown-open": () => any;

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

@@ -2,8 +2,8 @@ import type { TagsInputSlots } from './TagsInput.types';
 type __VLS_Slots = TagsInputSlots;
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (value: string) => any;
-    clear: () => any;
     change: (value: string[]) => any;
+    clear: () => any;
     "update:modelValue": (value: string[]) => any;
     "option-submit": (value: string) => any;
     "dropdown-open": () => any;
@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, impo
     duplicate: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
     onRemove?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: string[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     "onOption-submit"?: ((value: string) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;

package/lib/components/Toggle/Toggle.d.ts

@@ -0,0 +1,15 @@
+export declare const Toggle: import("../..").MantinePolymorphicComponent<{
+    props: Omit<import("./Toggle.types").ToggleProps, "component" | "rootRef">;
+    slots: import("./Toggle.types").ToggleSlots;
+    emits: import("./Toggle.types").ToggleEmits;
+    ref: HTMLButtonElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    defaultComponent: "button";
+    defaultRef: HTMLButtonElement;
+    stylesNames: import("./Toggle.types").ToggleStylesNames;
+    vars: import("./Toggle.types").ToggleCssVariables;
+    variant: import("./Toggle.types").ToggleVariant;
+}, "button">;
+export type * from './Toggle.types';

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

@@ -0,0 +1,55 @@
+import type { VNodeChild } from 'vue';
+import type { VueRefTarget } from '@mantine-vue/hooks';
+import type { BoxProps, MantineColor, MantineElementType, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
+export type ToggleStylesNames = 'root';
+export type ToggleVariant = 'light' | 'filled';
+export type ToggleCssVariables = {
+    root: '--toggle-size' | '--toggle-radius' | '--toggle-active-bg' | '--toggle-active-hover' | '--toggle-active-color';
+};
+export interface ToggleOwnProps extends StylesApiProps<ToggleFactory> {
+    /** Receives the root DOM node. The factory narrows this to the element the selected root renders. */
+    rootRef?: VueRefTarget<Element>;
+    /** Root element or Vue component rendered by the component. @default 'button' */
+    component?: MantineElementType;
+    /** Controlled active state */
+    active?: boolean;
+    /** Uncontrolled default active state */
+    defaultActive?: boolean;
+    /** If set, the toggle is disabled */
+    disabled?: boolean;
+    /** Controls toggle height and min-width, `'md'` by default */
+    size?: MantineSize | (string & {});
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
+    radius?: MantineRadius;
+    /** If set, the toggle width adjusts to content instead of being square, `false` by default */
+    autoWidth?: boolean;
+    /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */
+    color?: MantineColor;
+    /** Determines whether icon color with filled variant should be changed based on the given `color` prop */
+    autoContrast?: boolean;
+    /** Controls visual representation of the component. @default 'filled' */
+    variant?: ToggleVariant;
+}
+export interface ToggleProps extends Omit<BoxProps, keyof ToggleOwnProps>, ToggleOwnProps {
+}
+export interface ToggleSlots {
+    default?: () => VNodeChild;
+}
+export interface ToggleEmits {
+    'update:active': [active: boolean];
+    activeChange: [active: boolean];
+}
+export type ToggleFactory = PolymorphicFactory<{
+    props: Omit<ToggleProps, 'component' | 'rootRef'>;
+    slots: ToggleSlots;
+    emits: ToggleEmits;
+    ref: HTMLButtonElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    defaultComponent: 'button';
+    defaultRef: HTMLButtonElement;
+    stylesNames: ToggleStylesNames;
+    vars: ToggleCssVariables;
+    variant: ToggleVariant;
+}>;

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

@@ -0,0 +1,19 @@
+import type { ToggleOwnProps, ToggleSlots } from './Toggle.types';
+declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export { varsResolver };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ToggleOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:active": (active: boolean) => any;
+    activeChange: (active: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ToggleOwnProps> & Readonly<{
+    "onUpdate:active"?: ((active: boolean) => any) | undefined;
+    onActiveChange?: ((active: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ToggleSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export * from './Toggle';

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

@@ -0,0 +1,12 @@
+export interface ToolbarContextValue {
+    getStyles: (selector: string, options?: Record<string, any>) => any;
+    orientation: 'horizontal' | 'vertical';
+}
+export declare const provideToolbarContext: (value: ToolbarContextValue) => void, useToolbarContext: () => ToolbarContextValue;
+export interface ToolbarToggleGroupContextValue {
+    value: string | string[] | null;
+    type: 'single' | 'multiple';
+    disabled: boolean;
+    onChange: (value: string) => void;
+}
+export declare const provideToolbarToggleGroupContext: (value: ToolbarToggleGroupContextValue) => void, useToolbarToggleGroupContext: () => ToolbarToggleGroupContextValue;

package/lib/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,26 @@
+import ToolbarGroup from './ToolbarGroup.vue';
+import ToolbarToggle from './ToolbarToggle.vue';
+import ToolbarToggleGroup from './ToolbarToggleGroup.vue';
+import ToolbarToggleItem from './ToolbarToggleItem.vue';
+import ToolbarDivider from './ToolbarDivider.vue';
+export { ToolbarGroup, ToolbarToggle, ToolbarToggleGroup, ToolbarToggleItem, ToolbarDivider };
+export declare const Toolbar: import("../..").MantineComponent<{
+    props: Omit<import("./Toolbar.types").ToolbarProps, "rootRef">;
+    slots: import("./Toolbar.types").ToolbarSlots;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    element: "div";
+    stylesNames: import("./Toolbar.types").ToolbarStylesNames;
+    vars: import("./Toolbar.types").ToolbarCssVariables;
+    variant: import("..").ToggleVariant;
+    staticComponents: {
+        Group: typeof ToolbarGroup;
+        Toggle: typeof ToolbarToggle;
+        ToggleGroup: typeof ToolbarToggleGroup;
+        ToggleItem: typeof ToolbarToggleItem;
+        Divider: typeof ToolbarDivider;
+    };
+}>;
+export type * from './Toolbar.types';