@mantine/core 9.2.1 → 9.3.0

package/cjs/index.cjs

@@ -1,5 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("./_virtual/_rolldown/runtime.cjs");
 const require_keys = require("./core/utils/keys/keys.cjs");
 const require_deep_merge = require("./core/utils/deep-merge/deep-merge.cjs");
 const require_camel_to_kebab_case = require("./core/utils/camel-to-kebab-case/camel-to-kebab-case.cjs");
@@ -89,6 +88,7 @@ const require_ScrollArea = require("./components/ScrollArea/ScrollArea.cjs");
 const require_UnstyledButton = require("./components/UnstyledButton/UnstyledButton.cjs");
 const require_VisuallyHidden = require("./components/VisuallyHidden/VisuallyHidden.cjs");
 const require_Paper = require("./components/Paper/Paper.cjs");
+const require_get_arrow_position_styles = require("./utils/Floating/FloatingArrow/get-arrow-position-styles.cjs");
 const require_FloatingArrow = require("./utils/Floating/FloatingArrow/FloatingArrow.cjs");
 const require_get_floating_position = require("./utils/Floating/get-floating-position/get-floating-position.cjs");
 const require_use_delayed_hover = require("./utils/Floating/use-delayed-hover.cjs");
@@ -99,6 +99,7 @@ const require_transitions = require("./components/Transition/transitions.cjs");
 const require_Transition = require("./components/Transition/Transition.cjs");
 const require_get_transition_props = require("./components/Transition/get-transition-props/get-transition-props.cjs");
 const require_Popover_context = require("./components/Popover/Popover.context.cjs");
+const require_PopoverContextMenu = require("./components/Popover/PopoverContextMenu/PopoverContextMenu.cjs");
 const require_FocusTrap = require("./components/FocusTrap/FocusTrap.cjs");
 const require_PopoverDropdown = require("./components/Popover/PopoverDropdown/PopoverDropdown.cjs");
 const require_PopoverTarget = require("./components/Popover/PopoverTarget/PopoverTarget.cjs");
