@mantine-vue/core 2.4.0 → 3.1.0

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

@@ -0,0 +1,37 @@
+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;
+    readonly loop: true;
+    readonly disableChevronRotation: false;
+    readonly disableCollapse: false;
+    readonly chevronPosition: "right";
+    readonly variant: "default";
+    readonly chevronSize: "auto";
+    readonly chevronIconSize: 16;
+};
+/**
+ * Builds the control/panel id from an item value, failing loudly rather than producing
+ * an id of `undefined` that would silently break the `aria-controls` wiring.
+ */
+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 };
+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, {
+    change: (value: string | string[] | null) => any;
+    "update:value": (value: string | string[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<AccordionOwnProps> & Readonly<{
+    onChange?: ((value: string | string[] | null) => any) | undefined;
+    "onUpdate:value"?: ((value: string | string[] | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AccordionSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,16 +1,2 @@
-import { type PropType } from 'vue';
-export declare const AccordionChevron: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    size: {
-        type: PropType<number | string>;
-        default: number;
-    };
-}>, () => 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<{
-    size: {
-        type: PropType<number | string>;
-        default: number;
-    };
-}>> & Readonly<{}>, {
-    size: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const AccordionChevron: import("vue").DefineComponent<import("./AccordionChevron.types").AccordionChevronOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("./AccordionChevron.types").AccordionChevronOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export type { AccordionChevronOwnProps, AccordionChevronProps } from './AccordionChevron.types';

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

@@ -0,0 +1,10 @@
+/** Props declared by `AccordionChevron` itself. See `AccordionChevronProps` for the full public type. */
+export interface AccordionChevronOwnProps {
+    /**
+     * Controls `width` and `height` of the icon, `16` by default
+     *
+     * @default 16
+     */
+    size?: number | string;
+}
+export type AccordionChevronProps = AccordionChevronOwnProps;

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

@@ -0,0 +1,4 @@
+import type { AccordionChevronOwnProps } from './AccordionChevron.types';
+declare const __VLS_export: import("vue").DefineComponent<AccordionChevronOwnProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionChevronOwnProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -1,95 +1,8 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import { type MantineNode } from '../../../core';
-export type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';
-export interface AccordionControlSlots {
-    default?: () => VNodeChild;
-    chevron?: () => VNodeChild;
-    icon?: () => VNodeChild;
-}
-export declare const AccordionControl: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    chevron: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    icon: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    onClick: {
-        type: PropType<(event: MouseEvent) => void>;
-        default: undefined;
-    };
-    onKeydown: {
-        type: PropType<(event: KeyboardEvent) => void>;
-        default: undefined;
-    };
-    onKeyDown: {
-        type: PropType<(event: KeyboardEvent) => void>;
-        default: undefined;
-    };
-    mod: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        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<{
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    chevron: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    icon: {
-        type: PropType<MantineNode>;
-        default: undefined;
-    };
-    onClick: {
-        type: PropType<(event: MouseEvent) => void>;
-        default: undefined;
-    };
-    onKeydown: {
-        type: PropType<(event: KeyboardEvent) => void>;
-        default: undefined;
-    };
-    onKeyDown: {
-        type: PropType<(event: KeyboardEvent) => void>;
-        default: undefined;
-    };
-    mod: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    onKeydown: (event: KeyboardEvent) => void;
-    onClick: (event: MouseEvent) => void;
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    disabled: boolean;
-    mod: any;
-    icon: MantineNode;
-    onKeyDown: (event: KeyboardEvent) => void;
-    chevron: MantineNode;
-}, SlotsType<AccordionControlSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const AccordionControl: import("../../..").MantineComponent<{
+    props: Omit<import("./AccordionControl.types").AccordionControlProps, "rootRef">;
+    ref: HTMLButtonElement;
+    slots: import("./AccordionControl.types").AccordionControlSlots;
+    element: "button";
+    stylesNames: import("./AccordionControl.types").AccordionControlStylesNames;
+}>;
+export type { AccordionControlOwnProps, AccordionControlProps, AccordionControlSlots, AccordionControlStylesNames, AccordionControlFactory, } from './AccordionControl.types';

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

@@ -0,0 +1,47 @@
+import type { VNodeChild } from 'vue';
+import type { BoxMod, BoxProps, MantineNode, StylesApiProps, Factory } from '../../../core';
+export type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';
+export interface AccordionControlSlots {
+    /** Control label. */
+    default?: () => VNodeChild;
+    /** Custom chevron icon. Takes precedence over the `chevron` prop and the parent `Accordion` chevron. */
+    chevron?: () => VNodeChild;
+    /** Icon displayed next to the label. Takes precedence over the `icon` prop. */
+    icon?: () => VNodeChild;
+}
+/**
+ * Props declared by `AccordionControl` itself.
+ * 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.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Custom chevron icon. Falls back to the parent `Accordion` chevron when not set.
+     * Can also be set with the `chevron` slot – the slot takes precedence.
+     */
+    chevron?: MantineNode;
+    /**
+     * Icon displayed next to the label.
+     * Can also be set with the `icon` slot – the slot takes precedence over the prop.
+     */
+    icon?: MantineNode;
+    /** Element modifiers transformed into `data-` attributes, for example, `{ 'data-size': 'xl' }`, falsy values are removed */
+    mod?: BoxMod;
+}
+export interface AccordionControlProps extends Omit<BoxProps, keyof AccordionControlOwnProps>, AccordionControlOwnProps {
+}
+export type AccordionControlFactory = Factory<{
+    props: Omit<AccordionControlProps, 'rootRef'>;
+    ref: HTMLButtonElement;
+    slots: AccordionControlSlots;
+    element: 'button';
+    stylesNames: AccordionControlStylesNames;
+}>;
+import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -0,0 +1,28 @@
+import type { AccordionControlOwnProps, AccordionControlSlots } from './AccordionControl.types';
+import type { SetupContext, VNodeChild } from 'vue';
+/**
+ * Renders its children without a wrapper element. Used when the parent `Accordion`
+ * has no `order`, so the control is not wrapped in a heading. Declared at module
+ * scope so the component identity is stable and Vue never remounts the subtree.
+ */
+declare const PassThrough: {
+    (_props: unknown, { slots }: SetupContext): VNodeChild;
+    displayName: string;
+};
+export { PassThrough };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<AccordionControlOwnProps, {
+    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<{
+    onClick?: ((args_0: MouseEvent) => any) | undefined;
+    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, AccordionControlSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,43 +1,7 @@
-import { type PropType } from 'vue';
-export type AccordionItemStylesNames = 'item';
-export declare const AccordionItem: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
-        type: StringConstructor;
-        required: true;
-    };
-    mod: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        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<{
-    value: {
-        type: StringConstructor;
-        required: true;
-    };
-    mod: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    mod: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const AccordionItem: import("../../..").MantineComponent<{
+    props: Omit<import("./AccordionItem.types").AccordionItemProps, "rootRef">;
+    ref: HTMLDivElement;
+    slots: import("./AccordionItem.types").AccordionItemSlots;
+    element: "div";
+}>;
+export type { AccordionItemOwnProps, AccordionItemProps, AccordionItemSlots, AccordionItemStylesNames, AccordionItemFactory, } from './AccordionItem.types';

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

@@ -0,0 +1,25 @@
+import type { VNodeChild } from 'vue';
+import type { BoxMod, BoxProps, StylesApiProps, Factory } from '../../../core';
+export type AccordionItemStylesNames = 'item';
+export interface AccordionItemSlots {
+    /** `Accordion.Control` and `Accordion.Panel` of the item. */
+    default?: () => VNodeChild;
+}
+/** 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 */
+    mod?: BoxMod;
+}
+export interface AccordionItemProps extends Omit<BoxProps, keyof AccordionItemOwnProps>, AccordionItemOwnProps {
+}
+export type AccordionItemFactory = Factory<{
+    props: Omit<AccordionItemProps, 'rootRef'>;
+    ref: HTMLDivElement;
+    slots: AccordionItemSlots;
+    element: 'div';
+}>;
+import type { VueRefTarget } from '@mantine-vue/hooks';

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

@@ -0,0 +1,13 @@
+import type { AccordionItemOwnProps, AccordionItemSlots } from './AccordionItem.types';
+type __VLS_Slots = AccordionItemSlots;
+declare const __VLS_base: import("vue").DefineComponent<AccordionItemOwnProps, {
+    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>;
+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/Accordion/AccordionPanel/AccordionPanel.d.ts

@@ -1,53 +1,12 @@
-import { type PropType } from 'vue';
-export type AccordionPanelStylesNames = 'panel' | 'content';
-export declare const AccordionPanel: import("../../..").WithBoxProps<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    onTransitionEnd: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onTransitionStart: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    keepMounted: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        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<{
-    onTransitionEnd: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    onTransitionStart: {
-        type: PropType<() => void>;
-        default: undefined;
-    };
-    keepMounted: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    classNames: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-    styles: {
-        type: (ObjectConstructor | FunctionConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    classNames: Function | Record<string, any>;
-    styles: Function | Record<string, any>;
-    onTransitionEnd: () => void;
-    onTransitionStart: () => void;
-    keepMounted: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export declare const AccordionPanel: import("../../..").MantineComponent<{
+    props: Omit<import("./AccordionPanel.types").AccordionPanelProps, "rootRef">;
+    slots: import("./AccordionPanel.types").AccordionPanelSlots;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    element: "div";
+    stylesNames: import("./AccordionPanel.types").AccordionPanelStylesNames;
+    compound: true;
+}>;
+export type { AccordionPanelFactory, AccordionPanelOwnProps, AccordionPanelProps, AccordionPanelSlots, AccordionPanelStylesNames, } from './AccordionPanel.types';

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

@@ -0,0 +1,32 @@
+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. */
+    classNames?: StylesApiProps<AccordionPanelFactory>['classNames'];
+    /** Inline styles applied to Accordion panel elements. */
+    styles?: StylesApiProps<AccordionPanelFactory>['styles'];
+}
+export interface AccordionPanelSlots {
+    /** Panel content. */
+    default?: () => VNodeChild;
+}
+export interface AccordionPanelProps extends Omit<BoxProps, keyof AccordionPanelOwnProps>, AccordionPanelOwnProps {
+}
+export type AccordionPanelFactory = Factory<{
+    props: Omit<AccordionPanelProps, 'rootRef'>;
+    slots: AccordionPanelSlots;
+    ref: HTMLDivElement;
+    exposed: {
+        rootElement: Element | null;
+    };
+    element: 'div';
+    stylesNames: AccordionPanelStylesNames;
+    compound: true;
+}>;

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

@@ -0,0 +1,19 @@
+import type { AccordionPanelOwnProps, AccordionPanelSlots } from './AccordionPanel.types';
+type __VLS_Slots = AccordionPanelSlots;
+declare const __VLS_base: import("vue").DefineComponent<AccordionPanelOwnProps, {
+    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<{
+    "onTransition-end"?: (() => any) | undefined;
+    "onTransition-start"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,12 +1,13 @@
 export { Accordion } from './Accordion';
 export type { AccordionSlots, AccordionStylesNames, AccordionVariant } from './Accordion';
 export { AccordionChevron } from './AccordionChevron';
+export type { AccordionChevronOwnProps, AccordionChevronProps } from './AccordionChevron';
 export { AccordionControl } from './AccordionControl/AccordionControl';
-export type { AccordionControlStylesNames } from './AccordionControl/AccordionControl';
+export type { AccordionControlOwnProps, AccordionControlProps, AccordionControlSlots, AccordionControlStylesNames, } from './AccordionControl/AccordionControl';
 export { AccordionItem } from './AccordionItem/AccordionItem';
-export type { AccordionItemStylesNames } from './AccordionItem/AccordionItem';
+export type { AccordionItemOwnProps, AccordionItemProps, AccordionItemSlots, AccordionItemStylesNames, } from './AccordionItem/AccordionItem';
 export { AccordionPanel } from './AccordionPanel/AccordionPanel';
-export type { AccordionPanelStylesNames } from './AccordionPanel/AccordionPanel';
+export type { AccordionPanelOwnProps, AccordionPanelProps, AccordionPanelSlots, AccordionPanelStylesNames, } from './AccordionPanel/AccordionPanel';
 export { useAccordionContext } from './Accordion.context';
 export type { AccordionChevronPosition, AccordionContextValue, AccordionHeadingOrder, AccordionValue, } from './Accordion.context';
 export { useAccordionItemContext } from './AccordionItem.context';