@mantine/core 9.0.2 → 9.1.1

package/esm/index.mjs

@@ -46,7 +46,7 @@ import { lighten } from "./core/MantineProvider/color-functions/lighten/lighten.
 import { getContrastColor, getPrimaryContrastColor } from "./core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs";
 import { getAutoContrastValue } from "./core/MantineProvider/color-functions/get-auto-contrast-value/get-auto-contrast-value.mjs";
 import { colorsTuple } from "./core/MantineProvider/color-functions/colors-tuple/colors-tuple.mjs";
-import { MantineContext, useMantineClassNamesPrefix, useMantineContext, useMantineCssVariablesResolver, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineWithStaticClasses } from "./core/MantineProvider/Mantine.context.mjs";
+import { MantineContext, useMantineClassNamesPrefix, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineWithStaticClasses } from "./core/MantineProvider/Mantine.context.mjs";
 import { useMantineColorScheme } from "./core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.mjs";
 import { useProviderColorScheme } from "./core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs";
 import { useComputedColorScheme } from "./core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.mjs";
@@ -70,6 +70,7 @@ import { FOCUS_CLASS_NAMES } from "./core/styles-api/use-styles/get-class-name/g
 import { useStyles } from "./core/styles-api/use-styles/use-styles.mjs";
 import { stylesToString } from "./core/InlineStyles/styles-to-string/styles-to-string.mjs";
 import { InlineStyles } from "./core/InlineStyles/InlineStyles.mjs";
+import { hashStyleProps } from "./core/InlineStyles/hash-styles.mjs";
 import { extractStyleProps } from "./core/Box/style-props/extract-style-props/extract-style-props.mjs";
 import { STYlE_PROPS_DATA } from "./core/Box/style-props/style-props-data.mjs";
 import { parseStyleProps } from "./core/Box/style-props/parse-style-props/parse-style-props.mjs";
@@ -241,6 +242,7 @@ import { ListItem } from "./components/List/ListItem/ListItem.mjs";
 import { List } from "./components/List/List.mjs";
 import { LoadingOverlay } from "./components/LoadingOverlay/LoadingOverlay.mjs";
 import { Marquee } from "./components/Marquee/Marquee.mjs";
+import { MaskInput } from "./components/MaskInput/MaskInput.mjs";
 import { useMenuContext } from "./components/Menu/Menu.context.mjs";
 import { MenuDivider } from "./components/Menu/MenuDivider/MenuDivider.mjs";
 import { MenuDropdown } from "./components/Menu/MenuDropdown/MenuDropdown.mjs";
@@ -334,6 +336,11 @@ import { Timeline } from "./components/Timeline/Timeline.mjs";
 import { Title } from "./components/Title/Title.mjs";
 import { getTreeExpandedState, useTree } from "./components/Tree/use-tree.mjs";
 import { Tree } from "./components/Tree/Tree.mjs";
+import { mergeAsyncChildren } from "./components/Tree/merge-async-children/merge-async-children.mjs";
+import { moveTreeNode } from "./components/Tree/move-tree-node/move-tree-node.mjs";
+import { defaultTreeNodeFilter, filterTreeData } from "./components/Tree/filter-tree-data/filter-tree-data.mjs";
+import { flattenTreeData } from "./components/Tree/flatten-tree-data/flatten-tree-data.mjs";
+import { FlatTreeNode } from "./components/Tree/FlatTreeNode.mjs";
 import { Typography } from "./components/Typography/Typography.mjs";
 import { RemoveScroll } from "react-remove-scroll";
