@mantine-vue/core 2.4.0 → 3.1.0

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

@@ -1,4 +1,6 @@
 import type { Primitive } from '../../core';
+import type { PopoverProps } from '../Popover/Popover.types';
+import type { ComboboxStore } from './use-combobox/use-combobox';
 export interface ComboboxGenericItem<Value extends Primitive = string> {
     value: Value;
     disabled?: boolean;
@@ -41,3 +43,216 @@ export type OptionsFilter<Value extends Primitive = string> = (input: {
     search: string;
     limit: number;
 }) => ComboboxParsedItem<Value>[];
+export interface ComboboxSlots {
+    /** Content of the component. */
+    default?: () => import('vue').VNodeChild;
+}
+export type ComboboxStylesNames = 'options' | 'dropdown' | 'option' | 'search' | 'empty' | 'footer' | 'header' | 'group' | 'groupLabel';
+export interface ComboboxOptionProps {
+    /** Value of the option, passed to `onOptionSubmit` when it is selected. */
+    value: Primitive;
+    /**
+     * If set, the option is highlighted as the active one.
+     *
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * If set, the option cannot be selected.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If set, the option is marked selected for assistive technology.
+     *
+     * @default false
+     */
+    selected?: boolean;
+    /** `id` of the option. Generated automatically when not set. */
+    id?: string;
+    /** Any other prop is forwarded to the option element. */
+    [key: string]: any;
+}
+/**
+ * Props of `Combobox`.
+ *
+ * `Combobox` renders a `Popover`, so every `Popover` prop is accepted as well and
+ * forwarded through the fallthrough attributes.
+ */
+export interface ComboboxProps extends PopoverProps {
+    /** Store returned by `useCombobox`. An internal one is created when not set. */
+    store?: ComboboxStore;
+    /** Called with the option value and its props when an option is selected. */
+    onOptionSubmit?: (value: string, props: ComboboxOptionProps) => void;
+    /**
+     * Controls the size of the options and the search field.
+     *
+     * @default 'sm'
+     */
+    size?: string;
+    /** Key of `theme.spacing` or any valid CSS value to set the dropdown padding. */
+    dropdownPadding?: string | number;
+    /**
+     * If set, the highlighted option is reset when the pointer moves over an option, so
+     * the keyboard and pointer selections do not fight each other.
+     *
+     * @default false
+     */
+    resetSelectionOnOptionHover?: boolean;
+    /**
+     * If set, the dropdown does not open.
+     *
+     * @default false
+     */
+    readOnly?: boolean;
+    /** Set to `viewport` to size the dropdown against the viewport rather than a fixed height. */
+    floatingHeight?: 'viewport';
+    /** Static selector the Styles API classes are generated from. Used by components built on `Combobox`. */
+    __staticSelector?: string;
+}
+/** Props shared by `Combobox.Target` and `Combobox.EventsTarget`. */
+export interface ComboboxTargetProps {
+    /**
+     * Name of the prop the target ref is passed to on the child.
+     *
+     * @default 'ref'
+     */
+    refProp?: string;
+    /**
+     * If set, the arrow keys and `Enter` move through and submit the options.
+     *
+     * @default true
+     */
+    withKeyboardNavigation?: boolean;
+    /**
+     * If set, the combobox ARIA attributes are added to the target.
+     *
+     * @default true
+     */
+    withAriaAttributes?: boolean;
+    /**
+     * If set, `aria-expanded` reflects the dropdown state.
+     *
+     * @default false
+     */
+    withExpandedAttribute?: boolean;
+    /**
+     * Kind of element the target is, which decides the ARIA role and the key handling.
+     *
+     * @default 'input'
+     */
+    targetType?: 'button' | 'input';
+    /**
+     * `autocomplete` attribute of the target.
+     *
+     * @default 'off'
+     */
+    autoComplete?: string;
+    /** Any other prop is merged into the cloned child. */
+    [key: string]: any;
+}
+export type ComboboxEventsTargetProps = ComboboxTargetProps;
+/** Props of `Combobox.DropdownTarget`. */
+export interface ComboboxDropdownTargetProps {
+    /**
+     * Name of the prop the target ref is passed to on the child.
+     *
+     * @default 'ref'
+     */
+    refProp?: string;
+    /** Any other prop is forwarded to `Popover.Target`. */
+    [key: string]: any;
+}
+/** Props of `Combobox.Dropdown`. */
+export interface ComboboxDropdownProps {
+    /**
+     * If set, the dropdown is hidden without unmounting it.
+     *
+     * @default false
+     */
+    hidden?: boolean;
+    /** Any other prop is forwarded to `Popover.Dropdown`. */
+    [key: string]: any;
+}
+/** Props of `Combobox.Options`. */
+export interface ComboboxOptionsProps {
+    /** `id` of the option list. Generated automatically when not set. */
+    id?: string;
+    /** `id` of the element that labels the option list. */
+    labelledBy?: string;
+    /** Any other prop is forwarded to the list element. */
+    [key: string]: any;
+}
+/** Props of `Combobox.Search`. */
+export interface ComboboxSearchProps {
+    /** Search value, bound with `v-model`. */
+    modelValue?: string;
+    /** Uncontrolled initial search value. */
+    defaultValue?: string;
+    /**
+     * If set, the combobox ARIA attributes are added to the field.
+     *
+     * @default true
+     */
+    withAriaAttributes?: boolean;
+    /**
+     * If set, the arrow keys and `Enter` move through and submit the options.
+     *
+     * @default true
+     */
+    withKeyboardNavigation?: boolean;
+    /** Controls the size of the field. Inherits the `Combobox` size when not set. */
+    size?: string;
+    /** Any other prop is forwarded to the underlying `Input`. */
+    [key: string]: any;
+}
+/** Props of `Combobox.Empty`, rendered when no option matched. */
+export interface ComboboxEmptyProps {
+    [key: string]: any;
+}
+/** Props of `Combobox.Header`. */
+export interface ComboboxHeaderProps {
+    [key: string]: any;
+}
+/** Props of `Combobox.Footer`. */
+export interface ComboboxFooterProps {
+    [key: string]: any;
+}
+/** Props of `Combobox.Group`. */
+export interface ComboboxGroupProps {
+    /** Label of the group. No label element is rendered when not set. */
+    label?: any;
+    /** `id` of the label. Generated automatically when not set. */
+    id?: string;
+    /** Any other prop is forwarded to the group element. */
+    [key: string]: any;
+}
+/** Props of `Combobox.Chevron`. */
+export interface ComboboxChevronProps {
+    /** Controls the size of the chevron. */
+    size?: string;
+    /** Error state of the input the chevron belongs to. Applies error styles when truthy. */
+    error?: any;
+    /** Key of `theme.colors` or any valid CSS color. */
+    color?: string;
+    /** Any other prop is forwarded to the svg element. */
+    [key: string]: any;
+}
+/** Props of `Combobox.ClearButton`. */
+export interface ComboboxClearButtonProps {
+    [key: string]: any;
+}
+/** Props of `Combobox.HiddenInput`, which carries the value in a form. */
+export interface ComboboxHiddenInputProps {
+    /** Value, or values in multiple mode. */
+    value: Primitive | Primitive[] | null;
+    /**
+     * Separator used to join several values.
+     *
+     * @default ','
+     */
+    valuesDivider?: string;
+    /** Any other prop is forwarded to the input element. */
+    [key: string]: any;
+}

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

@@ -0,0 +1,15 @@
+import type { ComboboxOptionProps, ComboboxProps, ComboboxSlots } from './Combobox.types';
+type __VLS_Slots = ComboboxSlots;
+declare const __VLS_base: import("vue").DefineComponent<ComboboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "option-submit": (args_0: string, args_1: ComboboxOptionProps) => any;
+}, string, import("vue").PublicProps, Readonly<ComboboxProps> & Readonly<{
+    "onOption-submit"?: ((args_0: string, args_1: ComboboxOptionProps) => 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/Combobox/ComboboxChevron.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/Combobox/ComboboxClearButton.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ComboboxSlots } from './Combobox.types';
+type __VLS_Slots = ComboboxSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/Combobox/ComboboxDropdown.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ComboboxSlots } from './Combobox.types';
+type __VLS_Slots = ComboboxSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/Combobox/ComboboxDropdownTarget.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ComboboxSlots } from './Combobox.types';
+type __VLS_Slots = ComboboxSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/Combobox/ComboboxGroup.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ComboboxSlots } from './Combobox.types';
+type __VLS_Slots = ComboboxSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/Combobox/ComboboxHiddenInput.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/Combobox/ComboboxOption.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ComboboxSlots } from './Combobox.types';
+type __VLS_Slots = ComboboxSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/Combobox/ComboboxOptions.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ComboboxSlots } from './Combobox.types';
+type __VLS_Slots = ComboboxSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & 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/Combobox/ComboboxSearch.vue.d.ts

