@mantine/core 9.4.3-alpha.0 → 9.5.1-alpha.0

package/esm/components/Cascader/CascaderColumns.mjs

@@ -0,0 +1,135 @@
+"use client";
+import { ScrollArea } from "../ScrollArea/ScrollArea.mjs";
+import { UnstyledButton } from "../UnstyledButton/UnstyledButton.mjs";
+import { AccordionChevron } from "../Accordion/AccordionChevron.mjs";
+import { CheckIcon } from "../Checkbox/CheckIcon.mjs";
+import { cascaderOptionHasChildren, getCascaderColumns } from "./get-cascader-columns.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region packages/@mantine/core/src/components/Cascader/CascaderColumns.tsx
+function getCascaderOptionId(listId, level, value) {
+	return listId ? `${listId}-${level}-${value}` : void 0;
+}
+function CascaderColumns({ data, activePath, value, keyboardNav, withCheckIcon, checkIconPosition, renderOption, columnWidth, maxDisplayedLevels, previousLevelsControlLabel, nextLevelsControlLabel, maxDropdownHeight, nothingFoundMessage, getStyles, unstyled, scrollAreaProps, onOptionClick, onOptionMouseEnter, onColumnsMouseLeave, onPointerActivity, listId }) {
+	const allColumns = getCascaderColumns(data, activePath);
+	const totalColumns = allColumns.length;
+	const maxLevels = maxDisplayedLevels && maxDisplayedLevels > 0 ? maxDisplayedLevels : totalColumns;
+	const maxOffset = Math.max(0, totalColumns - maxLevels);
+	const focusedLevel = activePath.length - 1;
+	const showCheckIcon = withCheckIcon !== false;
+	const activePathKey = JSON.stringify(activePath);
+	const [windowState, setWindowState] = useState({
+		key: activePathKey,
+		offset: 0
+	});
+	const windowOffset = windowState.key === activePathKey ? windowState.offset : 0;
+	if (windowState.key !== activePathKey) setWindowState({
+		key: activePathKey,
+		offset: 0
+	});
+	const setWindowOffset = (updater) => setWindowState((current) => ({
+		key: activePathKey,
+		offset: updater(current.offset)
+	}));
+	const windowStart = Math.max(0, maxOffset - Math.min(windowOffset, maxOffset));
+	const windowEnd = Math.min(totalColumns, windowStart + maxLevels);
+	const visibleColumns = allColumns.slice(windowStart, windowEnd);
+	const hiddenBefore = windowStart;
+	const hiddenAfter = totalColumns - windowEnd;
+	const check = showCheckIcon ? /* @__PURE__ */ jsx(CheckIcon, { ...getStyles("columnOptionCheck") }) : null;
+	return /* @__PURE__ */ jsxs("div", {
+		...getStyles("columnsList"),
+		role: "presentation",
+		onMouseLeave: onColumnsMouseLeave,
+		onMouseMove: onPointerActivity,
+		children: [
+			hiddenBefore > 0 && /* @__PURE__ */ jsx(UnstyledButton, {
+				...getStyles("columnsOverflow"),
+				"data-position": "start",
+				tabIndex: -1,
+				unstyled,
+				"aria-label": previousLevelsControlLabel,
+				title: previousLevelsControlLabel,
+				onMouseDown: (event) => event.preventDefault(),
+				onClick: () => setWindowOffset((current) => Math.min(maxOffset, current + 1)),
+				children: /* @__PURE__ */ jsx(AccordionChevron, {})
+			}),
+			visibleColumns.map((options, index) => {
+				const level = windowStart + index;
+				return /* @__PURE__ */ jsx("div", {
+					"data-last": index === visibleColumns.length - 1 && hiddenAfter === 0 || void 0,
+					...getStyles("column", { style: columnWidth ? {
+						width: columnWidth,
+						minWidth: columnWidth
+					} : void 0 }),
+					children: /* @__PURE__ */ jsx(ScrollArea.Autosize, {
+						mah: maxDropdownHeight ?? 260,
+						type: "scroll",
+						scrollbarSize: "var(--combobox-padding)",
+						role: "listbox",
+						...scrollAreaProps,
+						...getStyles("columnScroll"),
+						children: options.length === 0 ? /* @__PURE__ */ jsx("div", {
+							...getStyles("columnEmpty"),
+							children: nothingFoundMessage
+						}) : options.map((option) => {
+							const isActive = activePath[level] === option.value;
+							const isCurrent = isActive && level === focusedLevel && keyboardNav;
+							const isInPath = isActive && level < focusedLevel;
+							const hasChildren = cascaderOptionHasChildren(option);
+							const isSelected = !!value && value.length === level + 1 && value[level] === option.value;
+							return /* @__PURE__ */ jsxs(UnstyledButton, {
+								id: getCascaderOptionId(listId, level, option.value),
+								role: "option",
+								"aria-selected": isCurrent || void 0,
+								"aria-disabled": option.disabled || void 0,
+								"data-active": isCurrent || void 0,
+								"data-in-path": isInPath || void 0,
+								"data-selected": isSelected || void 0,
+								"data-disabled": option.disabled || void 0,
+								tabIndex: -1,
+								unstyled,
+								onMouseDown: (event) => event.preventDefault(),
+								onClick: () => {
+									if (!option.disabled) onOptionClick(level, option);
+								},
+								onMouseEnter: () => {
+									if (!option.disabled) onOptionMouseEnter(level, option);
+								},
+								...getStyles("columnOption"),
+								children: [
+									isSelected && checkIconPosition === "left" && check,
+									/* @__PURE__ */ jsx("span", {
+										...getStyles("columnOptionLabel"),
+										children: renderOption ? renderOption(option, level) : option.label ?? option.value
+									}),
+									isSelected && checkIconPosition !== "left" && check,
+									hasChildren && /* @__PURE__ */ jsx("span", {
+										...getStyles("columnOptionIcon"),
+										children: /* @__PURE__ */ jsx(AccordionChevron, {})
+									})
+								]
+							}, option.value);
+						})
+					})
+				}, level);
+			}),
+			hiddenAfter > 0 && /* @__PURE__ */ jsx(UnstyledButton, {
+				...getStyles("columnsOverflow"),
+				"data-position": "end",
+				tabIndex: -1,
+				unstyled,
+				"aria-label": nextLevelsControlLabel,
+				title: nextLevelsControlLabel,
+				onMouseDown: (event) => event.preventDefault(),
+				onClick: () => setWindowOffset((current) => Math.max(0, current - 1)),
+				children: /* @__PURE__ */ jsx(AccordionChevron, {})
+			})
+		]
+	});
+}
+CascaderColumns.displayName = "@mantine/core/CascaderColumns";
+//#endregion
+export { CascaderColumns, getCascaderOptionId };
+
+//# sourceMappingURL=CascaderColumns.mjs.map