@@ -247,10 +248,17 @@ const require_LoadingOverlay = require("./components/LoadingOverlay/LoadingOverl
 const require_Marquee = require("./components/Marquee/Marquee.cjs");
 const require_MaskInput = require("./components/MaskInput/MaskInput.cjs");
 const require_Menu_context = require("./components/Menu/Menu.context.cjs");
+const require_MenuCheckboxGroup = require("./components/Menu/MenuCheckboxGroup/MenuCheckboxGroup.cjs");
+const require_MenuCheckboxItem = require("./components/Menu/MenuCheckboxItem/MenuCheckboxItem.cjs");
+const require_MenuContextMenu = require("./components/Menu/MenuContextMenu/MenuContextMenu.cjs");
 const require_MenuDivider = require("./components/Menu/MenuDivider/MenuDivider.cjs");
 const require_MenuDropdown = require("./components/Menu/MenuDropdown/MenuDropdown.cjs");
 const require_MenuItem = require("./components/Menu/MenuItem/MenuItem.cjs");
 const require_MenuLabel = require("./components/Menu/MenuLabel/MenuLabel.cjs");
+const require_MenuRadioGroup = require("./components/Menu/MenuRadioGroup/MenuRadioGroup.cjs");
+const require_RadioIcon = require("./components/Radio/RadioIcon.cjs");
+const require_MenuRadioItem = require("./components/Menu/MenuRadioItem/MenuRadioItem.cjs");
+const require_MenuSearch = require("./components/Menu/MenuSearch/MenuSearch.cjs");
 const require_MenuSubDropdown = require("./components/Menu/MenuSubDropdown/MenuSubDropdown.cjs");
 const require_MenuSubItem = require("./components/Menu/MenuSubItem/MenuSubItem.cjs");
 const require_MenuSubTarget = require("./components/Menu/MenuSubTarget/MenuSubTarget.cjs");
@@ -285,6 +293,7 @@ const require_PaginationControl = require("./components/Pagination/PaginationCon
 const require_PaginationDots = require("./components/Pagination/PaginationDots/PaginationDots.cjs");
 const require_PaginationEdges = require("./components/Pagination/PaginationEdges/PaginationEdges.cjs");
 const require_PaginationItems = require("./components/Pagination/PaginationItems/PaginationItems.cjs");
+const require_PaginationLabel = require("./components/Pagination/PaginationLabel/PaginationLabel.cjs");
 const require_PaginationRoot = require("./components/Pagination/PaginationRoot/PaginationRoot.cjs");
 const require_Pagination = require("./components/Pagination/Pagination.cjs");
 const require_PasswordInput = require("./components/PasswordInput/PasswordInput.cjs");
@@ -296,7 +305,6 @@ const require_ProgressSection = require("./components/Progress/ProgressSection/P
 const require_Progress = require("./components/Progress/Progress.cjs");
 const require_RadioGroup = require("./components/Radio/RadioGroup/RadioGroup.cjs");
 const require_RadioCard = require("./components/Radio/RadioCard/RadioCard.cjs");
-const require_RadioIcon = require("./components/Radio/RadioIcon.cjs");
 const require_RadioIndicator = require("./components/Radio/RadioIndicator/RadioIndicator.cjs");
 const require_Radio = require("./components/Radio/Radio.cjs");
 const require_Rating = require("./components/Rating/Rating.cjs");
@@ -314,6 +322,9 @@ const require_Skeleton = require("./components/Skeleton/Skeleton.cjs");
 const require_Slider = require("./components/Slider/Slider/Slider.cjs");
 const require_RangeSlider = require("./components/Slider/RangeSlider/RangeSlider.cjs");
 const require_Space = require("./components/Space/Space.cjs");
+const require_Splitter_context = require("./components/Splitter/Splitter.context.cjs");
+const require_SplitterPane = require("./components/Splitter/SplitterPane/SplitterPane.cjs");
+const require_Splitter = require("./components/Splitter/Splitter.cjs");
 const require_Spoiler = require("./components/Spoiler/Spoiler.cjs");
 const require_Stack = require("./components/Stack/Stack.cjs");
 const require_Stepper_context = require("./components/Stepper/Stepper.context.cjs");
@@ -487,10 +498,16 @@ exports.Mark = require_Mark.Mark;
 exports.Marquee = require_Marquee.Marquee;
 exports.MaskInput = require_MaskInput.MaskInput;
 exports.Menu = require_Menu.Menu;
+exports.MenuCheckboxGroup = require_MenuCheckboxGroup.MenuCheckboxGroup;
+exports.MenuCheckboxItem = require_MenuCheckboxItem.MenuCheckboxItem;
+exports.MenuContextMenu = require_MenuContextMenu.MenuContextMenu;
 exports.MenuDivider = require_MenuDivider.MenuDivider;
 exports.MenuDropdown = require_MenuDropdown.MenuDropdown;
 exports.MenuItem = require_MenuItem.MenuItem;
 exports.MenuLabel = require_MenuLabel.MenuLabel;
+exports.MenuRadioGroup = require_MenuRadioGroup.MenuRadioGroup;
+exports.MenuRadioItem = require_MenuRadioItem.MenuRadioItem;
+exports.MenuSearch = require_MenuSearch.MenuSearch;
 exports.MenuSub = require_MenuSub.MenuSub;
 exports.MenuSubDropdown = require_MenuSubDropdown.MenuSubDropdown;
 exports.MenuSubItem = require_MenuSubItem.MenuSubItem;
@@ -529,6 +546,7 @@ exports.PaginationControl = require_PaginationControl.PaginationControl;
 exports.PaginationDots = require_PaginationDots.PaginationDots;
 exports.PaginationFirst = require_PaginationEdges.PaginationFirst;
 exports.PaginationItems = require_PaginationItems.PaginationItems;
+exports.PaginationLabel = require_PaginationLabel.PaginationLabel;
 exports.PaginationLast = require_PaginationEdges.PaginationLast;
 exports.PaginationNext = require_PaginationEdges.PaginationNext;
 exports.PaginationPrevious = require_PaginationEdges.PaginationPrevious;
@@ -542,6 +560,7 @@ exports.PillsInputContext = require_PillsInput_context.PillsInputContext;
 exports.PillsInputField = require_PillsInputField.PillsInputField;
 exports.PinInput = require_PinInput.PinInput;
 exports.Popover = require_Popover.Popover;
+exports.PopoverContextMenu = require_PopoverContextMenu.PopoverContextMenu;
 exports.PopoverDropdown = require_PopoverDropdown.PopoverDropdown;
 exports.PopoverTarget = require_PopoverTarget.PopoverTarget;
 exports.Portal = require_Portal.Portal;
@@ -577,6 +596,8 @@ exports.SimpleGrid = require_SimpleGrid.SimpleGrid;
 exports.Skeleton = require_Skeleton.Skeleton;
 exports.Slider = require_Slider.Slider;
 exports.Space = require_Space.Space;
+exports.Splitter = require_Splitter.Splitter;
+exports.SplitterPane = require_SplitterPane.SplitterPane;
 exports.Spoiler = require_Spoiler.Spoiler;
 exports.Stack = require_Stack.Stack;
 exports.Stepper = require_Stepper.Stepper;
@@ -649,6 +670,7 @@ exports.findElementBySelector = require_find_element_in_shadow_dom.findElementBy
 exports.findElementsBySelector = require_find_element_in_shadow_dom.findElementsBySelector;
 exports.flattenTreeData = require_flatten_tree_data.flattenTreeData;
 exports.genericFactory = require_factory.genericFactory;
+exports.getArrowMergeDropdownStyles = require_get_arrow_position_styles.getArrowMergeDropdownStyles;
 exports.getAutoContrastValue = require_get_auto_contrast_value.getAutoContrastValue;
 exports.getBaseValue = require_get_base_value.getBaseValue;
 exports.getBreakpointValue = require_get_breakpoint_value.getBreakpointValue;
@@ -752,6 +774,7 @@ exports.useRandomClassName = require_use_random_classname.useRandomClassName;
 exports.useResolvedStylesApi = require_use_resolved_styles_api.useResolvedStylesApi;
 exports.useSafeMantineTheme = require_MantineThemeProvider.useSafeMantineTheme;
 exports.useScrollAreaContext = require_ScrollArea_context.useScrollAreaContext;
+exports.useSplitterContext = require_Splitter_context.useSplitterContext;
 exports.useStepperContext = require_Stepper_context.useStepperContext;
 exports.useStyles = require_use_styles.useStyles;
 exports.useTableContext = require_Table_context.useTableContext;

package/cjs/utils/Floating/FloatingArrow/FloatingArrow.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_DirectionProvider = require("../../../core/DirectionProvider/DirectionProvider.cjs");
 const require_get_arrow_position_styles = require("./get-arrow-position-styles.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");

package/cjs/utils/Floating/FloatingArrow/FloatingArrow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingArrow.cjs","names":["useDirection","getArrowPositionStyles"],"sources":["../../../../src/utils/Floating/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import { useDirection } from '../../../core';\nimport { ArrowPosition, FloatingPosition } from '../types';\nimport { getArrowPositionStyles } from './get-arrow-position-styles';\n\ninterface FloatingArrowProps extends React.ComponentProps<'div'> {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number | undefined;\n  arrowY: number | undefined;\n  visible: boolean | undefined;\n}\n\nexport function FloatingArrow({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  visible,\n  arrowX,\n  arrowY,\n  style,\n  ...others\n}: FloatingArrowProps) {\n  const { dir } = useDirection();\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      {...others}\n      style={{\n        ...style,\n        ...getArrowPositionStyles({\n          position,\n          arrowSize,\n          arrowOffset,\n          arrowRadius,\n          arrowPosition,\n          dir,\n          arrowX,\n          arrowY,\n        }),\n      }}\n    />\n  );\n}\n\nFloatingArrow.displayName = '@mantine/core/FloatingArrow';\n"],"mappings":";;;;;;AAeA,SAAgB,cAAc,EAC5B,UACA,WACA,aACA,aACA,eACA,SACA,QACA,QACA,OACA,GAAG,UACkB;CACrB,MAAM,EAAE,QAAQA,0BAAAA,aAAa;CAC7B,IAAI,CAAC,SACH,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,GAAI;EACJ,OAAO;GACL,GAAG;GACH,GAAGC,kCAAAA,uBAAuB;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH;CACD,CAAA;AAEL;AAEA,cAAc,cAAc"}
+{"version":3,"file":"FloatingArrow.cjs","names":["useDirection","getArrowPositionStyles"],"sources":["../../../../src/utils/Floating/FloatingArrow/FloatingArrow.tsx"],"sourcesContent":["import { useDirection } from '../../../core';\nimport { ArrowPosition, FloatingPosition } from '../types';\nimport { getArrowPositionStyles } from './get-arrow-position-styles';\n\ninterface FloatingArrowProps extends React.ComponentProps<'div'> {\n  position: FloatingPosition;\n  arrowSize: number;\n  arrowOffset: number;\n  arrowRadius: number;\n  arrowPosition: ArrowPosition;\n  arrowX: number | undefined;\n  arrowY: number | undefined;\n  visible: boolean | undefined;\n}\n\nexport function FloatingArrow({\n  position,\n  arrowSize,\n  arrowOffset,\n  arrowRadius,\n  arrowPosition,\n  visible,\n  arrowX,\n  arrowY,\n  style,\n  ...others\n}: FloatingArrowProps) {\n  const { dir } = useDirection();\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      {...others}\n      style={{\n        ...style,\n        ...getArrowPositionStyles({\n          position,\n          arrowSize,\n          arrowOffset,\n          arrowRadius,\n          arrowPosition,\n          dir,\n          arrowX,\n          arrowY,\n        }),\n      }}\n    />\n  );\n}\n\nFloatingArrow.displayName = '@mantine/core/FloatingArrow';\n"],"mappings":";;;;;AAeA,SAAgB,cAAc,EAC5B,UACA,WACA,aACA,aACA,eACA,SACA,QACA,QACA,OACA,GAAG,UACkB;CACrB,MAAM,EAAE,QAAQA,0BAAAA,aAAa;CAC7B,IAAI,CAAC,SACH,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,GAAI;EACJ,OAAO;GACL,GAAG;GACH,GAAGC,kCAAAA,uBAAuB;IACxB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;EACH;CACD,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/cjs/utils/Floating/FloatingArrow/get-arrow-position-styles.cjs

@@ -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,17 @@ 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
+exports.getArrowMergeDropdownStyles = getArrowMergeDropdownStyles;
 exports.getArrowPositionStyles = getArrowPositionStyles;
 
 //# sourceMappingURL=get-arrow-position-styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"get-arrow-position-styles.cjs","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.cjs","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":";;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,SAAS,oBAAoB,EAC3B,UACA,WACA,OAKC;CACD,MAAM,CAAC,MAAM,aAAa,SAAS,MAAM,GAAG;CAE5C,IAAI,CAAC,WACH;CAGF,MAAM,aAAa;EACjB,OAAO;EACP,QAAQ;EACR,UAAU;CACZ;CAEA,IAAI,SAAS,UAAU;EACrB,MAAM,UAAU,cAAc;EAC9B,MAAM,eAAe,UACjB,QAAQ,QACN,SACA,UACF,QAAQ,QACN,UACA;EAEN,OAAO;GACL,GAAG;GACH,KAAK,CAAC;IACL,eAAe;GAChB,UACE,aAAa,QAAQ,SACjB,uCACA;EACR;CACF;CAEA,IAAI,SAAS,OAAO;EAClB,MAAM,UAAU,cAAc;EAC9B,MAAM,eAAe,UACjB,QAAQ,QACN,SACA,UACF,QAAQ,QACN,UACA;EAEN,OAAO;GACL,GAAG;GACH,QAAQ,CAAC;IACR,eAAe;GAChB,UACE,aAAa,QAAQ,SACjB,qCACA;EACR;CACF;CAEA,IAAI,SAAS,QACX,OAAO;EACL,GAAG;EACH,OAAO,CAAC;GACP,cAAc,UAAU,QAAQ,WAAW;EAC5C,UACE,cAAc,UACV,qCACA;CACR;CAGF,IAAI,SAAS,SACX,OAAO;EACL,GAAG;EACH,MAAM,CAAC;GACN,cAAc,UAAU,QAAQ,WAAW;EAC5C,UACE,cAAc,UACV,uCACA;CACR;AAIJ;AAEA,SAAgB,uBAAuB,EACrC,UACA,WACA,aACA,aACA,eACA,QACA,QACA,OAUC;CACD,IAAI,kBAAkB,SAAS;EAC7B,MAAM,cAAc,oBAAoB;GAAE;GAAU;GAAW;EAAI,CAAC;EACpE,IAAI,aACF,OAAO;CAEX;CAEA,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;AAEA,SAAgB,4BAA4B,EAC1C,UACA,OAIkC;CAClC,MAAM,CAAC,MAAM,aAAa,SAAS,MAAM,GAAG;CAE5C,IAAI,CAAC,WACH;CAGF,MAAM,mBACH,cAAc,WAAW,QAAQ,SAAW,cAAc,SAAS,QAAQ;CAE9E,IAAI,SAAS,UACX,OAAO,mBAAmB,EAAE,qBAAqB,EAAE,IAAI,EAAE,sBAAsB,EAAE;CAGnF,IAAI,SAAS,OACX,OAAO,mBAAmB,EAAE,wBAAwB,EAAE,IAAI,EAAE,yBAAyB,EAAE;CAGzF,IAAI,SAAS,QACX,OAAO,cAAc,UAAU,EAAE,sBAAsB,EAAE,IAAI,EAAE,yBAAyB,EAAE;CAG5F,IAAI,SAAS,SACX,OAAO,cAAc,UAAU,EAAE,qBAAqB,EAAE,IAAI,EAAE,wBAAwB,EAAE;AAI5F"}

package/cjs/utils/Floating/create-context-menu-handlers.cjs

@@ -0,0 +1,38 @@
+"use client";
+const require_create_event_handler = require("../../core/utils/create-event-handler/create-event-handler.cjs");
+//#region packages/@mantine/core/src/utils/Floating/create-context-menu-handlers.ts
+function createContextMenuHandlers({ childProps, disabled, opened, setReference, open }) {
+	const onMouseDown = require_create_event_handler.createEventHandler(childProps.onMouseDown, (event) => {
+		if (disabled) return;
+		if (event.button === 2) event.stopPropagation();
+	});
+	return {
+		onContextMenu: require_create_event_handler.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
+exports.createContextMenuHandlers = createContextMenuHandlers;
+
+//# sourceMappingURL=create-context-menu-handlers.cjs.map

package/cjs/utils/Floating/create-context-menu-handlers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-context-menu-handlers.cjs","names":["createEventHandler"],"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,cAAcA,6BAAAA,mBAClB,WAAW,cACV,UAAyC;EACxC,IAAI,UACF;EAEF,IAAI,MAAM,WAAW,GACnB,MAAM,gBAAgB;CAE1B,CACF;CAgCA,OAAO;EACL,eA/BoBA,6BAAAA,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/cjs/utils/Floating/use-delayed-hover.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 let react = require("react");
 //#region packages/@mantine/core/src/utils/Floating/use-delayed-hover.ts
 function useDelayedHover({ open, close, openDelay, closeDelay }) {

package/cjs/utils/Floating/use-delayed-hover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-delayed-hover.cjs","names":[],"sources":["../../../src/utils/Floating/use-delayed-hover.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ninterface UseDelayedHoverInput {\n  open: () => void;\n  close: () => void;\n  openDelay: number | undefined;\n  closeDelay: number | undefined;\n}\n\nexport function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput) {\n  const openTimeout = useRef(-1);\n  const closeTimeout = useRef(-1);\n\n  const clearTimeouts = () => {\n    window.clearTimeout(openTimeout.current);\n    window.clearTimeout(closeTimeout.current);\n  };\n\n  const openDropdown = () => {\n    clearTimeouts();\n\n    if (openDelay === 0 || openDelay === undefined) {\n      open();\n    } else {\n      openTimeout.current = window.setTimeout(open, openDelay);\n    }\n  };\n\n  const closeDropdown = () => {\n    clearTimeouts();\n\n    if (closeDelay === 0 || closeDelay === undefined) {\n      close();\n    } else {\n      closeTimeout.current = window.setTimeout(close, closeDelay);\n    }\n  };\n\n  useEffect(() => clearTimeouts, []);\n\n  return { openDropdown, closeDropdown };\n}\n"],"mappings":";;;;AASA,SAAgB,gBAAgB,EAAE,MAAM,OAAO,WAAW,cAAoC;CAC5F,MAAM,eAAA,GAAA,MAAA,QAAqB,EAAE;CAC7B,MAAM,gBAAA,GAAA,MAAA,QAAsB,EAAE;CAE9B,MAAM,sBAAsB;EAC1B,OAAO,aAAa,YAAY,OAAO;EACvC,OAAO,aAAa,aAAa,OAAO;CAC1C;CAEA,MAAM,qBAAqB;EACzB,cAAc;EAEd,IAAI,cAAc,KAAK,cAAc,KAAA,GACnC,KAAK;OAEL,YAAY,UAAU,OAAO,WAAW,MAAM,SAAS;CAE3D;CAEA,MAAM,sBAAsB;EAC1B,cAAc;EAEd,IAAI,eAAe,KAAK,eAAe,KAAA,GACrC,MAAM;OAEN,aAAa,UAAU,OAAO,WAAW,OAAO,UAAU;CAE9D;CAEA,CAAA,GAAA,MAAA,iBAAgB,eAAe,CAAC,CAAC;CAEjC,OAAO;EAAE;EAAc;CAAc;AACvC"}
+{"version":3,"file":"use-delayed-hover.cjs","names":[],"sources":["../../../src/utils/Floating/use-delayed-hover.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ninterface UseDelayedHoverInput {\n  open: () => void;\n  close: () => void;\n  openDelay: number | undefined;\n  closeDelay: number | undefined;\n}\n\nexport function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput) {\n  const openTimeout = useRef(-1);\n  const closeTimeout = useRef(-1);\n\n  const clearTimeouts = () => {\n    window.clearTimeout(openTimeout.current);\n    window.clearTimeout(closeTimeout.current);\n  };\n\n  const openDropdown = () => {\n    clearTimeouts();\n\n    if (openDelay === 0 || openDelay === undefined) {\n      open();\n    } else {\n      openTimeout.current = window.setTimeout(open, openDelay);\n    }\n  };\n\n  const closeDropdown = () => {\n    clearTimeouts();\n\n    if (closeDelay === 0 || closeDelay === undefined) {\n      close();\n    } else {\n      closeTimeout.current = window.setTimeout(close, closeDelay);\n    }\n  };\n\n  useEffect(() => clearTimeouts, []);\n\n  return { openDropdown, closeDropdown };\n}\n"],"mappings":";;;AASA,SAAgB,gBAAgB,EAAE,MAAM,OAAO,WAAW,cAAoC;CAC5F,MAAM,eAAA,GAAA,MAAA,QAAqB,EAAE;CAC7B,MAAM,gBAAA,GAAA,MAAA,QAAsB,EAAE;CAE9B,MAAM,sBAAsB;EAC1B,OAAO,aAAa,YAAY,OAAO;EACvC,OAAO,aAAa,aAAa,OAAO;CAC1C;CAEA,MAAM,qBAAqB;EACzB,cAAc;EAEd,IAAI,cAAc,KAAK,cAAc,KAAA,GACnC,KAAK;OAEL,YAAY,UAAU,OAAO,WAAW,MAAM,SAAS;CAE3D;CAEA,MAAM,sBAAsB;EAC1B,cAAc;EAEd,IAAI,eAAe,KAAK,eAAe,KAAA,GACrC,MAAM;OAEN,aAAa,UAAU,OAAO,WAAW,OAAO,UAAU;CAE9D;CAEA,CAAA,GAAA,MAAA,iBAAgB,eAAe,CAAC,CAAC;CAEjC,OAAO;EAAE;EAAc;CAAc;AACvC"}

package/cjs/utils/InlineInput/InlineInput.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_get_size = require("../../core/utils/get-size/get-size.cjs");
 const require_use_styles = require("../../core/styles-api/use-styles/use-styles.cjs");
 const require_Box = require("../../core/Box/Box.cjs");

package/cjs/utils/InlineInput/InlineInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.cjs","names":["classes","useStyles","Box","getFontSize","getSize","Input"],"sources":["../../../src/utils/InlineInput/InlineInput.tsx"],"sourcesContent":["import { Input } from '../../components/Input';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  Factory,\n  getFontSize,\n  getSize,\n  MantineSize,\n  StylesApiProps,\n  useStyles,\n} from '../../core';\nimport classes from './InlineInput.module.css';\n\nexport const InlineInputClasses = classes;\n\nexport type InlineInputStylesNames =\n  | 'root'\n  | 'body'\n  | 'labelWrapper'\n  | 'label'\n  | 'description'\n  | 'error';\n\nexport interface InlineInputProps\n  extends BoxProps, StylesApiProps<InlineInputFactory>, ElementProps<'div'> {\n  __staticSelector: string;\n  __stylesApiProps: Record<string, any>;\n  label: React.ReactNode;\n  description: React.ReactNode;\n  id: string;\n  disabled: boolean | undefined;\n  error: React.ReactNode;\n  size: MantineSize | (string & {}) | undefined;\n  labelPosition?: 'left' | 'right';\n  bodyElement?: any;\n  labelElement?: any;\n}\n\nexport type InlineInputFactory = Factory<{\n  props: any;\n  stylesNames: InlineInputStylesNames;\n}>;\n\nexport function InlineInput({\n  __staticSelector,\n  __stylesApiProps,\n  className,\n  classNames,\n  styles,\n  unstyled,\n  children,\n  label,\n  description,\n  id,\n  disabled,\n  error,\n  size,\n  labelPosition = 'left',\n  bodyElement = 'div',\n  labelElement = 'label',\n  variant,\n  style,\n  vars,\n  mod,\n  attributes,\n  ...others\n}: InlineInputProps) {\n  const getStyles = useStyles<InlineInputFactory>({\n    name: __staticSelector,\n    props: __stylesApiProps,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const descriptionId = description ? `${id}-description` : undefined;\n  const errorId = error && typeof error !== 'boolean' ? `${id}-error` : undefined;\n\n  return (\n    <Box\n      {...getStyles('root')}\n      __vars={{\n        '--label-fz': getFontSize(size),\n        '--label-lh': getSize(size, 'label-lh'),\n      }}\n      mod={[{ 'label-position': labelPosition }, mod]}\n      variant={variant}\n      size={size}\n      {...others}\n    >\n      <Box\n        component={bodyElement}\n        htmlFor={bodyElement === 'label' ? id : undefined}\n        {...getStyles('body')}\n      >\n        {children}\n\n        <div {...getStyles('labelWrapper')} data-disabled={disabled || undefined}>\n          {label && (\n            <Box\n              component={labelElement}\n              htmlFor={labelElement === 'label' ? id : undefined}\n              {...getStyles('label')}\n              data-disabled={disabled || undefined}\n            >\n              {label}\n            </Box>\n          )}\n\n          {description && (\n            <Input.Description\n              id={descriptionId}\n              size={size}\n              __inheritStyles={false}\n              {...getStyles('description')}\n            >\n              {description}\n            </Input.Description>\n          )}\n\n          {error && typeof error !== 'boolean' && (\n            <Input.Error id={errorId} size={size} __inheritStyles={false} {...getStyles('error')}>\n              {error}\n            </Input.Error>\n          )}\n        </div>\n      </Box>\n    </Box>\n  );\n}\n\nInlineInput.displayName = '@mantine/core/InlineInput';\n"],"mappings":";;;;;;;;;AAcA,MAAa,qBAAqBA,2BAAAA;AA8BlC,SAAgB,YAAY,EAC1B,kBACA,kBACA,WACA,YACA,QACA,UACA,UACA,OACA,aACA,IACA,UACA,OACA,MACA,gBAAgB,QAChB,cAAc,OACd,eAAe,SACf,SACA,OACA,MACA,KACA,YACA,GAAG,UACgB;CACnB,MAAM,YAAYC,mBAAAA,UAA8B;EAC9C,MAAM;EACN,OAAO;EACP;EACA;EACA,SAAA,2BAAA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,cAAc,GAAG,GAAG,gBAAgB,KAAA;CAC1D,MAAM,UAAU,SAAS,OAAO,UAAU,YAAY,GAAG,GAAG,UAAU,KAAA;CAEtE,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,QAAQ;GACN,cAAcC,iBAAAA,YAAY,IAAI;GAC9B,cAAcC,iBAAAA,QAAQ,MAAM,UAAU;EACxC;EACA,KAAK,CAAC,EAAE,kBAAkB,cAAc,GAAG,GAAG;EACrC;EACH;EACN,GAAI;YAEJ,iBAAA,GAAA,kBAAA,MAACF,YAAAA,KAAD;GACE,WAAW;GACX,SAAS,gBAAgB,UAAU,KAAK,KAAA;GACxC,GAAI,UAAU,MAAM;aAHtB,CAKG,UAED,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,GAAI,UAAU,cAAc;IAAG,iBAAe,YAAY,KAAA;cAA/D;KACG,SACC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;MACE,WAAW;MACX,SAAS,iBAAiB,UAAU,KAAK,KAAA;MACzC,GAAI,UAAU,OAAO;MACrB,iBAAe,YAAY,KAAA;gBAE1B;KACE,CAAA;KAGN,eACC,iBAAA,GAAA,kBAAA,KAACG,cAAAA,MAAM,aAAP;MACE,IAAI;MACE;MACN,iBAAiB;MACjB,GAAI,UAAU,aAAa;gBAE1B;KACgB,CAAA;KAGpB,SAAS,OAAO,UAAU,aACzB,iBAAA,GAAA,kBAAA,KAACA,cAAAA,MAAM,OAAP;MAAa,IAAI;MAAe;MAAM,iBAAiB;MAAO,GAAI,UAAU,OAAO;gBAChF;KACU,CAAA;IAEZ;KACF;;CACF,CAAA;AAET;AAEA,YAAY,cAAc"}
+{"version":3,"file":"InlineInput.cjs","names":["classes","useStyles","Box","getFontSize","getSize","Input"],"sources":["../../../src/utils/InlineInput/InlineInput.tsx"],"sourcesContent":["import { Input } from '../../components/Input';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  Factory,\n  getFontSize,\n  getSize,\n  MantineSize,\n  StylesApiProps,\n  useStyles,\n} from '../../core';\nimport classes from './InlineInput.module.css';\n\nexport const InlineInputClasses = classes;\n\nexport type InlineInputStylesNames =\n  | 'root'\n  | 'body'\n  | 'labelWrapper'\n  | 'label'\n  | 'description'\n  | 'error';\n\nexport interface InlineInputProps\n  extends BoxProps, StylesApiProps<InlineInputFactory>, ElementProps<'div'> {\n  __staticSelector: string;\n  __stylesApiProps: Record<string, any>;\n  label: React.ReactNode;\n  description: React.ReactNode;\n  id: string;\n  disabled: boolean | undefined;\n  error: React.ReactNode;\n  size: MantineSize | (string & {}) | undefined;\n  labelPosition?: 'left' | 'right';\n  bodyElement?: any;\n  labelElement?: any;\n}\n\nexport type InlineInputFactory = Factory<{\n  props: any;\n  stylesNames: InlineInputStylesNames;\n}>;\n\nexport function InlineInput({\n  __staticSelector,\n  __stylesApiProps,\n  className,\n  classNames,\n  styles,\n  unstyled,\n  children,\n  label,\n  description,\n  id,\n  disabled,\n  error,\n  size,\n  labelPosition = 'left',\n  bodyElement = 'div',\n  labelElement = 'label',\n  variant,\n  style,\n  vars,\n  mod,\n  attributes,\n  ...others\n}: InlineInputProps) {\n  const getStyles = useStyles<InlineInputFactory>({\n    name: __staticSelector,\n    props: __stylesApiProps,\n    className,\n    style,\n    classes,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  const descriptionId = description ? `${id}-description` : undefined;\n  const errorId = error && typeof error !== 'boolean' ? `${id}-error` : undefined;\n\n  return (\n    <Box\n      {...getStyles('root')}\n      __vars={{\n        '--label-fz': getFontSize(size),\n        '--label-lh': getSize(size, 'label-lh'),\n      }}\n      mod={[{ 'label-position': labelPosition }, mod]}\n      variant={variant}\n      size={size}\n      {...others}\n    >\n      <Box\n        component={bodyElement}\n        htmlFor={bodyElement === 'label' ? id : undefined}\n        {...getStyles('body')}\n      >\n        {children}\n\n        <div {...getStyles('labelWrapper')} data-disabled={disabled || undefined}>\n          {label && (\n            <Box\n              component={labelElement}\n              htmlFor={labelElement === 'label' ? id : undefined}\n              {...getStyles('label')}\n              data-disabled={disabled || undefined}\n            >\n              {label}\n            </Box>\n          )}\n\n          {description && (\n            <Input.Description\n              id={descriptionId}\n              size={size}\n              __inheritStyles={false}\n              {...getStyles('description')}\n            >\n              {description}\n            </Input.Description>\n          )}\n\n          {error && typeof error !== 'boolean' && (\n            <Input.Error id={errorId} size={size} __inheritStyles={false} {...getStyles('error')}>\n              {error}\n            </Input.Error>\n          )}\n        </div>\n      </Box>\n    </Box>\n  );\n}\n\nInlineInput.displayName = '@mantine/core/InlineInput';\n"],"mappings":";;;;;;;;AAcA,MAAa,qBAAqBA,2BAAAA;AA8BlC,SAAgB,YAAY,EAC1B,kBACA,kBACA,WACA,YACA,QACA,UACA,UACA,OACA,aACA,IACA,UACA,OACA,MACA,gBAAgB,QAChB,cAAc,OACd,eAAe,SACf,SACA,OACA,MACA,KACA,YACA,GAAG,UACgB;CACnB,MAAM,YAAYC,mBAAAA,UAA8B;EAC9C,MAAM;EACN,OAAO;EACP;EACA;EACA,SAAA,2BAAA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,cAAc,GAAG,GAAG,gBAAgB,KAAA;CAC1D,MAAM,UAAU,SAAS,OAAO,UAAU,YAAY,GAAG,GAAG,UAAU,KAAA;CAEtE,OACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EACE,GAAI,UAAU,MAAM;EACpB,QAAQ;GACN,cAAcC,iBAAAA,YAAY,IAAI;GAC9B,cAAcC,iBAAAA,QAAQ,MAAM,UAAU;EACxC;EACA,KAAK,CAAC,EAAE,kBAAkB,cAAc,GAAG,GAAG;EACrC;EACH;EACN,GAAI;YAEJ,iBAAA,GAAA,kBAAA,MAACF,YAAAA,KAAD;GACE,WAAW;GACX,SAAS,gBAAgB,UAAU,KAAK,KAAA;GACxC,GAAI,UAAU,MAAM;aAHtB,CAKG,UAED,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,GAAI,UAAU,cAAc;IAAG,iBAAe,YAAY,KAAA;cAA/D;KACG,SACC,iBAAA,GAAA,kBAAA,KAACA,YAAAA,KAAD;MACE,WAAW;MACX,SAAS,iBAAiB,UAAU,KAAK,KAAA;MACzC,GAAI,UAAU,OAAO;MACrB,iBAAe,YAAY,KAAA;gBAE1B;KACE,CAAA;KAGN,eACC,iBAAA,GAAA,kBAAA,KAACG,cAAAA,MAAM,aAAP;MACE,IAAI;MACE;MACN,iBAAiB;MACjB,GAAI,UAAU,aAAa;gBAE1B;KACgB,CAAA;KAGpB,SAAS,OAAO,UAAU,aACzB,iBAAA,GAAA,kBAAA,KAACA,cAAAA,MAAM,OAAP;MAAa,IAAI;MAAe;MAAM,iBAAiB;MAAO,GAAI,UAAU,OAAO;gBAChF;KACU,CAAA;IAEZ;KACF;;CACF,CAAA;AAET;AAEA,YAAY,cAAc"}

package/cjs/utils/InputsGroupFieldset/InputsGroupFieldset.cjs

@@ -1,5 +1,4 @@
 "use client";
-require("../../_virtual/_rolldown/runtime.cjs");
 const require_InputWrapper_context = require("../../components/Input/InputWrapper.context.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");

package/cjs/utils/InputsGroupFieldset/InputsGroupFieldset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputsGroupFieldset.cjs","names":["InputWrapperContext"],"sources":["../../../src/utils/InputsGroupFieldset/InputsGroupFieldset.tsx"],"sourcesContent":["import { use } from 'react';\nimport { InputWrapperContext } from '../../components/Input';\n\ninterface InputsGroupFieldsetProps {\n  children: React.ReactNode;\n  role: 'radiogroup' | 'group';\n}\n\nexport function InputsGroupFieldset({ children, role }: InputsGroupFieldsetProps) {\n  const ctx = use(InputWrapperContext);\n\n  if (!ctx) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div role={role} aria-labelledby={ctx.labelId} aria-describedby={ctx.describedBy}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAgB,oBAAoB,EAAE,UAAU,QAAkC;CAChF,MAAM,OAAA,GAAA,MAAA,KAAUA,6BAAAA,mBAAmB;CAEnC,IAAI,CAAC,KACH,OAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,SAAW,CAAA;CAGvB,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAW;EAAM,mBAAiB,IAAI;EAAS,oBAAkB,IAAI;EAClE;CACE,CAAA;AAET"}
+{"version":3,"file":"InputsGroupFieldset.cjs","names":["InputWrapperContext"],"sources":["../../../src/utils/InputsGroupFieldset/InputsGroupFieldset.tsx"],"sourcesContent":["import { use } from 'react';\nimport { InputWrapperContext } from '../../components/Input';\n\ninterface InputsGroupFieldsetProps {\n  children: React.ReactNode;\n  role: 'radiogroup' | 'group';\n}\n\nexport function InputsGroupFieldset({ children, role }: InputsGroupFieldsetProps) {\n  const ctx = use(InputWrapperContext);\n\n  if (!ctx) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div role={role} aria-labelledby={ctx.labelId} aria-describedby={ctx.describedBy}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,oBAAoB,EAAE,UAAU,QAAkC;CAChF,MAAM,OAAA,GAAA,MAAA,KAAUA,6BAAAA,mBAAmB;CAEnC,IAAI,CAAC,KACH,OAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,SAAW,CAAA;CAGvB,OACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAW;EAAM,mBAAiB,IAAI;EAAS,oBAAkB,IAAI;EAClE;CACE,CAAA;AAET"}

package/esm/components/Autocomplete/Autocomplete.mjs

@@ -18,7 +18,7 @@ const Autocomplete = factory((_props) => {
 		"InputWrapper",
 		"Autocomplete"
 	], { size: "sm" }, _props);
-	const { classNames, styles, unstyled, vars, dropdownOpened, defaultDropdownOpened, onDropdownClose, onDropdownOpen, onFocus, onBlur, onClick, onChange, data, value, defaultValue, selectFirstOptionOnChange, selectFirstOptionOnDropdownOpen, onOptionSubmit, comboboxProps, readOnly, disabled, filter, limit, withScrollArea, maxDropdownHeight, size, id, renderOption, autoComplete, scrollAreaProps, onClear, clearButtonProps, error, clearable, clearSectionMode, rightSection, autoSelectOnBlur, openOnFocus = true, attributes, ...others } = props;
+	const { classNames, styles, unstyled, vars, dropdownOpened, defaultDropdownOpened, onDropdownClose, onDropdownOpen, onFocus, onBlur, onClick, onChange, data, value, defaultValue, selectFirstOptionOnChange, selectFirstOptionOnDropdownOpen, onOptionSubmit, comboboxProps, readOnly, disabled, filter, limit, withScrollArea, maxDropdownHeight, floatingHeight, size, id, renderOption, autoComplete, scrollAreaProps, onClear, clearButtonProps, error, clearable, clearSectionMode, rightSection, autoSelectOnBlur, openOnFocus = true, attributes, ...others } = props;
 	const _id = useId$1(id);
 	const parsedData = getParsedComboboxData(data);
 	const optionsLockup = getOptionsLockup(parsedData);
@@ -68,6 +68,7 @@ const Autocomplete = factory((_props) => {
 		readOnly,
 		size,
 		attributes,
+		floatingHeight,
 		keepMounted: autoSelectOnBlur,
 		onOptionSubmit: (val) => {
 			onOptionSubmit?.(val);

package/esm/components/Autocomplete/Autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.mjs","names":["useId"],"sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  Primitive,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n} from '../../core';\nimport {\n  Combobox,\n  ComboboxGenericData,\n  ComboboxGenericItem,\n  ComboboxLikeProps,\n  ComboboxLikeRenderOptionInput,\n  ComboboxLikeStylesNames,\n  getOptionsLockup,\n  getParsedComboboxData,\n  OptionsDropdown,\n  OptionsFilter,\n  useCombobox,\n} from '../Combobox';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n  InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { ScrollAreaProps } from '../ScrollArea';\n\nexport type RenderAutocompleteOption = (\n  input: ComboboxLikeRenderOptionInput<ComboboxGenericItem>\n) => React.ReactNode;\n\nexport type AutocompleteStylesNames = __InputStylesNames | ComboboxLikeStylesNames;\n\nexport interface AutocompleteProps\n  extends\n    BoxProps,\n    Omit<__BaseInputProps, 'pointer'>,\n    Omit<ComboboxLikeProps, 'data'>,\n    StylesApiProps<AutocompleteFactory>,\n    ElementProps<'input', 'onChange' | 'size'> {\n  /** Data used to display options. Values must be unique. */\n  data?: ComboboxGenericData;\n\n  /** Controlled component value */\n  value?: string;\n\n  /** Default value for uncontrolled component */\n  defaultValue?: string;\n\n  /** Called when value changes */\n  onChange?: (value: string) => void;\n\n  /** Function to render custom option content */\n  renderOption?: RenderAutocompleteOption;\n\n  /** Props passed to the underlying `ScrollArea` component in the dropdown */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Called when the clear button is clicked */\n  onClear?: () => void;\n\n  /** Props passed down to the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** If set, the clear button is displayed when the component has a value @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** If set, the highlighted option is selected when the input loses focus @default false */\n  autoSelectOnBlur?: boolean;\n\n  /** If set, the dropdown opens when the input receives focus @default true */\n  openOnFocus?: boolean;\n}\n\nexport type AutocompleteFactory = Factory<{\n  props: AutocompleteProps;\n  ref: HTMLInputElement;\n  stylesNames: AutocompleteStylesNames;\n  variant: InputVariant;\n}>;\n\nexport const Autocomplete = factory<AutocompleteFactory>((_props) => {\n  const props = useProps(\n    ['Input', 'InputWrapper', 'Autocomplete'],\n    { size: 'sm' } satisfies Partial<AutocompleteProps>,\n    _props\n  );\n  const {\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownClose,\n    onDropdownOpen,\n    onFocus,\n    onBlur,\n    onClick,\n    onChange,\n    data,\n    value,\n    defaultValue,\n    selectFirstOptionOnChange,\n    selectFirstOptionOnDropdownOpen,\n    onOptionSubmit,\n    comboboxProps,\n    readOnly,\n    disabled,\n    filter,\n    limit,\n    withScrollArea,\n    maxDropdownHeight,\n    size,\n    id,\n    renderOption,\n    autoComplete,\n    scrollAreaProps,\n    onClear,\n    clearButtonProps,\n    error,\n    clearable,\n    clearSectionMode,\n    rightSection,\n    autoSelectOnBlur,\n    openOnFocus = true,\n    attributes,\n    ...others\n  } = props;\n\n  const _id = useId(id);\n  const parsedData = getParsedComboboxData(data);\n  const optionsLockup = getOptionsLockup(parsedData);\n\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: '',\n    onChange,\n  });\n\n  const combobox = useCombobox({\n    opened: dropdownOpened,\n    defaultOpened: defaultDropdownOpened,\n    onDropdownOpen: () => {\n      onDropdownOpen?.();\n      if (selectFirstOptionOnDropdownOpen) {\n        combobox.selectFirstOption();\n      }\n    },\n    onDropdownClose: () => {\n      onDropdownClose?.();\n      // Required for autoSelectOnBlur to work correctly\n      setTimeout(combobox.resetSelectedOption, 0);\n    },\n  });\n\n  const handleValueChange = (value: string) => {\n    setValue(value);\n    combobox.resetSelectedOption();\n  };\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<AutocompleteFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  useEffect(() => {\n    if (selectFirstOptionOnChange) {\n      combobox.selectFirstOption();\n    }\n  }, [selectFirstOptionOnChange, _value]);\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        handleValueChange('');\n        onClear?.();\n      }}\n    />\n  );\n\n  return (\n    <Combobox\n      store={combobox}\n      __staticSelector=\"Autocomplete\"\n      classNames={resolvedClassNames}\n      styles={resolvedStyles}\n      unstyled={unstyled}\n      readOnly={readOnly}\n      size={size}\n      attributes={attributes}\n      keepMounted={autoSelectOnBlur}\n      onOptionSubmit={(val) => {\n        onOptionSubmit?.(val);\n        handleValueChange(optionsLockup[val].label);\n        combobox.closeDropdown();\n      }}\n      {...comboboxProps}\n    >\n      <Combobox.Target autoComplete={autoComplete} withExpandedAttribute>\n        <InputBase\n          {...others}\n          size={size}\n          __staticSelector=\"Autocomplete\"\n          __clearSection={clearButton}\n          __clearable={clearable && !!_value && !disabled && !readOnly}\n          __clearSectionMode={clearSectionMode}\n          rightSection={rightSection}\n          disabled={disabled}\n          readOnly={readOnly}\n          value={_value}\n          error={error}\n          onChange={(event) => {\n            handleValueChange(event.currentTarget.value);\n            combobox.openDropdown();\n            selectFirstOptionOnChange && combobox.selectFirstOption();\n          }}\n          onFocus={(event) => {\n            openOnFocus && combobox.openDropdown();\n            onFocus?.(event);\n          }}\n          onBlur={(event) => {\n            if (autoSelectOnBlur) {\n              combobox.clickSelectedOption();\n            }\n\n            combobox.closeDropdown();\n            onBlur?.(event);\n          }}\n          onClick={(event) => {\n            combobox.openDropdown();\n            onClick?.(event);\n          }}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          attributes={attributes}\n          id={_id}\n        />\n      </Combobox.Target>\n      <OptionsDropdown\n        data={parsedData}\n        hidden={readOnly || disabled}\n        filter={filter as OptionsFilter<Primitive> | undefined}\n        search={_value}\n        limit={limit}\n        hiddenWhenEmpty\n        withScrollArea={withScrollArea}\n        maxDropdownHeight={maxDropdownHeight}\n        unstyled={unstyled}\n        labelId={others.label ? `${_id}-label` : undefined}\n        aria-label={others.label ? undefined : others['aria-label']}\n        renderOption={renderOption}\n        scrollAreaProps={scrollAreaProps}\n      />\n    </Combobox>\n  );\n});\n\nAutocomplete.classes = { ...InputBase.classes, ...Combobox.classes };\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n\nexport namespace Autocomplete {\n  export type Props = AutocompleteProps;\n  export type StylesNames = AutocompleteStylesNames;\n  export type RenderOption = RenderAutocompleteOption;\n  export type Factory = AutocompleteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AA4FA,MAAa,eAAe,SAA8B,WAAW;CACnE,MAAM,QAAQ,SACZ;EAAC;EAAS;EAAgB;CAAc,GACxC,EAAE,MAAM,KAAK,GACb,MACF;CACA,MAAM,EACJ,YACA,QACA,UACA,MACA,gBACA,uBACA,iBACA,gBACA,SACA,QACA,SACA,UACA,MACA,OACA,cACA,2BACA,iCACA,gBACA,eACA,UACA,UACA,QACA,OACA,gBACA,mBACA,MACA,IACA,cACA,cACA,iBACA,SACA,kBACA,OACA,WACA,kBACA,cACA,kBACA,cAAc,MACd,YACA,GAAG,WACD;CAEJ,MAAM,MAAMA,QAAM,EAAE;CACpB,MAAM,aAAa,sBAAsB,IAAI;CAC7C,MAAM,gBAAgB,iBAAiB,UAAU;CAEjD,MAAM,CAAC,QAAQ,YAAY,gBAAgB;EACzC;EACA;EACA,YAAY;EACZ;CACF,CAAC;CAED,MAAM,WAAW,YAAY;EAC3B,QAAQ;EACR,eAAe;EACf,sBAAsB;GACpB,iBAAiB;GACjB,IAAI,iCACF,SAAS,kBAAkB;EAE/B;EACA,uBAAuB;GACrB,kBAAkB;GAElB,WAAW,SAAS,qBAAqB,CAAC;EAC5C;CACF,CAAC;CAED,MAAM,qBAAqB,UAAkB;EAC3C,SAAS,KAAK;EACd,SAAS,oBAAoB;CAC/B;CAEA,MAAM,EAAE,oBAAoB,mBAAmB,qBAA0C;EACvF;EACA;EACA;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,2BACF,SAAS,kBAAkB;CAE/B,GAAG,CAAC,2BAA2B,MAAM,CAAC;CAEtC,MAAM,cACJ,oBAAC,SAAS,aAAV;EACE,GAAI;EACJ,eAAe;GACb,kBAAkB,EAAE;GACpB,UAAU;EACZ;CACD,CAAA;CAGH,OACE,qBAAC,UAAD;EACE,OAAO;EACP,kBAAiB;EACjB,YAAY;EACZ,QAAQ;EACE;EACA;EACJ;EACM;EACZ,aAAa;EACb,iBAAiB,QAAQ;GACvB,iBAAiB,GAAG;GACpB,kBAAkB,cAAc,KAAK,KAAK;GAC1C,SAAS,cAAc;EACzB;EACA,GAAI;YAfN,CAiBE,oBAAC,SAAS,QAAV;GAA+B;GAAc,uBAAA;aAC3C,oBAAC,WAAD;IACE,GAAI;IACE;IACN,kBAAiB;IACjB,gBAAgB;IAChB,aAAa,aAAa,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC;IACpD,oBAAoB;IACN;IACJ;IACA;IACV,OAAO;IACA;IACP,WAAW,UAAU;KACnB,kBAAkB,MAAM,cAAc,KAAK;KAC3C,SAAS,aAAa;KACtB,6BAA6B,SAAS,kBAAkB;IAC1D;IACA,UAAU,UAAU;KAClB,eAAe,SAAS,aAAa;KACrC,UAAU,KAAK;IACjB;IACA,SAAS,UAAU;KACjB,IAAI,kBACF,SAAS,oBAAoB;KAG/B,SAAS,cAAc;KACvB,SAAS,KAAK;IAChB;IACA,UAAU,UAAU;KAClB,SAAS,aAAa;KACtB,UAAU,KAAK;IACjB;IACA,YAAY;IACZ,QAAQ;IACE;IACE;IACZ,IAAI;GACL,CAAA;EACc,CAAA,GACjB,oBAAC,iBAAD;GACE,MAAM;GACN,QAAQ,YAAY;GACZ;GACR,QAAQ;GACD;GACP,iBAAA;GACgB;GACG;GACT;GACV,SAAS,OAAO,QAAQ,GAAG,IAAI,UAAU,KAAA;GACzC,cAAY,OAAO,QAAQ,KAAA,IAAY,OAAO;GAChC;GACG;EAClB,CAAA,CACO;;AAEd,CAAC;AAED,aAAa,UAAU;CAAE,GAAG,UAAU;CAAS,GAAG,SAAS;AAAQ;AACnE,aAAa,cAAc"}
+{"version":3,"file":"Autocomplete.mjs","names":["useId"],"sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  Primitive,\n  StylesApiProps,\n  useProps,\n  useResolvedStylesApi,\n} from '../../core';\nimport {\n  Combobox,\n  ComboboxGenericData,\n  ComboboxGenericItem,\n  ComboboxLikeProps,\n  ComboboxLikeRenderOptionInput,\n  ComboboxLikeStylesNames,\n  getOptionsLockup,\n  getParsedComboboxData,\n  OptionsDropdown,\n  OptionsFilter,\n  useCombobox,\n} from '../Combobox';\nimport {\n  __BaseInputProps,\n  __InputStylesNames,\n  ClearSectionMode,\n  InputClearButtonProps,\n  InputVariant,\n} from '../Input';\nimport { InputBase } from '../InputBase';\nimport { ScrollAreaProps } from '../ScrollArea';\n\nexport type RenderAutocompleteOption = (\n  input: ComboboxLikeRenderOptionInput<ComboboxGenericItem>\n) => React.ReactNode;\n\nexport type AutocompleteStylesNames = __InputStylesNames | ComboboxLikeStylesNames;\n\nexport interface AutocompleteProps\n  extends\n    BoxProps,\n    Omit<__BaseInputProps, 'pointer'>,\n    Omit<ComboboxLikeProps, 'data'>,\n    StylesApiProps<AutocompleteFactory>,\n    ElementProps<'input', 'onChange' | 'size'> {\n  /** Data used to display options. Values must be unique. */\n  data?: ComboboxGenericData;\n\n  /** Controlled component value */\n  value?: string;\n\n  /** Default value for uncontrolled component */\n  defaultValue?: string;\n\n  /** Called when value changes */\n  onChange?: (value: string) => void;\n\n  /** Function to render custom option content */\n  renderOption?: RenderAutocompleteOption;\n\n  /** Props passed to the underlying `ScrollArea` component in the dropdown */\n  scrollAreaProps?: ScrollAreaProps;\n\n  /** Called when the clear button is clicked */\n  onClear?: () => void;\n\n  /** Props passed down to the clear button */\n  clearButtonProps?: InputClearButtonProps;\n\n  /** If set, the clear button is displayed when the component has a value @default false */\n  clearable?: boolean;\n\n  /** Determines how the clear button and rightSection are rendered @default 'both' */\n  clearSectionMode?: ClearSectionMode;\n\n  /** If set, the highlighted option is selected when the input loses focus @default false */\n  autoSelectOnBlur?: boolean;\n\n  /** If set, the dropdown opens when the input receives focus @default true */\n  openOnFocus?: boolean;\n}\n\nexport type AutocompleteFactory = Factory<{\n  props: AutocompleteProps;\n  ref: HTMLInputElement;\n  stylesNames: AutocompleteStylesNames;\n  variant: InputVariant;\n}>;\n\nexport const Autocomplete = factory<AutocompleteFactory>((_props) => {\n  const props = useProps(\n    ['Input', 'InputWrapper', 'Autocomplete'],\n    { size: 'sm' } satisfies Partial<AutocompleteProps>,\n    _props\n  );\n  const {\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    dropdownOpened,\n    defaultDropdownOpened,\n    onDropdownClose,\n    onDropdownOpen,\n    onFocus,\n    onBlur,\n    onClick,\n    onChange,\n    data,\n    value,\n    defaultValue,\n    selectFirstOptionOnChange,\n    selectFirstOptionOnDropdownOpen,\n    onOptionSubmit,\n    comboboxProps,\n    readOnly,\n    disabled,\n    filter,\n    limit,\n    withScrollArea,\n    maxDropdownHeight,\n    floatingHeight,\n    size,\n    id,\n    renderOption,\n    autoComplete,\n    scrollAreaProps,\n    onClear,\n    clearButtonProps,\n    error,\n    clearable,\n    clearSectionMode,\n    rightSection,\n    autoSelectOnBlur,\n    openOnFocus = true,\n    attributes,\n    ...others\n  } = props;\n\n  const _id = useId(id);\n  const parsedData = getParsedComboboxData(data);\n  const optionsLockup = getOptionsLockup(parsedData);\n\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: '',\n    onChange,\n  });\n\n  const combobox = useCombobox({\n    opened: dropdownOpened,\n    defaultOpened: defaultDropdownOpened,\n    onDropdownOpen: () => {\n      onDropdownOpen?.();\n      if (selectFirstOptionOnDropdownOpen) {\n        combobox.selectFirstOption();\n      }\n    },\n    onDropdownClose: () => {\n      onDropdownClose?.();\n      // Required for autoSelectOnBlur to work correctly\n      setTimeout(combobox.resetSelectedOption, 0);\n    },\n  });\n\n  const handleValueChange = (value: string) => {\n    setValue(value);\n    combobox.resetSelectedOption();\n  };\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<AutocompleteFactory>({\n    props,\n    styles,\n    classNames,\n  });\n\n  useEffect(() => {\n    if (selectFirstOptionOnChange) {\n      combobox.selectFirstOption();\n    }\n  }, [selectFirstOptionOnChange, _value]);\n\n  const clearButton = (\n    <Combobox.ClearButton\n      {...clearButtonProps}\n      onClear={() => {\n        handleValueChange('');\n        onClear?.();\n      }}\n    />\n  );\n\n  return (\n    <Combobox\n      store={combobox}\n      __staticSelector=\"Autocomplete\"\n      classNames={resolvedClassNames}\n      styles={resolvedStyles}\n      unstyled={unstyled}\n      readOnly={readOnly}\n      size={size}\n      attributes={attributes}\n      floatingHeight={floatingHeight}\n      keepMounted={autoSelectOnBlur}\n      onOptionSubmit={(val) => {\n        onOptionSubmit?.(val);\n        handleValueChange(optionsLockup[val].label);\n        combobox.closeDropdown();\n      }}\n      {...comboboxProps}\n    >\n      <Combobox.Target autoComplete={autoComplete} withExpandedAttribute>\n        <InputBase\n          {...others}\n          size={size}\n          __staticSelector=\"Autocomplete\"\n          __clearSection={clearButton}\n          __clearable={clearable && !!_value && !disabled && !readOnly}\n          __clearSectionMode={clearSectionMode}\n          rightSection={rightSection}\n          disabled={disabled}\n          readOnly={readOnly}\n          value={_value}\n          error={error}\n          onChange={(event) => {\n            handleValueChange(event.currentTarget.value);\n            combobox.openDropdown();\n            selectFirstOptionOnChange && combobox.selectFirstOption();\n          }}\n          onFocus={(event) => {\n            openOnFocus && combobox.openDropdown();\n            onFocus?.(event);\n          }}\n          onBlur={(event) => {\n            if (autoSelectOnBlur) {\n              combobox.clickSelectedOption();\n            }\n\n            combobox.closeDropdown();\n            onBlur?.(event);\n          }}\n          onClick={(event) => {\n            combobox.openDropdown();\n            onClick?.(event);\n          }}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          unstyled={unstyled}\n          attributes={attributes}\n          id={_id}\n        />\n      </Combobox.Target>\n      <OptionsDropdown\n        data={parsedData}\n        hidden={readOnly || disabled}\n        filter={filter as OptionsFilter<Primitive> | undefined}\n        search={_value}\n        limit={limit}\n        hiddenWhenEmpty\n        withScrollArea={withScrollArea}\n        maxDropdownHeight={maxDropdownHeight}\n        unstyled={unstyled}\n        labelId={others.label ? `${_id}-label` : undefined}\n        aria-label={others.label ? undefined : others['aria-label']}\n        renderOption={renderOption}\n        scrollAreaProps={scrollAreaProps}\n      />\n    </Combobox>\n  );\n});\n\nAutocomplete.classes = { ...InputBase.classes, ...Combobox.classes };\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n\nexport namespace Autocomplete {\n  export type Props = AutocompleteProps;\n  export type StylesNames = AutocompleteStylesNames;\n  export type RenderOption = RenderAutocompleteOption;\n  export type Factory = AutocompleteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AA4FA,MAAa,eAAe,SAA8B,WAAW;CACnE,MAAM,QAAQ,SACZ;EAAC;EAAS;EAAgB;CAAc,GACxC,EAAE,MAAM,KAAK,GACb,MACF;CACA,MAAM,EACJ,YACA,QACA,UACA,MACA,gBACA,uBACA,iBACA,gBACA,SACA,QACA,SACA,UACA,MACA,OACA,cACA,2BACA,iCACA,gBACA,eACA,UACA,UACA,QACA,OACA,gBACA,mBACA,gBACA,MACA,IACA,cACA,cACA,iBACA,SACA,kBACA,OACA,WACA,kBACA,cACA,kBACA,cAAc,MACd,YACA,GAAG,WACD;CAEJ,MAAM,MAAMA,QAAM,EAAE;CACpB,MAAM,aAAa,sBAAsB,IAAI;CAC7C,MAAM,gBAAgB,iBAAiB,UAAU;CAEjD,MAAM,CAAC,QAAQ,YAAY,gBAAgB;EACzC;EACA;EACA,YAAY;EACZ;CACF,CAAC;CAED,MAAM,WAAW,YAAY;EAC3B,QAAQ;EACR,eAAe;EACf,sBAAsB;GACpB,iBAAiB;GACjB,IAAI,iCACF,SAAS,kBAAkB;EAE/B;EACA,uBAAuB;GACrB,kBAAkB;GAElB,WAAW,SAAS,qBAAqB,CAAC;EAC5C;CACF,CAAC;CAED,MAAM,qBAAqB,UAAkB;EAC3C,SAAS,KAAK;EACd,SAAS,oBAAoB;CAC/B;CAEA,MAAM,EAAE,oBAAoB,mBAAmB,qBAA0C;EACvF;EACA;EACA;CACF,CAAC;CAED,gBAAgB;EACd,IAAI,2BACF,SAAS,kBAAkB;CAE/B,GAAG,CAAC,2BAA2B,MAAM,CAAC;CAEtC,MAAM,cACJ,oBAAC,SAAS,aAAV;EACE,GAAI;EACJ,eAAe;GACb,kBAAkB,EAAE;GACpB,UAAU;EACZ;CACD,CAAA;CAGH,OACE,qBAAC,UAAD;EACE,OAAO;EACP,kBAAiB;EACjB,YAAY;EACZ,QAAQ;EACE;EACA;EACJ;EACM;EACI;EAChB,aAAa;EACb,iBAAiB,QAAQ;GACvB,iBAAiB,GAAG;GACpB,kBAAkB,cAAc,KAAK,KAAK;GAC1C,SAAS,cAAc;EACzB;EACA,GAAI;YAhBN,CAkBE,oBAAC,SAAS,QAAV;GAA+B;GAAc,uBAAA;aAC3C,oBAAC,WAAD;IACE,GAAI;IACE;IACN,kBAAiB;IACjB,gBAAgB;IAChB,aAAa,aAAa,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC;IACpD,oBAAoB;IACN;IACJ;IACA;IACV,OAAO;IACA;IACP,WAAW,UAAU;KACnB,kBAAkB,MAAM,cAAc,KAAK;KAC3C,SAAS,aAAa;KACtB,6BAA6B,SAAS,kBAAkB;IAC1D;IACA,UAAU,UAAU;KAClB,eAAe,SAAS,aAAa;KACrC,UAAU,KAAK;IACjB;IACA,SAAS,UAAU;KACjB,IAAI,kBACF,SAAS,oBAAoB;KAG/B,SAAS,cAAc;KACvB,SAAS,KAAK;IAChB;IACA,UAAU,UAAU;KAClB,SAAS,aAAa;KACtB,UAAU,KAAK;IACjB;IACA,YAAY;IACZ,QAAQ;IACE;IACE;IACZ,IAAI;GACL,CAAA;EACc,CAAA,GACjB,oBAAC,iBAAD;GACE,MAAM;GACN,QAAQ,YAAY;GACZ;GACR,QAAQ;GACD;GACP,iBAAA;GACgB;GACG;GACT;GACV,SAAS,OAAO,QAAQ,GAAG,IAAI,UAAU,KAAA;GACzC,cAAY,OAAO,QAAQ,KAAA,IAAY,OAAO;GAChC;GACG;EAClB,CAAA,CACO;;AAEd,CAAC;AAED,aAAa,UAAU;CAAE,GAAG,UAAU;CAAS,GAAG,SAAS;AAAQ;AACnE,aAAa,cAAc"}

package/esm/components/Blockquote/Blockquote.mjs

@@ -13,7 +13,7 @@ import Blockquote_module_default from "./Blockquote.module.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region packages/@mantine/core/src/components/Blockquote/Blockquote.tsx
 const defaultProps = { iconSize: 48 };
-const varsResolver = createVarsResolver((theme, { color, iconSize, radius }) => {
+const varsResolver = createVarsResolver((theme, { color, iconSize, radius, textWrap }) => {
 	const darkParsed = parseThemeColor({
 		color: color || theme.primaryColor,
 		theme,
@@ -28,12 +28,13 @@ const varsResolver = createVarsResolver((theme, { color, iconSize, radius }) =>
 		"--bq-bg-dark": rgba(darkParsed.value, .06),
 		"--bq-bd": getThemeColor(color, theme),
 		"--bq-icon-size": rem(iconSize),
-		"--bq-radius": getRadius(radius)
+		"--bq-radius": getRadius(radius),
+		"--bq-text-wrap": textWrap
 	} };
 });
 const Blockquote = factory((_props) => {
 	const props = useProps("Blockquote", defaultProps, _props);
-	const { classNames, className, style, styles, unstyled, vars, children, icon, iconSize, cite, attributes, ...others } = props;
+	const { classNames, className, style, styles, unstyled, vars, children, icon, iconSize, cite, textWrap, attributes, ...others } = props;
 	const getStyles = useStyles({
 		name: "Blockquote",
 		classes: Blockquote_module_default,

package/esm/components/Blockquote/Blockquote.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.mjs","names":["classes"],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  parseThemeColor,\n  rem,\n  rgba,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Blockquote.module.css';\n\nexport type BlockquoteStylesNames = 'root' | 'icon' | 'cite';\nexport type BlockquoteCssVariables = {\n  root: '--bq-bg-light' | '--bq-bg-dark' | '--bq-bd' | '--bq-icon-size' | '--bq-radius';\n};\n\nexport interface BlockquoteProps\n  extends BoxProps, StylesApiProps<BlockquoteFactory>, ElementProps<'blockquote', 'cite'> {\n  /** Blockquote icon, displayed at the top left side */\n  icon?: React.ReactNode;\n\n  /** Controls icon `width` and `height`, numbers are converted to rem @default 40 */\n  iconSize?: number | string;\n\n  /** Key of `theme.colors` or any valid CSS color @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Reference to a cited quote */\n  cite?: React.ReactNode;\n}\n\nexport type BlockquoteFactory = Factory<{\n  props: BlockquoteProps;\n  ref: HTMLQuoteElement;\n  stylesNames: BlockquoteStylesNames;\n  vars: BlockquoteCssVariables;\n}>;\n\nconst defaultProps = {\n  iconSize: 48,\n} satisfies Partial<BlockquoteProps>;\n\nconst varsResolver = createVarsResolver<BlockquoteFactory>((theme, { color, iconSize, radius }) => {\n  const darkParsed = parseThemeColor({\n    color: color || theme.primaryColor,\n    theme,\n    colorScheme: 'dark',\n  });\n\n  const lightParsed = parseThemeColor({\n    color: color || theme.primaryColor,\n    theme,\n    colorScheme: 'light',\n  });\n\n  return {\n    root: {\n      '--bq-bg-light': rgba(lightParsed.value, 0.07),\n      '--bq-bg-dark': rgba(darkParsed.value, 0.06),\n      '--bq-bd': getThemeColor(color, theme),\n      '--bq-icon-size': rem(iconSize),\n      '--bq-radius': getRadius(radius),\n    },\n  };\n});\n\nexport const Blockquote = factory<BlockquoteFactory>((_props) => {\n  const props = useProps('Blockquote', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    icon,\n    iconSize,\n    cite,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<BlockquoteFactory>({\n    name: 'Blockquote',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box component=\"blockquote\" {...getStyles('root')} {...others}>\n      {icon && <span {...getStyles('icon')}>{icon}</span>}\n      {children}\n      {cite && <cite {...getStyles('cite')}>{cite}</cite>}\n    </Box>\n  );\n});\n\nBlockquote.classes = classes;\nBlockquote.varsResolver = varsResolver;\nBlockquote.displayName = '@mantine/core/Blockquote';\n\nexport namespace Blockquote {\n  export type Props = BlockquoteProps;\n  export type StylesNames = BlockquoteStylesNames;\n  export type CssVariables = BlockquoteCssVariables;\n  export type Factory = BlockquoteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AAkDA,MAAM,eAAe,EACnB,UAAU,GACZ;AAEA,MAAM,eAAe,oBAAuC,OAAO,EAAE,OAAO,UAAU,aAAa;CACjG,MAAM,aAAa,gBAAgB;EACjC,OAAO,SAAS,MAAM;EACtB;EACA,aAAa;CACf,CAAC;CAQD,OAAO,EACL,MAAM;EACJ,iBAAiB,KARD,gBAAgB;GAClC,OAAO,SAAS,MAAM;GACtB;GACA,aAAa;EACf,CAIoC,EAAE,OAAO,GAAI;EAC7C,gBAAgB,KAAK,WAAW,OAAO,GAAI;EAC3C,WAAW,cAAc,OAAO,KAAK;EACrC,kBAAkB,IAAI,QAAQ;EAC9B,eAAe,UAAU,MAAM;CACjC,EACF;AACF,CAAC;AAED,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,MACA,UACA,MACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EAAK,WAAU;EAAa,GAAI,UAAU,MAAM;EAAG,GAAI;YAAvD;GACG,QAAQ,oBAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;GACjD;GACA,QAAQ,oBAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;EAC/C;;AAET,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}
+{"version":3,"file":"Blockquote.mjs","names":["classes"],"sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getRadius,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  parseThemeColor,\n  rem,\n  rgba,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Blockquote.module.css';\n\nexport type BlockquoteStylesNames = 'root' | 'icon' | 'cite';\nexport type BlockquoteCssVariables = {\n  root:\n    | '--bq-bg-light'\n    | '--bq-bg-dark'\n    | '--bq-bd'\n    | '--bq-icon-size'\n    | '--bq-radius'\n    | '--bq-text-wrap';\n};\n\nexport interface BlockquoteProps\n  extends BoxProps, StylesApiProps<BlockquoteFactory>, ElementProps<'blockquote', 'cite'> {\n  /** Blockquote icon, displayed at the top left side */\n  icon?: React.ReactNode;\n\n  /** Controls icon `width` and `height`, numbers are converted to rem @default 40 */\n  iconSize?: number | string;\n\n  /** Key of `theme.colors` or any valid CSS color @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Reference to a cited quote */\n  cite?: React.ReactNode;\n\n  /** Controls `text-wrap` CSS property */\n  textWrap?: 'wrap' | 'nowrap' | 'balance' | 'pretty' | 'stable';\n}\n\nexport type BlockquoteFactory = Factory<{\n  props: BlockquoteProps;\n  ref: HTMLQuoteElement;\n  stylesNames: BlockquoteStylesNames;\n  vars: BlockquoteCssVariables;\n}>;\n\nconst defaultProps = {\n  iconSize: 48,\n} satisfies Partial<BlockquoteProps>;\n\nconst varsResolver = createVarsResolver<BlockquoteFactory>(\n  (theme, { color, iconSize, radius, textWrap }) => {\n    const darkParsed = parseThemeColor({\n      color: color || theme.primaryColor,\n      theme,\n      colorScheme: 'dark',\n    });\n\n    const lightParsed = parseThemeColor({\n      color: color || theme.primaryColor,\n      theme,\n      colorScheme: 'light',\n    });\n\n    return {\n      root: {\n        '--bq-bg-light': rgba(lightParsed.value, 0.07),\n        '--bq-bg-dark': rgba(darkParsed.value, 0.06),\n        '--bq-bd': getThemeColor(color, theme),\n        '--bq-icon-size': rem(iconSize),\n        '--bq-radius': getRadius(radius),\n        '--bq-text-wrap': textWrap,\n      },\n    };\n  }\n);\n\nexport const Blockquote = factory<BlockquoteFactory>((_props) => {\n  const props = useProps('Blockquote', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    children,\n    icon,\n    iconSize,\n    cite,\n    textWrap,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<BlockquoteFactory>({\n    name: 'Blockquote',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box component=\"blockquote\" {...getStyles('root')} {...others}>\n      {icon && <span {...getStyles('icon')}>{icon}</span>}\n      {children}\n      {cite && <cite {...getStyles('cite')}>{cite}</cite>}\n    </Box>\n  );\n});\n\nBlockquote.classes = classes;\nBlockquote.varsResolver = varsResolver;\nBlockquote.displayName = '@mantine/core/Blockquote';\n\nexport namespace Blockquote {\n  export type Props = BlockquoteProps;\n  export type StylesNames = BlockquoteStylesNames;\n  export type CssVariables = BlockquoteCssVariables;\n  export type Factory = BlockquoteFactory;\n}\n"],"mappings":";;;;;;;;;;;;;;AA2DA,MAAM,eAAe,EACnB,UAAU,GACZ;AAEA,MAAM,eAAe,oBAClB,OAAO,EAAE,OAAO,UAAU,QAAQ,eAAe;CAChD,MAAM,aAAa,gBAAgB;EACjC,OAAO,SAAS,MAAM;EACtB;EACA,aAAa;CACf,CAAC;CAQD,OAAO,EACL,MAAM;EACJ,iBAAiB,KARD,gBAAgB;GAClC,OAAO,SAAS,MAAM;GACtB;GACA,aAAa;EACf,CAIoC,EAAE,OAAO,GAAI;EAC7C,gBAAgB,KAAK,WAAW,OAAO,GAAI;EAC3C,WAAW,cAAc,OAAO,KAAK;EACrC,kBAAkB,IAAI,QAAQ;EAC9B,eAAe,UAAU,MAAM;EAC/B,kBAAkB;CACpB,EACF;AACF,CACF;AAEA,MAAa,aAAa,SAA4B,WAAW;CAC/D,MAAM,QAAQ,SAAS,cAAc,cAAc,MAAM;CACzD,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,UACA,MACA,UACA,MACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAA6B;EAC7C,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,qBAAC,KAAD;EAAK,WAAU;EAAa,GAAI,UAAU,MAAM;EAAG,GAAI;YAAvD;GACG,QAAQ,oBAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;GACjD;GACA,QAAQ,oBAAC,QAAD;IAAM,GAAI,UAAU,MAAM;cAAI;GAAW,CAAA;EAC/C;;AAET,CAAC;AAED,WAAW,UAAUA;AACrB,WAAW,eAAe;AAC1B,WAAW,cAAc"}

package/esm/components/Blockquote/Blockquote.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Blockquote.module.mjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":[".root {\n  --blockquote-border: 3px solid var(--bq-bd);\n\n  position: relative;\n  margin: 0;\n  border-inline-start: var(--blockquote-border);\n  border-start-end-radius: var(--bq-radius);\n  border-end-end-radius: var(--bq-radius);\n  padding: var(--mantine-spacing-xl) rem(38px);\n\n  @mixin where-light {\n    background-color: var(--bq-bg-light);\n  }\n\n  @mixin where-dark {\n    background-color: var(--bq-bg-dark);\n  }\n}\n\n.icon {\n  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);\n\n  position: absolute;\n  color: var(--bq-bd);\n  background-color: var(--mantine-color-body);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: var(--blockquote-icon-offset);\n  inset-inline-start: var(--blockquote-icon-offset);\n  width: var(--bq-icon-size);\n  height: var(--bq-icon-size);\n  border-radius: var(--bq-icon-size);\n}\n\n.cite {\n  display: block;\n  margin-top: var(--mantine-spacing-md);\n  opacity: 0.6;\n  font-size: 85%;\n}\n"],"mappings":""}
+{"version":3,"file":"Blockquote.module.mjs","names":[],"sources":["../../../src/components/Blockquote/Blockquote.module.css"],"sourcesContent":[".root {\n  --blockquote-border: 3px solid var(--bq-bd);\n\n  position: relative;\n  margin: 0;\n  text-wrap: var(--bq-text-wrap, var(--mantine-text-wrap, wrap));\n  border-inline-start: var(--blockquote-border);\n  border-start-end-radius: var(--bq-radius);\n  border-end-end-radius: var(--bq-radius);\n  padding: var(--mantine-spacing-xl) rem(38px);\n\n  @mixin where-light {\n    background-color: var(--bq-bg-light);\n  }\n\n  @mixin where-dark {\n    background-color: var(--bq-bg-dark);\n  }\n}\n\n.icon {\n  --blockquote-icon-offset: calc(var(--bq-icon-size) / -2);\n\n  position: absolute;\n  color: var(--bq-bd);\n  background-color: var(--mantine-color-body);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: var(--blockquote-icon-offset);\n  inset-inline-start: var(--blockquote-icon-offset);\n  width: var(--bq-icon-size);\n  height: var(--bq-icon-size);\n  border-radius: var(--bq-icon-size);\n}\n\n.cite {\n  display: block;\n  margin-top: var(--mantine-spacing-md);\n  opacity: 0.6;\n  font-size: 85%;\n}\n"],"mappings":""}

package/esm/components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxIndicator.mjs","names":["classes"],"sources":["../../../../src/components/Checkbox/CheckboxIndicator/CheckboxIndicator.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getAutoContrastValue,\n  getContrastColor,\n  getRadius,\n  getSize,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n  parseThemeColor,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport type { CheckboxIconComponent } from '../Checkbox';\nimport { CheckboxCardContext } from '../CheckboxCard/CheckboxCard';\nimport { CheckboxIcon } from '../CheckIcon';\nimport classes from './CheckboxIndicator.module.css';\n\nexport type CheckboxIndicatorStylesNames = 'indicator' | 'icon';\nexport type CheckboxIndicatorVariant = 'filled' | 'outline';\nexport type CheckboxIndicatorCssVariables = {\n  indicator: '--checkbox-size' | '--checkbox-radius' | '--checkbox-color' | '--checkbox-icon-color';\n};\n\nexport interface CheckboxIndicatorProps\n  extends BoxProps, StylesApiProps<CheckboxIndicatorFactory>, ElementProps<'div'> {\n  /** Key of `theme.colors` or any valid CSS color to set input background color in checked state @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Controls size of the component @default 'sm' */\n  size?: MantineSize | (string & {});\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast` */\n  iconColor?: MantineColor;\n\n  /** If set, adjusts icon color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Indeterminate state of the checkbox. If set, `checked` prop is ignored. */\n  indeterminate?: boolean;\n\n  /** Icon for checked or indeterminate state */\n  icon?: CheckboxIconComponent;\n\n  /** Determines whether the component should have checked styles */\n  checked?: boolean;\n\n  /** Indicates disabled state */\n  disabled?: boolean;\n}\n\nexport type CheckboxIndicatorFactory = Factory<{\n  props: CheckboxIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: CheckboxIndicatorStylesNames;\n  vars: CheckboxIndicatorCssVariables;\n  variant: CheckboxIndicatorVariant;\n}>;\n\nconst defaultProps = {\n  icon: CheckboxIcon,\n  variant: 'filled',\n  radius: 'sm',\n} satisfies Partial<CheckboxIndicatorProps>;\n\nconst varsResolver = createVarsResolver<CheckboxIndicatorFactory>(\n  (theme, { radius, color, size, iconColor, variant, autoContrast }) => {\n    const parsedColor = parseThemeColor({ color: color || theme.primaryColor, theme });\n    const outlineColor =\n      parsedColor.isThemeColor && parsedColor.shade === undefined\n        ? `var(--mantine-color-${parsedColor.color}-outline)`\n        : parsedColor.color;\n\n    return {\n      indicator: {\n        '--checkbox-size': getSize(size, 'checkbox-size'),\n        '--checkbox-radius': radius === undefined ? undefined : getRadius(radius),\n        '--checkbox-color': variant === 'outline' ? outlineColor : getThemeColor(color, theme),\n        '--checkbox-icon-color': iconColor\n          ? getThemeColor(iconColor, theme)\n          : getAutoContrastValue(autoContrast, theme)\n            ? getContrastColor({ color, theme, autoContrast })\n            : undefined,\n      },\n    };\n  }\n);\n\nexport const CheckboxIndicator = factory<CheckboxIndicatorFactory>((_props) => {\n  const props = useProps('CheckboxIndicator', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    icon: Icon,\n    indeterminate,\n    radius,\n    color,\n    iconColor,\n    autoContrast,\n    checked,\n    mod,\n    variant,\n    disabled,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<CheckboxIndicatorFactory>({\n    name: 'CheckboxIndicator',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'indicator',\n  });\n\n  const ctx = use(CheckboxCardContext);\n  const _checked =\n    typeof checked === 'boolean' || typeof indeterminate === 'boolean'\n      ? checked || indeterminate\n      : ctx?.checked || false;\n\n  return (\n    <Box\n      {...getStyles('indicator', { variant })}\n      variant={variant}\n      mod={[{ checked: _checked, disabled }, mod]}\n      {...others}\n    >\n      <Icon indeterminate={indeterminate} {...getStyles('icon')} />\n    </Box>\n  );\n});\n\nCheckboxIndicator.displayName = '@mantine/core/CheckboxIndicator';\nCheckboxIndicator.classes = classes;\nCheckboxIndicator.varsResolver = varsResolver;\n"],"mappings":";;;;;;;;;;;;;;;;;AAsEA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,QAAQ;AACV;AAEA,MAAM,eAAe,oBAClB,OAAO,EAAE,QAAQ,OAAO,MAAM,WAAW,SAAS,mBAAmB;CACpE,MAAM,cAAc,gBAAgB;EAAE,OAAO,SAAS,MAAM;EAAc;CAAM,CAAC;CACjF,MAAM,eACJ,YAAY,gBAAgB,YAAY,UAAU,KAAA,IAC9C,uBAAuB,YAAY,MAAM,aACzC,YAAY;CAElB,OAAO,EACL,WAAW;EACT,mBAAmB,QAAQ,MAAM,eAAe;EAChD,qBAAqB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EACxE,oBAAoB,YAAY,YAAY,eAAe,cAAc,OAAO,KAAK;EACrF,yBAAyB,YACrB,cAAc,WAAW,KAAK,IAC9B,qBAAqB,cAAc,KAAK,IACtC,iBAAiB;GAAE;GAAO;GAAO;EAAa,CAAC,IAC/C,KAAA;CACR,EACF;AACF,CACF;AAEA,MAAa,oBAAoB,SAAmC,WAAW;CAC7E,MAAM,QAAQ,SAAS,qBAAqB,cAAc,MAAM;CAChE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MAAM,MACN,eACA,QACA,OACA,WACA,cACA,SACA,KACA,SACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAoC;EACpD,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,MAAM,IAAI,mBAAmB;CACnC,MAAM,WACJ,OAAO,YAAY,aAAa,OAAO,kBAAkB,YACrD,WAAW,gBACX,KAAK,WAAW;CAEtB,OACE,oBAAC,KAAD;EACE,GAAI,UAAU,aAAa,EAAE,QAAQ,CAAC;EAC7B;EACT,KAAK,CAAC;GAAE,SAAS;GAAU;EAAS,GAAG,GAAG;EAC1C,GAAI;YAEJ,oBAAC,MAAD;GAAqB;GAAe,GAAI,UAAU,MAAM;EAAI,CAAA;CACzD,CAAA;AAET,CAAC;AAED,kBAAkB,cAAc;AAChC,kBAAkB,UAAUA;AAC5B,kBAAkB,eAAe"}
+{"version":3,"file":"CheckboxIndicator.mjs","names":["classes"],"sources":["../../../../src/components/Checkbox/CheckboxIndicator/CheckboxIndicator.tsx"],"sourcesContent":["import { use } from 'react';\nimport {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getAutoContrastValue,\n  getContrastColor,\n  getRadius,\n  getSize,\n  getThemeColor,\n  MantineColor,\n  MantineRadius,\n  MantineSize,\n  parseThemeColor,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport type { CheckboxIconComponent } from '../Checkbox';\nimport { CheckboxCardContext } from '../CheckboxCard/CheckboxCard';\nimport { CheckboxIcon } from '../CheckIcon';\nimport classes from './CheckboxIndicator.module.css';\n\nexport type CheckboxIndicatorStylesNames = 'indicator' | 'icon';\nexport type CheckboxIndicatorVariant = 'filled' | 'outline';\nexport type CheckboxIndicatorCssVariables = {\n  indicator: '--checkbox-size' | '--checkbox-radius' | '--checkbox-color' | '--checkbox-icon-color';\n};\n\nexport interface CheckboxIndicatorProps\n  extends BoxProps, StylesApiProps<CheckboxIndicatorFactory>, ElementProps<'div'> {\n  /** Key of `theme.colors` or any valid CSS color to set input background color in checked state @default theme.primaryColor */\n  color?: MantineColor;\n\n  /** Controls size of the component @default 'sm' */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default theme.defaultRadius */\n  radius?: MantineRadius;\n\n  /** Key of `theme.colors` or any valid CSS color to set icon color, by default value depends on `theme.autoContrast` */\n  iconColor?: MantineColor;\n\n  /** If set, adjusts icon color based on background color for `filled` variant */\n  autoContrast?: boolean;\n\n  /** Indeterminate state of the checkbox. If set, `checked` prop is ignored. */\n  indeterminate?: boolean;\n\n  /** Icon for checked or indeterminate state */\n  icon?: CheckboxIconComponent;\n\n  /** Determines whether the component should have checked styles */\n  checked?: boolean;\n\n  /** Indicates disabled state */\n  disabled?: boolean;\n}\n\nexport type CheckboxIndicatorFactory = Factory<{\n  props: CheckboxIndicatorProps;\n  ref: HTMLDivElement;\n  stylesNames: CheckboxIndicatorStylesNames;\n  vars: CheckboxIndicatorCssVariables;\n  variant: CheckboxIndicatorVariant;\n}>;\n\nconst defaultProps = {\n  icon: CheckboxIcon,\n  variant: 'filled',\n  radius: 'sm',\n} satisfies Partial<CheckboxIndicatorProps>;\n\nconst varsResolver = createVarsResolver<CheckboxIndicatorFactory>(\n  (theme, { radius, color, size, iconColor, variant, autoContrast }) => {\n    const parsedColor = parseThemeColor({ color: color || theme.primaryColor, theme });\n    const outlineColor =\n      parsedColor.isThemeColor && parsedColor.shade === undefined\n        ? `var(--mantine-color-${parsedColor.color}-outline)`\n        : parsedColor.color;\n\n    return {\n      indicator: {\n        '--checkbox-size': getSize(size, 'checkbox-size'),\n        '--checkbox-radius': radius === undefined ? undefined : getRadius(radius),\n        '--checkbox-color': variant === 'outline' ? outlineColor : getThemeColor(color, theme),\n        '--checkbox-icon-color': iconColor\n          ? getThemeColor(iconColor, theme)\n          : getAutoContrastValue(autoContrast, theme)\n            ? getContrastColor({ color, theme, autoContrast })\n            : undefined,\n      },\n    };\n  }\n);\n\nexport const CheckboxIndicator = factory<CheckboxIndicatorFactory>((_props) => {\n  const props = useProps('CheckboxIndicator', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    icon: Icon,\n    indeterminate,\n    radius,\n    color,\n    iconColor,\n    autoContrast,\n    checked,\n    mod,\n    variant,\n    disabled,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<CheckboxIndicatorFactory>({\n    name: 'CheckboxIndicator',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n    varsResolver,\n    rootSelector: 'indicator',\n  });\n\n  const ctx = use(CheckboxCardContext);\n  const _checked =\n    typeof checked === 'boolean' || typeof indeterminate === 'boolean'\n      ? checked || indeterminate\n      : ctx?.checked || false;\n\n  return (\n    <Box\n      {...getStyles('indicator', { variant })}\n      variant={variant}\n      mod={[{ checked: _checked, disabled }, mod]}\n      {...others}\n    >\n      <Icon indeterminate={indeterminate} {...getStyles('icon')} />\n    </Box>\n  );\n});\n\nCheckboxIndicator.displayName = '@mantine/core/CheckboxIndicator';\nCheckboxIndicator.classes = classes;\nCheckboxIndicator.varsResolver = varsResolver;\n"],"mappings":";;;;;;;;;;;;;;;;;AAsEA,MAAM,eAAe;CACnB,MAAM;CACN,SAAS;CACT,QAAQ;AACV;AAEA,MAAM,eAAe,oBAClB,OAAO,EAAE,QAAQ,OAAO,MAAM,WAAW,SAAS,mBAAmB;CACpE,MAAM,cAAc,gBAAgB;EAAE,OAAO,SAAS,MAAM;EAAc;CAAM,CAAC;CACjF,MAAM,eACJ,YAAY,gBAAgB,YAAY,UAAU,KAAA,IAC9C,uBAAuB,YAAY,MAAM,aACzC,YAAY;CAElB,OAAO,EACL,WAAW;EACT,mBAAmB,QAAQ,MAAM,eAAe;EAChD,qBAAqB,WAAW,KAAA,IAAY,KAAA,IAAY,UAAU,MAAM;EACxE,oBAAoB,YAAY,YAAY,eAAe,cAAc,OAAO,KAAK;EACrF,yBAAyB,YACrB,cAAc,WAAW,KAAK,IAC9B,qBAAqB,cAAc,KAAK,IACtC,iBAAiB;GAAE;GAAO;GAAO;EAAa,CAAC,IAC/C,KAAA;CACR,EACF;AACF,CACF;AAEA,MAAa,oBAAoB,SAAmC,WAAW;CAC7E,MAAM,QAAQ,SAAS,qBAAqB,cAAc,MAAM;CAChE,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,MAAM,MACN,eACA,QACA,OACA,WACA,cACA,SACA,KACA,SACA,UACA,YACA,GAAG,WACD;CAEJ,MAAM,YAAY,UAAoC;EACpD,MAAM;EACN,SAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;CAChB,CAAC;CAED,MAAM,MAAM,IAAI,mBAAmB;CACnC,MAAM,WACJ,OAAO,YAAY,aAAa,OAAO,kBAAkB,YACrD,WAAW,gBACX,KAAK,WAAW;CAEtB,OACE,oBAAC,KAAD;EACE,GAAI,UAAU,aAAa,EAAE,QAAQ,CAAC;EAC7B;EACT,KAAK,CAAC;GAAE,SAAS;GAAU;EAAS,GAAG,GAAG;EAC1C,GAAI;YAEJ,oBAAC,MAAD;GAAqB;GAAe,GAAI,UAAU,MAAM;EAAI,CAAA;CACzD,CAAA;AAET,CAAC;AAED,kBAAkB,cAAc;AAChC,kBAAkB,UAAUA;AAC5B,kBAAkB,eAAe"}

package/esm/components/Combobox/Combobox.context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.context.mjs","names":[],"sources":["../../../src/components/Combobox/Combobox.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi, MantineSize } from '../../core';\nimport type { ComboboxFactory } from './Combobox';\nimport type { ComboboxOptionProps } from './ComboboxOption/ComboboxOption';\nimport type { ComboboxStore } from './use-combobox/use-combobox';\n\nexport interface ComboboxContextValue {\n  getStyles: GetStylesApi<ComboboxFactory>;\n  store: ComboboxStore;\n  onOptionSubmit?: (value: string, optionProps: ComboboxOptionProps) => void;\n  size: MantineSize | (string & {});\n  resetSelectionOnOptionHover: boolean | undefined;\n  readOnly: boolean | undefined;\n}\n\nexport const [ComboboxProvider, useComboboxContext] = createSafeContext<ComboboxContextValue>(\n  'Combobox component was not found in tree'\n);\n"],"mappings":";;;AAcA,MAAa,CAAC,kBAAkB,sBAAsB,kBACpD,0CACF"}
+{"version":3,"file":"Combobox.context.mjs","names":[],"sources":["../../../src/components/Combobox/Combobox.context.ts"],"sourcesContent":["import { createSafeContext, GetStylesApi, MantineSize } from '../../core';\nimport type { ComboboxFactory } from './Combobox';\nimport type { ComboboxOptionProps } from './ComboboxOption/ComboboxOption';\nimport type { ComboboxStore } from './use-combobox/use-combobox';\n\nexport interface ComboboxContextValue {\n  getStyles: GetStylesApi<ComboboxFactory>;\n  store: ComboboxStore;\n  onOptionSubmit?: (value: string, optionProps: ComboboxOptionProps) => void;\n  size: MantineSize | (string & {});\n  resetSelectionOnOptionHover: boolean | undefined;\n  readOnly: boolean | undefined;\n  floatingHeight: 'viewport' | undefined;\n}\n\nexport const [ComboboxProvider, useComboboxContext] = createSafeContext<ComboboxContextValue>(\n  'Combobox component was not found in tree'\n);\n"],"mappings":";;;AAeA,MAAa,CAAC,kBAAkB,sBAAsB,kBACpD,0CACF"}

package/esm/components/Combobox/Combobox.mjs

@@ -48,7 +48,29 @@ const varsResolver = createVarsResolver((_, { size, dropdownPadding }) => ({
 }));
 const Combobox = (_props) => {
 	const props = useProps("Combobox", defaultProps, _props);
-	const { classNames, styles, unstyled, children, store: controlledStore, vars, onOptionSubmit, onClose, size, dropdownPadding, resetSelectionOnOptionHover, __staticSelector, readOnly, attributes, ...others } = props;
+	const { classNames, styles, unstyled, children, store: controlledStore, vars, onOptionSubmit, onClose, size, dropdownPadding, resetSelectionOnOptionHover, __staticSelector, readOnly, attributes, floatingHeight, middlewares, ...others } = props;
+	const resolvedMiddlewares = floatingHeight === "viewport" ? {
+		...middlewares,
+		flip: false,
+		size: {
+			...typeof middlewares?.size === "object" ? middlewares.size : {},
+			padding: typeof middlewares?.size === "object" && middlewares.size.padding !== void 0 ? middlewares.size.padding : 10,
+			apply: ({ availableHeight, availableWidth, elements, ...rest }) => {
+				elements.floating.style.setProperty("--combobox-floating-max-height", `${availableHeight}px`);
+				const userSize = middlewares?.size;
+				if (typeof userSize === "object" && userSize.apply) userSize.apply({
+					availableHeight,
+					availableWidth,
+					elements,
+					...rest
+				});
+				else if (userSize) Object.assign(elements.floating.style, {
+					maxWidth: `${availableWidth}px`,
+					maxHeight: `${availableHeight}px`
+				});
+			}
+		}
+	} : middlewares;
 	const uncontrolledStore = useCombobox();
 	const store = controlledStore || uncontrolledStore;
 	const getStyles = useStyles({
@@ -73,12 +95,13 @@ const Combobox = (_props) => {
 			onOptionSubmit,
 			size,
 			resetSelectionOnOptionHover,
-			readOnly
+			readOnly,
+			floatingHeight
 		},
 		children: /* @__PURE__ */ jsx(Popover, {
 			opened: store.dropdownOpened,
-			preventPositionChangeWhenVisible: false,
 			...others,
+			middlewares: resolvedMiddlewares,
 			onChange: (_opened) => !_opened && onDropdownClose(),
 			withRoles: false,
 			unstyled,