@@ -0,0 +1,9 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts

@@ -1,123 +1,2 @@
-import { type PropType, type SlotsType, type VNodeChild } from 'vue';
-import type { Primitive } from '../../../core';
-import type { ComboboxLikeRenderOptionInput, ComboboxParsedItem, OptionsFilter } from '../Combobox.types';
-export type OptionsData = ComboboxParsedItem<Primitive>[];
-export interface OptionsDropdownProps {
-    data: OptionsData;
-    filter?: OptionsFilter<Primitive>;
-    search?: string;
-    limit?: number;
-    withScrollArea?: boolean;
-    maxDropdownHeight?: number | string;
-    floatingHeight?: 'viewport';
-    hidden?: boolean;
-    hiddenWhenEmpty?: boolean;
-    filterOptions?: boolean;
-    withCheckIcon?: boolean;
-    withAlignedLabels?: boolean;
-    value?: Primitive | Primitive[] | null;
-    checkIconPosition?: 'left' | 'right';
-    nothingFoundMessage?: any;
-    unstyled?: boolean;
-    labelId?: string;
-    'aria-label'?: string;
-    renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => any;
-    scrollAreaProps?: Record<string, any>;
-}
-export interface OptionsDropdownSlots {
-    renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => VNodeChild;
-    nothingFound?: () => VNodeChild;
-    nothingFoundMessage?: () => VNodeChild;
-}
-export declare const OptionsDropdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<OptionsData>;
-        required: true;
-    };
-    filter: PropType<OptionsFilter<Primitive>>;
-    search: StringConstructor;
-    limit: NumberConstructor;
-    withScrollArea: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maxDropdownHeight: (NumberConstructor | StringConstructor)[];
-    floatingHeight: PropType<"viewport">;
-    hidden: BooleanConstructor;
-    hiddenWhenEmpty: BooleanConstructor;
-    filterOptions: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    withCheckIcon: BooleanConstructor;
-    withAlignedLabels: BooleanConstructor;
-    value: {
-        type: PropType<any>;
-        default: null;
-    };
-    checkIconPosition: {
-        type: PropType<"left" | "right">;
-        default: string;
-    };
-    nothingFoundMessage: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    unstyled: BooleanConstructor;
-    labelId: StringConstructor;
-    ariaLabel: StringConstructor;
-    renderOption: PropType<any>;
-    scrollAreaProps: ObjectConstructor;
-}>, () => 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<{
-    data: {
-        type: PropType<OptionsData>;
-        required: true;
-    };
-    filter: PropType<OptionsFilter<Primitive>>;
-    search: StringConstructor;
-    limit: NumberConstructor;
-    withScrollArea: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    maxDropdownHeight: (NumberConstructor | StringConstructor)[];
-    floatingHeight: PropType<"viewport">;
-    hidden: BooleanConstructor;
-    hiddenWhenEmpty: BooleanConstructor;
-    filterOptions: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    withCheckIcon: BooleanConstructor;
-    withAlignedLabels: BooleanConstructor;
-    value: {
-        type: PropType<any>;
-        default: null;
-    };
-    checkIconPosition: {
-        type: PropType<"left" | "right">;
-        default: string;
-    };
-    nothingFoundMessage: {
-        type: PropType<any>;
-        default: undefined;
-    };
-    unstyled: BooleanConstructor;
-    labelId: StringConstructor;
-    ariaLabel: StringConstructor;
-    renderOption: PropType<any>;
-    scrollAreaProps: ObjectConstructor;
-}>> & Readonly<{}>, {
-    value: any;
-    hidden: boolean;
-    unstyled: boolean;
-    hiddenWhenEmpty: boolean;
-    withCheckIcon: boolean;
-    withAlignedLabels: boolean;
-    withScrollArea: boolean;
-    filterOptions: boolean;
-    checkIconPosition: "left" | "right";
-    nothingFoundMessage: any;
-}, SlotsType<OptionsDropdownSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { default as OptionsDropdown } from './OptionsDropdown.vue';
+export type { OptionsData, OptionsDropdownProps, OptionsDropdownSlots, } from './OptionsDropdown.types';

