@mantine/core 9.2.1 → 9.3.0

package/esm/index.mjs

@@ -87,6 +87,7 @@ import { ScrollArea, ScrollAreaAutosize } from "./components/ScrollArea/ScrollAr
 import { UnstyledButton } from "./components/UnstyledButton/UnstyledButton.mjs";
 import { VisuallyHidden } from "./components/VisuallyHidden/VisuallyHidden.mjs";
 import { Paper } from "./components/Paper/Paper.mjs";
+import { getArrowMergeDropdownStyles } from "./utils/Floating/FloatingArrow/get-arrow-position-styles.mjs";
 import { FloatingArrow } from "./utils/Floating/FloatingArrow/FloatingArrow.mjs";
 import { getFloatingPosition } from "./utils/Floating/get-floating-position/get-floating-position.mjs";
 import { useDelayedHover } from "./utils/Floating/use-delayed-hover.mjs";
@@ -97,6 +98,7 @@ import { transitions } from "./components/Transition/transitions.mjs";
 import { Transition } from "./components/Transition/Transition.mjs";
 import { getTransitionProps } from "./components/Transition/get-transition-props/get-transition-props.mjs";
 import { usePopoverContext } from "./components/Popover/Popover.context.mjs";
+import { PopoverContextMenu } from "./components/Popover/PopoverContextMenu/PopoverContextMenu.mjs";
 import { FocusTrap, FocusTrapInitialFocus } from "./components/FocusTrap/FocusTrap.mjs";
 import { PopoverDropdown } from "./components/Popover/PopoverDropdown/PopoverDropdown.mjs";
 import { PopoverTarget } from "./components/Popover/PopoverTarget/PopoverTarget.mjs";
@@ -245,10 +247,17 @@ 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 { MenuCheckboxGroup } from "./components/Menu/MenuCheckboxGroup/MenuCheckboxGroup.mjs";
+import { MenuCheckboxItem } from "./components/Menu/MenuCheckboxItem/MenuCheckboxItem.mjs";
+import { MenuContextMenu } from "./components/Menu/MenuContextMenu/MenuContextMenu.mjs";
 import { MenuDivider } from "./components/Menu/MenuDivider/MenuDivider.mjs";
 import { MenuDropdown } from "./components/Menu/MenuDropdown/MenuDropdown.mjs";
 import { MenuItem } from "./components/Menu/MenuItem/MenuItem.mjs";
 import { MenuLabel } from "./components/Menu/MenuLabel/MenuLabel.mjs";
+import { MenuRadioGroup } from "./components/Menu/MenuRadioGroup/MenuRadioGroup.mjs";
+import { RadioIcon } from "./components/Radio/RadioIcon.mjs";
+import { MenuRadioItem } from "./components/Menu/MenuRadioItem/MenuRadioItem.mjs";
+import { MenuSearch } from "./components/Menu/MenuSearch/MenuSearch.mjs";
 import { MenuSubDropdown } from "./components/Menu/MenuSubDropdown/MenuSubDropdown.mjs";
 import { MenuSubItem } from "./components/Menu/MenuSubItem/MenuSubItem.mjs";
 import { MenuSubTarget } from "./components/Menu/MenuSubTarget/MenuSubTarget.mjs";
@@ -283,6 +292,7 @@ import { PaginationControl } from "./components/Pagination/PaginationControl/Pag
 import { PaginationDots } from "./components/Pagination/PaginationDots/PaginationDots.mjs";
 import { PaginationFirst, PaginationLast, PaginationNext, PaginationPrevious } from "./components/Pagination/PaginationEdges/PaginationEdges.mjs";
 import { PaginationItems } from "./components/Pagination/PaginationItems/PaginationItems.mjs";
+import { PaginationLabel } from "./components/Pagination/PaginationLabel/PaginationLabel.mjs";
 import { PaginationRoot } from "./components/Pagination/PaginationRoot/PaginationRoot.mjs";
 import { Pagination } from "./components/Pagination/Pagination.mjs";
 import { PasswordInput } from "./components/PasswordInput/PasswordInput.mjs";
@@ -294,7 +304,6 @@ import { ProgressSection } from "./components/Progress/ProgressSection/ProgressS
 import { Progress } from "./components/Progress/Progress.mjs";
 import { RadioGroup, RadioGroupContext } from "./components/Radio/RadioGroup/RadioGroup.mjs";
 import { RadioCard, RadioCardContext } from "./components/Radio/RadioCard/RadioCard.mjs";
-import { RadioIcon } from "./components/Radio/RadioIcon.mjs";
 import { RadioIndicator } from "./components/Radio/RadioIndicator/RadioIndicator.mjs";
 import { Radio } from "./components/Radio/Radio.mjs";
 import { Rating } from "./components/Rating/Rating.mjs";
@@ -312,6 +321,9 @@ import { Skeleton } from "./components/Skeleton/Skeleton.mjs";
 import { Slider } from "./components/Slider/Slider/Slider.mjs";
 import { RangeSlider } from "./components/Slider/RangeSlider/RangeSlider.mjs";
 import { Space } from "./components/Space/Space.mjs";
+import { useSplitterContext } from "./components/Splitter/Splitter.context.mjs";
+import { SplitterPane } from "./components/Splitter/SplitterPane/SplitterPane.mjs";
+import { Splitter } from "./components/Splitter/Splitter.mjs";
 import { Spoiler } from "./components/Spoiler/Spoiler.mjs";
 import { Stack } from "./components/Stack/Stack.mjs";
 import { useStepperContext } from "./components/Stepper/Stepper.context.mjs";