-export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, AvatarGroupContext, BackgroundImage, Badge, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Center, CheckIcon, Checkbox, CheckboxCard, CheckboxCardContext, CheckboxGroup, CheckboxGroupContext, CheckboxIndicator, Chip, ChipGroup, ChipGroupContext, CloseButton, CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSchemeScript, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxSearch, ComboboxTarget, Container, CopyButton, DEFAULT_THEME, Dialog, DirectionContext, DirectionProvider, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerStackContext, DrawerTitle, FLEX_STYLE_PROPS_DATA, FOCUS_CLASS_NAMES, Fieldset, FileButton, FileInput, Flex, FloatingArrow, FloatingIndicator, FloatingWindow, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardGroupContext, HoverCardTarget, HueSlider, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputWrapper, InputWrapperContext, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, transitions as MANTINE_TRANSITIONS, MantineContext, MantineProvider, MantineThemeContext, MantineThemeProvider, Mark, Marquee, Menu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalStack, ModalStackContext, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NavLink, Notification, NumberFormatter, NumberInput, OptionalPortal, OptionsDropdown, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, Pill, PillGroup, PillsInput, PillsInputContext, PillsInputField, PinInput, Popover, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioCardContext, RadioGroup, RadioGroupContext, RadioIcon, RadioIndicator, RangeSlider, Rating, RemoveScroll, RingProgress, STYlE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, SwitchGroupContext, Table, TableCaption, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating, TooltipGroup, TooltipGroupContext, Transition, Tree, Typography, UnstyledButton, VisuallyHidden, alpha, camelToKebabCase, closeOnEscape, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createSafeContext, createScopedKeydownHandler, createTheme, createUseExternalEvents, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultVariantColorsResolver, em, extractStyleProps, factory, filterProps, findClosestNumber, findElementAncestor, findElementBySelector, findElementsBySelector, genericFactory, getAutoContrastValue, getBaseValue, getBreakpointValue, getCSSColorVariables, getContextItemIndex, getContrastColor, getDefaultZIndex, getEnv, getFloatingPosition, getFontSize, getGradient, getLineHeight, getOptionsLockup, getParsedComboboxData, getPrimaryContrastColor, getPrimaryShade, getRadius, getRefProp, getRootElement, getSafeId, getShadow, getSingleElementChild, getSize, getSortedBreakpoints, getSpacing, getStyleObject, getThemeColor, getTransitionProps, getTreeExpandedState, isColorValid, isElement, isLightColor, isMantineColorScheme, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, localStorageColorSchemeManager, luminance, mantineHtmlProps, memoize, mergeMantineTheme, mergeThemeOverrides, noop, parseColor, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, px, rem, resolveClassNames, resolveStyles, rgba, stylesToString, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDelayedHover, useDirection, useDrawerContext, useDrawersStack, useGridContext, useHoverCardContext, useHovered, useInputProps, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineTheme, useMantineWithStaticClasses, useMatches, useMenuContext, useModalContext, useModalsStack, usePaginationContext, usePopoverContext, useProgressContext, useProps, useProviderColorScheme, useRandomClassName, useResolvedStylesApi, useSafeMantineTheme, useScrollAreaContext, useStepperContext, useStyles, useTableContext, useTabsContext, useTree, useVirtualizedCombobox, v8CssVariablesResolver, validateMantineTheme, virtualColor };
+export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, AvatarGroupContext, BackgroundImage, Badge, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Center, CheckIcon, Checkbox, CheckboxCard, CheckboxCardContext, CheckboxGroup, CheckboxGroupContext, CheckboxIndicator, Chip, ChipGroup, ChipGroupContext, CloseButton, CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSchemeScript, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxSearch, ComboboxTarget, Container, CopyButton, DEFAULT_THEME, Dialog, DirectionContext, DirectionProvider, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerStackContext, DrawerTitle, FLEX_STYLE_PROPS_DATA, FOCUS_CLASS_NAMES, Fieldset, FileButton, FileInput, FlatTreeNode, Flex, FloatingArrow, FloatingIndicator, FloatingWindow, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardGroupContext, HoverCardTarget, HueSlider, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputWrapper, InputWrapperContext, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, transitions as MANTINE_TRANSITIONS, MantineContext, MantineProvider, MantineThemeContext, MantineThemeProvider, Mark, Marquee, MaskInput, Menu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalStack, ModalStackContext, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NavLink, Notification, NumberFormatter, NumberInput, OptionalPortal, OptionsDropdown, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, Pill, PillGroup, PillsInput, PillsInputContext, PillsInputField, PinInput, Popover, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioCardContext, RadioGroup, RadioGroupContext, RadioIcon, RadioIndicator, RangeSlider, Rating, RemoveScroll, RingProgress, STYlE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, SwitchGroupContext, Table, TableCaption, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating, TooltipGroup, TooltipGroupContext, Transition, Tree, Typography, UnstyledButton, VisuallyHidden, alpha, camelToKebabCase, closeOnEscape, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createSafeContext, createScopedKeydownHandler, createTheme, createUseExternalEvents, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultTreeNodeFilter, defaultVariantColorsResolver, em, extractStyleProps, factory, filterProps, filterTreeData, findClosestNumber, findElementAncestor, findElementBySelector, findElementsBySelector, flattenTreeData, genericFactory, getAutoContrastValue, getBaseValue, getBreakpointValue, getCSSColorVariables, getContextItemIndex, getContrastColor, getDefaultZIndex, getEnv, getFloatingPosition, getFontSize, getGradient, getLineHeight, getOptionsLockup, getParsedComboboxData, getPrimaryContrastColor, getPrimaryShade, getRadius, getRefProp, getRootElement, getSafeId, getShadow, getSingleElementChild, getSize, getSortedBreakpoints, getSpacing, getStyleObject, getThemeColor, getTransitionProps, getTreeExpandedState, hashStyleProps, isColorValid, isElement, isLightColor, isMantineColorScheme, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, localStorageColorSchemeManager, luminance, mantineHtmlProps, memoize, mergeAsyncChildren, mergeMantineTheme, mergeThemeOverrides, moveTreeNode, noop, parseColor, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, px, rem, resolveClassNames, resolveStyles, rgba, stylesToString, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDelayedHover, useDirection, useDrawerContext, useDrawersStack, useGridContext, useHoverCardContext, useHovered, useInputProps, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineDeduplicateInlineStyles, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineTheme, useMantineWithStaticClasses, useMatches, useMenuContext, useModalContext, useModalsStack, usePaginationContext, usePopoverContext, useProgressContext, useProps, useProviderColorScheme, useRandomClassName, useResolvedStylesApi, useSafeMantineTheme, useScrollAreaContext, useStepperContext, useStyles, useTableContext, useTabsContext, useTree, useVirtualizedCombobox, v8CssVariablesResolver, validateMantineTheme, virtualColor };

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