package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.types.d.ts

@@ -0,0 +1,103 @@
+import type { VNodeChild } from 'vue';
+import type { MantineNode, Primitive } from '../../../core';
+import type { ComboboxLikeRenderOptionInput, ComboboxParsedItem, OptionsFilter } from '../Combobox.types';
+export type OptionsData = ComboboxParsedItem<Primitive>[];
+export interface OptionsDropdownSlots {
+    /** Custom markup for a dropdown option. Takes precedence over the `renderOption` prop. */
+    renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => VNodeChild;
+    /** Content rendered when no option matches the current search. */
+    nothingFound?: () => VNodeChild;
+    /** Alias of the `nothingFound` slot. Takes precedence over it. */
+    nothingFoundMessage?: () => VNodeChild;
+}
+/**
+ * Props of `OptionsDropdown`.
+ *
+ * This component renders the shared dropdown used by `Select`, `MultiSelect`,
+ * `Autocomplete` and `TagsInput`. It is internal to those components.
+ */
+export interface OptionsDropdownProps {
+    /** Parsed options, already grouped. */
+    data: OptionsData;
+    /** Filters the options based on the current search. Uses a case-insensitive match when not set. */
+    filter?: OptionsFilter<Primitive>;
+    /** Current search value. Filtering is skipped entirely when this is not a string. */
+    search?: string;
+    /** Maximum number of options rendered at a time. All options are rendered when not set. */
+    limit?: number;
+    /**
+     * If set, the options are rendered inside a `ScrollArea.Autosize`.
+     *
+     * @default true
+     */
+    withScrollArea?: boolean;
+    /**
+     * `max-height` of the dropdown. Only used when `withScrollArea` is set.
+     *
+     * @default 220
+     */
+    maxDropdownHeight?: number | string;
+    /** Set to `viewport` to size the dropdown against the viewport instead of `maxDropdownHeight`. */
+    floatingHeight?: 'viewport';
+    /**
+     * If set, the dropdown is hidden.
+     *
+     * @default false
+     */
+    hidden?: boolean;
+    /**
+     * If set, the dropdown is hidden when no option is left after filtering.
+     *
+     * @default false
+     */
+    hiddenWhenEmpty?: boolean;
+    /**
+     * If set, the options are filtered by `search`. Turn off to filter them yourself while
+     * still showing the search value in the input.
+     *
+     * @default true
+     */
+    filterOptions?: boolean;
+    /**
+     * If set, a check icon is rendered next to the selected options.
+     *
+     * @default false
+     */
+    withCheckIcon?: boolean;
+    /**
+     * If set, unselected options reserve the space of the check icon so all labels line up.
+     *
+     * @default false
+     */
+    withAlignedLabels?: boolean;
+    /** Selected value, or values in multiple mode. Used to mark the checked options. */
+    value?: Primitive | Primitive[] | null;
+    /**
+     * Side of the option the check icon is rendered on.
+     *
+     * @default 'left'
+     */
+    checkIconPosition?: 'left' | 'right';
+    /**
+     * Content rendered when no option matches the current search.
+     * Can also be set with the `nothingFound` slot – the slot takes precedence.
+     */
+    nothingFoundMessage?: MantineNode;
+    /**
+     * If set, all Mantine classes are removed.
+     *
+     * @default false
+     */
+    unstyled?: boolean;
+    /** `id` of the element that labels the option list. */
+    labelId?: string;
+    /** `aria-label` of the option list, used when there is no visible label. */
+    ariaLabel?: string;
+    /**
+     * Custom markup for a dropdown option.
+     * Can also be set with the scoped `renderOption` slot – the slot takes precedence.
+     */
+    renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => VNodeChild;
+    /** Props passed down to the `ScrollArea.Autosize` of the dropdown. */
+    scrollAreaProps?: Record<string, any>;
+}

