@mantine-vue/core 3.0.0 → 3.2.0

package/lib/components/TreeSelect/tree-select-utils.d.ts

@@ -0,0 +1,32 @@
+import type { TreeNodeData } from '../Tree';
+import type { CheckedStrategy } from './TreeSelect.types';
+/**
+ * Layout constants and pure tree helpers for `TreeSelect`.
+ *
+ * Kept apart from the components: the flattening, filtering and checked-state rules are
+ * independent of Vue and are shared by the field and the option rows.
+ */
+/** Horizontal indent added per nesting level, in px. */
+export declare const LEVEL_OFFSET = 20;
+/** Padding of a root level option, in px. */
+export declare const BASE_PADDING = 8;
+/** Gap between the connector lines and the option content, in px. */
+export declare const LINE_CONTENT_GAP = 5;
+/** Space a leaf reserves where a parent would show its chevron, in px. */
+export declare const OPTION_GAP = 6;
+export interface FlatNode {
+    node: TreeNodeData;
+    level: number;
+    parent: string | null;
+    hasChildren: boolean;
+    expanded: boolean;
+    isLastChild: boolean;
+    lineGuides: boolean[];
+}
+export declare function flattenTo(acc: FlatNode[], data: TreeNodeData[], expandedSet: Set<string>, parent: string | null, level: number, parentGuides: boolean[]): void;
+export declare function flattenVisible(data: TreeNodeData[], expandedSet: Set<string>): FlatNode[];
+export declare function allValues(data: TreeNodeData[]): string[];
+export declare function leafValues(node: TreeNodeData): string[];
+export declare function filterData(data: TreeNodeData[], query: string, filter?: (query: string, node: TreeNodeData) => boolean): TreeNodeData[];
+export declare function buildLookup(data: TreeNodeData[]): Record<string, TreeNodeData>;
+export declare function displayChecked(values: string[], data: TreeNodeData[], strategy: CheckedStrategy): string[];

package/lib/components/Typography/Typography.d.ts

@@ -1,34 +1,6 @@
-export type TypographyStylesNames = 'root';
-export declare const Typography: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    unstyled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const Typography: import("../..").MantineComponent<{
+    props: import("./Typography.types").TypographyProps;
+    element: "div";
+    stylesNames: import("./Typography.types").TypographyStylesNames;
+}>;
+export type { TypographyFactory, TypographyOwnProps, TypographyProps, TypographyStylesNames, } from './Typography.types';

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

@@ -0,0 +1,11 @@
+import type { BoxProps, StylesApiProps, Factory } from '../../core';
+export type TypographyStylesNames = 'root';
+/** Props declared by `Typography` itself. See `TypographyProps` for the full public type. */
+export type TypographyOwnProps = StylesApiProps<TypographyFactory>;
+export interface TypographyProps extends Omit<BoxProps, keyof TypographyOwnProps>, TypographyOwnProps {
+}
+export type TypographyFactory = Factory<{
+    props: TypographyProps;
+    element: 'div';
+    stylesNames: TypographyStylesNames;
+}>;

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

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

@@ -1,2 +1,3 @@
 export { Typography } from './Typography';
 export type { TypographyStylesNames } from './Typography';
+export type { TypographyFactory } from './Typography';

package/lib/components/UnstyledButton/UnstyledButton.d.ts

@@ -1,79 +1,12 @@
-import type { PropType } from 'vue';
-export declare const UnstyledButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    __staticSelector: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    mod: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    __staticSelector: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    variant: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    mod: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    variant: string;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    mod: any;
-    component: string;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-    __staticSelector: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const UnstyledButton: import("../..").MantinePolymorphicComponent<{
+    props: Omit<import("./UnstyledButton.types").UnstyledButtonProps, "component" | "rootRef">;
+    slots: import("./UnstyledButton.types").UnstyledButtonSlots;
+    ref: HTMLButtonElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    defaultComponent: "button";
+    defaultRef: HTMLButtonElement;
+    stylesNames: import("./UnstyledButton.types").UnstyledButtonStylesNames;
+}, "button">;
+export type { UnstyledButtonFactory, UnstyledButtonOwnProps, UnstyledButtonProps, UnstyledButtonSlots, UnstyledButtonStylesNames, } from './UnstyledButton.types';

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

