@mantine/core 7.0.0-alpha.15 → 7.0.0-alpha.17

package/esm/index.js

@@ -9,6 +9,7 @@ export { filterProps } from './core/utils/filter-props/filter-props.js';
 export { isNumberLike } from './core/utils/is-number-like/is-number-like.js';
 export { isElement } from './core/utils/is-element/is-element.js';
 export { createSafeContext } from './core/utils/create-safe-context/create-safe-context.js';
+export { createOptionalContext } from './core/utils/create-optional-context/create-optional-context.js';
 export { getSafeId } from './core/utils/get-safe-id/get-safe-id.js';
 export { createScopedKeydownHandler } from './core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.js';
 export { findElementAncestor } from './core/utils/find-element-ancestor/find-element-ancestor.js';
@@ -19,6 +20,7 @@ export { getFontSize, getLineHeight, getRadius, getShadow, getSize, getSpacing }
 export { createVarsResolver } from './core/styles-api/create-vars-resolver/create-vars-resolver.js';
 export { resolveClassNames } from './core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js';
 export { resolveStyles } from './core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js';
+export { useResolvedStylesApi } from './core/styles-api/use-resolved-styles-api/use-resolved-styles-api.js';
 export { FOCUS_CLASS_NAMES } from './core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.js';
 export { useStyles } from './core/styles-api/use-styles/use-styles.js';
 export { DEFAULT_THEME } from './core/MantineProvider/default-theme.js';
@@ -72,6 +74,7 @@ export { Affix } from './components/Affix/Affix.js';
 export { Alert } from './components/Alert/Alert.js';
 export { Anchor } from './components/Anchor/Anchor.js';
 export { AspectRatio } from './components/AspectRatio/AspectRatio.js';
+export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { AvatarGroup } from './components/Avatar/AvatarGroup/AvatarGroup.js';
 export { BackgroundImage } from './components/BackgroundImage/BackgroundImage.js';
@@ -92,6 +95,7 @@ export { Collapse } from './components/Collapse/Collapse.js';
 export { ColorPicker } from './components/ColorPicker/ColorPicker.js';
 export { ColorSwatch } from './components/ColorSwatch/ColorSwatch.js';
 export { getParsedComboboxData } from './components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js';
+export { getLabelsLockup, getOptionsLockup } from './components/Combobox/get-options-lockup/get-options-lockup.js';
 export { ComboboxChevron } from './components/Combobox/ComboboxChevron/ComboboxChevron.js';
 export { Combobox } from './components/Combobox/Combobox.js';
 export { ComboboxDropdown } from './components/Combobox/ComboboxDropdown/ComboboxDropdown.js';
@@ -100,9 +104,17 @@ export { ComboboxOption } from './components/Combobox/ComboboxOption/ComboboxOpt
 export { ComboboxTarget } from './components/Combobox/ComboboxTarget/ComboboxTarget.js';
 export { ComboboxSearch } from './components/Combobox/ComboboxSearch/ComboboxSearch.js';
 export { ComboboxEmpty } from './components/Combobox/ComboboxEmpty/ComboboxEmpty.js';
+export { ComboboxFooter } from './components/Combobox/ComboboxFooter/ComboboxFooter.js';
+export { ComboboxHeader } from './components/Combobox/ComboboxHeader/ComboboxHeader.js';
+export { ComboboxEventsTarget } from './components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.js';
+export { ComboboxDropdownTarget } from './components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.js';
+export { ComboboxGroup } from './components/Combobox/ComboboxGroup/ComboboxGroup.js';
+export { OptionsDropdown } from './components/Combobox/OptionsDropdown/OptionsDropdown.js';
 export { useCombobox } from './components/Combobox/use-combobox/use-combobox.js';
 export { useVirtualizedCombobox } from './components/Combobox/use-combobox/use-virtualized-combobox.js';
 export { useComboboxTargetProps } from './components/Combobox/use-combobox-target-props/use-combobox-target-props.js';