@@ -347,4 +359,4 @@ import { TreeSelectOption } from "./components/TreeSelect/TreeSelectOption.mjs";
 import { TreeSelect } from "./components/TreeSelect/TreeSelect.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, 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, RollingNumber, 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, TreeSelect, TreeSelectOption, 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, usePillsReorder, 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, MenuCheckboxGroup, MenuCheckboxItem, MenuContextMenu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSearch, 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, PaginationLabel, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, Pill, PillGroup, PillsInput, PillsInputContext, PillsInputField, PinInput, Popover, PopoverContextMenu, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioCardContext, RadioGroup, RadioGroupContext, RadioIcon, RadioIndicator, RangeSlider, Rating, RemoveScroll, RingProgress, RollingNumber, STYlE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Splitter, SplitterPane, 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, TreeSelect, TreeSelectOption, 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, getArrowMergeDropdownStyles, 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, usePillsReorder, usePopoverContext, useProgressContext, useProps, useProviderColorScheme, useRandomClassName, useResolvedStylesApi, useSafeMantineTheme, useScrollAreaContext, useSplitterContext, useStepperContext, useStyles, useTableContext, useTabsContext, useTree, useVirtualizedCombobox, v8CssVariablesResolver, validateMantineTheme, virtualColor };

package/esm/utils/Floating/FloatingArrow/get-arrow-position-styles.mjs

@@ -18,7 +18,56 @@ const radiusByFloatingSide = {
 	right: "borderBottomLeftRadius",
 	top: "borderBottomRightRadius"
 };
