@mantine-vue/core 3.5.0 → 3.6.0

package/lib/components/Tour/TourRoot.vue.d.ts

@@ -0,0 +1,26 @@
+import type { TourRootProps } from './Tour.types';
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TourRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+    "update:step": (step: number) => any;
+    stepChange: (step: number) => any;
+    stepOpen: (step: number) => any;
+    stepClose: (step: number) => any;
+}, string, import("vue").PublicProps, Readonly<TourRootProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:step"?: ((step: number) => any) | undefined;
+    onStepChange?: ((step: number) => any) | undefined;
+    onStepOpen?: ((step: number) => any) | undefined;
+    onStepClose?: ((step: number) => any) | undefined;
+}>, {}, {}, {}, {}, 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/Tour/TourStep.vue.d.ts

@@ -0,0 +1,13 @@
+import type { TourStepProps } from './Tour.types';
+type __VLS_Slots = {
+    default?: () => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TourStepProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TourStepProps> & 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/Tour/TourTitle.vue.d.ts

@@ -0,0 +1,13 @@
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/Tour/TourTooltip.vue.d.ts

@@ -0,0 +1,14 @@
+import type { TourTooltipProps } from './Tour.types';
+declare var __VLS_26: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TourTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TourTooltipProps> & 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/Tour/get-overlay-hit-path.d.ts

@@ -0,0 +1,6 @@
+export declare function getOverlayHitPath(rect: {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+} | null, padding: number): string;

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

@@ -0,0 +1,3 @@
+export * from './Tour';
+export { provideTourContext, useTourContext, defaultTourLabels } from './Tour.context';
+export type { TourContextValue } from './Tour.context';

package/lib/components/Tour/is-element-in-view.d.ts

@@ -0,0 +1 @@
+export declare function isElementInView(element: HTMLElement): boolean;

package/lib/components/TreeSelect/TreeSelect.d.ts

@@ -2,8 +2,8 @@ export declare const TreeSelectOption: import("vue").DefineComponent<import("./T
 export declare const TreeSelect: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./TreeSelect.types").TreeSelectProps<any>> & Readonly<{
         onRemove?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onChange?: ((value: any) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
         "onDropdown-close"?: (() => any) | undefined;
@@ -11,8 +11,8 @@ export declare const TreeSelect: {
         "onExpanded-change"?: ((values: string[]) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         remove: (value: string) => any;
-        clear: () => any;
         change: (value: any) => any;
+        clear: () => any;
         "update:modelValue": (value: any) => any;
         "dropdown-open": () => any;
         "dropdown-close": () => any;
@@ -27,8 +27,8 @@ export declare const TreeSelect: {
         Defaults: {};
     }, Readonly<import("./TreeSelect.types").TreeSelectProps<any>> & Readonly<{
         onRemove?: ((value: string) => any) | undefined;
-        onClear?: (() => any) | undefined;
         onChange?: ((value: any) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
         "onDropdown-close"?: (() => any) | undefined;
@@ -40,8 +40,8 @@ export declare const TreeSelect: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./TreeSelect.types").TreeSelectProps<any>> & Readonly<{
     onRemove?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: any) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;
     "onDropdown-close"?: (() => any) | undefined;
@@ -49,8 +49,8 @@ export declare const TreeSelect: {
     "onExpanded-change"?: ((values: string[]) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (value: string) => any;
-    clear: () => any;
     change: (value: any) => any;
+    clear: () => any;
     "update:modelValue": (value: any) => any;
     "dropdown-open": () => any;
     "dropdown-close": () => any;
@@ -72,4 +72,4 @@ export declare const TreeSelect: {
     };
 };
 export type { TreeSelectOptionProps } from './TreeSelectOption.vue';
-export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectSlots, TreeSelectValue, } from './TreeSelect.types';
+export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectRenderPillPayload, TreeSelectSlots, TreeSelectValue, } from './TreeSelect.types';

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

@@ -15,6 +15,18 @@ export interface TreeSelectRenderNodePayload {
     indeterminate: boolean;
     expand: (event?: Event) => void;
 }
+export interface TreeSelectRenderPillPayload {
+    /** Node associated with the pill. A placeholder node is used when the value is missing from data. */
+    node: TreeNodeData;
+    /** Selected value represented by the pill. */
+    value: string;
+    /** Removes the value from the selection. */
+    onRemove: () => void;
+    /** Value of the disabled prop passed to the component. */
+    disabled?: boolean;
+    /** Value of the readOnly prop passed to the component. */
+    readOnly?: boolean;
+}
 export interface TreeSelectChevronAriaLabels {
     expand?: string;
     collapse?: string;
@@ -109,6 +121,8 @@ export interface TreeSelectProps<Mode extends TreeSelectMode = 'single'> {
     maxDisplayedValuesContent?: VNodeChild | ((overflowCount: number) => VNodeChild);
     /** Custom markup for a tree row. */
     renderNode?: (payload: TreeSelectRenderNodePayload) => VNodeChild;
+    /** Custom pill rendering in multiple and checkbox modes. */
+    renderPill?: (payload: TreeSelectRenderPillPayload) => VNodeChild;
     /**
      * If set, connector lines between a node and its children are rendered.
      *
@@ -159,6 +173,7 @@ export interface TreeSelectSlots {
     leftSection?: () => VNodeChild;
     rightSection?: () => VNodeChild;
     renderNode?: (payload: TreeSelectRenderNodePayload) => VNodeChild;
+    renderPill?: (payload: TreeSelectRenderPillPayload) => VNodeChild;
     nothingFound?: () => VNodeChild;
     nothingFoundMessage?: () => VNodeChild;
 }

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

@@ -3,8 +3,8 @@ type __VLS_Props = TreeSelectProps<any>;
 type __VLS_Slots = TreeSelectSlots;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     remove: (value: string) => any;
-    clear: () => any;
     change: (value: any) => any;
+    clear: () => any;
     "update:modelValue": (value: any) => any;
     "dropdown-open": () => any;
     "dropdown-close": () => any;
@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "expanded-change": (values: string[]) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onRemove?: ((value: string) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onChange?: ((value: any) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;
     "onDropdown-close"?: (() => any) | undefined;

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

@@ -1,2 +1,2 @@
 export { TreeSelect, TreeSelectOption } from './TreeSelect';
-export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectOptionProps, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectSlots, TreeSelectValue, } from './TreeSelect';
+export type { CheckedStrategy, TreeSelectChevronAriaLabels, TreeSelectMode, TreeSelectOptionProps, TreeSelectProps, TreeSelectRenderNodePayload, TreeSelectRenderPillPayload, TreeSelectSlots, TreeSelectValue, } from './TreeSelect';

package/lib/components/index.d.ts

@@ -101,6 +101,9 @@ export * from './Drawer';
 export * from './Popover';
 export * from './Tooltip';
 export * from './HoverCard';
+export * from './Toggle';
+export * from './Toolbar';
+export * from './Tour';
 export * from './Menu';
 export * from './Menubar';
 export * from './Combobox';

package/lib/core/Box/Box.d.ts

@@ -91,7 +91,7 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** Opacity */
     opacity: PropType<import("./style-props").StyleProp<import("csstype").Property.Opacity | undefined>>;
     /** FontFamily */
-    ff: PropType<import("./style-props").StyleProp<"text" | (string & {}) | "monospace" | "headings" | "mono" | "heading"> | undefined>;
+    ff: PropType<import("./style-props").StyleProp<"text" | (string & {}) | "headings" | "monospace" | "mono" | "heading"> | undefined>;
     /** FontSize, theme key: theme.fontSizes */
     fz: PropType<import("./style-props").StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | import("..").MantineFontSize> | undefined>;
     /** FontWeight */
@@ -218,7 +218,7 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** Opacity */
     opacity: PropType<import("./style-props").StyleProp<import("csstype").Property.Opacity | undefined>>;
     /** FontFamily */
-    ff: PropType<import("./style-props").StyleProp<"text" | (string & {}) | "monospace" | "headings" | "mono" | "heading"> | undefined>;
+    ff: PropType<import("./style-props").StyleProp<"text" | (string & {}) | "headings" | "monospace" | "mono" | "heading"> | undefined>;
     /** FontSize, theme key: theme.fontSizes */
     fz: PropType<import("./style-props").StyleProp<number | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | import("..").MantineFontSize> | undefined>;
     /** FontWeight */
@@ -277,8 +277,8 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    rootRef: VueRefTarget<Element>;
-    component: string | Component;
     lightHidden: boolean;
     darkHidden: boolean;
+    rootRef: VueRefTarget<Element>;
+    component: string | Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/core/MantineProvider/Mantine.context.d.ts

@@ -29,7 +29,7 @@ export declare function useMantineClassNamesPrefix(): string;
 export declare function useMantineStyleNonce(): (() => string | undefined) | undefined;
 export declare function useMantineWithStaticClasses(): boolean;
 export declare function useMantineIsHeadless(): boolean | undefined;
-export declare function useMantineEnv(): "test" | "default";
+export declare function useMantineEnv(): "default" | "test";
 export declare function useMantineDeduplicateInlineStyles(): boolean;
 export declare function createProviderColorScheme(defaultColorScheme: MantineColorScheme): {
     colorScheme: Ref<MantineColorScheme, MantineColorScheme>;
@@ -46,4 +46,4 @@ export declare function useMantineColorScheme(): {
 export interface UseComputedColorSchemeOptions {
     getInitialValueInEffect?: boolean;
 }
-export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseComputedColorSchemeOptions): ComputedRef<"dark" | "light">;
+export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseComputedColorSchemeOptions): ComputedRef<"light" | "dark">;

package/lib/core/MantineProvider/MantineProvider.d.ts

@@ -157,19 +157,19 @@ export declare const MantineProvider: import("vue").DefineComponent<import("vue"
         colors?: {
             [x: string & {}]: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             dark?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            gray?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            red?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            pink?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            grape?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            violet?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            indigo?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             blue?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             cyan?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            gray?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             green?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            indigo?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             lime?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            yellow?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             orange?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            pink?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            red?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             teal?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            violet?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            yellow?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            grape?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
         } | undefined;
         primaryShade?: import("./theme.types").MantineColorShade | {
             light?: import("./theme.types").MantineColorShade | undefined;
@@ -184,7 +184,7 @@ export declare const MantineProvider: import("vue").DefineComponent<import("vue"
         headings?: {
             fontFamily?: string | undefined;
             fontWeight?: string | undefined;
-            textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
+            textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
             sizes?: {
                 h1?: {
                     fontSize?: string | undefined;
@@ -357,7 +357,7 @@ export declare const MantineProvider: import("vue").DefineComponent<import("vue"
         } | undefined;
     };
     defaultColorScheme: MantineColorScheme;
-    forceColorScheme: "dark" | "light";
+    forceColorScheme: "light" | "dark";
     cssVariablesSelector: string;
     withCssVariables: boolean;
     deduplicateCssVariables: boolean;
@@ -369,7 +369,7 @@ export declare const MantineProvider: import("vue").DefineComponent<import("vue"
     withGlobalClasses: boolean;
     stylesTransform: MantineStylesTransform;
     deduplicateInlineStyles: boolean;
-    env: "test" | "default";
+    env: "default" | "test";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const HeadlessMantineProvider: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     theme: {
@@ -401,19 +401,19 @@ export declare const HeadlessMantineProvider: import("vue").DefineComponent<impo
         colors?: {
             [x: string & {}]: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             dark?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            gray?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            red?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            pink?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            grape?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            violet?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            indigo?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             blue?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             cyan?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            gray?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             green?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            indigo?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             lime?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            yellow?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             orange?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            pink?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            red?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             teal?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            violet?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            yellow?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            grape?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
         } | undefined;
         primaryShade?: import("./theme.types").MantineColorShade | {
             light?: import("./theme.types").MantineColorShade | undefined;
@@ -428,7 +428,7 @@ export declare const HeadlessMantineProvider: import("vue").DefineComponent<impo
         headings?: {
             fontFamily?: string | undefined;
             fontWeight?: string | undefined;
-            textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
+            textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
             sizes?: {
                 h1?: {
                     fontSize?: string | undefined;
@@ -600,7 +600,7 @@ export declare const HeadlessMantineProvider: import("vue").DefineComponent<impo
             [x: string]: any;
         } | undefined;
     };
-    env: "test" | "default";
+    env: "default" | "test";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export declare const MantineCssVariables: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;

package/lib/core/MantineProvider/MantineThemeProvider.d.ts

@@ -23,7 +23,6 @@ export declare const MantineThemeProvider: import("vue").DefineComponent<import(
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    inherit: boolean;
     theme: {
         focusRing?: "auto" | "always" | "never" | undefined;
         scale?: number | undefined;
@@ -33,19 +32,19 @@ export declare const MantineThemeProvider: import("vue").DefineComponent<import(
         colors?: {
             [x: string & {}]: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             dark?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            gray?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            red?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            pink?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            grape?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            violet?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            indigo?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             blue?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             cyan?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            gray?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             green?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            indigo?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             lime?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
+            yellow?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             orange?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            pink?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            red?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
             teal?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            violet?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            yellow?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
-            grape?: readonly [(string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, (string | undefined)?, ...(string | undefined)[]] | undefined;
         } | undefined;
         primaryShade?: import("./theme.types").MantineColorShade | {
             light?: import("./theme.types").MantineColorShade | undefined;
@@ -60,7 +59,7 @@ export declare const MantineThemeProvider: import("vue").DefineComponent<import(
         headings?: {
             fontFamily?: string | undefined;
             fontWeight?: string | undefined;
-            textWrap?: "balance" | "nowrap" | "wrap" | "stable" | "pretty" | undefined;
+            textWrap?: "wrap" | "nowrap" | "balance" | "pretty" | "stable" | undefined;
             sizes?: {
                 h1?: {
                     fontSize?: string | undefined;
@@ -232,4 +231,5 @@ export declare const MantineThemeProvider: import("vue").DefineComponent<import(
             [x: string]: any;
         } | undefined;
     };
+    inherit: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/core/styles-api/styles-api.types.d.ts

@@ -64,6 +64,8 @@ export interface UseStylesInput<Payload = any> {
     classes?: Record<string, string>;
     props?: Record<string, any>;
     stylesCtx?: Record<string, any>;
+    /** Reactive attributes proxy returned by `useAttrs`. */
+    attrs?: Record<string, any>;
     className?: any;
     style?: CSSProperties | CSSProperties[];
     classNames?: LegacyClassNames<Payload>;

package/lib/core/utils/extract-style-props.d.ts

@@ -0,0 +1,14 @@
+import { type MantineStyleProps } from '../Box/style-props';
+/**
+ * Splits `attrs` into style props (`mt`, `ml`, `bg`, ...) and the rest. Use this before
+ * forwarding fallthrough attrs to an inner element, so style props reach the component's
+ * root instead of landing on the inner element they were never meant for.
+ *
+ * @example
+ * const { styleProps, rest } = extractStyleProps(attrs)
+ * // styleProps go on the root, rest (minus handlers) goes on the inner <input>
+ */
+export declare function extractStyleProps<T extends Record<string, unknown>>(attrs: MantineStyleProps & T): {
+    styleProps: MantineStyleProps;
+    rest: T;
+};

package/lib/core/utils/index.d.ts

@@ -1,6 +1,7 @@
 import { type InjectionKey } from 'vue';
 export * from '@mantine-vue/utils';
 export * from './create-scoped-keydown-handler';
+export * from './extract-style-props';
 export * from './omit-attrs';
 export declare function createSafeInjectionContext<T>(errorMessage: string): readonly [(value: T) => void, () => T & ({} | undefined), InjectionKey<T>];
 export declare const createSafeContext: typeof createSafeInjectionContext;

package/lib/utils/InlineInput/InlineInput.d.ts

@@ -139,8 +139,8 @@ export declare const InlineInput: import("vue").DefineComponent<import("vue").Ex
     description: any;
     error: any;
     size: string | number;
-    mod: any;
     variant: string;
+    mod: any;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     unstyled: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine-vue/core",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "description": "Vue component foundation architecturally equivalent to @mantine/core",
   "license": "MIT",
   "files": [
@@ -54,8 +54,8 @@
     "vue": "^3.5.0"
   },
   "peerDependencies": {
-    "@mantine-vue/hooks": "3.5.0",
-    "@mantine-vue/utils": "3.5.0",
+    "@mantine-vue/hooks": "3.6.0",
+    "@mantine-vue/utils": "3.6.0",
     "vue": "^3.5.0"
   }
 }