+export { isOptionsGroup } from './components/Combobox/OptionsDropdown/is-options-group.js';
+export { defaultOptionsFilter } from './components/Combobox/OptionsDropdown/default-options-filter.js';
 export { Container } from './components/Container/Container.js';
 export { CopyButton } from './components/CopyButton/CopyButton.js';
 export { Divider } from './components/Divider/Divider.js';
@@ -130,6 +142,7 @@ export { InputError } from './components/Input/InputError/InputError.js';
 export { InputLabel } from './components/Input/InputLabel/InputLabel.js';
 export { InputPlaceholder } from './components/Input/InputPlaceholder/InputPlaceholder.js';
 export { useInputProps } from './components/Input/use-input-props.js';
+export { useInputWrapperContext } from './components/Input/InputWrapper.context.js';
 export { InputBase } from './components/InputBase/InputBase.js';
 export { Kbd } from './components/Kbd/Kbd.js';
 export { Loader, defaultLoaders } from './components/Loader/Loader.js';
@@ -150,10 +163,15 @@ export { ModalBaseHeader } from './components/ModalBase/ModalBaseHeader.js';
 export { ModalBaseOverlay } from './components/ModalBase/ModalBaseOverlay.js';
 export { ModalBaseTitle } from './components/ModalBase/ModalBaseTitle.js';
 export { NativeScrollArea } from './components/ModalBase/NativeScrollArea.js';
+export { MultiSelect } from './components/MultiSelect/MultiSelect.js';
 export { NativeSelect } from './components/NativeSelect/NativeSelect.js';
 export { Notification } from './components/Notification/Notification.js';
 export { Overlay } from './components/Overlay/Overlay.js';
 export { Paper } from './components/Paper/Paper.js';
+export { Pill } from './components/Pill/Pill.js';
+export { PillGroup } from './components/Pill/PillGroup/PillGroup.js';
+export { PillsInput } from './components/PillsInput/PillsInput.js';
+export { PillsInputField } from './components/PillsInput/PillsInputField/PillsInputField.js';
 export { Popover } from './components/Popover/Popover.js';
 export { PopoverDropdown } from './components/Popover/PopoverDropdown/PopoverDropdown.js';
 export { PopoverTarget } from './components/Popover/PopoverTarget/PopoverTarget.js';
@@ -161,6 +179,7 @@ export { Portal } from './components/Portal/Portal.js';
 export { OptionalPortal } from './components/Portal/OptionalPortal.js';
 export { ScrollArea, ScrollAreaAutosize } from './components/ScrollArea/ScrollArea.js';
 export { SegmentedControl } from './components/SegmentedControl/SegmentedControl.js';
+export { Select } from './components/Select/Select.js';
 export { Slider } from './components/Slider/Slider/Slider.js';
 export { RangeSlider } from './components/Slider/RangeSlider/RangeSlider.js';
 export { Stack } from './components/Stack/Stack.js';
@@ -172,6 +191,7 @@ export { Tabs } from './components/Tabs/Tabs.js';
 export { TabsList } from './components/Tabs/TabsList/TabsList.js';
 export { TabsTab } from './components/Tabs/TabsTab/TabsTab.js';
 export { TabsPanel } from './components/Tabs/TabsPanel/TabsPanel.js';
+export { TagsInput } from './components/TagsInput/TagsInput.js';
 export { Text } from './components/Text/Text.js';
 export { TextInput } from './components/TextInput/TextInput.js';
 export { Title } from './components/Title/Title.js';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,24 @@
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { __InputStylesNames, __BaseInputProps, InputVariant } from '../Input';
+import { ComboboxLikeProps, ComboboxLikeStylesNames } from '../Combobox';
+export type AutocompleteStylesNames = __InputStylesNames | ComboboxLikeStylesNames;
+export interface AutocompleteProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<AutocompleteFactory>, ElementProps<'input', 'onChange' | 'size'> {
+    /** Controlled component value */
+    value?: string;
+    /** Uncontrolled component default value */
+    defaultValue?: string;
+    /** Called when value changes */
+    onChange?(value: string): void;
+}
+export type AutocompleteFactory = Factory<{
+    props: AutocompleteProps;
+    ref: HTMLInputElement;
+    stylesNames: AutocompleteStylesNames;
+    variant: InputVariant;
+}>;
+export declare const Autocomplete: import("../../core").MantineComponent<{
+    props: AutocompleteProps;
+    ref: HTMLInputElement;
+    stylesNames: AutocompleteStylesNames;
+    variant: InputVariant;
+}>;

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