+function getMergeArrowStyles({ position, arrowSize, dir }) {
+	const [side, placement] = position.split("-");
+	if (!placement) return;
+	const baseStyles = {
+		width: arrowSize,
+		height: arrowSize,
+		position: "absolute"
+	};
+	if (side === "bottom") {
+		const isStart = placement === "start";
+		const physicalSide = isStart ? dir === "ltr" ? "left" : "right" : dir === "ltr" ? "right" : "left";
+		return {
+			...baseStyles,
+			top: -arrowSize,
+			[physicalSide]: 0,
+			clipPath: isStart !== (dir === "rtl") ? "polygon(0% 0%, 0% 100%, 100% 100%)" : "polygon(100% 0%, 0% 100%, 100% 100%)"
+		};
+	}
+	if (side === "top") {
+		const isStart = placement === "start";
+		const physicalSide = isStart ? dir === "ltr" ? "left" : "right" : dir === "ltr" ? "right" : "left";
+		return {
+			...baseStyles,
+			bottom: -arrowSize,
+			[physicalSide]: 0,
+			clipPath: isStart !== (dir === "rtl") ? "polygon(0% 0%, 100% 0%, 0% 100%)" : "polygon(0% 0%, 100% 0%, 100% 100%)"
+		};
+	}
+	if (side === "left") return {
+		...baseStyles,
+		right: -arrowSize,
+		[placement === "start" ? "top" : "bottom"]: 0,
+		clipPath: placement === "start" ? "polygon(0% 0%, 100% 0%, 0% 100%)" : "polygon(0% 0%, 0% 100%, 100% 100%)"
+	};
+	if (side === "right") return {
+		...baseStyles,
+		left: -arrowSize,
+		[placement === "start" ? "top" : "bottom"]: 0,
+		clipPath: placement === "start" ? "polygon(0% 0%, 100% 0%, 100% 100%)" : "polygon(100% 0%, 0% 100%, 100% 100%)"
+	};
+}
 function getArrowPositionStyles({ position, arrowSize, arrowOffset, arrowRadius, arrowPosition, arrowX, arrowY, dir }) {
+	if (arrowPosition === "merge") {
+		const mergeStyles = getMergeArrowStyles({
+			position,
+			arrowSize,
+			dir
+		});
+		if (mergeStyles) return mergeStyles;
+	}
 	const [side, placement = "center"] = position.split("-");
 	const baseStyles = {
 		width: arrowSize,
@@ -62,7 +111,16 @@ function getArrowPositionStyles({ position, arrowSize, arrowOffset, arrowRadius,
 	};
 	return {};
 }
+function getArrowMergeDropdownStyles({ position, dir }) {
+	const [side, placement] = position.split("-");
+	if (!placement) return;
+	const isPhysicallyLeft = placement === "start" && dir === "ltr" || placement === "end" && dir === "rtl";
+	if (side === "bottom") return isPhysicallyLeft ? { borderTopLeftRadius: 0 } : { borderTopRightRadius: 0 };
+	if (side === "top") return isPhysicallyLeft ? { borderBottomLeftRadius: 0 } : { borderBottomRightRadius: 0 };
+	if (side === "left") return placement === "start" ? { borderTopRightRadius: 0 } : { borderBottomRightRadius: 0 };
+	if (side === "right") return placement === "start" ? { borderTopLeftRadius: 0 } : { borderBottomLeftRadius: 0 };
+}
 //#endregion
-export { getArrowPositionStyles };
+export { getArrowMergeDropdownStyles, getArrowPositionStyles };
 
 //# sourceMappingURL=get-arrow-position-styles.mjs.map

package/esm/utils/Floating/FloatingArrow/get-arrow-position-styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"get-arrow-position-styles.mjs","names":[],"sources":["../../../../src/utils/Floating/FloatingArrow/get-arrow-position-styles.ts"],"sourcesContent":["import type { ArrowPosition, FloatingPlacement, FloatingPosition, FloatingSide } from '../types';\n\nfunction horizontalSide(\n  placement: FloatingPlacement | 'center',\n  arrowY: number | undefined,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { top: arrowY };\n  }\n\n  if (placement === 'end') {\n    return { bottom: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { top: arrowOffset };\n  }\n\n  return {};\n}\n\nfunction verticalSide(\n  placement: FloatingPlacement | 'center',\n  arrowX: number | undefined,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition,\n  dir: 'rtl' | 'ltr'\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { left: arrowX };\n  }\n\n  if (placement === 'end') {\n    return { [dir === 'ltr' ? 'right' : 'left']: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { [dir === 'ltr' ? 'left' : 'right']: arrowOffset };\n  }\n\n  return {};\n}\n\nconst radiusByFloatingSide: Record<\n  FloatingSide,\n  keyof Pick<\n    React.CSSProperties,\n    | 'borderBottomLeftRadius'\n    | 'borderBottomRightRadius'\n    | 'borderTopLeftRadius'\n    | 'borderTopRightRadius'\n  >\n> = {\n  bottom: 'borderTopLeftRadius',\n  left: 'borderTopRightRadius',\n  right: 'borderBottomLeftRadius',\n  top: 'borderBottomRightRadius',\n};\n\nexport function getArrowPositionStyles({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  arrowX,\n  arrowY,\n  dir,\n}: {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number | undefined;\n  arrowY: number | undefined;\n  dir: 'rtl' | 'ltr';\n}) {\n  const [side, placement = 'center'] = position.split('-') as [FloatingSide, FloatingPlacement];\n  const baseStyles = {\n    width: arrowSize,\n    height: arrowSize,\n    transform: 'rotate(45deg)',\n    position: 'absolute',\n    [radiusByFloatingSide[side]]: arrowRadius,\n  };\n\n  const arrowPlacement = -arrowSize / 2;\n\n  if (side === 'left') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      right: arrowPlacement,\n      borderLeftColor: 'transparent',\n      borderBottomColor: 'transparent',\n      clipPath: 'polygon(100% 0, 0 0, 100% 100%)',\n    };\n  }\n\n  if (side === 'right') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      left: arrowPlacement,\n      borderRightColor: 'transparent',\n      borderTopColor: 'transparent',\n      clipPath: 'polygon(0 100%, 0 0, 100% 100%)',\n    };\n  }\n\n  if (side === 'top') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      bottom: arrowPlacement,\n      borderTopColor: 'transparent',\n      borderLeftColor: 'transparent',\n      clipPath: 'polygon(0 100%, 100% 100%, 100% 0)',\n    };\n  }\n\n  if (side === 'bottom') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      top: arrowPlacement,\n      borderBottomColor: 'transparent',\n      borderRightColor: 'transparent',\n      clipPath: 'polygon(0 100%, 0 0, 100% 0)',\n    };\n  }\n\n  return {};\n}\n"],"mappings":";;AAEA,SAAS,eACP,WACA,QACA,aACA,eACA;CACA,IAAI,cAAc,YAAY,kBAAkB,UAC9C,OAAO,EAAE,KAAK,OAAO;CAGvB,IAAI,cAAc,OAChB,OAAO,EAAE,QAAQ,YAAY;CAG/B,IAAI,cAAc,SAChB,OAAO,EAAE,KAAK,YAAY;CAG5B,OAAO,CAAC;AACV;AAEA,SAAS,aACP,WACA,QACA,aACA,eACA,KACA;CACA,IAAI,cAAc,YAAY,kBAAkB,UAC9C,OAAO,EAAE,MAAM,OAAO;CAGxB,IAAI,cAAc,OAChB,OAAO,GAAG,QAAQ,QAAQ,UAAU,SAAS,YAAY;CAG3D,IAAI,cAAc,SAChB,OAAO,GAAG,QAAQ,QAAQ,SAAS,UAAU,YAAY;CAG3D,OAAO,CAAC;AACV;AAEA,MAAM,uBASF;CACF,QAAQ;CACR,MAAM;CACN,OAAO;CACP,KAAK;AACP;AAEA,SAAgB,uBAAuB,EACrC,UACA,WACA,aACA,aACA,eACA,QACA,QACA,OAUC;CACD,MAAM,CAAC,MAAM,YAAY,YAAY,SAAS,MAAM,GAAG;CACvD,MAAM,aAAa;EACjB,OAAO;EACP,QAAQ;EACR,WAAW;EACX,UAAU;GACT,qBAAqB,QAAQ;CAChC;CAEA,MAAM,iBAAiB,CAAC,YAAY;CAEpC,IAAI,SAAS,QACX,OAAO;EACL,GAAG;EACH,GAAG,eAAe,WAAW,QAAQ,aAAa,aAAa;EAC/D,OAAO;EACP,iBAAiB;EACjB,mBAAmB;EACnB,UAAU;CACZ;CAGF,IAAI,SAAS,SACX,OAAO;EACL,GAAG;EACH,GAAG,eAAe,WAAW,QAAQ,aAAa,aAAa;EAC/D,MAAM;EACN,kBAAkB;EAClB,gBAAgB;EAChB,UAAU;CACZ;CAGF,IAAI,SAAS,OACX,OAAO;EACL,GAAG;EACH,GAAG,aAAa,WAAW,QAAQ,aAAa,eAAe,GAAG;EAClE,QAAQ;EACR,gBAAgB;EAChB,iBAAiB;EACjB,UAAU;CACZ;CAGF,IAAI,SAAS,UACX,OAAO;EACL,GAAG;EACH,GAAG,aAAa,WAAW,QAAQ,aAAa,eAAe,GAAG;EAClE,KAAK;EACL,mBAAmB;EACnB,kBAAkB;EAClB,UAAU;CACZ;CAGF,OAAO,CAAC;AACV"}
+{"version":3,"file":"get-arrow-position-styles.mjs","names":[],"sources":["../../../../src/utils/Floating/FloatingArrow/get-arrow-position-styles.ts"],"sourcesContent":["import type { ArrowPosition, FloatingPlacement, FloatingPosition, FloatingSide } from '../types';\n\nfunction horizontalSide(\n  placement: FloatingPlacement | 'center',\n  arrowY: number | undefined,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { top: arrowY };\n  }\n\n  if (placement === 'end') {\n    return { bottom: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { top: arrowOffset };\n  }\n\n  return {};\n}\n\nfunction verticalSide(\n  placement: FloatingPlacement | 'center',\n  arrowX: number | undefined,\n  arrowOffset: number,\n  arrowPosition: ArrowPosition,\n  dir: 'rtl' | 'ltr'\n) {\n  if (placement === 'center' || arrowPosition === 'center') {\n    return { left: arrowX };\n  }\n\n  if (placement === 'end') {\n    return { [dir === 'ltr' ? 'right' : 'left']: arrowOffset };\n  }\n\n  if (placement === 'start') {\n    return { [dir === 'ltr' ? 'left' : 'right']: arrowOffset };\n  }\n\n  return {};\n}\n\nconst radiusByFloatingSide: Record<\n  FloatingSide,\n  keyof Pick<\n    React.CSSProperties,\n    | 'borderBottomLeftRadius'\n    | 'borderBottomRightRadius'\n    | 'borderTopLeftRadius'\n    | 'borderTopRightRadius'\n  >\n> = {\n  bottom: 'borderTopLeftRadius',\n  left: 'borderTopRightRadius',\n  right: 'borderBottomLeftRadius',\n  top: 'borderBottomRightRadius',\n};\n\nfunction getMergeArrowStyles({\n  position,\n  arrowSize,\n  dir,\n}: {\n  position: FloatingPosition;\n  arrowSize: number;\n  dir: 'rtl' | 'ltr';\n}) {\n  const [side, placement] = position.split('-') as [FloatingSide, FloatingPlacement | undefined];\n\n  if (!placement) {\n    return undefined;\n  }\n\n  const baseStyles = {\n    width: arrowSize,\n    height: arrowSize,\n    position: 'absolute' as const,\n  };\n\n  if (side === 'bottom') {\n    const isStart = placement === 'start';\n    const physicalSide = isStart\n      ? dir === 'ltr'\n        ? 'left'\n        : 'right'\n      : dir === 'ltr'\n        ? 'right'\n        : 'left';\n\n    return {\n      ...baseStyles,\n      top: -arrowSize,\n      [physicalSide]: 0,\n      clipPath:\n        isStart !== (dir === 'rtl')\n          ? 'polygon(0% 0%, 0% 100%, 100% 100%)'\n          : 'polygon(100% 0%, 0% 100%, 100% 100%)',\n    };\n  }\n\n  if (side === 'top') {\n    const isStart = placement === 'start';\n    const physicalSide = isStart\n      ? dir === 'ltr'\n        ? 'left'\n        : 'right'\n      : dir === 'ltr'\n        ? 'right'\n        : 'left';\n\n    return {\n      ...baseStyles,\n      bottom: -arrowSize,\n      [physicalSide]: 0,\n      clipPath:\n        isStart !== (dir === 'rtl')\n          ? 'polygon(0% 0%, 100% 0%, 0% 100%)'\n          : 'polygon(0% 0%, 100% 0%, 100% 100%)',\n    };\n  }\n\n  if (side === 'left') {\n    return {\n      ...baseStyles,\n      right: -arrowSize,\n      [placement === 'start' ? 'top' : 'bottom']: 0,\n      clipPath:\n        placement === 'start'\n          ? 'polygon(0% 0%, 100% 0%, 0% 100%)'\n          : 'polygon(0% 0%, 0% 100%, 100% 100%)',\n    };\n  }\n\n  if (side === 'right') {\n    return {\n      ...baseStyles,\n      left: -arrowSize,\n      [placement === 'start' ? 'top' : 'bottom']: 0,\n      clipPath:\n        placement === 'start'\n          ? 'polygon(0% 0%, 100% 0%, 100% 100%)'\n          : 'polygon(100% 0%, 0% 100%, 100% 100%)',\n    };\n  }\n\n  return undefined;\n}\n\nexport function getArrowPositionStyles({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  arrowX,\n  arrowY,\n  dir,\n}: {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number | undefined;\n  arrowY: number | undefined;\n  dir: 'rtl' | 'ltr';\n}) {\n  if (arrowPosition === 'merge') {\n    const mergeStyles = getMergeArrowStyles({ position, arrowSize, dir });\n    if (mergeStyles) {\n      return mergeStyles;\n    }\n  }\n\n  const [side, placement = 'center'] = position.split('-') as [FloatingSide, FloatingPlacement];\n  const baseStyles = {\n    width: arrowSize,\n    height: arrowSize,\n    transform: 'rotate(45deg)',\n    position: 'absolute',\n    [radiusByFloatingSide[side]]: arrowRadius,\n  };\n\n  const arrowPlacement = -arrowSize / 2;\n\n  if (side === 'left') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      right: arrowPlacement,\n      borderLeftColor: 'transparent',\n      borderBottomColor: 'transparent',\n      clipPath: 'polygon(100% 0, 0 0, 100% 100%)',\n    };\n  }\n\n  if (side === 'right') {\n    return {\n      ...baseStyles,\n      ...horizontalSide(placement, arrowY, arrowOffset, arrowPosition),\n      left: arrowPlacement,\n      borderRightColor: 'transparent',\n      borderTopColor: 'transparent',\n      clipPath: 'polygon(0 100%, 0 0, 100% 100%)',\n    };\n  }\n\n  if (side === 'top') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      bottom: arrowPlacement,\n      borderTopColor: 'transparent',\n      borderLeftColor: 'transparent',\n      clipPath: 'polygon(0 100%, 100% 100%, 100% 0)',\n    };\n  }\n\n  if (side === 'bottom') {\n    return {\n      ...baseStyles,\n      ...verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir),\n      top: arrowPlacement,\n      borderBottomColor: 'transparent',\n      borderRightColor: 'transparent',\n      clipPath: 'polygon(0 100%, 0 0, 100% 0)',\n    };\n  }\n\n  return {};\n}\n\nexport function getArrowMergeDropdownStyles({\n  position,\n  dir,\n}: {\n  position: FloatingPosition;\n  dir: 'rtl' | 'ltr';\n}): React.CSSProperties | undefined {\n  const [side, placement] = position.split('-') as [FloatingSide, FloatingPlacement | undefined];\n\n  if (!placement) {\n    return undefined;\n  }\n\n  const isPhysicallyLeft =\n    (placement === 'start' && dir === 'ltr') || (placement === 'end' && dir === 'rtl');\n\n  if (side === 'bottom') {\n    return isPhysicallyLeft ? { borderTopLeftRadius: 0 } : { borderTopRightRadius: 0 };\n  }\n\n  if (side === 'top') {\n    return isPhysicallyLeft ? { borderBottomLeftRadius: 0 } : { borderBottomRightRadius: 0 };\n  }\n\n  if (side === 'left') {\n    return placement === 'start' ? { borderTopRightRadius: 0 } : { borderBottomRightRadius: 0 };\n  }\n\n  if (side === 'right') {\n    return placement === 'start' ? { borderTopLeftRadius: 0 } : { borderBottomLeftRadius: 0 };\n  }\n\n  return undefined;\n}\n"],"mappings":"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"}

package/esm/utils/Floating/create-context-menu-handlers.mjs

@@ -0,0 +1,38 @@
+"use client";
+import { createEventHandler } from "../../core/utils/create-event-handler/create-event-handler.mjs";
+//#region packages/@mantine/core/src/utils/Floating/create-context-menu-handlers.ts
+function createContextMenuHandlers({ childProps, disabled, opened, setReference, open }) {
+	const onMouseDown = createEventHandler(childProps.onMouseDown, (event) => {
+		if (disabled) return;
+		if (event.button === 2) event.stopPropagation();
+	});
+	return {
+		onContextMenu: createEventHandler(childProps.onContextMenu, (event) => {
+			if (disabled || event.defaultPrevented) return;
+			event.preventDefault();
+			const { clientX, clientY } = event;
+			const contextElement = event.currentTarget;
+			setReference({
+				getBoundingClientRect: () => ({
+					x: clientX,
+					y: clientY,
+					width: 0,
+					height: 0,
+					top: clientY,
+					left: clientX,
+					right: clientX,
+					bottom: clientY,
+					toJSON: () => void 0
+				}),
+				contextElement
+			});
+			open();
+		}),
+		onMouseDown,
+		"data-expanded": opened ? true : void 0
+	};
+}
+//#endregion
+export { createContextMenuHandlers };
+
+//# sourceMappingURL=create-context-menu-handlers.mjs.map

package/esm/utils/Floating/create-context-menu-handlers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-context-menu-handlers.mjs","names":[],"sources":["../../../src/utils/Floating/create-context-menu-handlers.ts"],"sourcesContent":["import { createEventHandler } from '../../core/utils/create-event-handler/create-event-handler';\n\ninterface CreateContextMenuHandlersOptions {\n  /** Props of the child element that opens the dropdown */\n  childProps: Record<string, any>;\n\n  /** If set, right-click trigger is disabled and the browser's default context menu is shown */\n  disabled: boolean | undefined;\n\n  /** Current opened state, used to set `data-expanded` on the child */\n  opened: boolean;\n\n  /** Sets the floating reference to a virtual element positioned at the cursor */\n  setReference: (node: object) => void;\n\n  /** Called to open the dropdown after the reference has been set */\n  open: () => void;\n}\n\nexport function createContextMenuHandlers({\n  childProps,\n  disabled,\n  opened,\n  setReference,\n  open,\n}: CreateContextMenuHandlersOptions) {\n  const onMouseDown = createEventHandler<any>(\n    childProps.onMouseDown,\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        return;\n      }\n      if (event.button === 2) {\n        event.stopPropagation();\n      }\n    }\n  );\n\n  const onContextMenu = createEventHandler<any>(\n    childProps.onContextMenu,\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled || event.defaultPrevented) {\n        return;\n      }\n\n      event.preventDefault();\n      const { clientX, clientY } = event;\n      const contextElement = event.currentTarget;\n\n      setReference({\n        getBoundingClientRect: () => ({\n          x: clientX,\n          y: clientY,\n          width: 0,\n          height: 0,\n          top: clientY,\n          left: clientX,\n          right: clientX,\n          bottom: clientY,\n          toJSON: () => undefined,\n        }),\n        contextElement,\n      });\n\n      open();\n    }\n  );\n\n  return {\n    onContextMenu,\n    onMouseDown,\n    'data-expanded': opened ? true : undefined,\n  };\n}\n"],"mappings":";;;AAmBA,SAAgB,0BAA0B,EACxC,YACA,UACA,QACA,cACA,QACmC;CACnC,MAAM,cAAc,mBAClB,WAAW,cACV,UAAyC;EACxC,IAAI,UACF;EAEF,IAAI,MAAM,WAAW,GACnB,MAAM,gBAAgB;CAE1B,CACF;CAgCA,OAAO;EACL,eA/BoB,mBACpB,WAAW,gBACV,UAAyC;GACxC,IAAI,YAAY,MAAM,kBACpB;GAGF,MAAM,eAAe;GACrB,MAAM,EAAE,SAAS,YAAY;GAC7B,MAAM,iBAAiB,MAAM;GAE7B,aAAa;IACX,8BAA8B;KAC5B,GAAG;KACH,GAAG;KACH,OAAO;KACP,QAAQ;KACR,KAAK;KACL,MAAM;KACN,OAAO;KACP,QAAQ;KACR,cAAc,KAAA;IAChB;IACA;GACF,CAAC;GAED,KAAK;EACP,CAIY;EACZ;EACA,iBAAiB,SAAS,OAAO,KAAA;CACnC;AACF"}