package/esm/components/Cascader/CascaderColumns.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CascaderColumns.mjs","names":[],"sources":["../../../src/components/Cascader/CascaderColumns.tsx"],"sourcesContent":["import { useState } from 'react';\nimport type { GetStylesApi } from '../../core';\nimport { AccordionChevron } from '../Accordion';\nimport { CheckIcon } from '../Checkbox/CheckIcon';\nimport { ScrollArea, ScrollAreaProps } from '../ScrollArea';\nimport { UnstyledButton } from '../UnstyledButton';\nimport type { CascaderOption, CascaderStylesNames } from './Cascader';\nimport { cascaderOptionHasChildren, getCascaderColumns } from './get-cascader-columns';\n\ntype CascaderColumnsGetStyles = GetStylesApi<{ props: any; stylesNames: CascaderStylesNames }>;\n\nexport interface CascaderColumnsProps {\n  data: CascaderOption[];\n  activePath: string[];\n  value: string[] | null;\n  keyboardNav: boolean;\n  withCheckIcon: boolean | undefined;\n  checkIconPosition: 'left' | 'right' | undefined;\n  renderOption: ((option: CascaderOption, level: number) => React.ReactNode) | undefined;\n  columnWidth: number | string | undefined;\n  maxDisplayedLevels: number | undefined;\n  previousLevelsControlLabel: string | undefined;\n  nextLevelsControlLabel: string | undefined;\n  maxDropdownHeight: number | string | undefined;\n  nothingFoundMessage: React.ReactNode;\n  getStyles: CascaderColumnsGetStyles;\n  unstyled: boolean | undefined;\n  scrollAreaProps: ScrollAreaProps | undefined;\n  onOptionClick: (level: number, option: CascaderOption) => void;\n  onOptionMouseEnter: (level: number, option: CascaderOption) => void;\n  onColumnsMouseLeave: (() => void) | undefined;\n  onPointerActivity: (() => void) | undefined;\n  listId: string | undefined;\n}\n\nexport function getCascaderOptionId(listId: string | undefined, level: number, value: string) {\n  return listId ? `${listId}-${level}-${value}` : undefined;\n}\n\nexport function CascaderColumns({\n  data,\n  activePath,\n  value,\n  keyboardNav,\n  withCheckIcon,\n  checkIconPosition,\n  renderOption,\n  columnWidth,\n  maxDisplayedLevels,\n  previousLevelsControlLabel,\n  nextLevelsControlLabel,\n  maxDropdownHeight,\n  nothingFoundMessage,\n  getStyles,\n  unstyled,\n  scrollAreaProps,\n  onOptionClick,\n  onOptionMouseEnter,\n  onColumnsMouseLeave,\n  onPointerActivity,\n  listId,\n}: CascaderColumnsProps) {\n  const allColumns = getCascaderColumns(data, activePath);\n  const totalColumns = allColumns.length;\n  const maxLevels =\n    maxDisplayedLevels && maxDisplayedLevels > 0 ? maxDisplayedLevels : totalColumns;\n  const maxOffset = Math.max(0, totalColumns - maxLevels);\n  const focusedLevel = activePath.length - 1;\n  const showCheckIcon = withCheckIcon !== false;\n\n  // Manual left/right scrolling of the visible window. It is reset synchronously whenever the\n  // active path changes so that the focused column always stays visible during navigation.\n  const activePathKey = JSON.stringify(activePath);\n  const [windowState, setWindowState] = useState({ key: activePathKey, offset: 0 });\n  const windowOffset = windowState.key === activePathKey ? windowState.offset : 0;\n  if (windowState.key !== activePathKey) {\n    setWindowState({ key: activePathKey, offset: 0 });\n  }\n  const setWindowOffset = (updater: (current: number) => number) =>\n    setWindowState((current) => ({ key: activePathKey, offset: updater(current.offset) }));\n\n  const clampedOffset = Math.min(windowOffset, maxOffset);\n  const windowStart = Math.max(0, maxOffset - clampedOffset);\n  const windowEnd = Math.min(totalColumns, windowStart + maxLevels);\n  const visibleColumns = allColumns.slice(windowStart, windowEnd);\n  const hiddenBefore = windowStart;\n  const hiddenAfter = totalColumns - windowEnd;\n\n  const check = showCheckIcon ? <CheckIcon {...getStyles('columnOptionCheck')} /> : null;\n\n  return (\n    <div\n      {...getStyles('columnsList')}\n      role=\"presentation\"\n      onMouseLeave={onColumnsMouseLeave}\n      onMouseMove={onPointerActivity}\n    >\n      {hiddenBefore > 0 && (\n        <UnstyledButton\n          {...getStyles('columnsOverflow')}\n          data-position=\"start\"\n          tabIndex={-1}\n          unstyled={unstyled}\n          aria-label={previousLevelsControlLabel}\n          title={previousLevelsControlLabel}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => setWindowOffset((current) => Math.min(maxOffset, current + 1))}\n        >\n          <AccordionChevron />\n        </UnstyledButton>\n      )}\n\n      {visibleColumns.map((options, index) => {\n        const level = windowStart + index;\n        const isLastColumn = index === visibleColumns.length - 1 && hiddenAfter === 0;\n\n        return (\n          <div\n            key={level}\n            data-last={isLastColumn || undefined}\n            {...getStyles('column', {\n              style: columnWidth ? { width: columnWidth, minWidth: columnWidth } : undefined,\n            })}\n          >\n            <ScrollArea.Autosize\n              mah={maxDropdownHeight ?? 260}\n              type=\"scroll\"\n              scrollbarSize=\"var(--combobox-padding)\"\n              role=\"listbox\"\n              {...scrollAreaProps}\n              {...getStyles('columnScroll')}\n            >\n              {options.length === 0 ? (\n                <div {...getStyles('columnEmpty')}>{nothingFoundMessage}</div>\n              ) : (\n                options.map((option) => {\n                  const isActive = activePath[level] === option.value;\n                  const isCurrent = isActive && level === focusedLevel && keyboardNav;\n                  // The trail only covers ancestor columns; the deepest column is not highlighted\n                  // during mouse navigation (only via the keyboard \"current\" state)\n                  const isInPath = isActive && level < focusedLevel;\n                  const hasChildren = cascaderOptionHasChildren(option);\n                  const isSelected =\n                    !!value && value.length === level + 1 && value[level] === option.value;\n\n                  return (\n                    <UnstyledButton\n                      key={option.value}\n                      id={getCascaderOptionId(listId, level, option.value)}\n                      role=\"option\"\n                      aria-selected={isCurrent || undefined}\n                      aria-disabled={option.disabled || undefined}\n                      data-active={isCurrent || undefined}\n                      data-in-path={isInPath || undefined}\n                      data-selected={isSelected || undefined}\n                      data-disabled={option.disabled || undefined}\n                      tabIndex={-1}\n                      unstyled={unstyled}\n                      onMouseDown={(event) => event.preventDefault()}\n                      onClick={() => {\n                        if (!option.disabled) {\n                          onOptionClick(level, option);\n                        }\n                      }}\n                      onMouseEnter={() => {\n                        if (!option.disabled) {\n                          onOptionMouseEnter(level, option);\n                        }\n                      }}\n                      {...getStyles('columnOption')}\n                    >\n                      {isSelected && checkIconPosition === 'left' && check}\n\n                      <span {...getStyles('columnOptionLabel')}>\n                        {renderOption\n                          ? renderOption(option, level)\n                          : (option.label ?? option.value)}\n                      </span>\n\n                      {isSelected && checkIconPosition !== 'left' && check}\n\n                      {hasChildren && (\n                        <span {...getStyles('columnOptionIcon')}>\n                          <AccordionChevron />\n                        </span>\n                      )}\n                    </UnstyledButton>\n                  );\n                })\n              )}\n            </ScrollArea.Autosize>\n          </div>\n        );\n      })}\n\n      {hiddenAfter > 0 && (\n        <UnstyledButton\n          {...getStyles('columnsOverflow')}\n          data-position=\"end\"\n          tabIndex={-1}\n          unstyled={unstyled}\n          aria-label={nextLevelsControlLabel}\n          title={nextLevelsControlLabel}\n          onMouseDown={(event) => event.preventDefault()}\n          onClick={() => setWindowOffset((current) => Math.max(0, current - 1))}\n        >\n          <AccordionChevron />\n        </UnstyledButton>\n      )}\n    </div>\n  );\n}\n\nCascaderColumns.displayName = '@mantine/core/CascaderColumns';\n"],"mappings":"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"}

package/esm/components/Cascader/flatten-cascader-paths.mjs

@@ -0,0 +1,26 @@
+"use client";
+//#region packages/@mantine/core/src/components/Cascader/flatten-cascader-paths.ts
+function flattenCascaderPaths(data) {
+	const result = [];
+	const walk = (nodes, parentPath, parentOptions, parentDisabled) => {
+		for (const node of nodes) {
+			const path = [...parentPath, node.value];
+			const options = [...parentOptions, node];
+			const disabled = parentDisabled || !!node.disabled;
+			const hasChildren = Array.isArray(node.children) && node.children.length > 0;
+			result.push({
+				path,
+				options,
+				leaf: !hasChildren,
+				disabled
+			});
+			if (hasChildren) walk(node.children, path, options, disabled);
+		}
+	};
+	walk(data, [], [], false);
+	return result;
+}
+//#endregion
+export { flattenCascaderPaths };
+
+//# sourceMappingURL=flatten-cascader-paths.mjs.map

package/esm/components/Cascader/flatten-cascader-paths.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flatten-cascader-paths.mjs","names":[],"sources":["../../../src/components/Cascader/flatten-cascader-paths.ts"],"sourcesContent":["import type { CascaderOption } from './Cascader';\n\nexport interface CascaderFlatPath {\n  /** Values from root to node */\n  path: string[];\n\n  /** Option chain from root to node */\n  options: CascaderOption[];\n\n  /** `true` if the node has no children */\n  leaf: boolean;\n\n  /** `true` if the node or any of its ancestors is disabled */\n  disabled: boolean;\n}\n\nexport function flattenCascaderPaths(data: CascaderOption[]): CascaderFlatPath[] {\n  const result: CascaderFlatPath[] = [];\n\n  const walk = (\n    nodes: CascaderOption[],\n    parentPath: string[],\n    parentOptions: CascaderOption[],\n    parentDisabled: boolean\n  ) => {\n    for (const node of nodes) {\n      const path = [...parentPath, node.value];\n      const options = [...parentOptions, node];\n      const disabled = parentDisabled || !!node.disabled;\n      const hasChildren = Array.isArray(node.children) && node.children.length > 0;\n\n      result.push({ path, options, leaf: !hasChildren, disabled });\n\n      if (hasChildren) {\n        walk(node.children!, path, options, disabled);\n      }\n    }\n  };\n\n  walk(data, [], [], false);\n\n  return result;\n}\n"],"mappings":";;AAgBA,SAAgB,qBAAqB,MAA4C;CAC/E,MAAM,SAA6B,CAAC;CAEpC,MAAM,QACJ,OACA,YACA,eACA,mBACG;EACH,KAAK,MAAM,QAAQ,OAAO;GACxB,MAAM,OAAO,CAAC,GAAG,YAAY,KAAK,KAAK;GACvC,MAAM,UAAU,CAAC,GAAG,eAAe,IAAI;GACvC,MAAM,WAAW,kBAAkB,CAAC,CAAC,KAAK;GAC1C,MAAM,cAAc,MAAM,QAAQ,KAAK,QAAQ,KAAK,KAAK,SAAS,SAAS;GAE3E,OAAO,KAAK;IAAE;IAAM;IAAS,MAAM,CAAC;IAAa;GAAS,CAAC;GAE3D,IAAI,aACF,KAAK,KAAK,UAAW,MAAM,SAAS,QAAQ;EAEhD;CACF;CAEA,KAAK,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK;CAExB,OAAO;AACT"}

package/esm/components/Cascader/get-cascader-columns.mjs

@@ -0,0 +1,28 @@
+"use client";
+//#region packages/@mantine/core/src/components/Cascader/get-cascader-columns.ts
+function cascaderOptionHasChildren(option) {
+	return Array.isArray(option.children) && option.children.length > 0;
+}
+function findCascaderOption(options, value) {
+	return options.find((option) => option.value === value);
+}
+function getCascaderColumns(data, activePath) {
+	const columns = [data];
+	let level = data;
+	for (let index = 0; index < activePath.length; index += 1) {
+		const node = findCascaderOption(level, activePath[index]);
+		if (!node) break;
+		const isLast = index === activePath.length - 1;
+		if (Array.isArray(node.children) && node.children.length > 0) {
+			if (!isLast) {
+				columns.push(node.children);
+				level = node.children;
+			}
+		} else break;
+	}
+	return columns;
+}
+//#endregion
+export { cascaderOptionHasChildren, findCascaderOption, getCascaderColumns };
+
+//# sourceMappingURL=get-cascader-columns.mjs.map

package/esm/components/Cascader/get-cascader-columns.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-cascader-columns.mjs","names":[],"sources":["../../../src/components/Cascader/get-cascader-columns.ts"],"sourcesContent":["import type { CascaderOption } from './Cascader';\n\nexport function cascaderOptionHasChildren(option: CascaderOption): boolean {\n  return Array.isArray(option.children) && option.children.length > 0;\n}\n\nexport function findCascaderOption(\n  options: CascaderOption[],\n  value: string\n): CascaderOption | undefined {\n  return options.find((option) => option.value === value);\n}\n\nexport function getCascaderColumns(\n  data: CascaderOption[],\n  activePath: string[]\n): CascaderOption[][] {\n  const columns: CascaderOption[][] = [data];\n  let level = data;\n\n  for (let index = 0; index < activePath.length; index += 1) {\n    const node = findCascaderOption(level, activePath[index]);\n\n    if (!node) {\n      break;\n    }\n\n    const isLast = index === activePath.length - 1;\n\n    if (Array.isArray(node.children) && node.children.length > 0) {\n      if (!isLast) {\n        columns.push(node.children);\n        level = node.children;\n      }\n      // The deepest highlighted option is intentionally not expanded\n    } else {\n      break;\n    }\n  }\n\n  return columns;\n}\n"],"mappings":";;AAEA,SAAgB,0BAA0B,QAAiC;CACzE,OAAO,MAAM,QAAQ,OAAO,QAAQ,KAAK,OAAO,SAAS,SAAS;AACpE;AAEA,SAAgB,mBACd,SACA,OAC4B;CAC5B,OAAO,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK;AACxD;AAEA,SAAgB,mBACd,MACA,YACoB;CACpB,MAAM,UAA8B,CAAC,IAAI;CACzC,IAAI,QAAQ;CAEZ,KAAK,IAAI,QAAQ,GAAG,QAAQ,WAAW,QAAQ,SAAS,GAAG;EACzD,MAAM,OAAO,mBAAmB,OAAO,WAAW,MAAM;EAExD,IAAI,CAAC,MACH;EAGF,MAAM,SAAS,UAAU,WAAW,SAAS;EAE7C,IAAI,MAAM,QAAQ,KAAK,QAAQ,KAAK,KAAK,SAAS,SAAS;OACrD,CAAC,QAAQ;IACX,QAAQ,KAAK,KAAK,QAAQ;IAC1B,QAAQ,KAAK;GACf;SAGA;CAEJ;CAEA,OAAO;AACT"}

package/esm/components/Cascader/get-cascader-path-options.mjs

@@ -0,0 +1,19 @@
+"use client";
+//#region packages/@mantine/core/src/components/Cascader/get-cascader-path-options.ts
+function getCascaderPathOptions(data, value) {
+	if (!value || value.length === 0) return [];
+	const options = [];
+	let level = data;
+	for (const currentValue of value) {
+		if (!level) break;
+		const node = level.find((option) => option.value === currentValue);
+		if (!node) break;
+		options.push(node);
+		level = node.children;
+	}
+	return options;
+}
+//#endregion
+export { getCascaderPathOptions };
+
+//# sourceMappingURL=get-cascader-path-options.mjs.map

package/esm/components/Cascader/get-cascader-path-options.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-cascader-path-options.mjs","names":[],"sources":["../../../src/components/Cascader/get-cascader-path-options.ts"],"sourcesContent":["import type { CascaderOption } from './Cascader';\n\nexport function getCascaderPathOptions(\n  data: CascaderOption[],\n  value: string[] | null | undefined\n): CascaderOption[] {\n  if (!value || value.length === 0) {\n    return [];\n  }\n\n  const options: CascaderOption[] = [];\n  let level: CascaderOption[] | undefined = data;\n\n  for (const currentValue of value) {\n    if (!level) {\n      break;\n    }\n\n    const node: CascaderOption | undefined = level.find((option) => option.value === currentValue);\n\n    if (!node) {\n      break;\n    }\n\n    options.push(node);\n    level = node.children;\n  }\n\n  return options;\n}\n"],"mappings":";;AAEA,SAAgB,uBACd,MACA,OACkB;CAClB,IAAI,CAAC,SAAS,MAAM,WAAW,GAC7B,OAAO,CAAC;CAGV,MAAM,UAA4B,CAAC;CACnC,IAAI,QAAsC;CAE1C,KAAK,MAAM,gBAAgB,OAAO;EAChC,IAAI,CAAC,OACH;EAGF,MAAM,OAAmC,MAAM,MAAM,WAAW,OAAO,UAAU,YAAY;EAE7F,IAAI,CAAC,MACH;EAGF,QAAQ,KAAK,IAAI;EACjB,QAAQ,KAAK;CACf;CAEA,OAAO;AACT"}

package/esm/components/Cascader/use-cascader.mjs

@@ -0,0 +1,135 @@
+"use client";
+import { cascaderOptionHasChildren, getCascaderColumns } from "./get-cascader-columns.mjs";
+import { getCascaderPathOptions } from "./get-cascader-path-options.mjs";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { useUncontrolled } from "@mantine/hooks";
+//#region packages/@mantine/core/src/components/Cascader/use-cascader.ts
+function pathsEqual(a, b) {
+	return !!a && a.length === b.length && a.every((item, index) => item === b[index]);
+}
+function findEnabledIndex(options, from, direction) {
+	let index = from + direction;
+	while (index >= 0 && index < options.length) {
+		if (!options[index].disabled) return index;
+		index += direction;
+	}
+	return -1;
+}
+function useCascader({ data, value, defaultValue, onChange, changeOnSelect, allowDeselect, expandTrigger, onLeafSelect }) {
+	const [keyboardNav, setKeyboardNav] = useState(false);
+	const [_value, setValue] = useUncontrolled({
+		value,
+		defaultValue,
+		finalValue: null,
+		onChange: (val) => onChange?.(val, getCascaderPathOptions(data, val))
+	});
+	const [activePath, setActivePath] = useState(() => _value ?? []);
+	const activePathRef = useRef(activePath);
+	activePathRef.current = activePath;
+	const resetActivePath = useCallback(() => {
+		setActivePath(_value ?? []);
+	}, [_value]);
+	const selectPath = useCallback((path) => {
+		setValue(allowDeselect && pathsEqual(_value, path) ? null : path);
+	}, [
+		allowDeselect,
+		_value,
+		setValue
+	]);
+	const expandOption = useCallback((level, option) => {
+		const optionPath = [...activePathRef.current.slice(0, level), option.value];
+		const children = option.children;
+		if (Array.isArray(children) && children.length > 0) {
+			const first = findEnabledIndex(children, -1, 1);
+			setActivePath(first >= 0 ? [...optionPath, children[first].value] : optionPath);
+		} else setActivePath(optionPath);
+	}, []);
+	return {
+		value: _value,
+		setValue,
+		selectPath,
+		activePath,
+		setActivePath,
+		resetActivePath,
+		keyboardNav,
+		setKeyboardNav,
+		handleOptionClick: useCallback((level, option) => {
+			setKeyboardNav(false);
+			const path = [...activePath.slice(0, level), option.value];
+			if (cascaderOptionHasChildren(option)) {
+				if (changeOnSelect) selectPath(path);
+				expandOption(level, option);
+				if (changeOnSelect) onLeafSelect?.();
+			} else {
+				selectPath(path);
+				onLeafSelect?.();
+			}
+		}, [
+			activePath,
+			changeOnSelect,
+			selectPath,
+			expandOption,
+			onLeafSelect
+		]),
+		handleOptionMouseEnter: useCallback((level, option) => {
+			setKeyboardNav(false);
+			if (expandTrigger !== "hover") return;
+			if (cascaderOptionHasChildren(option)) expandOption(level, option);
+			else setActivePath([...activePath.slice(0, level), option.value]);
+		}, [
+			expandTrigger,
+			activePath,
+			expandOption
+		]),
+		handleColumnsKeyDown: useCallback((event) => {
+			setKeyboardNav(true);
+			const columns = getCascaderColumns(data, activePath);
+			const focusedLevel = Math.max(0, activePath.length - 1);
+			const currentColumn = columns[focusedLevel] ?? columns[0] ?? [];
+			const focusedIndex = currentColumn.findIndex((item) => item.value === activePath[focusedLevel]);
+			const focusedOption = focusedIndex >= 0 ? currentColumn[focusedIndex] : void 0;
+			switch (event.key) {
+				case "ArrowDown": {
+					const next = findEnabledIndex(currentColumn, focusedIndex, 1);
+					if (next >= 0) setActivePath([...activePath.slice(0, focusedLevel), currentColumn[next].value]);
+					return true;
+				}
+				case "ArrowUp": {
+					const prev = findEnabledIndex(currentColumn, focusedIndex < 0 ? currentColumn.length : focusedIndex, -1);
+					if (prev >= 0) setActivePath([...activePath.slice(0, focusedLevel), currentColumn[prev].value]);
+					return true;
+				}
+				case "ArrowRight":
+					if (focusedOption && cascaderOptionHasChildren(focusedOption)) expandOption(focusedLevel, focusedOption);
+					return true;
+				case "ArrowLeft":
+					if (activePath.length > 1) setActivePath(activePath.slice(0, -1));
+					return true;
+				case "Enter":
+					if (!focusedOption) return false;
+					if (cascaderOptionHasChildren(focusedOption)) {
+						if (changeOnSelect) selectPath([...activePath.slice(0, focusedLevel), focusedOption.value]);
+						expandOption(focusedLevel, focusedOption);
+						if (changeOnSelect) onLeafSelect?.();
+					} else {
+						selectPath([...activePath.slice(0, focusedLevel), focusedOption.value]);
+						onLeafSelect?.();
+					}
+					return true;
+				default: return false;
+			}
+		}, [
+			data,
+			activePath,
+			changeOnSelect,
+			selectPath,
+			expandOption,
+			onLeafSelect
+		]),
+		pathOptions: useMemo(() => getCascaderPathOptions(data, _value), [data, _value])
+	};
+}
+//#endregion
+export { useCascader };
+
+//# sourceMappingURL=use-cascader.mjs.map

package/esm/components/Cascader/use-cascader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-cascader.mjs","names":[],"sources":["../../../src/components/Cascader/use-cascader.ts"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport type { CascaderOption } from './Cascader';\nimport { cascaderOptionHasChildren, getCascaderColumns } from './get-cascader-columns';\nimport { getCascaderPathOptions } from './get-cascader-path-options';\n\nexport interface UseCascaderInput {\n  data: CascaderOption[];\n  value: string[] | null | undefined;\n  defaultValue: string[] | null | undefined;\n  onChange: ((value: string[] | null, options: CascaderOption[]) => void) | undefined;\n  changeOnSelect: boolean | undefined;\n  allowDeselect: boolean | undefined;\n  expandTrigger: 'click' | 'hover' | undefined;\n  onLeafSelect?: () => void;\n}\n\nfunction pathsEqual(a: string[] | null, b: string[]): boolean {\n  return !!a && a.length === b.length && a.every((item, index) => item === b[index]);\n}\n\nfunction findEnabledIndex(options: CascaderOption[], from: number, direction: 1 | -1): number {\n  let index = from + direction;\n\n  while (index >= 0 && index < options.length) {\n    if (!options[index].disabled) {\n      return index;\n    }\n    index += direction;\n  }\n\n  return -1;\n}\n\nexport function useCascader({\n  data,\n  value,\n  defaultValue,\n  onChange,\n  changeOnSelect,\n  allowDeselect,\n  expandTrigger,\n  onLeafSelect,\n}: UseCascaderInput) {\n  const [keyboardNav, setKeyboardNav] = useState(false);\n\n  const [_value, setValue] = useUncontrolled<string[] | null>({\n    value: value as any,\n    defaultValue: defaultValue as any,\n    finalValue: null,\n    onChange: (val) => onChange?.(val, getCascaderPathOptions(data, val)),\n  });\n\n  const [activePath, setActivePath] = useState<string[]>(() => _value ?? []);\n  const activePathRef = useRef(activePath);\n  activePathRef.current = activePath;\n\n  const resetActivePath = useCallback(() => {\n    setActivePath(_value ?? []);\n  }, [_value]);\n\n  const selectPath = useCallback(\n    (path: string[]) => {\n      setValue(allowDeselect && pathsEqual(_value, path) ? null : path);\n    },\n    [allowDeselect, _value, setValue]\n  );\n\n  const expandOption = useCallback((level: number, option: CascaderOption) => {\n    const optionPath = [...activePathRef.current.slice(0, level), option.value];\n    const children = option.children;\n\n    if (Array.isArray(children) && children.length > 0) {\n      const first = findEnabledIndex(children, -1, 1);\n      setActivePath(first >= 0 ? [...optionPath, children[first].value] : optionPath);\n    } else {\n      setActivePath(optionPath);\n    }\n  }, []);\n\n  const handleOptionClick = useCallback(\n    (level: number, option: CascaderOption) => {\n      setKeyboardNav(false);\n      const path = [...activePath.slice(0, level), option.value];\n\n      if (cascaderOptionHasChildren(option)) {\n        if (changeOnSelect) {\n          selectPath(path);\n        }\n        expandOption(level, option);\n        if (changeOnSelect) {\n          onLeafSelect?.();\n        }\n      } else {\n        selectPath(path);\n        onLeafSelect?.();\n      }\n    },\n    [activePath, changeOnSelect, selectPath, expandOption, onLeafSelect]\n  );\n\n  const handleOptionMouseEnter = useCallback(\n    (level: number, option: CascaderOption) => {\n      setKeyboardNav(false);\n\n      if (expandTrigger !== 'hover') {\n        return;\n      }\n\n      if (cascaderOptionHasChildren(option)) {\n        expandOption(level, option);\n      } else {\n        setActivePath([...activePath.slice(0, level), option.value]);\n      }\n    },\n    [expandTrigger, activePath, expandOption]\n  );\n\n  const handleColumnsKeyDown = useCallback(\n    (event: React.KeyboardEvent): boolean => {\n      setKeyboardNav(true);\n      const columns = getCascaderColumns(data, activePath);\n      const focusedLevel = Math.max(0, activePath.length - 1);\n      const currentColumn = columns[focusedLevel] ?? columns[0] ?? [];\n      const focusedIndex = currentColumn.findIndex(\n        (item) => item.value === activePath[focusedLevel]\n      );\n      const focusedOption = focusedIndex >= 0 ? currentColumn[focusedIndex] : undefined;\n\n      switch (event.key) {\n        case 'ArrowDown': {\n          const next = findEnabledIndex(currentColumn, focusedIndex, 1);\n          if (next >= 0) {\n            setActivePath([...activePath.slice(0, focusedLevel), currentColumn[next].value]);\n          }\n          return true;\n        }\n        case 'ArrowUp': {\n          const from = focusedIndex < 0 ? currentColumn.length : focusedIndex;\n          const prev = findEnabledIndex(currentColumn, from, -1);\n          if (prev >= 0) {\n            setActivePath([...activePath.slice(0, focusedLevel), currentColumn[prev].value]);\n          }\n          return true;\n        }\n        case 'ArrowRight': {\n          if (focusedOption && cascaderOptionHasChildren(focusedOption)) {\n            expandOption(focusedLevel, focusedOption);\n          }\n          return true;\n        }\n        case 'ArrowLeft': {\n          if (activePath.length > 1) {\n            setActivePath(activePath.slice(0, -1));\n          }\n          return true;\n        }\n        case 'Enter': {\n          if (!focusedOption) {\n            return false;\n          }\n\n          if (cascaderOptionHasChildren(focusedOption)) {\n            if (changeOnSelect) {\n              selectPath([...activePath.slice(0, focusedLevel), focusedOption.value]);\n            }\n            expandOption(focusedLevel, focusedOption);\n            if (changeOnSelect) {\n              onLeafSelect?.();\n            }\n          } else {\n            selectPath([...activePath.slice(0, focusedLevel), focusedOption.value]);\n            onLeafSelect?.();\n          }\n          return true;\n        }\n        default:\n          return false;\n      }\n    },\n    [data, activePath, changeOnSelect, selectPath, expandOption, onLeafSelect]\n  );\n\n  const pathOptions = useMemo(() => getCascaderPathOptions(data, _value), [data, _value]);\n\n  return {\n    value: _value,\n    setValue,\n    selectPath,\n    activePath,\n    setActivePath,\n    resetActivePath,\n    keyboardNav,\n    setKeyboardNav,\n    handleOptionClick,\n    handleOptionMouseEnter,\n    handleColumnsKeyDown,\n    pathOptions,\n  };\n}\n"],"mappings":"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"}

package/esm/components/ColorPicker/converters/converters.mjs

@@ -79,6 +79,6 @@ function convertHsvaTo(format, color) {
 	return CONVERTERS[format](color);
 }
 //#endregion
-export { convertHsvaTo };
+export { convertHsvaTo, hsvaToHex, hsvaToHexa, hsvaToHsl, hsvaToRgba, hsvaToRgbaObject };
 
 //# sourceMappingURL=converters.mjs.map

package/esm/components/ColorPicker/converters/parsers.mjs

@@ -139,6 +139,6 @@ function parseColor(color) {
 	};
 }
 //#endregion
-export { isColorValid, parseColor, round };
+export { isColorValid, parseColor, parseHex, parseHexa, parseHsla, parseHue, parseRgba, round };
 
 //# sourceMappingURL=parsers.mjs.map

package/esm/components/Combobox/use-combobox/use-combobox.mjs

@@ -74,7 +74,10 @@ function useCombobox({ defaultOpened, opened, onOpenedChange, onDropdownClose, o
 	const selectActiveOption = useCallback(() => {
 		const root = getRootElement(targetRef.current);
 		const activeOption = findElementBySelector(`#${listId.current} [data-combobox-active]`, root);
-		if (activeOption) return selectOption(findElementsBySelector(`#${listId.current} [data-combobox-option]`, root).findIndex((option) => option === activeOption));
+		if (activeOption) {
+			const index = findElementsBySelector(`#${listId.current} [data-combobox-option]`, root).findIndex((option) => option === activeOption);
+			return selectOption(index);
+		}
 		return selectOption(0);
 	}, [selectOption]);
 	const selectNextOption = useCallback(() => {
@@ -89,7 +92,8 @@ function useCombobox({ defaultOpened, opened, onOpenedChange, onDropdownClose, o
 	}, [selectOption, loop]);
 	const selectFirstOption = useCallback(() => {
 		const root = getRootElement(targetRef.current);
-		return selectOption(getFirstIndex(findElementsBySelector(`#${listId.current} [data-combobox-option]`, root)));
+		const items = findElementsBySelector(`#${listId.current} [data-combobox-option]`, root);
+		return selectOption(getFirstIndex(items));
 	}, [selectOption]);
 	const updateSelectedOptionIndex = useCallback((target = "selected", options) => {
 		if (typeof target === "number") {

package/esm/components/Combobox/use-combobox/use-combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-combobox.mjs","names":[],"sources":["../../../../src/components/Combobox/use-combobox/use-combobox.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { findElementBySelector, findElementsBySelector, getRootElement } from '../../../core/utils';\nimport { getFirstIndex, getNextIndex, getPreviousIndex } from './get-index/get-index';\n\nexport type ComboboxDropdownEventSource = 'keyboard' | 'mouse' | 'unknown';\n\nexport interface ComboboxStore {\n  /** Current dropdown opened state */\n  dropdownOpened: boolean;\n\n  /** Opens dropdown */\n  openDropdown: (eventSource?: ComboboxDropdownEventSource) => void;\n\n  /** Closes dropdown */\n  closeDropdown: (eventSource?: ComboboxDropdownEventSource) => void;\n\n  /** Toggles dropdown opened state */\n  toggleDropdown: (eventSource?: ComboboxDropdownEventSource) => void;\n\n  /** Selected option index ref */\n  selectedOptionIndex: number;\n\n  /** Returns currently selected option index or `-1` if none of the options is selected */\n  getSelectedOptionIndex: () => number;\n\n  /** Selects `Combobox.Option` by index */\n  selectOption: (index: number) => void;\n\n  /** Selects first `Combobox.Option` with `active` prop.\n   *  If there are no such options, the function does nothing.\n   */\n  selectActiveOption: () => string | null;\n\n  /** Selects first `Combobox.Option` that is not disabled.\n   *  If there are no such options, the function does nothing.\n   * */\n  selectFirstOption: () => string | null;\n\n  /** Selects next `Combobox.Option` that is not disabled.\n   *  If the current option is the last one, the function selects first option, if `loop` is true.\n   */\n  selectNextOption: () => string | null;\n\n  /** Selects previous `Combobox.Option` that is not disabled.\n   *  If the current option is the first one, the function selects last option, if `loop` is true.\n   * */\n  selectPreviousOption: () => string | null;\n\n  /** Resets selected option index to -1, removes `data-combobox-selected` from selected option */\n  resetSelectedOption: () => void;\n\n  /** Triggers `onClick` event of selected option.\n   *  If there is no selected option, the function does nothing.\n   */\n  clickSelectedOption: () => void;\n\n  /** Updates selected option index to currently selected or active option.\n   *  The function is required to be used with searchable components to update selected option index\n   *  when options list changes based on search query.\n   */\n  updateSelectedOptionIndex: (\n    target?: 'active' | 'selected' | number,\n    options?: { scrollIntoView?: boolean }\n  ) => void;\n\n  /** List id, used for `aria-*` attributes */\n  listId: string | null;\n\n  /** Sets list id */\n  setListId: (id: string) => void;\n\n  /** Ref of `Combobox.Search` input */\n  searchRef: React.RefObject<HTMLInputElement | null>;\n\n  /** Moves focus to `Combobox.Search` input */\n  focusSearchInput: () => void;\n\n  /** Ref of the target element */\n  targetRef: React.RefObject<HTMLElement | null>;\n\n  /** Moves focus to the target element */\n  focusTarget: () => void;\n}\n\nexport interface UseComboboxOptions {\n  /** Default value for `dropdownOpened`, `false` by default. Used when the component is uncontrolled */\n  defaultOpened?: boolean;\n\n  /** Controlled `dropdownOpened` state. When set, the dropdown opened state is controlled by the parent component */\n  opened?: boolean;\n\n  /** Called when `dropdownOpened` state changes. Required for controlled mode */\n  onOpenedChange?: (opened: boolean) => void;\n\n  /** Called when dropdown closes with event source: keyboard, mouse or unknown. Useful for analytics or side effects on dropdown closure */\n  onDropdownClose?: (eventSource: ComboboxDropdownEventSource) => void;\n\n  /** Called when dropdown opens with event source: keyboard, mouse or unknown. Useful for analytics or side effects on dropdown opening */\n  onDropdownOpen?: (eventSource: ComboboxDropdownEventSource) => void;\n\n  /** Determines whether arrow key presses should loop through items (first to last and last to first). Defaults to `true` */\n  loop?: boolean;\n\n  /** `behavior` passed down to `element.scrollIntoView`. Controls the scrolling animation when options are scrolled into view. Defaults to `'instant'` */\n  scrollBehavior?: ScrollBehavior;\n}\n\nexport function useCombobox({\n  defaultOpened,\n  opened,\n  onOpenedChange,\n  onDropdownClose,\n  onDropdownOpen,\n  loop = true,\n  scrollBehavior = 'instant',\n}: UseComboboxOptions = {}): ComboboxStore {\n  const [dropdownOpened, setDropdownOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange: onOpenedChange,\n  });\n\n  const listId = useRef<string | null>(null);\n  const selectedOptionIndex = useRef<number>(-1);\n  const searchRef = useRef<HTMLInputElement | null>(null);\n  const targetRef = useRef<HTMLElement | null>(null);\n  const focusSearchTimeout = useRef<number>(-1);\n  const focusTargetTimeout = useRef<number>(-1);\n  const selectedIndexUpdateTimeout = useRef<number>(-1);\n\n  const openDropdown: ComboboxStore['openDropdown'] = useCallback(\n    (eventSource = 'unknown') => {\n      if (!dropdownOpened) {\n        setDropdownOpened(true);\n        onDropdownOpen?.(eventSource);\n      }\n    },\n    [setDropdownOpened, onDropdownOpen, dropdownOpened]\n  );\n\n  const closeDropdown: ComboboxStore['closeDropdown'] = useCallback(\n    (eventSource = 'unknown') => {\n      if (dropdownOpened) {\n        setDropdownOpened(false);\n        onDropdownClose?.(eventSource);\n      }\n    },\n    [setDropdownOpened, onDropdownClose, dropdownOpened]\n  );\n\n  const toggleDropdown: ComboboxStore['toggleDropdown'] = useCallback(\n    (eventSource = 'unknown') => {\n      if (dropdownOpened) {\n        closeDropdown(eventSource);\n      } else {\n        openDropdown(eventSource);\n      }\n    },\n    [closeDropdown, openDropdown, dropdownOpened]\n  );\n\n  const clearSelectedItem = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const selected = findElementBySelector(`#${listId.current} [data-combobox-selected]`, root);\n    selected?.removeAttribute('data-combobox-selected');\n    selected?.removeAttribute('aria-selected');\n  }, []);\n\n  const selectOption = useCallback(\n    (index: number) => {\n      const root = getRootElement(targetRef.current);\n      const list = findElementBySelector(`#${listId.current!}`, root);\n      const items = list\n        ? findElementsBySelector<HTMLDivElement>('[data-combobox-option]', list)\n        : null;\n\n      if (!items) {\n        return null;\n      }\n\n      const nextIndex = index >= items!.length ? 0 : index < 0 ? items!.length - 1 : index;\n      selectedOptionIndex.current = nextIndex;\n\n      if (items?.[nextIndex] && !items[nextIndex].hasAttribute('data-combobox-disabled')) {\n        clearSelectedItem();\n        items[nextIndex].setAttribute('data-combobox-selected', 'true');\n        items[nextIndex].setAttribute('aria-selected', 'true');\n        items[nextIndex].scrollIntoView({ block: 'nearest', behavior: scrollBehavior });\n        return items[nextIndex].id;\n      }\n\n      return null;\n    },\n    [scrollBehavior, clearSelectedItem]\n  );\n\n  const selectActiveOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const activeOption = findElementBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-active]`,\n      root\n    );\n\n    if (activeOption) {\n      const items = findElementsBySelector<HTMLDivElement>(\n        `#${listId.current} [data-combobox-option]`,\n        root\n      );\n      const index = items.findIndex((option) => option === activeOption);\n      return selectOption(index);\n    }\n\n    return selectOption(0);\n  }, [selectOption]);\n\n  const selectNextOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const items = findElementsBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-option]`,\n      root\n    );\n    return selectOption(getNextIndex(selectedOptionIndex.current, items, loop));\n  }, [selectOption, loop]);\n\n  const selectPreviousOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const items = findElementsBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-option]`,\n      root\n    );\n    return selectOption(getPreviousIndex(selectedOptionIndex.current, items, loop));\n  }, [selectOption, loop]);\n\n  const selectFirstOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const items = findElementsBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-option]`,\n      root\n    );\n    return selectOption(getFirstIndex(items));\n  }, [selectOption]);\n\n  const updateSelectedOptionIndex: ComboboxStore['updateSelectedOptionIndex'] = useCallback(\n    (target = 'selected', options) => {\n      if (typeof target === 'number') {\n        selectedOptionIndex.current = target;\n        const root = getRootElement(targetRef.current);\n\n        const items = findElementsBySelector<HTMLDivElement>(\n          `#${listId.current} [data-combobox-option]`,\n          root\n        );\n\n        if (options?.scrollIntoView) {\n          items[target]?.scrollIntoView({ block: 'nearest', behavior: scrollBehavior });\n        }\n        return;\n      }\n\n      selectedIndexUpdateTimeout.current = window.setTimeout(() => {\n        const root = getRootElement(targetRef.current);\n        const items = findElementsBySelector<HTMLDivElement>(\n          `#${listId.current} [data-combobox-option]`,\n          root\n        );\n        const index = items.findIndex((option) => option.hasAttribute(`data-combobox-${target}`));\n\n        selectedOptionIndex.current = index;\n\n        if (options?.scrollIntoView) {\n          items[index]?.scrollIntoView({ block: 'nearest', behavior: scrollBehavior });\n        }\n      }, 0);\n    },\n    []\n  );\n\n  const resetSelectedOption = useCallback(() => {\n    selectedOptionIndex.current = -1;\n    clearSelectedItem();\n  }, [clearSelectedItem]);\n\n  const clickSelectedOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const items = findElementsBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-option]`,\n      root\n    );\n    const item = items?.[selectedOptionIndex.current];\n    item?.click();\n  }, []);\n\n  const setListId = useCallback((id: string) => {\n    listId.current = id;\n  }, []);\n\n  const focusSearchInput = useCallback(() => {\n    focusSearchTimeout.current = window.setTimeout(() => searchRef.current?.focus(), 0);\n  }, []);\n\n  const focusTarget = useCallback(() => {\n    focusTargetTimeout.current = window.setTimeout(() => targetRef.current?.focus(), 0);\n  }, []);\n\n  const getSelectedOptionIndex = useCallback(() => selectedOptionIndex.current, []);\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(focusSearchTimeout.current);\n      window.clearTimeout(focusTargetTimeout.current);\n      window.clearTimeout(selectedIndexUpdateTimeout.current);\n    },\n    []\n  );\n\n  return {\n    dropdownOpened,\n    openDropdown,\n    closeDropdown,\n    toggleDropdown,\n\n    selectedOptionIndex: selectedOptionIndex.current,\n    getSelectedOptionIndex,\n    selectOption,\n    selectFirstOption,\n    selectActiveOption,\n    selectNextOption,\n    selectPreviousOption,\n    resetSelectedOption,\n    updateSelectedOptionIndex,\n\n    listId: listId.current,\n    setListId,\n    clickSelectedOption,\n\n    searchRef,\n    focusSearchInput,\n\n    targetRef,\n    focusTarget,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-combobox.mjs","names":[],"sources":["../../../../src/components/Combobox/use-combobox/use-combobox.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { findElementBySelector, findElementsBySelector, getRootElement } from '../../../core/utils';\nimport { getFirstIndex, getNextIndex, getPreviousIndex } from './get-index/get-index';\n\nexport type ComboboxDropdownEventSource = 'keyboard' | 'mouse' | 'unknown';\n\nexport interface ComboboxStore {\n  /** Current dropdown opened state */\n  dropdownOpened: boolean;\n\n  /** Opens dropdown */\n  openDropdown: (eventSource?: ComboboxDropdownEventSource) => void;\n\n  /** Closes dropdown */\n  closeDropdown: (eventSource?: ComboboxDropdownEventSource) => void;\n\n  /** Toggles dropdown opened state */\n  toggleDropdown: (eventSource?: ComboboxDropdownEventSource) => void;\n\n  /** Selected option index ref */\n  selectedOptionIndex: number;\n\n  /** Returns currently selected option index or `-1` if none of the options is selected */\n  getSelectedOptionIndex: () => number;\n\n  /** Selects `Combobox.Option` by index */\n  selectOption: (index: number) => void;\n\n  /** Selects first `Combobox.Option` with `active` prop.\n   *  If there are no such options, the function does nothing.\n   */\n  selectActiveOption: () => string | null;\n\n  /** Selects first `Combobox.Option` that is not disabled.\n   *  If there are no such options, the function does nothing.\n   * */\n  selectFirstOption: () => string | null;\n\n  /** Selects next `Combobox.Option` that is not disabled.\n   *  If the current option is the last one, the function selects first option, if `loop` is true.\n   */\n  selectNextOption: () => string | null;\n\n  /** Selects previous `Combobox.Option` that is not disabled.\n   *  If the current option is the first one, the function selects last option, if `loop` is true.\n   * */\n  selectPreviousOption: () => string | null;\n\n  /** Resets selected option index to -1, removes `data-combobox-selected` from selected option */\n  resetSelectedOption: () => void;\n\n  /** Triggers `onClick` event of selected option.\n   *  If there is no selected option, the function does nothing.\n   */\n  clickSelectedOption: () => void;\n\n  /** Updates selected option index to currently selected or active option.\n   *  The function is required to be used with searchable components to update selected option index\n   *  when options list changes based on search query.\n   */\n  updateSelectedOptionIndex: (\n    target?: 'active' | 'selected' | number,\n    options?: { scrollIntoView?: boolean }\n  ) => void;\n\n  /** List id, used for `aria-*` attributes */\n  listId: string | null;\n\n  /** Sets list id */\n  setListId: (id: string) => void;\n\n  /** Ref of `Combobox.Search` input */\n  searchRef: React.RefObject<HTMLInputElement | null>;\n\n  /** Moves focus to `Combobox.Search` input */\n  focusSearchInput: () => void;\n\n  /** Ref of the target element */\n  targetRef: React.RefObject<HTMLElement | null>;\n\n  /** Moves focus to the target element */\n  focusTarget: () => void;\n}\n\nexport interface UseComboboxOptions {\n  /** Default value for `dropdownOpened`, `false` by default. Used when the component is uncontrolled */\n  defaultOpened?: boolean;\n\n  /** Controlled `dropdownOpened` state. When set, the dropdown opened state is controlled by the parent component */\n  opened?: boolean;\n\n  /** Called when `dropdownOpened` state changes. Required for controlled mode */\n  onOpenedChange?: (opened: boolean) => void;\n\n  /** Called when dropdown closes with event source: keyboard, mouse or unknown. Useful for analytics or side effects on dropdown closure */\n  onDropdownClose?: (eventSource: ComboboxDropdownEventSource) => void;\n\n  /** Called when dropdown opens with event source: keyboard, mouse or unknown. Useful for analytics or side effects on dropdown opening */\n  onDropdownOpen?: (eventSource: ComboboxDropdownEventSource) => void;\n\n  /** Determines whether arrow key presses should loop through items (first to last and last to first). Defaults to `true` */\n  loop?: boolean;\n\n  /** `behavior` passed down to `element.scrollIntoView`. Controls the scrolling animation when options are scrolled into view. Defaults to `'instant'` */\n  scrollBehavior?: ScrollBehavior;\n}\n\nexport function useCombobox({\n  defaultOpened,\n  opened,\n  onOpenedChange,\n  onDropdownClose,\n  onDropdownOpen,\n  loop = true,\n  scrollBehavior = 'instant',\n}: UseComboboxOptions = {}): ComboboxStore {\n  const [dropdownOpened, setDropdownOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange: onOpenedChange,\n  });\n\n  const listId = useRef<string | null>(null);\n  const selectedOptionIndex = useRef<number>(-1);\n  const searchRef = useRef<HTMLInputElement | null>(null);\n  const targetRef = useRef<HTMLElement | null>(null);\n  const focusSearchTimeout = useRef<number>(-1);\n  const focusTargetTimeout = useRef<number>(-1);\n  const selectedIndexUpdateTimeout = useRef<number>(-1);\n\n  const openDropdown: ComboboxStore['openDropdown'] = useCallback(\n    (eventSource = 'unknown') => {\n      if (!dropdownOpened) {\n        setDropdownOpened(true);\n        onDropdownOpen?.(eventSource);\n      }\n    },\n    [setDropdownOpened, onDropdownOpen, dropdownOpened]\n  );\n\n  const closeDropdown: ComboboxStore['closeDropdown'] = useCallback(\n    (eventSource = 'unknown') => {\n      if (dropdownOpened) {\n        setDropdownOpened(false);\n        onDropdownClose?.(eventSource);\n      }\n    },\n    [setDropdownOpened, onDropdownClose, dropdownOpened]\n  );\n\n  const toggleDropdown: ComboboxStore['toggleDropdown'] = useCallback(\n    (eventSource = 'unknown') => {\n      if (dropdownOpened) {\n        closeDropdown(eventSource);\n      } else {\n        openDropdown(eventSource);\n      }\n    },\n    [closeDropdown, openDropdown, dropdownOpened]\n  );\n\n  const clearSelectedItem = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const selected = findElementBySelector(`#${listId.current} [data-combobox-selected]`, root);\n    selected?.removeAttribute('data-combobox-selected');\n    selected?.removeAttribute('aria-selected');\n  }, []);\n\n  const selectOption = useCallback(\n    (index: number) => {\n      const root = getRootElement(targetRef.current);\n      const list = findElementBySelector(`#${listId.current!}`, root);\n      const items = list\n        ? findElementsBySelector<HTMLDivElement>('[data-combobox-option]', list)\n        : null;\n\n      if (!items) {\n        return null;\n      }\n\n      const nextIndex = index >= items!.length ? 0 : index < 0 ? items!.length - 1 : index;\n      selectedOptionIndex.current = nextIndex;\n\n      if (items?.[nextIndex] && !items[nextIndex].hasAttribute('data-combobox-disabled')) {\n        clearSelectedItem();\n        items[nextIndex].setAttribute('data-combobox-selected', 'true');\n        items[nextIndex].setAttribute('aria-selected', 'true');\n        items[nextIndex].scrollIntoView({ block: 'nearest', behavior: scrollBehavior });\n        return items[nextIndex].id;\n      }\n\n      return null;\n    },\n    [scrollBehavior, clearSelectedItem]\n  );\n\n  const selectActiveOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const activeOption = findElementBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-active]`,\n      root\n    );\n\n    if (activeOption) {\n      const items = findElementsBySelector<HTMLDivElement>(\n        `#${listId.current} [data-combobox-option]`,\n        root\n      );\n      const index = items.findIndex((option) => option === activeOption);\n      return selectOption(index);\n    }\n\n    return selectOption(0);\n  }, [selectOption]);\n\n  const selectNextOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const items = findElementsBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-option]`,\n      root\n    );\n    return selectOption(getNextIndex(selectedOptionIndex.current, items, loop));\n  }, [selectOption, loop]);\n\n  const selectPreviousOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const items = findElementsBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-option]`,\n      root\n    );\n    return selectOption(getPreviousIndex(selectedOptionIndex.current, items, loop));\n  }, [selectOption, loop]);\n\n  const selectFirstOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const items = findElementsBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-option]`,\n      root\n    );\n    return selectOption(getFirstIndex(items));\n  }, [selectOption]);\n\n  const updateSelectedOptionIndex: ComboboxStore['updateSelectedOptionIndex'] = useCallback(\n    (target = 'selected', options) => {\n      if (typeof target === 'number') {\n        selectedOptionIndex.current = target;\n        const root = getRootElement(targetRef.current);\n\n        const items = findElementsBySelector<HTMLDivElement>(\n          `#${listId.current} [data-combobox-option]`,\n          root\n        );\n\n        if (options?.scrollIntoView) {\n          items[target]?.scrollIntoView({ block: 'nearest', behavior: scrollBehavior });\n        }\n        return;\n      }\n\n      selectedIndexUpdateTimeout.current = window.setTimeout(() => {\n        const root = getRootElement(targetRef.current);\n        const items = findElementsBySelector<HTMLDivElement>(\n          `#${listId.current} [data-combobox-option]`,\n          root\n        );\n        const index = items.findIndex((option) => option.hasAttribute(`data-combobox-${target}`));\n\n        selectedOptionIndex.current = index;\n\n        if (options?.scrollIntoView) {\n          items[index]?.scrollIntoView({ block: 'nearest', behavior: scrollBehavior });\n        }\n      }, 0);\n    },\n    []\n  );\n\n  const resetSelectedOption = useCallback(() => {\n    selectedOptionIndex.current = -1;\n    clearSelectedItem();\n  }, [clearSelectedItem]);\n\n  const clickSelectedOption = useCallback(() => {\n    const root = getRootElement(targetRef.current);\n    const items = findElementsBySelector<HTMLDivElement>(\n      `#${listId.current} [data-combobox-option]`,\n      root\n    );\n    const item = items?.[selectedOptionIndex.current];\n    item?.click();\n  }, []);\n\n  const setListId = useCallback((id: string) => {\n    listId.current = id;\n  }, []);\n\n  const focusSearchInput = useCallback(() => {\n    focusSearchTimeout.current = window.setTimeout(() => searchRef.current?.focus(), 0);\n  }, []);\n\n  const focusTarget = useCallback(() => {\n    focusTargetTimeout.current = window.setTimeout(() => targetRef.current?.focus(), 0);\n  }, []);\n\n  const getSelectedOptionIndex = useCallback(() => selectedOptionIndex.current, []);\n\n  useEffect(\n    () => () => {\n      window.clearTimeout(focusSearchTimeout.current);\n      window.clearTimeout(focusTargetTimeout.current);\n      window.clearTimeout(selectedIndexUpdateTimeout.current);\n    },\n    []\n  );\n\n  return {\n    dropdownOpened,\n    openDropdown,\n    closeDropdown,\n    toggleDropdown,\n\n    selectedOptionIndex: selectedOptionIndex.current,\n    getSelectedOptionIndex,\n    selectOption,\n    selectFirstOption,\n    selectActiveOption,\n    selectNextOption,\n    selectPreviousOption,\n    resetSelectedOption,\n    updateSelectedOptionIndex,\n\n    listId: listId.current,\n    setListId,\n    clickSelectedOption,\n\n    searchRef,\n    focusSearchInput,\n\n    targetRef,\n    focusTarget,\n  };\n}\n"],"mappings":"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"}

package/esm/components/ComboboxPopover/ComboboxPopover.mjs

@@ -146,7 +146,8 @@ const ComboboxPopover = genericFactory((_props) => {
 			else setValue([...currentValue, option.value]);
 			combobox.updateSelectedOptionIndex("selected");
 		} else {
-			setValue(allowDeselect && `${option.value}` === `${_value}` ? null : option.value);
+			const nextValue = allowDeselect && `${option.value}` === `${_value}` ? null : option.value;
+			setValue(nextValue);
 			combobox.closeDropdown();
 		}
 		if (searchable) handleSearchChange("");