@@ -0,0 +1,2 @@
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteFactory, AutocompleteProps, AutocompleteStylesNames, } from './Autocomplete';

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

@@ -6,7 +6,7 @@ import type { ComboboxStore } from './use-combobox/use-combobox';
 export interface ComboboxContextValue {
     getStyles: GetStylesApi<ComboboxFactory>;
     store: ComboboxStore;
-    onOptionSelect?(value: string, optionProps: ComboboxOptionProps): void;
+    onOptionSubmit?(value: string, optionProps: ComboboxOptionProps): void;
     size: MantineSize | (string & {});
     resetSelectionOnOptionHover: boolean | undefined;
 }

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

@@ -11,17 +11,22 @@ import { ComboboxEmpty } from './ComboboxEmpty/ComboboxEmpty';
 import { ComboboxChevron } from './ComboboxChevron/ComboboxChevron';
 import { ComboboxFooter } from './ComboboxFooter/ComboboxFooter';
 import { ComboboxHeader } from './ComboboxHeader/ComboboxHeader';
-export type ComboboxStylesNames = 'options' | 'dropdown' | 'option' | 'search' | 'empty' | 'footer' | 'header';
+import { ComboboxEventsTarget } from './ComboboxEventsTarget/ComboboxEventsTarget';
+import { ComboboxDropdownTarget } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
+import { ComboboxGroup } from './ComboboxGroup/ComboboxGroup';
+export type ComboboxStylesNames = 'options' | 'dropdown' | 'option' | 'search' | 'empty' | 'footer' | 'header' | 'group' | 'groupLabel';
 export type ComboboxCSSVariables = {
-    dropdown: '--combobox-option-fz' | '--combobox-padding' | '--combobox-option-padding';
+    options: '--combobox-option-fz' | '--combobox-option-padding';
+    dropdown: '--combobox-padding' | '--combobox-option-fz' | '--combobox-option-padding';
 };
 export interface ComboboxProps extends __PopoverProps, StylesApiProps<ComboboxFactory> {
+    __staticSelector?: string;
     /** Combobox content */
-    children: React.ReactNode;
+    children?: React.ReactNode;
     /** Combobox store, can be used to control combobox state */
     store?: ComboboxStore;
     /** Called when item is selected with `Enter` key or by clicking it */
-    onOptionSelect?(value: string, optionProps: ComboboxOptionProps): void;
+    onOptionSubmit?(value: string, optionProps: ComboboxOptionProps): void;
     /** Controls items `font-size` and `padding`, `'sm'` by default */
     size?: MantineSize | (string & {});
     /** Controls `padding` of the dropdown, `4` by default */
@@ -44,6 +49,9 @@ export type ComboboxFactory = Factory<{
         Chevron: typeof ComboboxChevron;
         Footer: typeof ComboboxFooter;
         Header: typeof ComboboxHeader;
+        EventsTarget: typeof ComboboxEventsTarget;
+        DropdownTarget: typeof ComboboxDropdownTarget;
+        Group: typeof ComboboxGroup;
     };
 }>;
 export declare function Combobox(_props: ComboboxProps): JSX.Element;
@@ -102,4 +110,20 @@ export declare namespace Combobox {
         stylesNames: "header";
         compound: true;
     }>;
+    var EventsTarget: import("../../core").MantineComponent<{
+        props: import("./ComboboxEventsTarget/ComboboxEventsTarget").ComboboxEventsTargetProps;
+        ref: HTMLElement;
+        compound: true;
+    }>;
+    var DropdownTarget: import("../../core").MantineComponent<{
+        props: import("./ComboboxDropdownTarget/ComboboxDropdownTarget").ComboboxDropdownTargetProps;
+        ref: HTMLElement;
+        compound: true;
+    }>;
+    var Group: import("../../core").MantineComponent<{
+        props: import("./ComboboxGroup/ComboboxGroup").ComboboxGroupProps;
+        ref: HTMLDivElement;
+        stylesNames: import("./ComboboxGroup/ComboboxGroup").ComboboxGroupStylesNames;
+        compound: true;
+    }>;
 }

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

