@mantine-vue/core 3.5.0 → 3.6.0

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

@@ -1,8 +1,6 @@
 import type { ActionBarOwnProps, ActionBarSlots } from './ActionBar.types';
 declare const defaultProps: {
     readonly withBorder: true;
-    readonly py: "xs";
-    readonly px: "sm";
     readonly position: {
         readonly bottom: 30;
         readonly left: 0;

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

@@ -1,3 +1,5 @@
+import type { Ref } from 'vue';
+import type { AppShellResizeController, AppShellResizeSection } from './AppShell.types';
 export interface AppShellContextValue {
     getStyles: (selector: string, options?: any) => any;
     withBorder?: boolean;
@@ -5,5 +7,8 @@ export interface AppShellContextValue {
     disabled?: boolean;
     offsetScrollbars?: boolean;
     mode: 'fixed' | 'static';
+    resize?: AppShellResizeController;
+    rootRef: Ref<Element | null>;
+    resizeOffsets: Partial<Record<AppShellResizeSection, boolean>>;
 }
 export declare const provideAppShellContext: (value: AppShellContextValue) => void, useAppShellContext: () => AppShellContextValue;

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

@@ -47,6 +47,46 @@ export interface AppShellCompoundProps {
     withBorder?: boolean;
     zIndex?: string | number;
 }
+export type AppShellResizeSection = 'navbar' | 'aside' | 'header' | 'footer';
+export type AppShellResizeSizes = Partial<Record<AppShellResizeSection, number>>;
+export interface AppShellResizeSectionOptions {
+    min?: number;
+    max?: number;
+    collapseThreshold?: number;
+    label?: string;
+}
+export interface AppShellResizeSectionController {
+    enabled: boolean;
+    size: number | undefined;
+    active: boolean;
+    setSize: (size: number) => void;
+    reset: () => void;
+}
+export interface AppShellResizeController {
+    navbar: AppShellResizeSectionController;
+    aside: AppShellResizeSectionController;
+    header: AppShellResizeSectionController;
+    footer: AppShellResizeSectionController;
+    sizes: AppShellResizeSizes;
+    resetAll: () => void;
+    options: Partial<Record<AppShellResizeSection, AppShellResizeSectionOptions>>;
+    activeSection: AppShellResizeSection | null;
+    startResize: (section: AppShellResizeSection) => void;
+    previewResize: (section: AppShellResizeSection, size: number) => void;
+    endResize: (section: AppShellResizeSection, size: number | null) => void;
+    initCollapse: (section: AppShellResizeSection, collapsed: boolean) => void;
+    reportCollapse: (section: AppShellResizeSection, collapsed: boolean) => void;
+}
+export interface UseAppShellResizeInput {
+    navbar?: AppShellResizeSectionOptions;
+    aside?: AppShellResizeSectionOptions;
+    header?: AppShellResizeSectionOptions;
+    footer?: AppShellResizeSectionOptions;
+    initialSizes?: AppShellResizeSizes;
+    onResize?: (sizes: AppShellResizeSizes) => void;
+    onResizeEnd?: (sizes: AppShellResizeSizes) => void;
+    onCollapseChange?: (section: AppShellResizeSection, collapsed: boolean) => void;
+}
 /** Slots of `AppShell`. */
 export interface AppShellSlots {
     /** `AppShell.Header`, `AppShell.Navbar`, `AppShell.Main` and the other sections. */
@@ -120,14 +160,16 @@ export interface AppShellOwnProps extends StylesApiProps<AppShellFactory> {
      * @default 'fixed'
      */
     mode?: AppShellMode;
+    /** `useAppShellResize` composable instance, enables resizing configured sections. */
+    resize?: AppShellResizeController;
     /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
     mod?: BoxMod;
 }
 export interface AppShellProps extends Omit<BoxProps, keyof AppShellOwnProps>, AppShellOwnProps {
 }
-export type AppShellStylesNames = 'root';
+export type AppShellStylesNames = 'root' | 'navbar' | 'main' | 'header' | 'footer' | 'aside' | 'section' | 'resizeHandle';
 export type AppShellCssVariables = {
-    root: '--app-shell-transition-duration';
+    root: '--app-shell-transition-duration' | '--app-shell-transition-timing-function' | '--app-shell-resize-handle-size';
 };
 export type AppShellFactory = Factory<{
     props: Omit<AppShellProps, 'rootRef'>;

package/lib/components/AppShell/AppShellAside/AppShellAside.d.ts

@@ -23,8 +23,8 @@ export declare const AppShellAside: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -59,8 +59,8 @@ export declare const AppShellAside: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -92,8 +92,8 @@ export declare const AppShellAside: {
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    mod: any;
     zIndex: string | number;
+    mod: any;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     withBorder: boolean;

package/lib/components/AppShell/AppShellFooter/AppShellFooter.d.ts

@@ -23,8 +23,8 @@ export declare const AppShellFooter: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -59,8 +59,8 @@ export declare const AppShellFooter: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -92,8 +92,8 @@ export declare const AppShellFooter: {
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    mod: any;
     zIndex: string | number;
+    mod: any;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     withBorder: boolean;

package/lib/components/AppShell/AppShellHeader/AppShellHeader.d.ts

@@ -23,8 +23,8 @@ export declare const AppShellHeader: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -59,8 +59,8 @@ export declare const AppShellHeader: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -92,8 +92,8 @@ export declare const AppShellHeader: {
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    mod: any;
     zIndex: string | number;
+    mod: any;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     withBorder: boolean;

package/lib/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import type { AppShellAsideConfiguration, AppShellFooterConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellResponsiveSize, AppShellSize } from '../AppShell.types';
+import type { AppShellAsideConfiguration, AppShellFooterConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellResponsiveSize, AppShellSize, AppShellResizeSection, AppShellResizeSizes } from '../AppShell.types';
 export declare const AppShellMediaStyles: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     navbar: PropType<AppShellNavbarConfiguration>;
     aside: PropType<AppShellAsideConfiguration>;
@@ -11,6 +11,10 @@ export declare const AppShellMediaStyles: import("vue").DefineComponent<import("
         required: true;
     };
     selector: StringConstructor;
+    resize: PropType<{
+        sizes: AppShellResizeSizes;
+        enabled: Partial<Record<AppShellResizeSection, 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<{
@@ -24,4 +28,8 @@ export declare const AppShellMediaStyles: import("vue").DefineComponent<import("
         required: true;
     };
     selector: StringConstructor;
+    resize: PropType<{
+        sizes: AppShellResizeSizes;
+        enabled: Partial<Record<AppShellResizeSection, boolean>>;
+    }>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/AppShell/AppShellMediaStyles/get-variables.d.ts

@@ -1,8 +1,8 @@
 import { type MantineTheme } from '../../../core';
-import type { AppShellAsideConfiguration, AppShellFooterConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellResponsiveSize, AppShellSize } from '../AppShell.types';
+import type { AppShellAsideConfiguration, AppShellFooterConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellResponsiveSize, AppShellSize, AppShellResizeSection, AppShellResizeSizes } from '../AppShell.types';
 export type CSSVariables = Record<`--${string}`, string | undefined>;
 export type MediaQueryVariables = Record<string, CSSVariables>;
-export declare function getVariables({ navbar, aside, header, footer, padding, theme, mode, }: {
+export declare function getVariables({ navbar, aside, header, footer, padding, theme, mode, resize, }: {
     navbar?: AppShellNavbarConfiguration;
     aside?: AppShellAsideConfiguration;
     header?: AppShellHeaderConfiguration;
@@ -10,6 +10,10 @@ export declare function getVariables({ navbar, aside, header, footer, padding, t
     padding?: AppShellSize | AppShellResponsiveSize;
     theme: MantineTheme;
     mode: 'fixed' | 'static';
+    resize?: {
+        sizes: AppShellResizeSizes;
+        enabled: Partial<Record<AppShellResizeSection, boolean>>;
+    };
 }): {
     baseStyles: CSSVariables;
     media: {

package/lib/components/AppShell/AppShellNavbar/AppShellNavbar.d.ts

@@ -23,8 +23,8 @@ export declare const AppShellNavbar: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -59,8 +59,8 @@ export declare const AppShellNavbar: {
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -92,8 +92,8 @@ export declare const AppShellNavbar: {
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    mod: any;
     zIndex: string | number;
+    mod: any;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     withBorder: boolean;

package/lib/components/AppShell/AppShellResizeHandle/AppShellResizeHandle.d.ts

@@ -0,0 +1,23 @@
+import { type PropType } from 'vue';
+import type { AppShellResizeSection } from '../AppShell.types';
+export declare const AppShellResizeHandle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    section: {
+        type: PropType<AppShellResizeSection>;
+        required: true;
+    };
+    sectionId: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => 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<{
+    section: {
+        type: PropType<AppShellResizeSection>;
+        required: true;
+    };
+    sectionId: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/AppShell/create-app-shell-component.d.ts

@@ -24,8 +24,8 @@ export declare function createAppShellComponent(name: string, selector: 'header'
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -60,8 +60,8 @@ export declare function createAppShellComponent(name: string, selector: 'header'
     }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null, {}, {}, {}, {
-        mod: any;
         zIndex: string | number;
+        mod: any;
         classNames: Function | Record<string, any>;
         styles: Function | Record<string, any>;
         withBorder: boolean;
@@ -93,8 +93,8 @@ export declare function createAppShellComponent(name: string, selector: 'header'
 }>> & Readonly<{}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-    mod: any;
     zIndex: string | number;
+    mod: any;
     classNames: Function | Record<string, any>;
     styles: Function | Record<string, any>;
     withBorder: boolean;

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

@@ -9,6 +9,8 @@ export { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
 export { AppShellSection } from './AppShellSection/AppShellSection';
 export type { AppShellSectionOwnProps, AppShellSectionProps, AppShellSectionSlots, } from './AppShellSection/AppShellSection';
 export { useAppShellContext } from './AppShell.context';
+export { useAppShellResize } from './use-app-shell-resize/use-app-shell-resize';
+export type { UseAppShellResizeOptions } from './use-app-shell-resize/use-app-shell-resize';
 export type { AppShellContextValue } from './AppShell.context';
 export type * from './AppShell.types';
 export { getVariables as getAppShellVariables } from './AppShellMediaStyles/get-variables';

package/lib/components/AppShell/use-app-shell-resize/clamp-resize-size.d.ts

@@ -0,0 +1,7 @@
+export declare function clampResizeSize({ size, min, max, viewportMax, }: {
+    size: number;
+    min: number | undefined;
+    max: number | undefined;
+    viewportMax: number;
+}): number;
+export declare function getCollapseState(size: number, collapseThreshold: number | undefined): boolean;

package/lib/components/AppShell/use-app-shell-resize/resize-section-config.d.ts

@@ -0,0 +1,18 @@
+import type { AppShellResizeSection } from '../AppShell.types';
+export interface ResizeSectionConfig {
+    axis: 'horizontal' | 'vertical';
+    orientation: 'vertical' | 'horizontal';
+    sizeVariable: string;
+    offsetVariable: string;
+    gridWidthVariable?: string;
+    safeAreaVariable?: string;
+    sign: 1 | -1;
+}
+export declare const RESIZE_SECTIONS: Record<AppShellResizeSection, ResizeSectionConfig>;
+export declare const RESIZE_SECTION_NAMES: AppShellResizeSection[];
+export declare function getResizeDelta({ section, deltaX, deltaY, dir, }: {
+    section: AppShellResizeSection;
+    deltaX: number;
+    deltaY: number;
+    dir: 'ltr' | 'rtl';
+}): number;

package/lib/components/AppShell/use-app-shell-resize/use-app-shell-resize.d.ts

@@ -0,0 +1,6 @@
+import { type MaybeRefOrGetter } from 'vue';
+import type { AppShellResizeController, UseAppShellResizeInput } from '../AppShell.types';
+export type UseAppShellResizeOptions = {
+    [Key in keyof UseAppShellResizeInput]?: MaybeRefOrGetter<UseAppShellResizeInput[Key]>;
+};
+export declare function useAppShellResize(input?: UseAppShellResizeOptions): AppShellResizeController;

package/lib/components/AppShell/use-resizing/use-resizing.d.ts

@@ -2,4 +2,5 @@ import { type MaybeRefOrGetter } from 'vue';
 export declare function useResizing(input: {
     transitionDuration: MaybeRefOrGetter<number>;
     disabled: MaybeRefOrGetter<boolean>;
+    resizeKey?: MaybeRefOrGetter<string | undefined>;
 }): import("vue").Ref<boolean, boolean>;

package/lib/components/Autocomplete/Autocomplete.d.ts

@@ -1,14 +1,14 @@
 export declare const Autocomplete: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./Autocomplete.types").AutocompleteOwnProps> & Readonly<{
-        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;
         "onDropdown-close"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        clear: () => any;
         change: (value: string) => any;
+        clear: () => any;
         "update:modelValue": (value: string) => any;
         "option-submit": (value: string) => any;
         "dropdown-open": () => any;
@@ -21,8 +21,8 @@ export declare const Autocomplete: {
         M: {};
         Defaults: {};
     }, Readonly<import("./Autocomplete.types").AutocompleteOwnProps> & Readonly<{
-        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;
@@ -32,15 +32,15 @@ export declare const Autocomplete: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("./Autocomplete.types").AutocompleteOwnProps> & Readonly<{
-    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;
     "onDropdown-close"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     change: (value: string) => any;
+    clear: () => any;
     "update:modelValue": (value: string) => any;
     "option-submit": (value: string) => any;
     "dropdown-open": () => any;

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

@@ -1,15 +1,15 @@
 import type { AutocompleteOwnProps, AutocompleteSlots } from './Autocomplete.types';
 type __VLS_Slots = AutocompleteSlots;
 declare const __VLS_base: import("vue").DefineComponent<AutocompleteOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     change: (value: string) => any;
+    clear: () => any;
     "update:modelValue": (value: string) => any;
     "option-submit": (value: string) => any;
     "dropdown-open": () => any;
     "dropdown-close": () => any;
 }, string, import("vue").PublicProps, Readonly<AutocompleteOwnProps> & Readonly<{
-    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/Avatar/Avatar.types.d.ts

@@ -1,4 +1,4 @@
-import type { VNodeChild } from 'vue';
+import type { ImgHTMLAttributes, VNodeChild } from 'vue';
 import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { BoxMod, BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, StylesApiProps, PolymorphicFactory, MantineElementType } from '../../core';
 import type { AvatarGroup } from './AvatarGroup/AvatarGroup';
@@ -42,7 +42,7 @@ export interface AvatarOwnProps extends StylesApiProps<AvatarProps> {
     /** Image `alt` attribute, also used as `title` attribute for placeholder */
     alt?: string;
     /** Attributes passed down to `img` element */
-    imageProps?: Record<string, any>;
+    imageProps?: ImgHTMLAttributes;
     /** If set, adjusts text color based on background color for `filled` variant */
     autoContrast?: boolean;
     /** Name of the user. When `src` is not set, used to display initials and to generate color when `color="initials"` is set. */

package/lib/components/Cascader/Cascader.d.ts

@@ -1,15 +1,15 @@
 export declare const Cascader: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{
-        onClear?: (() => any) | undefined;
         onChange?: ((value: string[] | null, options: import("./Cascader.types").CascaderOption[]) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
         "onDropdown-close"?: (() => any) | undefined;
         "onSearch-change"?: ((value: string) => any) | undefined;
         "onUpdate:searchValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        clear: () => any;
         change: (value: string[] | null, options: import("./Cascader.types").CascaderOption[]) => any;
+        clear: () => any;
         "update:modelValue": (value: string[] | null) => any;
         "dropdown-open": () => any;
         "dropdown-close": () => any;
@@ -23,8 +23,8 @@ export declare const Cascader: {
         M: {};
         Defaults: {};
     }, Readonly<{}> & Readonly<{
-        onClear?: (() => any) | undefined;
         onChange?: ((value: string[] | null, options: import("./Cascader.types").CascaderOption[]) => any) | undefined;
+        onClear?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
         "onDropdown-open"?: (() => any) | undefined;
         "onDropdown-close"?: (() => any) | undefined;
@@ -35,16 +35,16 @@ export declare const Cascader: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{
-    onClear?: (() => any) | undefined;
     onChange?: ((value: string[] | null, options: import("./Cascader.types").CascaderOption[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;
     "onDropdown-close"?: (() => any) | undefined;
     "onSearch-change"?: ((value: string) => any) | undefined;
     "onUpdate:searchValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     change: (value: string[] | null, options: import("./Cascader.types").CascaderOption[]) => any;
+    clear: () => any;
     "update:modelValue": (value: string[] | null) => any;
     "dropdown-open": () => any;
     "dropdown-close": () => any;

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

@@ -1,16 +1,16 @@
 import type { CascaderOption, CascaderSlots } from './Cascader.types';
 type __VLS_Slots = CascaderSlots;
 declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    clear: () => any;
     change: (value: string[] | null, options: CascaderOption[]) => any;
+    clear: () => any;
     "update:modelValue": (value: string[] | null) => any;
     "dropdown-open": () => any;
     "dropdown-close": () => any;
     "search-change": (value: string) => any;
     "update:searchValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onClear?: (() => any) | undefined;
     onChange?: ((value: string[] | null, options: CascaderOption[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[] | null) => any) | undefined;
     "onDropdown-open"?: (() => any) | undefined;
     "onDropdown-close"?: (() => any) | undefined;

package/lib/components/Checkbox/Checkbox.d.ts

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

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

@@ -4,10 +4,10 @@ import type { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
 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 CheckboxVariant = 'filled' | 'outline';
+export type CheckboxVariant = 'filled' | 'outline' | 'light';
 export type CheckboxStylesNames = 'icon' | 'inner' | 'input' | 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
 export type CheckboxCssVariables = {
-    root: '--checkbox-size' | '--checkbox-radius' | '--checkbox-color' | '--checkbox-icon-color';
+    root: '--checkbox-size' | '--checkbox-radius' | '--checkbox-color' | '--checkbox-icon-color' | '--checkbox-bg';
 };
 export interface CheckboxIconSlotProps {
     /** Whether the checkbox is in the indeterminate state. */
@@ -143,6 +143,7 @@ export type CheckboxFactory = Factory<{
     ref: HTMLDivElement;
     exposed: {
         rootElement: Element | null;
+        inputElement: Element | null;
     };
     element: 'div';
     stylesNames: CheckboxStylesNames;

package/lib/components/Checkbox/Checkbox.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<CheckboxOwnProps, {
     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/Checkbox/CheckboxIndicator/CheckboxIndicator.types.d.ts

@@ -1,6 +1,6 @@
 import type { VNodeChild } from 'vue';
 import type { BoxMod, BoxProps, MantineColor, MantineRadius, MantineSize, StylesApiProps, Factory } from '../../../core';
-export type CheckboxIndicatorVariant = 'filled' | 'outline';
+export type CheckboxIndicatorVariant = 'filled' | 'outline' | 'light';
 /** Props declared by `CheckboxIndicator` itself. See `CheckboxIndicatorProps` for the full public type. */
 export interface CheckboxIndicatorOwnProps extends StylesApiProps<CheckboxIndicatorFactory> {
     /** Receives the root DOM node. */
@@ -64,7 +64,7 @@ export interface CheckboxIndicatorProps extends Omit<BoxProps, keyof CheckboxInd
 }
 export type CheckboxIndicatorStylesNames = 'icon' | 'indicator';
 export type CheckboxIndicatorCssVariables = {
-    indicator: '--checkbox-size' | '--checkbox-radius' | '--checkbox-color' | '--checkbox-icon-color';
+    indicator: '--checkbox-size' | '--checkbox-radius' | '--checkbox-color' | '--checkbox-icon-color' | '--checkbox-bg';
 };
 export type CheckboxIndicatorFactory = Factory<{
     props: Omit<CheckboxIndicatorProps, 'rootRef'>;

package/lib/components/Combobox/get-combobox-label-id.d.ts

@@ -0,0 +1,9 @@
+import type { InputWrapperOrderPart } from '../Input/InputWrapper/get-input-offsets/get-input-offsets';
+interface GetComboboxLabelIdInput {
+    id: string;
+    label: unknown;
+    labelProps?: Record<string, any>;
+    inputWrapperOrder?: InputWrapperOrderPart[];
+}
+export declare function getComboboxLabelId({ id, label, labelProps, inputWrapperOrder, }: GetComboboxLabelIdInput): any;
+export {};

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

@@ -2,5 +2,17 @@ export interface HoverCardContextValue {
     openDropdown: () => void;
     closeDropdown: () => void;
     assignTarget: (node: HTMLElement | null) => void;
+    opened: boolean;
+    events: {
+        hover: boolean;
+        focus: boolean;
+        touch: boolean;
+    };
+    interactive: boolean;
+    role: 'dialog' | 'tooltip';
+    withRoles: boolean;
+    dropdownId: string;
+    closeImmediately: () => void;
+    dismiss: () => void;
 }
 export declare const provideHoverCardContext: (value: HoverCardContextValue) => void, useHoverCardContext: () => HoverCardContextValue;

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

@@ -77,4 +77,4 @@ export declare const HoverCard: {
         $slots: import("./index.js").HoverCardGroupSlots;
     });
 };
-export type { HoverCardOwnProps, HoverCardProps, HoverCardSlots } from './HoverCard.types';
+export type { HoverCardEvents, HoverCardOwnProps, HoverCardProps, HoverCardSlots, } from './HoverCard.types';