@@ -0,0 +1,42 @@
+import type { VNodeChild } from 'vue';
+import type { VueRefTarget } from '@mantine-vue/hooks';
+import type { BoxMod, BoxProps, StylesApiProps, PolymorphicFactory, MantineElementType } from '../../core';
+/** Props declared by `UnstyledButton` itself. See `UnstyledButtonProps` for the full public type. */
+export interface UnstyledButtonOwnProps extends StylesApiProps<UnstyledButtonProps> {
+    /** 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 `UnstyledButton`.
+     *
+     * @default 'button'
+     */
+    component?: MantineElementType;
+    /**
+     * Static selector used to build the component classes. Internal prop, not part of the public API.
+     *
+     * @internal
+     */
+    __staticSelector?: string;
+    /** Controls visual representation of the component. Rendered as the `data-variant` attribute and passed to the Styles API. */
+    variant?: string;
+    /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
+    mod?: BoxMod;
+}
+export interface UnstyledButtonProps extends Omit<BoxProps, keyof UnstyledButtonOwnProps>, UnstyledButtonOwnProps {
+}
+export interface UnstyledButtonSlots {
+    default?: () => VNodeChild;
+}
+export type UnstyledButtonStylesNames = 'root';
+/** Public contract of `UnstyledButton`. `component` and `rootRef` come from the factory. */
+export type UnstyledButtonFactory = PolymorphicFactory<{
+    props: Omit<UnstyledButtonProps, 'component' | 'rootRef'>;
+    slots: UnstyledButtonSlots;
+    ref: HTMLButtonElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    defaultComponent: 'button';
+    defaultRef: HTMLButtonElement;
+    stylesNames: UnstyledButtonStylesNames;
+}>;

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