@@ -1,7 +1,9 @@
+import type { ComboboxProps, ComboboxStylesNames } from './Combobox';
+import type { OptionsFilter } from './OptionsDropdown/OptionsDropdown';
 export interface ComboboxItem {
     value: string;
-    label?: string;
-    [key: string]: any;
+    label: string;
+    disabled?: boolean;
 }
 export interface ComboboxItemGroup {
     group: string;
@@ -13,3 +15,30 @@ export interface ComboboxParsedItemGroup {
 }
 export type ComboboxData = (string | ComboboxItem | ComboboxItemGroup)[];
 export type ComboboxParsedItem = ComboboxItem | ComboboxParsedItemGroup;
+export type ComboboxLikeStylesNames = Exclude<ComboboxStylesNames, 'header' | 'footer' | 'search'>;
+export interface ComboboxLikeProps {
+    /** Data used to generate options */
+    data?: ComboboxData;
+    /** Controlled dropdown opened state */
+    dropdownOpened?: boolean;
+    /** Uncontrolled dropdown initial opened state */
+    defaultDropdownOpened?: boolean;
+    /** Called when dropdown opens */
+    onDropdownOpen?(): void;
+    /** Called when dropdown closes */
+    onDropdownClose?(): void;
+    /** Determines whether the first option should be selected when value changes, `false` by default */
+    selectFirstOptionOnChange?: boolean;
+    /** Called when option is submitted from dropdown with mouse click or `Enter` key */
+    onOptionSubmit?(value: string): void;
+    /** Props passed down to `Combobox` component */
+    comboboxProps?: ComboboxProps;
+    /** Function based on which items are filtered and sorted */
+    filter?: OptionsFilter;
+    /** Maximum number of options displayed at a time, `Infinity` by default */
+    limit?: number;
+    /** Determines whether the options should be wrapped with `ScrollArea.AutoSize`, `true` by default */
+    withScrollArea?: boolean;
+    /** `max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default */
+    maxDropdownHeight?: number | string;
+}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Factory } from '../../../core';
+export interface ComboboxDropdownTargetProps {
+    /** Target element */
+    children: React.ReactNode;
+    /** Key of the prop that should be used to access element ref */
+    refProp?: string;
+}
+export type ComboboxDropdownTargetFactory = Factory<{
+    props: ComboboxDropdownTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;
+export declare const ComboboxDropdownTarget: import("../../../core").MantineComponent<{
+    props: ComboboxDropdownTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Factory } from '../../../core';
+export interface ComboboxEventsTargetProps {
+    /** Target element */
+    children: React.ReactNode;
+    /** Key of the prop that should be used to access element ref */
+    refProp?: string;
+    /** Determines whether component should respond to keyboard events, `true` by default */
+    withKeyboardNavigation?: boolean;
+    /** Determines whether the target should have `aria-` attributes, `true` by default */
+    withAriaAttributes?: boolean;
+    /** Determines which events should be handled by the target element.
+     * `button` target type handles `Space` and `Enter` keys to toggle dropdown opened state.
+     * `input` by default.
+     * */
+    targetType?: 'button' | 'input';
+}
+export type ComboboxEventsTargetFactory = Factory<{
+    props: ComboboxEventsTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;
+export declare const ComboboxEventsTarget: import("../../../core").MantineComponent<{
+    props: ComboboxEventsTargetProps;
+    ref: HTMLElement;
+    compound: true;
+}>;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+export type ComboboxGroupStylesNames = 'group' | 'groupLabel';
+export interface ComboboxGroupProps extends BoxProps, StylesApiProps<ComboboxGroupFactory>, ElementProps<'div'> {
+    /** Group label */
+    label?: React.ReactNode;
+}
+export type ComboboxGroupFactory = Factory<{
+    props: ComboboxGroupProps;
+    ref: HTMLDivElement;
+    stylesNames: ComboboxGroupStylesNames;
+    compound: true;
+}>;
+export declare const ComboboxGroup: import("../../../core").MantineComponent<{
+    props: ComboboxGroupProps;
+    ref: HTMLDivElement;
+    stylesNames: ComboboxGroupStylesNames;
+    compound: true;
+}>;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { ComboboxItem, ComboboxParsedItem } from '../Combobox.types';
+import { FilterOptionsInput } from './default-options-filter';
+export type OptionsFilter = (input: FilterOptionsInput) => ComboboxParsedItem[];
+export interface OptionsGroup {
+    group: string;
+    items: ComboboxItem[];
+}
+export type OptionsData = (ComboboxItem | OptionsGroup)[];
+export interface OptionsDropdownProps {
+    data: OptionsData;
+    filter: OptionsFilter | undefined;
+    search: string | undefined;
+    limit: number | undefined;
+    withScrollArea: boolean | undefined;
+    maxDropdownHeight: number | string | undefined;
+    hidden?: boolean;
+    hiddenWhenEmpty?: boolean;
+    filterOptions?: boolean;
+    withCheckIcon?: boolean;
+    value?: string | string[] | null;
+    checkIconPosition?: 'left' | 'right';
+    nothingFoundMessage?: React.ReactNode;
+}
+export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, }: OptionsDropdownProps): JSX.Element;

