@mantine-vue/core 3.5.0 → 3.7.0

package/lib/components/Accordion/Accordion.d.ts

@@ -31,13 +31,13 @@ export declare const Accordion: {
     classes: Record<string, string>;
     varsResolver: (theme: import("../../index.js").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
     Item: import("../../index.js").MantineComponent<{
-        props: Omit<import("./index.js").AccordionItemProps, "rootRef">;
+        props: import("./index.js").AccordionItemProps;
         ref: HTMLDivElement;
         slots: import("./index.js").AccordionItemSlots;
         element: "div";
     }>;
     Panel: import("../../index.js").MantineComponent<{
-        props: Omit<import("./index.js").AccordionPanelProps, "rootRef">;
+        props: import("./index.js").AccordionPanelProps;
         slots: import("./index.js").AccordionPanelSlots;
         ref: HTMLDivElement;
         exposed: {
@@ -48,7 +48,7 @@ export declare const Accordion: {
         compound: true;
     }>;
     Control: import("../../index.js").MantineComponent<{
-        props: Omit<import("./index.js").AccordionControlProps, "rootRef">;
+        props: import("./index.js").AccordionControlProps;
         ref: HTMLButtonElement;
         slots: import("./index.js").AccordionControlSlots;
         element: "button";

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

@@ -1,5 +1,4 @@
 import type { AccordionOwnProps, AccordionSlots } from './Accordion.types';
-import type { VNodeChild } from 'vue';
 declare const VALUE_ERROR = "Accordion.Item component was rendered with invalid value or without value";
 declare const defaultProps: {
     readonly multiple: false;
@@ -18,9 +17,7 @@ declare const defaultProps: {
 declare function getSafeId(prefix: string): (value: string) => string;
 /** Module scope: created once, not per component instance. */
 declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
-/** The default slot may be a function or already-rendered children. */
-declare function renderContent(content: any): VNodeChild;
-export { VALUE_ERROR, defaultProps, getSafeId, varsResolver, renderContent };
+export { VALUE_ERROR, defaultProps, getSafeId, varsResolver };
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AccordionOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts

@@ -1,5 +1,5 @@
 export declare const AccordionControl: import("../../..").MantineComponent<{
-    props: Omit<import("./AccordionControl.types").AccordionControlProps, "rootRef">;
+    props: import("./AccordionControl.types").AccordionControlProps;
     ref: HTMLButtonElement;
     slots: import("./AccordionControl.types").AccordionControlSlots;
     element: "button";

package/lib/components/Accordion/AccordionControl/AccordionControl.types.d.ts

@@ -14,8 +14,6 @@ export interface AccordionControlSlots {
  * See `AccordionControlProps` for the full public type.
  */
 export interface AccordionControlOwnProps extends StylesApiProps<AccordionControlFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Sets the `disabled` attribute, prevents interactions.
      *
@@ -38,10 +36,9 @@ export interface AccordionControlOwnProps extends StylesApiProps<AccordionContro
 export interface AccordionControlProps extends Omit<BoxProps, keyof AccordionControlOwnProps>, AccordionControlOwnProps {
 }
 export type AccordionControlFactory = Factory<{
-    props: Omit<AccordionControlProps, 'rootRef'>;
+    props: AccordionControlProps;
     ref: HTMLButtonElement;
     slots: AccordionControlSlots;
     element: 'button';
     stylesNames: AccordionControlStylesNames;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Accordion/AccordionControl/AccordionControl.vue.d.ts

@@ -1,3 +1,4 @@
+import type { RootRefProps } from '../../../core';
 import type { AccordionControlOwnProps, AccordionControlSlots } from './AccordionControl.types';
 import type { SetupContext, VNodeChild } from 'vue';
 /**
@@ -12,12 +13,12 @@ declare const PassThrough: {
 export { PassThrough };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AccordionControlOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AccordionControlOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;
     keydown: (args_0: KeyboardEvent) => any;
-}, string, import("vue").PublicProps, Readonly<AccordionControlOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<AccordionControlOwnProps & RootRefProps<Element>> & Readonly<{
     onClick?: ((args_0: MouseEvent) => any) | undefined;
     onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AccordionControlSlots>;

package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,5 +1,5 @@
 export declare const AccordionItem: import("../../..").MantineComponent<{
-    props: Omit<import("./AccordionItem.types").AccordionItemProps, "rootRef">;
+    props: import("./AccordionItem.types").AccordionItemProps;
     ref: HTMLDivElement;
     slots: import("./AccordionItem.types").AccordionItemSlots;
     element: "div";

package/lib/components/Accordion/AccordionItem/AccordionItem.types.d.ts

@@ -7,8 +7,6 @@ export interface AccordionItemSlots {
 }
 /** Props declared by `AccordionItem` itself. See `AccordionItemProps` for the full public type. */
 export interface AccordionItemOwnProps extends StylesApiProps<AccordionItemFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Value that is used to manage the accordion state. */
     value: string;
     /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
@@ -17,9 +15,8 @@ export interface AccordionItemOwnProps extends StylesApiProps<AccordionItemFacto
 export interface AccordionItemProps extends Omit<BoxProps, keyof AccordionItemOwnProps>, AccordionItemOwnProps {
 }
 export type AccordionItemFactory = Factory<{
-    props: Omit<AccordionItemProps, 'rootRef'>;
+    props: AccordionItemProps;
     ref: HTMLDivElement;
     slots: AccordionItemSlots;
     element: 'div';
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/Accordion/AccordionItem/AccordionItem.vue.d.ts

@@ -1,8 +1,10 @@
+import type { RootRefProps } from '../../../core';
 import type { AccordionItemOwnProps, AccordionItemSlots } from './AccordionItem.types';
+type __VLS_Props = AccordionItemOwnProps & RootRefProps<Element>;
 type __VLS_Slots = AccordionItemSlots;
-declare const __VLS_base: import("vue").DefineComponent<AccordionItemOwnProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionItemOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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;

package/lib/components/Accordion/AccordionPanel/AccordionPanel.d.ts

@@ -1,5 +1,5 @@
 export declare const AccordionPanel: import("../../..").MantineComponent<{
-    props: Omit<import("./AccordionPanel.types").AccordionPanelProps, "rootRef">;
+    props: import("./AccordionPanel.types").AccordionPanelProps;
     slots: import("./AccordionPanel.types").AccordionPanelSlots;
     ref: HTMLDivElement;
     exposed: {

package/lib/components/Accordion/AccordionPanel/AccordionPanel.types.d.ts

@@ -1,11 +1,8 @@
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { VNodeChild } from 'vue';
 import type { BoxProps, StylesApiProps, Factory } from '../../../core';
 export type AccordionPanelStylesNames = 'panel' | 'content';
 /** Props declared by `AccordionPanel` itself. See `AccordionPanelProps` for the full public type. */
 export interface AccordionPanelOwnProps {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** If set, overrides the Accordion-level `keepMounted` value. When undefined (default), uses Accordion's `keepMounted` setting. */
     keepMounted?: boolean;
     /** Class names applied to Accordion panel elements. */
@@ -20,7 +17,7 @@ export interface AccordionPanelSlots {
 export interface AccordionPanelProps extends Omit<BoxProps, keyof AccordionPanelOwnProps>, AccordionPanelOwnProps {
 }
 export type AccordionPanelFactory = Factory<{
-    props: Omit<AccordionPanelProps, 'rootRef'>;
+    props: AccordionPanelProps;
     slots: AccordionPanelSlots;
     ref: HTMLDivElement;
     exposed: {

package/lib/components/Accordion/AccordionPanel/AccordionPanel.vue.d.ts

@@ -1,11 +1,13 @@
+import type { RootRefProps } from '../../../core';
 import type { AccordionPanelOwnProps, AccordionPanelSlots } from './AccordionPanel.types';
+type __VLS_Props = AccordionPanelOwnProps & RootRefProps<Element>;
 type __VLS_Slots = AccordionPanelSlots;
-declare const __VLS_base: import("vue").DefineComponent<AccordionPanelOwnProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "transition-end": () => any;
     "transition-start": () => any;
-}, string, import("vue").PublicProps, Readonly<AccordionPanelOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onTransition-end"?: (() => any) | undefined;
     "onTransition-start"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,7 +1,7 @@
 import { ActionBarCloseButton } from './ActionBarCloseButton/ActionBarCloseButton';
 import { ActionBarDivider } from './ActionBarDivider/ActionBarDivider';
 export declare const ActionBar: import("../..").MantineComponent<{
-    props: Omit<import("./ActionBar.types").ActionBarProps, "rootRef">;
+    props: import("./ActionBar.types").ActionBarProps;
     ref: HTMLDivElement;
     slots: import("./ActionBar.types").ActionBarSlots;
     emits: import("./ActionBar.types").ActionBarEmits;

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

@@ -1,14 +1,12 @@
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { VNodeChild } from 'vue';
 import type { BoxProps, Factory, MantineRadius, MantineShadow, MantineSpacing, StylesApiProps } from '../../core';
 import type { AffixPosition } from '../Affix';
+import type { PortalProps } from '../Portal';
 import type { TransitionOverride } from '../Transition';
 import type { ActionBarCloseButton } from './ActionBarCloseButton/ActionBarCloseButton';
 import type { ActionBarDivider } from './ActionBarDivider/ActionBarDivider';
 export type ActionBarStylesNames = 'root' | 'divider' | 'closeButton';
 export interface ActionBarOwnProps extends StylesApiProps<ActionBarFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Controls visibility. */
     opened: boolean;
     /** Props passed to the transition. @default { transition: 'pop', duration: 200 } */
@@ -30,7 +28,7 @@ export interface ActionBarOwnProps extends StylesApiProps<ActionBarFactory> {
     /** Determines whether the action bar is rendered in a portal. @default true */
     withinPortal?: boolean;
     /** Props passed to the portal. */
-    portalProps?: Record<string, any>;
+    portalProps?: PortalProps;
     /** Closes the action bar when Escape is pressed. @default false */
     closeOnEscape?: boolean;
     /** Keeps the root node mounted with `display: none` when closed. @default false */
@@ -46,7 +44,7 @@ export interface ActionBarEmits {
     'update:opened': [opened: boolean];
 }
 export type ActionBarFactory = Factory<{
-    props: Omit<ActionBarProps, 'rootRef'>;
+    props: ActionBarProps;
     ref: HTMLDivElement;
     slots: ActionBarSlots;
     emits: ActionBarEmits;

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

@@ -1,8 +1,7 @@
+import type { RootRefProps } from '../../core';
 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;
@@ -19,12 +18,12 @@ declare const defaultProps: {
 export { defaultProps };
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ActionBarOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ActionBarOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
     "update:opened": (opened: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<ActionBarOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<ActionBarOwnProps & RootRefProps<Element>> & Readonly<{
     onClose?: (() => any) | undefined;
     "onUpdate:opened"?: ((opened: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ActionBarSlots>;

package/lib/components/ActionIcon/ActionIcon.d.ts

@@ -1,7 +1,7 @@
 import { ActionIconGroup } from './ActionIconGroup/ActionIconGroup';
 import { ActionIconGroupSection } from './ActionIconGroupSection/ActionIconGroupSection';
 export declare const ActionIcon: import("../..").MantinePolymorphicComponent<{
-    props: Omit<import("./ActionIcon.types").ActionIconProps, "component" | "rootRef">;
+    props: Omit<import("./ActionIcon.types").ActionIconProps, "component">;
     slots: import("./ActionIcon.types").ActionIconSlots;
     ref: HTMLButtonElement;
     exposed: {

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

@@ -1,13 +1,11 @@
 import type { VNodeChild } from 'vue';
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, StylesApiProps, PolymorphicFactory, MantineElementType } from '../../core';
+import type { LoaderProps } from '../Loader';
 import type { ActionIconGroup } from './ActionIconGroup/ActionIconGroup';
 import type { ActionIconGroupSection } from './ActionIconGroupSection/ActionIconGroupSection';
 export type ActionIconVariant = 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'subtle' | 'default' | 'gradient';
 /** Props declared by `ActionIcon` itself. See `ActionIconProps` for the full public type. */
 export interface ActionIconOwnProps extends StylesApiProps<ActionIconProps> {
-    /** Receives the root DOM node. The factory narrows this to the element the selected root renders. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Root element or component rendered by `ActionIcon`.
      *
@@ -21,7 +19,7 @@ export interface ActionIconOwnProps extends StylesApiProps<ActionIconProps> {
      */
     loading?: boolean;
     /** Props passed down to the `Loader` component. Ignored when `loading` prop is not set. */
-    loaderProps?: Record<string, any>;
+    loaderProps?: LoaderProps;
     /**
      * Controls width and height of the button. Numbers are converted to rem.
      *
@@ -74,7 +72,7 @@ export type ActionIconCssVariables = {
 };
 /** Public contract of `ActionIcon`. `component` and `rootRef` come from the factory. */
 export type ActionIconFactory = PolymorphicFactory<{
-    props: Omit<ActionIconProps, 'component' | 'rootRef'>;
+    props: Omit<ActionIconProps, 'component'>;
     slots: ActionIconSlots;
     ref: HTMLButtonElement;
     exposed: {

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

@@ -1,10 +1,11 @@
+import type { RootRefProps } from '../../core';
 import type { ActionIconOwnProps, ActionIconSlots } from './ActionIcon.types';
 export declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ActionIconOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ActionIconOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ActionIconSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ActionIconSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts

@@ -1,5 +1,5 @@
 export declare const ActionIconGroup: import("../../..").MantineComponent<{
-    props: Omit<import("./ActionIconGroup.types").ActionIconGroupProps, "rootRef">;
+    props: import("./ActionIconGroup.types").ActionIconGroupProps;
     ref: HTMLDivElement;
     slots: import("./ActionIconGroup.types").ActionIconGroupSlots;
     element: "div";

package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.types.d.ts

@@ -2,8 +2,6 @@ import type { VNodeChild } from 'vue';
 import type { BoxProps, StylesApiProps, Factory } from '../../../core';
 /** Props declared by `ActionIconGroup` itself. See `ActionIconGroupProps` for the full public type. */
 export interface ActionIconGroupOwnProps extends StylesApiProps<ActionIconGroupFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Group orientation
      *
@@ -28,11 +26,10 @@ export type ActionIconGroupCssVariables = {
     group: '--ai-border-width';
 };
 export type ActionIconGroupFactory = Factory<{
-    props: Omit<ActionIconGroupProps, 'rootRef'>;
+    props: ActionIconGroupProps;
     ref: HTMLDivElement;
     slots: ActionIconGroupSlots;
     element: 'div';
     stylesNames: ActionIconGroupStylesNames;
     vars: ActionIconGroupCssVariables;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.vue.d.ts

@@ -1,11 +1,12 @@
+import type { RootRefProps } from '../../../core';
 import type { ActionIconGroupOwnProps, ActionIconGroupSlots } from './ActionIconGroup.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<ActionIconGroupOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ActionIconGroupOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconGroupOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ActionIconGroupSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconGroupOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ActionIconGroupSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.d.ts

@@ -1,5 +1,5 @@
 export declare const ActionIconGroupSection: import("../../..").MantineComponent<{
-    props: Omit<import("./ActionIconGroupSection.types").ActionIconGroupSectionProps, "rootRef">;
+    props: import("./ActionIconGroupSection.types").ActionIconGroupSectionProps;
     ref: HTMLDivElement;
     slots: import("./ActionIconGroupSection.types").ActionIconGroupSectionSlots;
     element: "div";

package/lib/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.types.d.ts

@@ -7,8 +7,6 @@ export type ActionIconGroupSectionCssVariables = {
 };
 /** Props declared by `ActionIconGroupSection` itself. See `ActionIconGroupSectionProps` for the full public type. */
 export interface ActionIconGroupSectionOwnProps extends StylesApiProps<ActionIconGroupSectionFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /** Controls section `height`, `font-size` and horizontal `padding`. @default 'sm' */
     size?: MantineSize | (string & {}) | number;
     /** Key of `theme.colors` or any valid CSS color. @default theme.primaryColor */
@@ -29,11 +27,10 @@ export interface ActionIconGroupSectionSlots {
     default?: () => VNodeChild;
 }
 export type ActionIconGroupSectionFactory = Factory<{
-    props: Omit<ActionIconGroupSectionProps, 'rootRef'>;
+    props: ActionIconGroupSectionProps;
     ref: HTMLDivElement;
     slots: ActionIconGroupSectionSlots;
     element: 'div';
     stylesNames: ActionIconGroupSectionStylesNames;
     vars: ActionIconGroupSectionCssVariables;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

package/lib/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.vue.d.ts

@@ -1,11 +1,12 @@
+import type { RootRefProps } from '../../../core';
 import type { ActionIconGroupSectionOwnProps, ActionIconGroupSectionSlots } from './ActionIconGroupSection.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<ActionIconGroupSectionOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ActionIconGroupSectionOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconGroupSectionOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ActionIconGroupSectionSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionIconGroupSectionOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, ActionIconGroupSectionSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/Affix/Affix.d.ts

@@ -1,5 +1,5 @@
 export declare const Affix: import("../..").MantineComponent<{
-    props: Omit<import("./Affix.types").AffixProps, "rootRef">;
+    props: import("./Affix.types").AffixProps;
     slots: import("./Affix.types").AffixSlots;
     ref: HTMLDivElement;
     exposed: {

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

@@ -1,6 +1,6 @@
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { VNodeChild } from 'vue';
 import type { BoxProps, StylesApiProps, Factory } from '../../core';
+import type { PortalProps } from '../Portal';
 export type AffixStylesNames = 'root';
 export type AffixCssVariables = {
     root: '--affix-z-index' | '--affix-top' | '--affix-left' | '--affix-bottom' | '--affix-right';
@@ -13,8 +13,6 @@ export interface AffixPosition {
 }
 /** Props declared by `Affix` itself. See `AffixProps` for the full public type. */
 export interface AffixOwnProps extends StylesApiProps<AffixFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Root element `z-index` property
      *
@@ -28,7 +26,7 @@ export interface AffixOwnProps extends StylesApiProps<AffixFactory> {
      */
     withinPortal?: boolean;
     /** Props passed down to the `Portal` component. Ignored when `withinPortal` is `false`. */
-    portalProps?: Record<string, any>;
+    portalProps?: PortalProps;
     /**
      * Affix position on screen
      *
@@ -43,7 +41,7 @@ export interface AffixSlots {
     default?: () => VNodeChild;
 }
 export type AffixFactory = Factory<{
-    props: Omit<AffixProps, 'rootRef'>;
+    props: AffixProps;
     slots: AffixSlots;
     ref: HTMLDivElement;
     exposed: {

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

@@ -1,11 +1,12 @@
+import type { RootRefProps } from '../../core';
 import type { AffixOwnProps, AffixSlots } from './Affix.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<AffixOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AffixOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AffixOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AffixSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AffixOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AffixSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/lib/components/Alert/Alert.d.ts

@@ -1,5 +1,5 @@
 export declare const Alert: import("../..").MantineComponent<{
-    props: Omit<import("./Alert.types").AlertProps, "rootRef">;
+    props: import("./Alert.types").AlertProps;
     ref: HTMLDivElement;
     slots: import("./Alert.types").AlertSlots;
     element: "div";

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

@@ -15,8 +15,6 @@ export interface AlertSlots {
 }
 /** Props declared by `Alert` itself. See `AlertProps` for the full public type. */
 export interface AlertOwnProps extends StylesApiProps<AlertFactory> {
-    /** Receives the root DOM node. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Id used to connect the root element with its title and message through
      * `aria-labelledby` and `aria-describedby`. Generated automatically when not set.
@@ -68,7 +66,7 @@ export interface AlertOwnProps extends StylesApiProps<AlertFactory> {
 export interface AlertProps extends Omit<BoxProps, keyof AlertOwnProps>, AlertOwnProps {
 }
 export type AlertFactory = Factory<{
-    props: Omit<AlertProps, 'rootRef'>;
+    props: AlertProps;
     ref: HTMLDivElement;
     slots: AlertSlots;
     element: 'div';
@@ -76,4 +74,3 @@ export type AlertFactory = Factory<{
     vars: AlertCssVariables;
     variant: AlertVariant;
 }>;
-import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -1,14 +1,15 @@
+import type { RootRefProps } from '../../core';
 import type { AlertOwnProps, AlertSlots } from './Alert.types';
 /** Module scope: created once, not per component instance. */
 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<AlertOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AlertOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
-}, string, import("vue").PublicProps, Readonly<AlertOwnProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<AlertOwnProps & RootRefProps<Element>> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AlertSlots>;
 type __VLS_WithSlots<T, S> = T & {

package/lib/components/Anchor/Anchor.d.ts

@@ -1,5 +1,5 @@
 export declare const Anchor: import("../..").MantinePolymorphicComponent<{
-    props: Omit<import("./Anchor.types").AnchorProps, "component" | "rootRef">;
+    props: Omit<import("./Anchor.types").AnchorProps, "component">;
     slots: import("./Anchor.types").AnchorSlots;
     ref: HTMLAnchorElement;
     exposed: {

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

@@ -1,13 +1,10 @@
 import type { VNodeChild } from 'vue';
-import type { VueRefTarget } from '@mantine-vue/hooks';
 import type { TextCssVariables, TextStylesNames } from '../Text';
 import type { BoxProps, StylesApiProps, PolymorphicFactory, MantineElementType } from '../../core';
 import type { TextVariant } from '../Text/Text';
 export type AnchorVariant = TextVariant;
 /** Props declared by `Anchor` itself. See `AnchorProps` for the full public type. */
 export interface AnchorOwnProps extends StylesApiProps<AnchorProps> {
-    /** Receives the root DOM node. The factory narrows this to the element the selected root renders. */
-    rootRef?: VueRefTarget<Element>;
     /**
      * Root element or component rendered by `Anchor`.
      *
@@ -33,7 +30,7 @@ export type AnchorStylesNames = TextStylesNames;
 export type AnchorCssVariables = TextCssVariables;
 /** Public contract of `Anchor`. `component` and `rootRef` come from the factory. */
 export type AnchorFactory = PolymorphicFactory<{
-    props: Omit<AnchorProps, 'component' | 'rootRef'>;
+    props: Omit<AnchorProps, 'component'>;
     slots: AnchorSlots;
     ref: HTMLAnchorElement;
     exposed: {

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

@@ -1,9 +1,10 @@
+import type { RootRefProps } from '../../core';
 import type { AnchorOwnProps, AnchorSlots } from './Anchor.types';
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AnchorOwnProps, {
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AnchorOwnProps & RootRefProps<Element>, {
     rootElement: import("vue").Ref<Element | null, Element | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AnchorOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AnchorSlots>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AnchorOwnProps & RootRefProps<Element>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AnchorSlots>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,4 +1,4 @@
-import type { VNodeChild } from 'vue';
+import type { InputHTMLAttributes, VNodeChild } from 'vue';
 import type { BoxProps, StylesApiProps, Factory } from '../../core';
 export type AngleSliderStylesNames = 'root' | 'thumb' | 'label' | 'marks' | 'mark';
 export type AngleSliderCssVariables = {
@@ -49,7 +49,7 @@ export interface AngleSliderOwnProps extends StylesApiProps<AngleSliderFactory>
      */
     restrictToMarks?: boolean;
     /** Props passed down to the hidden input. */
-    hiddenInputProps?: Record<string, any>;
+    hiddenInputProps?: InputHTMLAttributes;
     /** `name` of the hidden input, used when the slider is part of a form. */
     name?: string;
 }

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.d.ts

@@ -6,7 +6,7 @@ import { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
 import { AppShellSection } from './AppShellSection/AppShellSection';
 export type AppShellStylesNames = 'root' | 'navbar' | 'main' | 'header' | 'footer' | 'aside' | 'section';
 export declare const AppShell: import("../..").MantineComponent<{
-    props: Omit<import("./AppShell.types").AppShellProps, "rootRef">;
+    props: import("./AppShell.types").AppShellProps;
     ref: HTMLDivElement;
     slots: import("./AppShell.types").AppShellSlots;
     element: "div";