@@ -0,0 +1,13 @@
+import type { UnstyledButtonOwnProps, UnstyledButtonSlots } from './UnstyledButton.types';
+type __VLS_Slots = UnstyledButtonSlots;
+declare const __VLS_base: import("vue").DefineComponent<UnstyledButtonOwnProps, {
+    rootElement: import("vue").Ref<Element | null, Element | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UnstyledButtonOwnProps> & 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/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,43 +1,6 @@
-export type VisuallyHiddenStylesNames = 'root';
-export declare const VisuallyHidden: import("../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    vars: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    unstyled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    vars: Function | Record<string, any>;
-    unstyled: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const VisuallyHidden: import("../..").MantineComponent<{
+    props: import("./VisuallyHidden.types").VisuallyHiddenProps;
+    element: "span";
+    stylesNames: import("./VisuallyHidden.types").VisuallyHiddenStylesNames;
+}>;
+export type { VisuallyHiddenFactory, VisuallyHiddenOwnProps, VisuallyHiddenProps, VisuallyHiddenStylesNames, } from './VisuallyHidden.types';

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

@@ -0,0 +1,11 @@
+import type { BoxProps, StylesApiProps, Factory } from '../../core';
+export type VisuallyHiddenStylesNames = 'root';
+/** Props declared by `VisuallyHidden` itself. See `VisuallyHiddenProps` for the full public type. */
+export type VisuallyHiddenOwnProps = StylesApiProps<VisuallyHiddenFactory>;
+export interface VisuallyHiddenProps extends Omit<BoxProps, keyof VisuallyHiddenOwnProps>, VisuallyHiddenOwnProps {
+}
+export type VisuallyHiddenFactory = Factory<{
+    props: VisuallyHiddenProps;
+    element: 'span';
+    stylesNames: VisuallyHiddenStylesNames;
+}>;

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

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

@@ -1,175 +1,21 @@
 import type * as Components from './index';
 import type * as Core from '../core';
+/**
+ * Derives a component's public props from its runtime declaration.
+ *
+ * note `PropsOf` exposes prop names, types, required flags and defaults, but it cannot carry
+ * prop descriptions, so these components show empty descriptions in generated
+ * documentation.
+ */
 type PropsOf<T> = T extends abstract new (...args: any[]) => {
     $props: infer Props;
 } ? Props : never;
-export type VisuallyHiddenProps = PropsOf<typeof Components.VisuallyHidden>;
-export type PortalProps = PropsOf<typeof Components.Portal>;
-export type OptionalPortalProps = PropsOf<typeof Components.OptionalPortal>;
-export type UnstyledButtonProps = PropsOf<typeof Components.UnstyledButton>;
-export type PaperProps = PropsOf<typeof Components.Paper>;
-export type OverlayProps = PropsOf<typeof Components.Overlay>;
-export type LoaderProps = PropsOf<typeof Components.Loader>;
-export type CenterProps = PropsOf<typeof Components.Center>;
-export type ContainerProps = PropsOf<typeof Components.Container>;
-export type AspectRatioProps = PropsOf<typeof Components.AspectRatio>;
-export type DividerProps = PropsOf<typeof Components.Divider>;
-export type TextProps = PropsOf<typeof Components.Text>;
-export type AnchorProps = PropsOf<typeof Components.Anchor>;
-export type TitleProps = PropsOf<typeof Components.Title>;
-export type CodeProps = PropsOf<typeof Components.Code>;
-export type KbdProps = PropsOf<typeof Components.Kbd>;
-export type MarkProps = PropsOf<typeof Components.Mark>;
-export type ImageProps = PropsOf<typeof Components.Image>;
-export type BackgroundImageProps = PropsOf<typeof Components.BackgroundImage>;
-export type SkeletonProps = PropsOf<typeof Components.Skeleton>;
-export type ColorSwatchProps = PropsOf<typeof Components.ColorSwatch>;
-export type BadgeProps = PropsOf<typeof Components.Badge>;
-export type ThemeIconProps = PropsOf<typeof Components.ThemeIcon>;
-export type ActionIconProps = PropsOf<typeof Components.ActionIcon>;
-export type ActionIconGroupProps = PropsOf<typeof Components.ActionIconGroup>;
-export type ActionIconGroupSectionProps = PropsOf<typeof Components.ActionIconGroupSection>;
-export type CloseButtonProps = PropsOf<typeof Components.CloseButton>;
-export type ButtonGroupProps = PropsOf<typeof Components.ButtonGroup>;
-export type ButtonGroupSectionProps = PropsOf<typeof Components.ButtonGroupSection>;
-export type BurgerProps = PropsOf<typeof Components.Burger>;
-export type CollapseProps = PropsOf<typeof Components.Collapse>;
-export type CopyButtonProps = PropsOf<typeof Components.CopyButton>;
-export type LoadingOverlayProps = PropsOf<typeof Components.LoadingOverlay>;
-export type CardProps = PropsOf<typeof Components.Card>;
-export type CardSectionProps = PropsOf<typeof Components.CardSection>;
-export type AlertProps = PropsOf<typeof Components.Alert>;
-export type BlockquoteProps = PropsOf<typeof Components.Blockquote>;
-export type BreadcrumbsProps = PropsOf<typeof Components.Breadcrumbs>;
-export type ListProps = PropsOf<typeof Components.List>;
-export type ListItemProps = PropsOf<typeof Components.ListItem>;
-export type IndicatorProps = PropsOf<typeof Components.Indicator>;
-export type AvatarProps = PropsOf<typeof Components.Avatar>;
-export type AvatarGroupProps = PropsOf<typeof Components.AvatarGroup>;
-export type SimpleGridProps = PropsOf<typeof Components.SimpleGrid>;
-export type GridProps = PropsOf<typeof Components.Grid>;
-export type GridColProps = PropsOf<typeof Components.GridCol>;
-export type TableProps = PropsOf<typeof Components.Table>;
-export type TableCaptionProps = PropsOf<typeof Components.TableCaption>;
-export type TableTbodyProps = PropsOf<typeof Components.TableTbody>;
-export type TableTdProps = PropsOf<typeof Components.TableTd>;
-export type TableTfootProps = PropsOf<typeof Components.TableTfoot>;
-export type TableThProps = PropsOf<typeof Components.TableTh>;
-export type TableTheadProps = PropsOf<typeof Components.TableThead>;
-export type TableTrProps = PropsOf<typeof Components.TableTr>;
-export type ProgressProps = PropsOf<typeof Components.Progress>;
-export type ProgressRootProps = PropsOf<typeof Components.ProgressRoot>;
-export type ProgressSectionProps = PropsOf<typeof Components.ProgressSection>;
-export type ProgressLabelProps = PropsOf<typeof Components.ProgressLabel>;
-export type TimelineProps = PropsOf<typeof Components.Timeline>;
-export type TimelineItemProps = PropsOf<typeof Components.TimelineItem>;
-export type HighlightProps = PropsOf<typeof Components.Highlight>;
-export type TypographyProps = PropsOf<typeof Components.Typography>;
-export type SemiCircleProgressProps = PropsOf<typeof Components.SemiCircleProgress>;
-export type SpoilerProps = PropsOf<typeof Components.Spoiler>;
-export type FieldsetProps = PropsOf<typeof Components.Fieldset>;
-export type FileButtonProps = PropsOf<typeof Components.FileButton>;
-export type FileInputProps = PropsOf<typeof Components.FileInput>;
-export type NotificationProps = PropsOf<typeof Components.Notification>;
-export type NumberFormatterProps = PropsOf<typeof Components.NumberFormatter>;
-export type NumberInputProps = PropsOf<typeof Components.NumberInput>;
 export type NativeSelectOptionProps = PropsOf<typeof Components.NativeSelectOption>;
-export type NavLinkProps = PropsOf<typeof Components.NavLink>;
-export type MarqueeProps = PropsOf<typeof Components.Marquee>;
-export type AffixProps = PropsOf<typeof Components.Affix>;
-export type DialogProps = PropsOf<typeof Components.Dialog>;
-export type RatingProps = PropsOf<typeof Components.Rating>;
-export type FloatingIndicatorProps = PropsOf<typeof Components.FloatingIndicator>;
-export type SegmentedControlProps = PropsOf<typeof Components.SegmentedControl>;
-export type PaginationProps = PropsOf<typeof Components.Pagination>;
-export type PaginationRootProps = PropsOf<typeof Components.PaginationRoot>;
-export type PaginationControlProps = PropsOf<typeof Components.PaginationControl>;
 export type PaginationDotsProps = PropsOf<typeof Components.PaginationDots>;
-export type TabsProps = PropsOf<typeof Components.Tabs>;
-export type TabsListProps = PropsOf<typeof Components.TabsList>;
-export type TabsPanelProps = PropsOf<typeof Components.TabsPanel>;
-export type TabsTabProps = PropsOf<typeof Components.TabsTab>;
-export type AccordionProps = PropsOf<typeof Components.Accordion>;
-export type AccordionControlProps = PropsOf<typeof Components.AccordionControl>;
-export type AccordionItemProps = PropsOf<typeof Components.AccordionItem>;
-export type AccordionPanelProps = PropsOf<typeof Components.AccordionPanel>;
-export type AccordionChevronProps = PropsOf<typeof Components.AccordionChevron>;
-export type InputProps = PropsOf<typeof Components.Input>;
-export type InputWrapperProps = PropsOf<typeof Components.InputWrapper>;
-export type InputLabelProps = PropsOf<typeof Components.InputLabel>;
-export type InputDescriptionProps = PropsOf<typeof Components.InputDescription>;
-export type InputErrorProps = PropsOf<typeof Components.InputError>;
-export type InputPlaceholderProps = PropsOf<typeof Components.InputPlaceholder>;
-export type InputClearButtonProps = PropsOf<typeof Components.InputClearButton>;
-export type InputBaseProps = PropsOf<typeof Components.InputBase>;
-export type JsonInputProps = PropsOf<typeof Components.JsonInput>;
-export type TextInputProps = PropsOf<typeof Components.TextInput>;
-export type TextareaProps = PropsOf<typeof Components.Textarea>;
-export type PasswordInputProps = PropsOf<typeof Components.PasswordInput>;
-export type CheckboxProps = PropsOf<typeof Components.Checkbox>;
-export type CheckboxCardProps = PropsOf<typeof Components.CheckboxCard>;
-export type CheckboxGroupProps = PropsOf<typeof Components.CheckboxGroup>;
-export type CheckboxIndicatorProps = PropsOf<typeof Components.CheckboxIndicator>;
-export type ChipProps = PropsOf<typeof Components.Chip>;
-export type ChipGroupProps = PropsOf<typeof Components.ChipGroup>;
-export type PillProps = PropsOf<typeof Components.Pill>;
-export type PillGroupProps = PropsOf<typeof Components.PillGroup>;
-export type PillsInputProps = PropsOf<typeof Components.PillsInput>;
-export type PillsInputFieldProps = PropsOf<typeof Components.PillsInputField>;
-export type RadioProps = PropsOf<typeof Components.Radio>;
-export type RadioCardProps = PropsOf<typeof Components.RadioCard>;
-export type RadioGroupProps = PropsOf<typeof Components.RadioGroup>;
-export type RadioIndicatorProps = PropsOf<typeof Components.RadioIndicator>;
-export type SwitchProps = PropsOf<typeof Components.Switch>;
-export type SwitchGroupProps = PropsOf<typeof Components.SwitchGroup>;
-export type SpaceProps = PropsOf<typeof Components.Space>;
-export type FlexProps = PropsOf<typeof Components.Flex>;
-export type StackProps = PropsOf<typeof Components.Stack>;
-export type GroupProps = PropsOf<typeof Components.Group>;
-export type StepperProps = PropsOf<typeof Components.Stepper>;
-export type StepperStepProps = PropsOf<typeof Components.StepperStep>;
-export type StepperCompletedProps = PropsOf<typeof Components.StepperCompleted>;
-export type OverflowListProps = PropsOf<typeof Components.OverflowList>;
-export type TableOfContentsProps = PropsOf<typeof Components.TableOfContents>;
-export type FloatingWindowProps = PropsOf<typeof Components.FloatingWindow>;
-export type SliderProps = PropsOf<typeof Components.Slider>;
-export type RangeSliderProps = PropsOf<typeof Components.RangeSlider>;
-export type ColorPickerProps = PropsOf<typeof Components.ColorPicker>;
-export type AlphaSliderProps = PropsOf<typeof Components.AlphaSlider>;
-export type ColorSliderProps = PropsOf<typeof Components.ColorSlider>;
-export type HueSliderProps = PropsOf<typeof Components.HueSlider>;
-export type AppShellProps = PropsOf<typeof Components.AppShell>;
 export type AppShellHeaderProps = PropsOf<typeof Components.AppShellHeader>;
 export type AppShellNavbarProps = PropsOf<typeof Components.AppShellNavbar>;
 export type AppShellAsideProps = PropsOf<typeof Components.AppShellAside>;
-export type AppShellMainProps = PropsOf<typeof Components.AppShellMain>;
 export type AppShellFooterProps = PropsOf<typeof Components.AppShellFooter>;
-export type AppShellSectionProps = PropsOf<typeof Components.AppShellSection>;
-export type DrawerRootProps = PropsOf<typeof Components.DrawerRoot>;
-export type DrawerBodyProps = PropsOf<typeof Components.DrawerBody>;
-export type DrawerCloseButtonProps = PropsOf<typeof Components.DrawerCloseButton>;
-export type DrawerContentProps = PropsOf<typeof Components.DrawerContent>;
-export type DrawerHeaderProps = PropsOf<typeof Components.DrawerHeader>;
-export type DrawerOverlayProps = PropsOf<typeof Components.DrawerOverlay>;
-export type DrawerTitleProps = PropsOf<typeof Components.DrawerTitle>;
-export type DrawerStackProps = PropsOf<typeof Components.DrawerStack>;
-export type ModalRootProps = PropsOf<typeof Components.ModalRoot>;
-export type ModalBodyProps = PropsOf<typeof Components.ModalBody>;
-export type ModalCloseButtonProps = PropsOf<typeof Components.ModalCloseButton>;
-export type ModalContentProps = PropsOf<typeof Components.ModalContent>;
-export type ModalHeaderProps = PropsOf<typeof Components.ModalHeader>;
-export type ModalOverlayProps = PropsOf<typeof Components.ModalOverlay>;
-export type ModalTitleProps = PropsOf<typeof Components.ModalTitle>;
-export type TreeSelectOptionProps = PropsOf<typeof Components.TreeSelectOption>;
-export type BarsProps = PropsOf<typeof Components.Bars>;
-export type DotsProps = PropsOf<typeof Components.Dots>;
-export type OvalProps = PropsOf<typeof Components.Oval>;
-export type CheckIconProps = PropsOf<typeof Components.CheckIcon>;
-export type CheckboxIconProps = PropsOf<typeof Components.CheckboxIcon>;
-export type CloseIconProps = PropsOf<typeof Components.CloseIcon>;
-export type RadioIconProps = PropsOf<typeof Components.RadioIcon>;
-export type PasswordToggleIconProps = PropsOf<typeof Components.PasswordToggleIcon>;
-export type NumberInputChevronProps = PropsOf<typeof Components.NumberInputChevron>;
 export type FocusTrapInitialFocusProps = PropsOf<typeof Components.FocusTrapInitialFocus>;
 export type DirectionProviderProps = PropsOf<typeof Core.DirectionProvider>;
 export type HeadlessMantineProviderProps = PropsOf<typeof Core.HeadlessMantineProvider>;
@@ -177,14 +23,5 @@ export type MantineThemeProviderProps = PropsOf<typeof Core.MantineThemeProvider
 export type InlineStylesProps = PropsOf<typeof Core.InlineStyles>;
 export type MantineClassesProps = PropsOf<typeof Core.MantineClasses>;
 export type MantineCssVariablesProps = PropsOf<typeof Core.MantineCssVariables>;
-export type NativeScrollAreaProps = PropsOf<typeof Components.NativeScrollArea>;
-export type ScrollAreaAutosizeProps = PropsOf<typeof Components.ScrollAreaAutosize>;
-export type PaginationFirstProps = PropsOf<typeof Components.PaginationFirst>;
-export type PaginationItemsProps = PropsOf<typeof Components.PaginationItems>;
-export type PaginationItemsGroupProps = PropsOf<typeof Components.PaginationItemsGroup>;
-export type PaginationLabelProps = PropsOf<typeof Components.PaginationLabel>;
-export type PaginationLastProps = PropsOf<typeof Components.PaginationLast>;
-export type PaginationNextProps = PropsOf<typeof Components.PaginationNext>;
-export type PaginationPreviousProps = PropsOf<typeof Components.PaginationPrevious>;
 export type TableDataRendererProps = PropsOf<typeof Components.TableDataRenderer>;
 export {};

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

@@ -1,5 +1,9 @@
 import { type Component, type PropType } from 'vue';
+import { type VueRefTarget } from '@mantine-vue/hooks';
 import { type MantineStyleProps } from './style-props';
+/** A single set of element modifiers, transformed into `data-` attributes. Falsy values are removed. */
+export type Mod = Record<string, boolean | string | number | undefined>;
+export type BoxMod = Mod | Array<Mod | BoxMod | undefined>;
 export interface BoxProps extends MantineStyleProps {
     component?: string | Component;
     __size?: string | number;
@@ -9,7 +13,16 @@ export interface BoxProps extends MantineStyleProps {
     visibleFrom?: string;
     lightHidden?: boolean;
     darkHidden?: boolean;
-    mod?: Record<string, boolean | string | number | undefined> | Array<Record<string, boolean | string | number | undefined> | undefined>;
+    /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
+    mod?: BoxMod;
+    /**
+     * Receives the root DOM node rendered by `Box`.
+     *
+     * Vue resolves a template `ref` on a component to the component instance rather than the
+     * node it renders, so this prop is how a parent reaches the real element. When `component`
+     * is a Vue component, the component's own root node (`$el`) is assigned.
+     */
+    rootRef?: VueRefTarget<Element>;
 }
 export declare const Box: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     component: {
@@ -78,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 & {}) | "headings" | "monospace" | "mono" | "heading"> | undefined>;
+    ff: PropType<import("./style-props").StyleProp<"text" | (string & {}) | "monospace" | "headings" | "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 */
@@ -132,6 +145,10 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** Flex */
     flex: PropType<import("./style-props").StyleProp<import("csstype").Property.Flex<string | number> | undefined>>;
     mod: PropType<BoxProps["mod"]>;
+    rootRef: {
+        type: PropType<VueRefTarget<Element>>;
+        default: undefined;
+    };
 }>, () => 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<{
@@ -201,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 & {}) | "headings" | "monospace" | "mono" | "heading"> | undefined>;
+    ff: PropType<import("./style-props").StyleProp<"text" | (string & {}) | "monospace" | "headings" | "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 */
@@ -255,7 +272,12 @@ export declare const Box: import("vue").DefineComponent<import("vue").ExtractPro
     /** Flex */
     flex: PropType<import("./style-props").StyleProp<import("csstype").Property.Flex<string | number> | undefined>>;
     mod: PropType<BoxProps["mod"]>;
+    rootRef: {
+        type: PropType<VueRefTarget<Element>>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
+    rootRef: VueRefTarget<Element>;
     component: string | Component;
     lightHidden: boolean;
     darkHidden: boolean;

package/lib/core/InlineStyles/InlineStyles.d.ts

@@ -44,8 +44,8 @@ export declare const InlineStyles: import("vue").DefineComponent<import("vue").E
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    styles: Record<string, string | number | undefined>;
-    media: Record<string, Record<string, string | number | undefined>>;
     container: Record<string, Record<string, string | number | undefined>>;
+    media: Record<string, Record<string, string | number | undefined>>;
+    styles: Record<string, string | number | undefined>;
     deduplicate: boolean;
 }, {}, {}, {}, 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(): "default" | "test";
+export declare function useMantineEnv(): "test" | "default";
 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<"light" | "dark">;
+export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseComputedColorSchemeOptions): ComputedRef<"dark" | "light">;