package/lib/components/Combobox/OptionsDropdown/default-options-filter.d.ts

@@ -0,0 +1,7 @@
+import { ComboboxParsedItem } from '../Combobox.types';
+export interface FilterOptionsInput {
+    options: ComboboxParsedItem[];
+    search: string;
+    limit: number;
+}
+export declare function defaultOptionsFilter({ options, search, limit, }: FilterOptionsInput): ComboboxParsedItem[];

package/lib/components/Combobox/OptionsDropdown/is-empty-combobox-data.d.ts

@@ -0,0 +1,2 @@
+import { ComboboxParsedItem } from '../Combobox.types';
+export declare function isEmptyComboboxData(data: ComboboxParsedItem[]): boolean;

package/lib/components/Combobox/OptionsDropdown/is-options-group.d.ts

@@ -0,0 +1,2 @@
+import { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox.types';
+export declare function isOptionsGroup(item: ComboboxParsedItem): item is ComboboxParsedItemGroup;

package/lib/components/Combobox/get-options-lockup/get-options-lockup.d.ts

@@ -0,0 +1,3 @@
+import { ComboboxParsedItem, ComboboxItem } from '../Combobox.types';
+export declare function getOptionsLockup(options: ComboboxParsedItem[]): Record<string, ComboboxItem>;
+export declare function getLabelsLockup(options: ComboboxParsedItem[]): Record<string, string>;

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

@@ -1,4 +1,5 @@
 export { getParsedComboboxData } from './get-parsed-combobox-data/get-parsed-combobox-data';
+export { getOptionsLockup, getLabelsLockup } from './get-options-lockup/get-options-lockup';
 export { ComboboxChevron } from './ComboboxChevron/ComboboxChevron';
 export { Combobox } from './Combobox';
 export { ComboboxDropdown } from './ComboboxDropdown/ComboboxDropdown';
@@ -7,11 +8,19 @@ export { ComboboxOption } from './ComboboxOption/ComboboxOption';
 export { ComboboxTarget } from './ComboboxTarget/ComboboxTarget';
 export { ComboboxSearch } from './ComboboxSearch/ComboboxSearch';
 export { ComboboxEmpty } from './ComboboxEmpty/ComboboxEmpty';
+export { ComboboxFooter } from './ComboboxFooter/ComboboxFooter';
+export { ComboboxHeader } from './ComboboxHeader/ComboboxHeader';
+export { ComboboxEventsTarget } from './ComboboxEventsTarget/ComboboxEventsTarget';
+export { ComboboxDropdownTarget } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
+export { ComboboxGroup } from './ComboboxGroup/ComboboxGroup';
+export { OptionsDropdown } from './OptionsDropdown/OptionsDropdown';
 export { useCombobox } from './use-combobox/use-combobox';
 export { useVirtualizedCombobox } from './use-combobox/use-virtualized-combobox';
 export { useComboboxTargetProps } from './use-combobox-target-props/use-combobox-target-props';
-export type { ComboboxStore, ComboboxDropdownEventSource } from './use-combobox/use-combobox';
-export type { ComboboxItem, ComboboxData, ComboboxParsedItem, ComboboxItemGroup, ComboboxParsedItemGroup, } from './Combobox.types';
+export { isOptionsGroup } from './OptionsDropdown/is-options-group';
+export { defaultOptionsFilter } from './OptionsDropdown/default-options-filter';
+export type { ComboboxStore, ComboboxDropdownEventSource, UseComboboxOptions, } from './use-combobox/use-combobox';
+export type { ComboboxItem, ComboboxData, ComboboxParsedItem, ComboboxItemGroup, ComboboxParsedItemGroup, ComboboxLikeProps, ComboboxLikeStylesNames, } from './Combobox.types';
 export type { ComboboxFactory, ComboboxProps, ComboboxStylesNames } from './Combobox';
 export type { ComboboxDropdownProps } from './ComboboxDropdown/ComboboxDropdown';
 export type { ComboboxOptionsProps } from './ComboboxOptions/ComboboxOptions';
@@ -20,3 +29,9 @@ export type { ComboboxTargetProps } from './ComboboxTarget/ComboboxTarget';
 export type { ComboboxChevronProps } from './ComboboxChevron/ComboboxChevron';
 export type { ComboboxEmptyProps } from './ComboboxEmpty/ComboboxEmpty';
 export type { ComboboxSearchProps } from './ComboboxSearch/ComboboxSearch';
+export type { ComboboxFooterProps } from './ComboboxFooter/ComboboxFooter';
+export type { ComboboxHeaderProps } from './ComboboxHeader/ComboboxHeader';
+export type { ComboboxDropdownTargetProps } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
+export type { ComboboxEventsTargetProps } from './ComboboxEventsTarget/ComboboxEventsTarget';
+export type { ComboboxGroupProps } from './ComboboxGroup/ComboboxGroup';
+export type { OptionsDropdownProps, OptionsData, OptionsFilter, } from './OptionsDropdown/OptionsDropdown';

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

@@ -1,27 +1,59 @@
 /// <reference types="react" />
 export type ComboboxDropdownEventSource = 'keyboard' | 'mouse' | 'unknown';
 export interface ComboboxStore {
+    /** Current dropdown opened state */
     dropdownOpened: boolean;
+    /** Opens dropdown */
     openDropdown(eventSource?: ComboboxDropdownEventSource): void;
+    /** Closes dropdown */
     closeDropdown(eventSource?: ComboboxDropdownEventSource): void;
+    /** Toggles dropdown opened state */
     toggleDropdown(eventSource?: ComboboxDropdownEventSource): void;
+    /** Selected option index */
     selectedOptionIndex: number;
+    /** Selects `Combobox.Option` by index */
     selectOption(index: number): void;
+    /** Selects first `Combobox.Option` with `active` prop.
+     *  If there are no such options, the function does nothing.
+     */
     selectActiveOption(): string | null;
+    /** Selects first `Combobox.Option` that is not disabled.
+     *  If there are no such options, the function does nothing.
+     * */
     selectFirstOption(): string | null;
+    /** Selects next `Combobox.Option` that is not disabled.
+     *  If the current option is the last one, the function selects first option, if `loop` is true.
+     */
     selectNextOption(): string | null;
+    /** Selects previous `Combobox.Option` that is not disabled.
+     *  If the current option is the first one, the function selects last option, if `loop` is true.
+     * */
     selectPreviousOption(): string | null;
+    /** Resets selected option index to -1, removes `data-combobox-selected` from selected option */
     resetSelectedOption(): void;
+    /** Triggers `onClick` event of selected option.
+     *  If there is no selected option, the function does nothing.
+     */
     clickSelectedOption(): void;
+    /** Updates selected option index to currently selected or active option.
+     *  The function is required to be used with searchable components to update selected option index
+     *  when options list changes based on search query.
+     */
     updateSelectedOptionIndex(target?: 'active' | 'selected'): void;
+    /** List id, used for `aria-*` attributes */
     listId: string | null;
+    /** Sets list id */
     setListId(id: string): void;
+    /** Ref of `Combobox.Search` input */
     searchRef: React.MutableRefObject<HTMLInputElement | null>;
+    /** Moves focus to `Combobox.Search` input */
     focusSearchInput(): void;
+    /** Ref of the target element */
     targetRef: React.MutableRefObject<HTMLElement | null>;
+    /** Moves focus to the target element */
     focusTarget(): void;
 }
-interface UseComboboxOptions {
+export interface UseComboboxOptions {
     /** Default value for `dropdownOpened`, `false` by default */
     defaultOpened?: boolean;
     /** Controlled `dropdownOpened` state */
@@ -38,4 +70,3 @@ interface UseComboboxOptions {
     scrollBehavior?: ScrollBehavior;
 }
 export declare function useCombobox({ defaultOpened, opened, onOpenedChange, onDropdownClose, onDropdownOpen, loop, scrollBehavior, }?: UseComboboxOptions): ComboboxStore;
-export {};

package/lib/components/Input/Input.d.ts

@@ -14,8 +14,8 @@ export type InputCssVariables = {
     wrapper: '--input-height' | '--input-fz' | '--input-radius' | '--input-left-section-width' | '--input-right-section-width' | '--input-left-section-pointer-events' | '--input-right-section-pointer-events' | '--input-padding-y' | '--input-margin-top' | '--input-margin-bottom';
 };
 export interface InputStylesCtx {
-    offsetTop: boolean;
-    offsetBottom: boolean;
+    offsetTop: boolean | undefined;
+    offsetBottom: boolean | undefined;
 }
 export interface __InputProps {
     /** Content section rendered on the left side of the input */
@@ -55,6 +55,10 @@ export interface InputProps extends BoxProps, __InputProps, StylesApiProps<Input
     error?: React.ReactNode;
     /** Determines whether the input can have multiple lines, for example when `component="textarea"`, `false` by default */
     multiline?: boolean;
+    /** Input element id */
+    id?: string;
+    /** Determines whether `aria-` and other accessibility attributes should be added to the input, `true` by default */
+    withAria?: boolean;
 }
 export type InputFactory = PolymorphicFactory<{
     props: InputProps;

package/lib/components/Input/InputWrapper.context.d.ts

@@ -5,8 +5,11 @@ interface InputWrapperContextValue {
     offsetTop: boolean;
     offsetBottom: boolean;
     describedBy: string | undefined;
+    inputId: string | undefined;
     getStyles: GetStylesApi<InputWrapperFactory> | null;
 }
-export declare const InputWrapperProvider: import("react").Provider<InputWrapperContextValue>;
-export declare const useInputWrapperContext: () => InputWrapperContextValue;
+export declare const InputWrapperProvider: ({ children, value }: {
+    value: InputWrapperContextValue;
+    children: import("react").ReactNode;
+}) => JSX.Element, useInputWrapperContext: () => InputWrapperContextValue | null;
 export {};

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

@@ -5,6 +5,7 @@ export { InputError } from './InputError/InputError';
 export { InputLabel } from './InputLabel/InputLabel';
 export { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';
 export { useInputProps } from './use-input-props';
+export { useInputWrapperContext } from './InputWrapper.context';
 export type { __InputProps, __BaseInputProps, __InputStylesNames, InputCssVariables, InputFactory, InputProps, InputStylesNames, InputVariant, } from './Input';
 export type { __InputWrapperProps, InputWrapperFactory, InputWrapperProps, InputWrapperStylesNames, } from './InputWrapper/InputWrapper';
 export type { InputDescriptionCssVariables, InputDescriptionFactory, InputDescriptionProps, InputDescriptionStylesNames, InputDescriptionVariant, } from './InputDescription/InputDescription';