package/lib/components/Blockquote/Blockquote.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 export type BlockquoteStylesNames = 'root' | 'icon' | 'cite';
 export type BlockquoteCssVariables = {
-    root: '--bq-bg-light' | '--bq-bg-dark' | '--bq-bd' | '--bq-icon-size' | '--bq-radius';
+    root: '--bq-bg-light' | '--bq-bg-dark' | '--bq-bd' | '--bq-icon-size' | '--bq-radius' | '--bq-text-wrap';
 };
 export interface BlockquoteProps extends BoxProps, StylesApiProps<BlockquoteFactory>, ElementProps<'blockquote', 'cite'> {
     /** Blockquote icon, displayed at the top left side */
@@ -14,6 +14,8 @@ export interface BlockquoteProps extends BoxProps, StylesApiProps<BlockquoteFact
     radius?: MantineRadius;
     /** Reference to a cited quote */
     cite?: React.ReactNode;
+    /** Controls `text-wrap` CSS property */
+    textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';
 }
 export type BlockquoteFactory = Factory<{
     props: BlockquoteProps;

package/lib/components/Checkbox/CheckboxIndicator/CheckboxIndicator.d.ts

@@ -9,7 +9,7 @@ export interface CheckboxIndicatorProps extends BoxProps, StylesApiProps<Checkbo
     /** Key of `theme.colors` or any valid CSS color to set input background color in checked state @default theme.primaryColor */
     color?: MantineColor;
     /** Controls size of the component @default 'sm' */
-    size?: MantineSize | (string & {});
+    size?: MantineSize | (string & {}) | number;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */
     radius?: MantineRadius;
     /** Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast` */

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

@@ -9,5 +9,6 @@ export interface ComboboxContextValue {
     size: MantineSize | (string & {});
     resetSelectionOnOptionHover: boolean | undefined;
     readOnly: boolean | undefined;
+    floatingHeight: 'viewport' | undefined;
 }
 export declare const ComboboxProvider: import("react").Context<ComboboxContextValue | null>, useComboboxContext: () => ComboboxContextValue;

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

@@ -36,6 +36,8 @@ export interface ComboboxProps extends __PopoverProps, StylesApiProps<ComboboxFa
     resetSelectionOnOptionHover?: boolean;
     /** Determines whether the `Combobox` value can be changed */
     readOnly?: boolean;
+    /** If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware. */
+    floatingHeight?: 'viewport';
 }
 export type ComboboxFactory = Factory<{
     props: ComboboxProps;

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

@@ -48,6 +48,8 @@ export interface ComboboxLikeProps<Value extends Primitive = string> {
     withScrollArea?: boolean;
     /** `max-height` of the dropdown, only applicable when `withScrollArea` prop is `true`, `250` by default */
     maxDropdownHeight?: number | string;
+    /** If set to `'viewport'`, the dropdown grows to fill the available vertical space in the viewport. Disables the `flip` middleware. */
+    floatingHeight?: 'viewport';
 }
 export interface ComboboxLikeRenderOptionInput<T> {
     option: T;

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

@@ -15,6 +15,8 @@ export interface OptionsDropdownProps {
     limit: number | undefined;
     withScrollArea: boolean | undefined;
     maxDropdownHeight: number | string | undefined;
+    /** Overrides `floatingHeight` from the `Combobox` context, used by `Combobox`-based components */
+    floatingHeight?: 'viewport';
     hidden?: boolean;
     hiddenWhenEmpty?: boolean;
     filterOptions?: boolean;
@@ -29,4 +31,4 @@ export interface OptionsDropdownProps {
     renderOption?: (input: ComboboxLikeRenderOptionInput<any>) => React.ReactNode;
     scrollAreaProps: ScrollAreaProps | undefined;
 }
-export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, withAlignedLabels, value, checkIconPosition, nothingFoundMessage, unstyled, labelId, renderOption, scrollAreaProps, 'aria-label': ariaLabel, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;
+export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, floatingHeight, withScrollArea, filterOptions, withCheckIcon, withAlignedLabels, value, checkIconPosition, nothingFoundMessage, unstyled, labelId, renderOption, scrollAreaProps, 'aria-label': ariaLabel, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Drawer/DrawerRoot.d.ts

@@ -21,13 +21,11 @@ export type DrawerRootFactory = Factory<{
     ref: HTMLDivElement;
     stylesNames: DrawerRootStylesNames;
     vars: DrawerRootCssVariables;
-    compound: true;
 }>;
 export declare const DrawerRoot: import("../..").MantineComponent<{
     props: DrawerRootProps;
     ref: HTMLDivElement;
     stylesNames: DrawerRootStylesNames;
     vars: DrawerRootCssVariables;
-    compound: true;
 }>;
 export {};

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

@@ -12,7 +12,7 @@ export interface __BaseInputProps extends __InputWrapperProps, __InputProps {
     wrapperProps?: WrapperProps;
 }
 export type __InputStylesNames = InputStylesNames | InputWrapperStylesNames;
-export type InputStylesNames = 'input' | 'wrapper' | 'section';
+export type InputStylesNames = 'input' | 'wrapper' | 'section' | 'bottomSection';
 export type InputVariant = 'default' | 'filled' | 'unstyled';
 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';
@@ -64,6 +64,10 @@ export interface __InputProps {
     loading?: boolean;
     /** Position of the loading indicator @default 'right' */
     loadingPosition?: 'left' | 'right';
+    /** Content section displayed at the bottom of the input, inside the border */
+    __bottomSection?: React.ReactNode;
+    /** Props passed down to the `__bottomSection` element */
+    __bottomSectionProps?: React.ComponentProps<'div'>;
 }
 export interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {
     __staticSelector?: string;

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

@@ -98,6 +98,8 @@ export declare function useMaskInputProps(props: MaskInputProps & {
         __defaultRightSection?: React.ReactNode;
         loading?: boolean;
         loadingPosition?: "left" | "right";
+        __bottomSection?: React.ReactNode;
+        __bottomSectionProps?: React.ComponentProps<"div">;
         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;
@@ -117,6 +119,7 @@ export declare function useMaskInputProps(props: MaskInputProps & {
             error?: Record<string, any> | undefined;
             required?: Record<string, any> | undefined;
             wrapper?: Record<string, any> | undefined;
+            bottomSection?: Record<string, any> | undefined;
         } | undefined;
         form?: string | undefined | undefined;
         slot?: string | undefined | undefined;

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

@@ -17,5 +17,10 @@ export interface MenuContextValue {
     setOpenedViaClick: (value: boolean) => void;
     withInitialFocusPlaceholder: boolean | undefined;
     registerOpenSub: (closeFn: () => void) => () => void;
+    hasSearch: boolean;
+    registerSearch: () => () => void;
+    searchExitClearRef: React.RefObject<(() => void) | null>;
+    alignItemsLabels: 'all' | 'with-indicators' | 'none';
+    checkIcon: React.ReactNode;
 }
 export declare const MenuContextProvider: import("react").Context<MenuContextValue | null>, useMenuContext: () => MenuContextValue;

package/lib/components/Menu/Menu.d.ts

@@ -1,16 +1,22 @@
 import { Factory, StylesApiProps } from '../../core';
 import { __PopoverProps, PopoverStylesNames } from '../Popover';
 import { type MenuContextValue } from './Menu.context';
+import { MenuCheckboxGroup, type MenuCheckboxGroupProps } from './MenuCheckboxGroup/MenuCheckboxGroup';
+import { MenuCheckboxItem, type MenuCheckboxItemProps } from './MenuCheckboxItem/MenuCheckboxItem';
+import { MenuContextMenu, type MenuContextMenuProps } from './MenuContextMenu/MenuContextMenu';
 import { MenuDivider, type MenuDividerProps } from './MenuDivider/MenuDivider';
 import { MenuDropdown, type MenuDropdownProps } from './MenuDropdown/MenuDropdown';
 import { MenuItem, type MenuItemProps } from './MenuItem/MenuItem';
 import { MenuLabel, type MenuLabelProps } from './MenuLabel/MenuLabel';
+import { MenuRadioGroup, type MenuRadioGroupProps } from './MenuRadioGroup/MenuRadioGroup';
+import { MenuRadioItem, type MenuRadioItemProps } from './MenuRadioItem/MenuRadioItem';
+import { MenuSearch, type MenuSearchProps } from './MenuSearch/MenuSearch';
 import { MenuSub, type MenuSubProps } from './MenuSub/MenuSub';
 import { MenuTarget, type MenuTargetProps } from './MenuTarget/MenuTarget';
 import type { MenuSubDropdownProps } from './MenuSubDropdown/MenuSubDropdown';
 import type { MenuSubItemProps } from './MenuSubItem/MenuSubItem';
 import type { MenuSubTargetProps } from './MenuSubTarget/MenuSubTarget';
-export type MenuStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'label' | 'divider' | 'chevron' | PopoverStylesNames;
+export type MenuStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'itemIndicator' | 'label' | 'divider' | 'chevron' | 'search' | PopoverStylesNames;
 export type MenuFactory = Factory<{
     props: MenuProps;
     stylesNames: MenuStylesNames;
@@ -20,7 +26,13 @@ export type MenuFactory = Factory<{
         Dropdown: typeof MenuDropdown;
         Target: typeof MenuTarget;
         Divider: typeof MenuDivider;
+        Search: typeof MenuSearch;
         Sub: typeof MenuSub;
+        CheckboxItem: typeof MenuCheckboxItem;
+        CheckboxGroup: typeof MenuCheckboxGroup;
+        RadioItem: typeof MenuRadioItem;
+        RadioGroup: typeof MenuRadioGroup;
+        ContextMenu: typeof MenuContextMenu;
     };
 }>;
 export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
@@ -63,6 +75,10 @@ export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
     withInitialFocusPlaceholder?: boolean;
     /** Determines whether focus should be automatically returned to control when dropdown closes @default `true` */
     returnFocus?: boolean;
+    /** Controls how indicator slot space is reserved on menu items for label alignment. `'all'` reserves space on every `Menu.Item`, `'with-indicators'` reserves space only on `Menu.CheckboxItem` and `Menu.RadioItem`, `'none'` reserves space only on items that currently display an indicator. @default 'with-indicators' */
+    alignItemsLabels?: 'all' | 'with-indicators' | 'none';
+    /** Custom icon rendered as the indicator of checked `Menu.CheckboxItem` and selected `Menu.RadioItem`. Can be overridden per item with the `checkIcon` prop. */
+    checkIcon?: React.ReactNode;
 }
 export declare const Menu: import("../..").MantineComponent<{
     props: MenuProps;
@@ -73,7 +89,13 @@ export declare const Menu: import("../..").MantineComponent<{
         Dropdown: typeof MenuDropdown;
         Target: typeof MenuTarget;
         Divider: typeof MenuDivider;
+        Search: typeof MenuSearch;
         Sub: typeof MenuSub;
+        CheckboxItem: typeof MenuCheckboxItem;
+        CheckboxGroup: typeof MenuCheckboxGroup;
+        RadioItem: typeof MenuRadioItem;
+        RadioGroup: typeof MenuRadioGroup;
+        ContextMenu: typeof MenuContextMenu;
     };
 }>;
 export declare namespace Menu {
@@ -96,9 +118,27 @@ export declare namespace Menu {
     namespace Target {
         type Props = MenuTargetProps;
     }
+    namespace Search {
+        type Props = MenuSearchProps;
+    }
     namespace Sub {
         type Props = MenuSubProps;
     }
+    namespace CheckboxItem {
+        type Props = MenuCheckboxItemProps;
+    }
+    namespace RadioItem {
+        type Props = MenuRadioItemProps;
+    }
+    namespace RadioGroup {
+        type Props = MenuRadioGroupProps;
+    }
+    namespace CheckboxGroup {
+        type Props = MenuCheckboxGroupProps;
+    }
+    namespace ContextMenu {
+        type Props = MenuContextMenuProps;
+    }
     namespace SubDropdown {
         type Props = MenuSubDropdownProps;
     }

package/lib/components/Menu/MenuCheckboxGroup/MenuCheckboxGroup.context.d.ts

@@ -0,0 +1,5 @@
+export interface MenuCheckboxGroupContextValue {
+    values: string[];
+    onChange: (value: string) => void;
+}
+export declare const MenuCheckboxGroupContext: import("react").Context<MenuCheckboxGroupContextValue | null>;

package/lib/components/Menu/MenuCheckboxGroup/MenuCheckboxGroup.d.ts

@@ -0,0 +1,14 @@
+export interface MenuCheckboxGroupProps {
+    /** Controlled selected values */
+    value?: string[];
+    /** Uncontrolled default selected values */
+    defaultValue?: string[];
+    /** Called with the new array of selected values when a `Menu.CheckboxItem` is toggled */
+    onChange?: (value: string[]) => void;
+    /** `Menu.CheckboxItem` components and other elements */
+    children?: React.ReactNode;
+}
+export declare function MenuCheckboxGroup(_props: MenuCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MenuCheckboxGroup {
+    var displayName: string;
+}

package/lib/components/Menu/MenuCheckboxItem/MenuCheckboxItem.d.ts

@@ -0,0 +1,37 @@
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
+export type MenuCheckboxItemStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'itemIndicator';
+export interface MenuCheckboxItemProps extends BoxProps, CompoundStylesApiProps<MenuCheckboxItemFactory>, ElementProps<'button', 'color' | 'onChange' | 'value'> {
+    'data-disabled'?: boolean;
+    /** Item label */
+    children?: React.ReactNode;
+    /** Key of `theme.colors` or any valid CSS color */
+    color?: MantineColor;
+    /** If set, closes the menu when this item is clicked. By default, checkbox items do not close the menu. */
+    closeMenuOnClick?: boolean;
+    /** Section displayed at the end of the label */
+    rightSection?: React.ReactNode;
+    /** Sets disabled attribute, applies disabled styles */
+    disabled?: boolean;
+    /** Value of the checkbox item. When used inside `Menu.CheckboxGroup`, determines whether the item is checked and what value is added/removed on toggle. */
+    value?: string;
+    /** Controlled checked state. Overrides selection derived from the parent `Menu.CheckboxGroup`. */
+    checked?: boolean;
+    /** Uncontrolled default checked state. Ignored when the item is used inside `Menu.CheckboxGroup`. */
+    defaultChecked?: boolean;
+    /** Called when checked state changes. Overrides `onChange` of the parent `Menu.CheckboxGroup`. */
+    onChange?: (checked: boolean) => void;
+    /** Replaces the default check icon rendered in the indicator slot when the item is checked. Overrides `checkIcon` set on `Menu`. */
+    checkIcon?: React.ReactNode;
+}
+export type MenuCheckboxItemFactory = Factory<{
+    props: MenuCheckboxItemProps;
+    ref: HTMLButtonElement;
+    stylesNames: MenuCheckboxItemStylesNames;
+    compound: true;
+}>;
+export declare const MenuCheckboxItem: import("../../..").MantineComponent<{
+    props: MenuCheckboxItemProps;
+    ref: HTMLButtonElement;
+    stylesNames: MenuCheckboxItemStylesNames;
+    compound: true;
+}>;

package/lib/components/Menu/MenuContextMenu/MenuContextMenu.d.ts

@@ -0,0 +1,10 @@
+export interface MenuContextMenuProps {
+    /** Element that opens the menu when right-clicked. Menu dropdown is positioned at the cursor. The trigger element must not call `event.preventDefault()` in its own `onContextMenu` handler, otherwise the native context menu is not suppressed. */
+    children: React.ReactNode;
+    /** If set, the right-click trigger is disabled and the browser's default context menu is shown */
+    disabled?: boolean;
+}
+export declare function MenuContextMenu(props: MenuContextMenuProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+export declare namespace MenuContextMenu {
+    var displayName: string;
+}

package/lib/components/Menu/MenuItem/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps, CompoundStylesApiProps, MantineColor, PolymorphicFactory } from '../../../core';
-export type MenuItemStylesNames = 'item' | 'itemLabel' | 'itemSection';
+export type MenuItemStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'itemIndicator';
 export interface MenuItemProps extends BoxProps, CompoundStylesApiProps<MenuItemFactory> {
     'data-disabled'?: boolean;
     /** Item label */

package/lib/components/Menu/MenuRadioGroup/MenuRadioGroup.context.d.ts

@@ -0,0 +1,5 @@
+export interface MenuRadioGroupContextValue {
+    value: string | null;
+    onChange: (value: string) => void;
+}
+export declare const MenuRadioGroupContext: import("react").Context<MenuRadioGroupContextValue | null>;

package/lib/components/Menu/MenuRadioGroup/MenuRadioGroup.d.ts

@@ -0,0 +1,14 @@
+export interface MenuRadioGroupProps {
+    /** Controlled selected value */
+    value?: string | null;
+    /** Uncontrolled default selected value */
+    defaultValue?: string | null;
+    /** Called with the new value when a `Menu.RadioItem` is selected */
+    onChange?: (value: string) => void;
+    /** `Menu.RadioItem` components and other elements */
+    children?: React.ReactNode;
+}
+export declare function MenuRadioGroup(_props: MenuRadioGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MenuRadioGroup {
+    var displayName: string;
+}

package/lib/components/Menu/MenuRadioItem/MenuRadioItem.d.ts

@@ -0,0 +1,35 @@
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
+export type MenuRadioItemStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'itemIndicator';
+export interface MenuRadioItemProps extends BoxProps, CompoundStylesApiProps<MenuRadioItemFactory>, ElementProps<'button', 'color' | 'onChange' | 'value'> {
+    'data-disabled'?: boolean;
+    /** Item label */
+    children?: React.ReactNode;
+    /** Key of `theme.colors` or any valid CSS color */
+    color?: MantineColor;
+    /** If set, closes the menu when this item is clicked. By default, radio items do not close the menu. */
+    closeMenuOnClick?: boolean;
+    /** Section displayed at the end of the label */
+    rightSection?: React.ReactNode;
+    /** Sets disabled attribute, applies disabled styles */
+    disabled?: boolean;
+    /** Value of the radio item. Used by the parent `Menu.RadioGroup` to determine which item is selected. */
+    value: string;
+    /** Overrides selected state determined by the parent `Menu.RadioGroup`. */
+    checked?: boolean;
+    /** Called with the item value when item is selected. Overrides `onChange` of the parent `Menu.RadioGroup`. */
+    onChange?: (value: string) => void;
+    /** Replaces the default radio indicator rendered when the item is selected. Overrides `checkIcon` set on `Menu`. */
+    checkIcon?: React.ReactNode;
+}
+export type MenuRadioItemFactory = Factory<{
+    props: MenuRadioItemProps;
+    ref: HTMLButtonElement;
+    stylesNames: MenuRadioItemStylesNames;
+    compound: true;
+}>;
+export declare const MenuRadioItem: import("../../..").MantineComponent<{
+    props: MenuRadioItemProps;
+    ref: HTMLButtonElement;
+    stylesNames: MenuRadioItemStylesNames;
+    compound: true;
+}>;