package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.vue.d.ts

@@ -0,0 +1,23 @@
+import type { OptionsDropdownSlots } from './OptionsDropdown.types';
+import { type VNodeChild } from 'vue';
+import type { Primitive } from '../../../core';
+import type { ComboboxParsedItem } from '../Combobox.types';
+import type { OptionsDropdownProps } from './OptionsDropdown.types';
+/** Single mode compares by value, multiple mode by membership. */
+declare const checked: (value: Primitive | Primitive[] | null | undefined, option: Primitive) => boolean;
+/**
+ * Renders one parsed item, recursing into groups.
+ *
+ * Kept as a plain function rather than a component: it walks an arbitrarily nested
+ * structure and has to be able to return either a group or an option.
+ */
+declare function renderItem(item: ComboboxParsedItem<Primitive>, props: OptionsDropdownProps): VNodeChild;
+export { checked, renderItem };
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<OptionsDropdownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OptionsDropdownProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, OptionsDropdownSlots>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/Combobox/combobox-utils.d.ts

@@ -0,0 +1,12 @@
+import { type VNode } from 'vue';
+/**
+ * The targets attach themselves to their child by cloning it, so there must be exactly
+ * one real child.
+ */
+export declare function childrenOne(slots: any, name: string): VNode;
+/**
+ * The option variables are emitted on both selectors: `options` for a dropdown rendered
+ * inline, `dropdown` for the portalled one, which is not a descendant of `options`.
+ */
+export declare const varsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;
+export declare const chevronVarsResolver: (theme: import("../..").MantineTheme, props: any, ctx: Record<string, any>) => Record<string, Record<string, string | undefined>>;

package/lib/components/Combobox/create-combobox-section.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Builds `Combobox.Empty`, `Combobox.Header` and `Combobox.Footer`.
+ *
+ * Deliberately a factory rather than three identical SFCs: each is a `Box` that reads
+ * one Styles API selector and renders its children, differing only in the selector name.
+ */
+export declare function createComboboxSection(name: string, selector: string): import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;