@@ -3,7 +3,7 @@ import { InputClearButtonProps } from '../../Input';
 export interface ComboboxClearButtonProps extends InputClearButtonProps, ElementProps<'button'> {
     onClear: () => void;
 }
-export declare function ComboboxClearButton({ size, onMouseDown, onClick, onClear, ...others }: ComboboxClearButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComboboxClearButton({ onMouseDown, onClick, onClear, ...others }: ComboboxClearButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace ComboboxClearButton {
     var displayName: string;
 }

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

@@ -4,9 +4,11 @@ interface UseComboboxTargetPropsInput {
     withKeyboardNavigation: boolean | undefined;
     withExpandedAttribute: boolean | undefined;
     onKeyDown: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onClick: React.MouseEventHandler<HTMLInputElement> | undefined;
     autoComplete: string | undefined;
 }
-export declare function useComboboxTargetProps({ onKeyDown, withKeyboardNavigation, withAriaAttributes, withExpandedAttribute, targetType, autoComplete, }: UseComboboxTargetPropsInput): {
+export declare function useComboboxTargetProps({ onKeyDown, onClick, withKeyboardNavigation, withAriaAttributes, withExpandedAttribute, targetType, autoComplete, }: UseComboboxTargetPropsInput): {
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onClick: (event: React.MouseEvent<HTMLInputElement>) => void;
 };
 export {};

package/lib/components/MaskInput/MaskInput.d.ts

@@ -0,0 +1,68 @@
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
+export interface MaskInputProps extends BoxProps, __BaseInputProps, StylesApiProps<MaskInputFactory>, ElementProps<'input', 'size'> {
+    /** Mask pattern string or array of string literals and RegExp objects */
+    mask: string | Array<string | RegExp>;
+    /** Override or extend the default token map */
+    tokens?: Record<string, RegExp>;
+    /** Called before masking on each keystroke, can return overrides for mask options */
+    modify?: (value: string) => Partial<Pick<MaskInputProps, 'mask' | 'tokens' | 'slotChar' | 'separate'>> | undefined;
+    /** When true, raw and display values are decoupled */
+    separate?: boolean;
+    /** Character displayed in unfilled slots, `"_"` by default */
+    slotChar?: string | null;
+    /** Show mask pattern even when field is empty and unfocused */
+    alwaysShowMask?: boolean;
+    /** Show mask placeholder on focus, `true` by default */
+    showMaskOnFocus?: boolean;
+    /** Transform each character before validation and insertion */
+    transform?: (char: string) => string;
+    /** Clear value on blur when mask is incomplete, `false` by default */
+    autoClear?: boolean;
+    /** Called on every change with raw and masked values */
+    onChangeRaw?: (rawValue: string, maskedValue: string) => void;
+    /** Called when all required mask slots are filled */
+    onComplete?: (maskedValue: string, rawValue: string) => void;
+    /** Escape hatch for advanced cursor/value manipulation */
+    beforeMaskedStateChange?: (states: {
+        previousState: {
+            value: string;
+            selection: {
+                start: number;
+                end: number;
+            } | null;
+        };
+        currentState: {
+            value: string;
+            selection: {
+                start: number;
+                end: number;
+            } | null;
+        };
+        nextState: {
+            value: string;
+            selection: {
+                start: number;
+                end: number;
+            } | null;
+        };
+    }) => {
+        value: string;
+        selection: {
+            start: number;
+            end: number;
+        } | null;
+    };
+}
+export type MaskInputFactory = Factory<{
+    props: MaskInputProps;
+    variant: InputVariant;
+    ref: HTMLInputElement;
+    stylesNames: __InputStylesNames;
+}>;
+export declare const MaskInput: import("../..").MantineComponent<{
+    props: MaskInputProps;
+    variant: InputVariant;
+    ref: HTMLInputElement;
+    stylesNames: __InputStylesNames;
+}>;

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

@@ -0,0 +1,7 @@
+import type { MaskInputFactory, MaskInputProps } from './MaskInput';
+export { MaskInput } from './MaskInput';
+export type { MaskInputProps, MaskInputFactory };
+export declare namespace MaskInput {
+    type Props = MaskInputProps;
+    type Factory = MaskInputFactory;
+}

package/lib/components/MaskInput/use-mask-input-props.d.ts

@@ -0,0 +1,428 @@
+import type { MaskInputProps } from './MaskInput';
+export declare function useMaskInputProps(props: MaskInputProps & {
+    ref?: React.Ref<HTMLInputElement>;
+}): {
+    maskRef: import("react").RefCallback<HTMLInputElement>;
+    elementProps: {
+        className?: string;
+        style?: import("../..").MantineStyleProp;
+        __vars?: import("../..").CssVarsProp;
+        __size?: string;
+        hiddenFrom?: import("../..").MantineBreakpoint;
+        visibleFrom?: import("../..").MantineBreakpoint;
+        lightHidden?: boolean;
+        darkHidden?: boolean;
+        mod?: import("../..").BoxMod;
+        m?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        my?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        mx?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        mt?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        mb?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        ms?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        me?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        mis?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        mie?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        ml?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        mr?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        p?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        py?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        px?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        pt?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        pb?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        ps?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        pe?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        pis?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        pie?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        pl?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        pr?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        bd?: import("../..").StyleProp<React.CSSProperties["border"]>;
+        bdrs?: import("../..").StyleProp<import("../..").MantineSpacing>;
+        bg?: import("../..").StyleProp<import("../..").MantineColor>;
+        c?: import("../..").StyleProp<import("../..").MantineColor>;
+        opacity?: import("../..").StyleProp<React.CSSProperties["opacity"]>;
+        ff?: import("../..").StyleProp<"monospace" | "text" | "heading" | (string & {})>;
+        fz?: import("../..").StyleProp<import("../..").MantineFontSize | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
+        fw?: import("../..").StyleProp<React.CSSProperties["fontWeight"]>;
+        lts?: import("../..").StyleProp<React.CSSProperties["letterSpacing"]>;
+        ta?: import("../..").StyleProp<React.CSSProperties["textAlign"]>;
+        lh?: import("../..").StyleProp<import("../..").MantineLineHeight | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
+        fs?: import("../..").StyleProp<React.CSSProperties["fontStyle"]>;
+        tt?: import("../..").StyleProp<React.CSSProperties["textTransform"]>;
+        td?: import("../..").StyleProp<React.CSSProperties["textDecoration"]>;
+        w?: import("../..").StyleProp<React.CSSProperties["width"]>;
+        miw?: import("../..").StyleProp<React.CSSProperties["minWidth"]>;
+        maw?: import("../..").StyleProp<React.CSSProperties["maxWidth"]>;
+        h?: import("../..").StyleProp<React.CSSProperties["height"]>;
+        mih?: import("../..").StyleProp<React.CSSProperties["minHeight"]>;
+        mah?: import("../..").StyleProp<React.CSSProperties["maxHeight"]>;
+        bgsz?: import("../..").StyleProp<React.CSSProperties["backgroundSize"]>;
+        bgp?: import("../..").StyleProp<React.CSSProperties["backgroundPosition"]>;
+        bgr?: import("../..").StyleProp<React.CSSProperties["backgroundRepeat"]>;
+        bga?: import("../..").StyleProp<React.CSSProperties["backgroundAttachment"]>;
+        pos?: import("../..").StyleProp<React.CSSProperties["position"]>;
+        top?: import("../..").StyleProp<React.CSSProperties["top"]>;
+        left?: import("../..").StyleProp<React.CSSProperties["left"]>;
+        bottom?: import("../..").StyleProp<React.CSSProperties["bottom"]>;
+        right?: import("../..").StyleProp<React.CSSProperties["right"]>;
+        inset?: import("../..").StyleProp<React.CSSProperties["inset"]>;
+        display?: import("../..").StyleProp<React.CSSProperties["display"]>;
+        flex?: import("../..").StyleProp<React.CSSProperties["flex"]>;
+        wrapperProps?: import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").DataAttributes;
+        label?: React.ReactNode;
+        description?: React.ReactNode;
+        error?: React.ReactNode;
+        required?: boolean;
+        withAsterisk?: boolean;
+        labelProps?: import("..").InputLabelProps & import("../..").DataAttributes;
+        descriptionProps?: import("..").InputDescriptionProps & import("../..").DataAttributes;
+        errorProps?: import("..").InputErrorProps & import("../..").DataAttributes;
+        inputContainer?: (children: React.ReactNode) => React.ReactNode;
+        inputWrapperOrder?: ("label" | "input" | "description" | "error")[];
+        leftSection?: React.ReactNode;
+        leftSectionWidth?: React.CSSProperties["width"];
+        leftSectionProps?: React.ComponentProps<"div">;
+        leftSectionPointerEvents?: React.CSSProperties["pointerEvents"];
+        rightSection?: React.ReactNode;
+        rightSectionWidth?: React.CSSProperties["width"];
+        rightSectionProps?: React.ComponentProps<"div">;
+        rightSectionPointerEvents?: React.CSSProperties["pointerEvents"];
+        radius?: import("../..").MantineRadius;
+        disabled?: boolean;
+        size?: import("../..").MantineSize | (string & {});
+        pointer?: boolean;
+        withErrorStyles?: boolean;
+        inputSize?: string;
+        __clearSection?: React.ReactNode;
+        __clearable?: boolean;
+        __clearSectionMode?: import("..").ClearSectionMode;
+        __defaultRightSection?: React.ReactNode;
+        loading?: boolean;
+        loadingPosition?: "left" | "right";
+        unstyled?: boolean;
+        variant?: (string & {}) | import("..").InputVariant | undefined;
+        classNames?: Partial<Record<import("..").__InputStylesNames, string>> | ((theme: import("../..").MantineTheme, props: MaskInputProps, ctx: unknown) => Partial<Record<import("..").__InputStylesNames, string>>) | undefined;
+        styles?: Partial<Record<import("..").__InputStylesNames, import("../..").CSSProperties>> | ((theme: import("../..").MantineTheme, props: MaskInputProps, ctx: unknown) => Partial<Record<import("..").__InputStylesNames, import("../..").CSSProperties>>) | undefined;
+        vars?: import("../..").PartialVarsResolver<{
+            props: MaskInputProps;
+            variant: import("..").InputVariant;
+            ref: HTMLInputElement;
+            stylesNames: import("..").__InputStylesNames;
+        }> | undefined;
+        attributes?: {
+            input?: Record<string, any> | undefined;
+            label?: Record<string, any> | undefined;
+            section?: Record<string, any> | undefined;
+            root?: Record<string, any> | undefined;
+            description?: Record<string, any> | undefined;
+            error?: Record<string, any> | undefined;
+            required?: Record<string, any> | undefined;
+            wrapper?: Record<string, any> | undefined;
+        } | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        title?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+        dir?: string | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        max?: number | string | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        color?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        height?: number | string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        width?: number | string | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        key?: import("react").Key | null | undefined;
+        type?: import("react").HTMLInputTypeAttribute | undefined;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        tabIndex?: number | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: import("react").AriaRole | undefined;
+        about?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        children?: import("react").ReactNode;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
+        onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPaste?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
+        onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+        onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+        onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+        onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
+        onChangeCapture?: import("react").ChangeEventHandler<HTMLInputElement, Element> | undefined;
+        onBeforeInput?: import("react").InputEventHandler<HTMLInputElement> | undefined;
+        onBeforeInputCapture?: import("react").InputEventHandler<HTMLInputElement> | undefined;
+        onInput?: import("react").InputEventHandler<HTMLInputElement> | undefined;
+        onInputCapture?: import("react").InputEventHandler<HTMLInputElement> | undefined;
+        onReset?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onResetCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onSubmit?: import("react").SubmitEventHandler<HTMLInputElement> | undefined;
+        onSubmitCapture?: import("react").SubmitEventHandler<HTMLInputElement> | undefined;
+        onInvalid?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onInvalidCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onLoad?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onError?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+        onAbort?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptied?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onEncrypted?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onEnded?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedData?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStart?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onPause?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onPlaying?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onProgress?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeked?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeking?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onStalled?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspend?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onWaiting?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onAuxClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenu?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onDrag?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnd?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragExit?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeave?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragStart?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
+        onSelect?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+        onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMove?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStart?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
+        onPointerDown?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMove?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUp?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOver?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOut?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
+        onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+        onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+        onScrollEnd?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+        onScrollEndCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+        onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
+        onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
+        onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+        onToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+        onBeforeToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+        onTransitionCancel?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionRun?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+        value?: string | number | readonly string[] | undefined;
+        name?: string | undefined | undefined;
+        src?: string | undefined | undefined;
+        list?: string | undefined | undefined;
+        step?: number | string | undefined | undefined;
+        min?: number | string | undefined | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+        formEncType?: string | undefined | undefined;
+        formMethod?: string | undefined | undefined;
+        formNoValidate?: boolean | undefined | undefined;
+        formTarget?: string | undefined | undefined;
+        capture?: boolean | "user" | "environment" | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        accept?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
+        checked?: boolean | undefined | undefined;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        readOnly?: boolean | undefined | undefined;
+    };
+};

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -47,7 +47,7 @@ export interface MultiSelectProps<Value extends Primitive = string> extends BoxP
     /** Divider used to separate values in the hidden input `value` attribute @default ',' */
     hiddenInputValuesDivider?: string;
     /** A function to render content of the option, replaces the default content of the option */
-    renderOption?: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => React.ReactNode;
+    renderOption?: (item: ComboboxLikeRenderOptionInput<ComboboxItem<Value>>) => React.ReactNode;
     /** A function to render content of the pill */
     renderPill?: (props: ComboboxRenderPillInput<Value>) => React.ReactNode;
     /** Props passed down to the underlying `ScrollArea` component in the dropdown */

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

@@ -45,7 +45,7 @@ export interface PopoverContextValue {
     variant: string | undefined;
     keepMounted: boolean | undefined;
     getStyles: GetStylesApi<PopoverFactory>;
-    resolvedStyles: Record<string, any>;
+    resolvedStyles: Record<string, any> | undefined;
     floatingStrategy: FloatingStrategy | undefined;
     referenceHidden: boolean | undefined;
 }