@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.21

package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ScrollArea = require('../../ScrollArea/ScrollArea.js');
+var Combobox = require('../Combobox.js');
+var defaultOptionsFilter = require('./default-options-filter.js');
+var isEmptyComboboxData = require('./is-empty-combobox-data.js');
+var isOptionsGroup = require('./is-options-group.js');
+var validateOptions = require('./validate-options.js');
+var Combobox_module = require('../Combobox.module.css.js');
+var CheckIcon = require('../../Checkbox/CheckIcon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function isValueChecked(value, optionValue) {
+  return Array.isArray(value) ? value.includes(optionValue) : value === optionValue;
+}
+function Option({ data, withCheckIcon, value, checkIconPosition }) {
+  if (!isOptionsGroup.isOptionsGroup(data)) {
+    const check = withCheckIcon && isValueChecked(value, data.value) && /* @__PURE__ */ React__default.createElement(CheckIcon.CheckIcon, { className: Combobox_module['default'].optionsDropdownCheckIcon });
+    return /* @__PURE__ */ React__default.createElement(
+      Combobox.Combobox.Option,
+      {
+        value: data.value,
+        disabled: data.disabled,
+        className: Combobox_module['default'].optionsDropdownOption,
+        "data-reverse": checkIconPosition === "right" || void 0,
+        "data-checked": isValueChecked(value, data.value) || void 0
+      },
+      checkIconPosition === "left" && check,
+      data.label,
+      checkIconPosition === "right" && check
+    );
+  }
+  const options = data.items.map((item) => /* @__PURE__ */ React__default.createElement(Option, { data: item, key: item.value }));
+  return /* @__PURE__ */ React__default.createElement(Combobox.Combobox.Group, { label: data.group }, options);
+}
+function OptionsDropdown({
+  data,
+  hidden,
+  hiddenWhenEmpty,
+  filter,
+  search,
+  limit,
+  maxDropdownHeight,
+  withScrollArea = true,
+  filterOptions = true,
+  withCheckIcon = false,
+  value,
+  checkIconPosition,
+  nothingFoundMessage
+}) {
+  validateOptions.validateOptions(data);
+  const shouldFilter = typeof search === "string";
+  const filteredData = shouldFilter ? (filter || defaultOptionsFilter.defaultOptionsFilter)({
+    options: data,
+    search: filterOptions ? search : "",
+    limit: limit != null ? limit : Infinity
+  }) : data;
+  const isEmpty = isEmptyComboboxData.isEmptyComboboxData(filteredData);
+  const options = filteredData.map((item) => /* @__PURE__ */ React__default.createElement(
+    Option,
+    {
+      data: item,
+      key: isOptionsGroup.isOptionsGroup(item) ? item.group : item.value,
+      withCheckIcon,
+      value,
+      checkIconPosition
+    }
+  ));
+  return /* @__PURE__ */ React__default.createElement(Combobox.Combobox.Dropdown, { hidden: hidden || hiddenWhenEmpty && isEmpty }, /* @__PURE__ */ React__default.createElement(Combobox.Combobox.Options, null, withScrollArea ? /* @__PURE__ */ React__default.createElement(
+    ScrollArea.ScrollArea.Autosize,
+    {
+      mah: maxDropdownHeight != null ? maxDropdownHeight : 220,
+      type: "scroll",
+      scrollbarSize: "var(--combobox-padding)",
+      offsetScrollbars: "y",
+      className: Combobox_module['default'].optionsDropdownScrollArea
+    },
+    options
+  ) : options, isEmpty && nothingFoundMessage && /* @__PURE__ */ React__default.createElement(Combobox.Combobox.Empty, null, nothingFoundMessage)));
+}
+
+exports.OptionsDropdown = OptionsDropdown;
+//# sourceMappingURL=OptionsDropdown.js.map

package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionsDropdown.js","sources":["../../../../src/components/Combobox/OptionsDropdown/OptionsDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { CheckIcon } from '../../Checkbox';\nimport { Combobox } from '../Combobox';\nimport { ComboboxItem, ComboboxParsedItem } from '../Combobox.types';\nimport { defaultOptionsFilter, FilterOptionsInput } from './default-options-filter';\nimport { isEmptyComboboxData } from './is-empty-combobox-data';\nimport { isOptionsGroup } from './is-options-group';\nimport { validateOptions } from './validate-options';\nimport classes from '../Combobox.module.css';\n\nexport type OptionsFilter = (input: FilterOptionsInput) => ComboboxParsedItem[];\n\nexport interface OptionsGroup {\n  group: string;\n  items: ComboboxItem[];\n}\n\nexport type OptionsData = (ComboboxItem | OptionsGroup)[];\n\ninterface OptionProps {\n  data: ComboboxItem | OptionsGroup;\n  withCheckIcon?: boolean;\n  value?: string | string[] | null;\n  checkIconPosition?: 'left' | 'right';\n}\n\nfunction isValueChecked(value: string | string[] | undefined | null, optionValue: string) {\n  return Array.isArray(value) ? value.includes(optionValue) : value === optionValue;\n}\n\nfunction Option({ data, withCheckIcon, value, checkIconPosition }: OptionProps) {\n  if (!isOptionsGroup(data)) {\n    const check = withCheckIcon && isValueChecked(value, data.value) && (\n      <CheckIcon className={classes.optionsDropdownCheckIcon} />\n    );\n    return (\n      <Combobox.Option\n        value={data.value}\n        disabled={data.disabled}\n        className={classes.optionsDropdownOption}\n        data-reverse={checkIconPosition === 'right' || undefined}\n        data-checked={isValueChecked(value, data.value) || undefined}\n      >\n        {checkIconPosition === 'left' && check}\n        {data.label}\n        {checkIconPosition === 'right' && check}\n      </Combobox.Option>\n    );\n  }\n\n  const options = data.items.map((item) => <Option data={item} key={item.value} />);\n  return <Combobox.Group label={data.group}>{options}</Combobox.Group>;\n}\n\nexport interface OptionsDropdownProps {\n  data: OptionsData;\n  filter: OptionsFilter | undefined;\n  search: string | undefined;\n  limit: number | undefined;\n  withScrollArea: boolean | undefined;\n  maxDropdownHeight: number | string | undefined;\n  hidden?: boolean;\n  hiddenWhenEmpty?: boolean;\n  filterOptions?: boolean;\n  withCheckIcon?: boolean;\n  value?: string | string[] | null;\n  checkIconPosition?: 'left' | 'right';\n  nothingFoundMessage?: React.ReactNode;\n}\n\nexport function OptionsDropdown({\n  data,\n  hidden,\n  hiddenWhenEmpty,\n  filter,\n  search,\n  limit,\n  maxDropdownHeight,\n  withScrollArea = true,\n  filterOptions = true,\n  withCheckIcon = false,\n  value,\n  checkIconPosition,\n  nothingFoundMessage,\n}: OptionsDropdownProps) {\n  validateOptions(data);\n\n  const shouldFilter = typeof search === 'string';\n  const filteredData = shouldFilter\n    ? (filter || defaultOptionsFilter)({\n        options: data,\n        search: filterOptions ? search : '',\n        limit: limit ?? Infinity,\n      })\n    : data;\n  const isEmpty = isEmptyComboboxData(filteredData);\n\n  const options = filteredData.map((item) => (\n    <Option\n      data={item}\n      key={isOptionsGroup(item) ? item.group : item.value}\n      withCheckIcon={withCheckIcon}\n      value={value}\n      checkIconPosition={checkIconPosition}\n    />\n  ));\n\n  return (\n    <Combobox.Dropdown hidden={hidden || (hiddenWhenEmpty && isEmpty)}>\n      <Combobox.Options>\n        {withScrollArea ? (\n          <ScrollArea.Autosize\n            mah={maxDropdownHeight ?? 220}\n            type=\"scroll\"\n            scrollbarSize=\"var(--combobox-padding)\"\n            offsetScrollbars=\"y\"\n            className={classes.optionsDropdownScrollArea}\n          >\n            {options}\n          </ScrollArea.Autosize>\n        ) : (\n          options\n        )}\n        {isEmpty && nothingFoundMessage && <Combobox.Empty>{nothingFoundMessage}</Combobox.Empty>}\n      </Combobox.Options>\n    </Combobox.Dropdown>\n  );\n}\n"],"names":["isOptionsGroup","React","CheckIcon","classes","Combobox","validateOptions","defaultOptionsFilter","isEmptyComboboxData","ScrollArea"],"mappings":"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"}

package/cjs/components/Combobox/OptionsDropdown/default-options-filter.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isOptionsGroup = require('./is-options-group.js');
+
+function defaultOptionsFilter({
+  options,
+  search,
+  limit
+}) {
+  const parsedSearch = search.trim().toLowerCase();
+  const result = [];
+  for (let i = 0; i < options.length; i += 1) {
+    const item = options[i];
+    if (result.length === limit) {
+      return result;
+    }
+    if (isOptionsGroup.isOptionsGroup(item)) {
+      result.push({
+        group: item.group,
+        items: defaultOptionsFilter({
+          options: item.items,
+          search,
+          limit: limit - result.length
+        })
+      });
+    }
+    if (!isOptionsGroup.isOptionsGroup(item)) {
+      if (item.label.toLowerCase().includes(parsedSearch)) {
+        result.push(item);
+      }
+    }
+  }
+  return result;
+}
+
+exports.defaultOptionsFilter = defaultOptionsFilter;
+//# sourceMappingURL=default-options-filter.js.map

package/cjs/components/Combobox/OptionsDropdown/default-options-filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-options-filter.js","sources":["../../../../src/components/Combobox/OptionsDropdown/default-options-filter.ts"],"sourcesContent":["import { ComboboxItem, ComboboxParsedItem } from '../Combobox.types';\nimport { isOptionsGroup } from './is-options-group';\n\nexport interface FilterOptionsInput {\n  options: ComboboxParsedItem[];\n  search: string;\n  limit: number;\n}\n\nexport function defaultOptionsFilter({\n  options,\n  search,\n  limit,\n}: FilterOptionsInput): ComboboxParsedItem[] {\n  const parsedSearch = search.trim().toLowerCase();\n  const result: ComboboxParsedItem[] = [];\n\n  for (let i = 0; i < options.length; i += 1) {\n    const item = options[i];\n\n    if (result.length === limit) {\n      return result;\n    }\n\n    if (isOptionsGroup(item)) {\n      result.push({\n        group: item.group,\n        items: defaultOptionsFilter({\n          options: item.items,\n          search,\n          limit: limit - result.length,\n        }) as ComboboxItem[],\n      });\n    }\n\n    if (!isOptionsGroup(item)) {\n      if (item.label.toLowerCase().includes(parsedSearch)) {\n        result.push(item);\n      }\n    }\n  }\n\n  return result;\n}\n"],"names":["isOptionsGroup"],"mappings":";;;;;;AACO,SAAS,oBAAoB,CAAC;AACrC,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,KAAK;AACP,CAAC,EAAE;AACH,EAAE,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;AACnD,EAAE,MAAM,MAAM,GAAG,EAAE,CAAC;AACpB,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AAC9C,IAAI,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAC5B,IAAI,IAAI,MAAM,CAAC,MAAM,KAAK,KAAK,EAAE;AACjC,MAAM,OAAO,MAAM,CAAC;AACpB,KAAK;AACL,IAAI,IAAIA,6BAAc,CAAC,IAAI,CAAC,EAAE;AAC9B,MAAM,MAAM,CAAC,IAAI,CAAC;AAClB,QAAQ,KAAK,EAAE,IAAI,CAAC,KAAK;AACzB,QAAQ,KAAK,EAAE,oBAAoB,CAAC;AACpC,UAAU,OAAO,EAAE,IAAI,CAAC,KAAK;AAC7B,UAAU,MAAM;AAChB,UAAU,KAAK,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM;AACtC,SAAS,CAAC;AACV,OAAO,CAAC,CAAC;AACT,KAAK;AACL,IAAI,IAAI,CAACA,6BAAc,CAAC,IAAI,CAAC,EAAE;AAC/B,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;AAC3D,QAAQ,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,OAAO;AACP,KAAK;AACL,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}

package/cjs/components/Combobox/OptionsDropdown/is-empty-combobox-data.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function isEmptyComboboxData(data) {
+  if (data.length === 0) {
+    return true;
+  }
+  for (const item of data) {
+    if (!("group" in item)) {
+      return false;
+    }
+    if (item.items.length > 0) {
+      return false;
+    }
+  }
+  return true;
+}
+
+exports.isEmptyComboboxData = isEmptyComboboxData;
+//# sourceMappingURL=is-empty-combobox-data.js.map

package/cjs/components/Combobox/OptionsDropdown/is-empty-combobox-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-empty-combobox-data.js","sources":["../../../../src/components/Combobox/OptionsDropdown/is-empty-combobox-data.ts"],"sourcesContent":["import { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox.types';\n\nexport function isEmptyComboboxData(data: ComboboxParsedItem[]) {\n  if (data.length === 0) {\n    return true;\n  }\n\n  for (const item of data) {\n    if (!('group' in item)) {\n      return false;\n    }\n\n    if ((item as ComboboxParsedItemGroup).items.length > 0) {\n      return false;\n    }\n  }\n\n  return true;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,mBAAmB,CAAC,IAAI,EAAE;AAC1C,EAAE,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE;AAC3B,IAAI,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,EAAE;AAC5B,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK;AACL,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/B,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK;AACL,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd;;;;"}

package/cjs/components/Combobox/OptionsDropdown/is-options-group.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function isOptionsGroup(item) {
+  return "group" in item;
+}
+
+exports.isOptionsGroup = isOptionsGroup;
+//# sourceMappingURL=is-options-group.js.map

package/cjs/components/Combobox/OptionsDropdown/is-options-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-options-group.js","sources":["../../../../src/components/Combobox/OptionsDropdown/is-options-group.ts"],"sourcesContent":["import { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox.types';\n\nexport function isOptionsGroup(item: ComboboxParsedItem): item is ComboboxParsedItemGroup {\n  return 'group' in item;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,cAAc,CAAC,IAAI,EAAE;AACrC,EAAE,OAAO,OAAO,IAAI,IAAI,CAAC;AACzB;;;;"}

package/cjs/components/Combobox/OptionsDropdown/validate-options.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var isOptionsGroup = require('./is-options-group.js');
+
+function validateOptions(options, valuesSet = /* @__PURE__ */ new Set()) {
+  if (!Array.isArray(options)) {
+    return;
+  }
+  for (const option of options) {
+    if (isOptionsGroup.isOptionsGroup(option)) {
+      validateOptions(option.items, valuesSet);
+    } else {
+      if (typeof option.value === "undefined") {
+        throw new Error("[@mantine/core] Each option must have value property");
+      }
+      if (typeof option.value !== "string") {
+        throw new Error(
+          `[@mantine/core] Option value must be a string, other data formats are not supported, got ${typeof option.value}`
+        );
+      }
+      if (valuesSet.has(option.value)) {
+        throw new Error(
+          `[@mantine/core] Duplicate options are not supported. Option with value "${option.value}" was provided more than once`
+        );
+      }
+      valuesSet.add(option.value);
+    }
+  }
+}
+
+exports.validateOptions = validateOptions;
+//# sourceMappingURL=validate-options.js.map

package/cjs/components/Combobox/OptionsDropdown/validate-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-options.js","sources":["../../../../src/components/Combobox/OptionsDropdown/validate-options.ts"],"sourcesContent":["import { isOptionsGroup } from './is-options-group';\n\nexport function validateOptions(options: any[], valuesSet = new Set()) {\n  if (!Array.isArray(options)) {\n    return;\n  }\n\n  for (const option of options) {\n    if (isOptionsGroup(option)) {\n      validateOptions(option.items, valuesSet);\n    } else {\n      if (typeof option.value === 'undefined') {\n        throw new Error('[@mantine/core] Each option must have value property');\n      }\n\n      if (typeof option.value !== 'string') {\n        throw new Error(\n          `[@mantine/core] Option value must be a string, other data formats are not supported, got ${typeof option.value}`\n        );\n      }\n\n      if (valuesSet.has(option.value)) {\n        throw new Error(\n          `[@mantine/core] Duplicate options are not supported. Option with value \"${option.value}\" was provided more than once`\n        );\n      }\n\n      valuesSet.add(option.value);\n    }\n  }\n}\n"],"names":["isOptionsGroup"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,OAAO,EAAE,SAAS,mBAAmB,IAAI,GAAG,EAAE,EAAE;AAChF,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AAC/B,IAAI,OAAO;AACX,GAAG;AACH,EAAE,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;AAChC,IAAI,IAAIA,6BAAc,CAAC,MAAM,CAAC,EAAE;AAChC,MAAM,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,WAAW,EAAE;AAC/C,QAAQ,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;AAChF,OAAO;AACP,MAAM,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;AAC5C,QAAQ,MAAM,IAAI,KAAK;AACvB,UAAU,CAAC,yFAAyF,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AAC3H,SAAS,CAAC;AACV,OAAO;AACP,MAAM,IAAI,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;AACvC,QAAQ,MAAM,IAAI,KAAK;AACvB,UAAU,CAAC,wEAAwE,EAAE,MAAM,CAAC,KAAK,CAAC,6BAA6B,CAAC;AAChI,SAAS,CAAC;AACV,OAAO;AACP,MAAM,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAClC,KAAK;AACL,GAAG;AACH;;;;"}

package/cjs/components/Combobox/get-options-lockup/get-options-lockup.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function getOptionsLockup(options) {
+  return options.reduce((acc, item) => {
+    if ("group" in item) {
+      return __spreadValues(__spreadValues({}, acc), getOptionsLockup(item.items));
+    }
+    acc[item.value] = item;
+    return acc;
+  }, {});
+}
+function getLabelsLockup(options) {
+  return options.reduce((acc, item) => {
+    if ("group" in item) {
+      return __spreadValues(__spreadValues({}, acc), getLabelsLockup(item.items));
+    }
+    acc[item.label] = item;
+    return acc;
+  }, {});
+}
+
+exports.getLabelsLockup = getLabelsLockup;
+exports.getOptionsLockup = getOptionsLockup;
+//# sourceMappingURL=get-options-lockup.js.map

package/cjs/components/Combobox/get-options-lockup/get-options-lockup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-options-lockup.js","sources":["../../../../src/components/Combobox/get-options-lockup/get-options-lockup.ts"],"sourcesContent":["import { ComboboxParsedItem, ComboboxItem } from '../Combobox.types';\n\nexport function getOptionsLockup(options: ComboboxParsedItem[]): Record<string, ComboboxItem> {\n  return options.reduce<Record<string, ComboboxItem>>((acc, item) => {\n    if ('group' in item) {\n      return { ...acc, ...getOptionsLockup(item.items) };\n    }\n\n    acc[(item as any).value] = item;\n\n    return acc;\n  }, {});\n}\n\nexport function getLabelsLockup(options: ComboboxParsedItem[]): Record<string, string> {\n  return options.reduce<Record<string, string>>((acc, item) => {\n    if ('group' in item) {\n      return { ...acc, ...getLabelsLockup(item.items) };\n    }\n\n    acc[(item as any).label] = item as any;\n\n    return acc;\n  }, {});\n}\n"],"names":[],"mappings":";;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACK,SAAS,gBAAgB,CAAC,OAAO,EAAE;AAC1C,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK;AACvC,IAAI,IAAI,OAAO,IAAI,IAAI,EAAE;AACzB,MAAM,OAAO,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AACnF,KAAK;AACL,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAC3B,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AACM,SAAS,eAAe,CAAC,OAAO,EAAE;AACzC,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,KAAK;AACvC,IAAI,IAAI,OAAO,IAAI,IAAI,EAAE;AACzB,MAAM,OAAO,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;AAClF,KAAK;AACL,IAAI,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;AAC3B,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;;"}

package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js

@@ -6,10 +6,13 @@ function parseItem(item) {
   if (typeof item === "string") {
     return { value: item, label: item };
   }
+  if (typeof item === "number") {
+    return { value: item.toString(), label: item.toString() };
+  }
   if ("group" in item) {
     return {
       group: item.group,
-      items: item.items.map(parseItem)
+      items: item.items.map((i) => parseItem(i))
     };
   }
   return item;

package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-parsed-combobox-data.js","sources":["../../../../src/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.ts"],"sourcesContent":["import {\n  ComboboxData,\n  ComboboxParsedItem,\n  ComboboxItem,\n  ComboboxItemGroup,\n  ComboboxParsedItemGroup,\n} from '../Combobox.types';\n\nfunction parseItem(\n  item: string | ComboboxItem | ComboboxItemGroup\n): ComboboxItem | ComboboxParsedItemGroup {\n  if (typeof item === 'string') {\n    return { value: item, label: item };\n  }\n\n  if ('group' in item) {\n    return {\n      group: item.group,\n      items: item.items.map(parseItem),\n    };\n  }\n\n  return item;\n}\n\nexport function getParsedComboboxData(data: ComboboxData | undefined): ComboboxParsedItem[] {\n  if (!data) {\n    return [];\n  }\n\n  return data.map(parseItem);\n}\n"],"names":[],"mappings":";;;;AAAA,SAAS,SAAS,CAAC,IAAI,EAAE;AACzB,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAChC,IAAI,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,IAAI,EAAE;AACvB,IAAI,OAAO;AACX,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK;AACvB,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;AACtC,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,qBAAqB,CAAC,IAAI,EAAE;AAC5C,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC7B;;;;"}
+{"version":3,"file":"get-parsed-combobox-data.js","sources":["../../../../src/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.ts"],"sourcesContent":["import {\n  ComboboxData,\n  ComboboxParsedItem,\n  ComboboxItem,\n  ComboboxItemGroup,\n  ComboboxParsedItemGroup,\n} from '../Combobox.types';\n\nfunction parseItem(\n  item: string | ComboboxItem | ComboboxItemGroup\n): ComboboxItem | ComboboxParsedItemGroup {\n  if (typeof item === 'string') {\n    return { value: item, label: item };\n  }\n\n  if (typeof item === 'number') {\n    return { value: (item as number).toString(), label: (item as number).toString() };\n  }\n\n  if ('group' in item) {\n    return {\n      group: item.group,\n      items: item.items.map((i) => parseItem(i) as ComboboxItem),\n    };\n  }\n\n  return item;\n}\n\nexport function getParsedComboboxData(data: ComboboxData | undefined): ComboboxParsedItem[] {\n  if (!data) {\n    return [];\n  }\n\n  return data.map(parseItem);\n}\n"],"names":[],"mappings":";;;;AAAA,SAAS,SAAS,CAAC,IAAI,EAAE;AACzB,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAChC,IAAI,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAChC,IAAI,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;AAC9D,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,IAAI,EAAE;AACvB,IAAI,OAAO;AACX,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK;AACvB,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,qBAAqB,CAAC,IAAI,EAAE;AAC5C,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC7B;;;;"}

package/cjs/components/Combobox/use-combobox/get-index/get-index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getPreviousIndex(currentIndex, elements, loop) {
+  for (let i = currentIndex - 1; i >= 0; i -= 1) {
+    if (!elements[i].hasAttribute("data-combobox-disabled")) {
+      return i;
+    }
+  }
+  if (loop) {
+    for (let i = elements.length - 1; i > -1; i -= 1) {
+      if (!elements[i].hasAttribute("data-combobox-disabled")) {
+        return i;
+      }
+    }
+  }
+  return currentIndex;
+}
+function getNextIndex(currentIndex, elements, loop) {
+  for (let i = currentIndex + 1; i < elements.length; i += 1) {
+    if (!elements[i].hasAttribute("data-combobox-disabled")) {
+      return i;
+    }
+  }
+  if (loop) {
+    for (let i = 0; i < elements.length; i += 1) {
+      if (!elements[i].hasAttribute("data-combobox-disabled")) {
+        return i;
+      }
+    }
+  }
+  return currentIndex;
+}
+function getFirstIndex(elements) {
+  for (let i = 0; i < elements.length; i += 1) {
+    if (!elements[i].hasAttribute("data-combobox-disabled")) {
+      return i;
+    }
+  }
+  return -1;
+}
+
+exports.getFirstIndex = getFirstIndex;
+exports.getNextIndex = getNextIndex;
+exports.getPreviousIndex = getPreviousIndex;
+//# sourceMappingURL=get-index.js.map

package/cjs/components/Combobox/use-combobox/get-index/get-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-index.js","sources":["../../../../../src/components/Combobox/use-combobox/get-index/get-index.ts"],"sourcesContent":["export function getPreviousIndex(\n  currentIndex: number,\n  elements: NodeListOf<HTMLDivElement> | HTMLDivElement[],\n  loop: boolean\n) {\n  for (let i = currentIndex - 1; i >= 0; i -= 1) {\n    if (!elements[i].hasAttribute('data-combobox-disabled')) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = elements.length - 1; i > -1; i -= 1) {\n      if (!elements[i].hasAttribute('data-combobox-disabled')) {\n        return i;\n      }\n    }\n  }\n\n  return currentIndex;\n}\n\nexport function getNextIndex(\n  currentIndex: number,\n  elements: NodeListOf<HTMLDivElement> | HTMLDivElement[],\n  loop: boolean\n) {\n  for (let i = currentIndex + 1; i < elements.length; i += 1) {\n    if (!elements[i].hasAttribute('data-combobox-disabled')) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = 0; i < elements.length; i += 1) {\n      if (!elements[i].hasAttribute('data-combobox-disabled')) {\n        return i;\n      }\n    }\n  }\n\n  return currentIndex;\n}\n\nexport function getFirstIndex(elements: NodeListOf<HTMLDivElement> | HTMLDivElement[]) {\n  for (let i = 0; i < elements.length; i += 1) {\n    if (!elements[i].hasAttribute('data-combobox-disabled')) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,gBAAgB,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC/D,EAAE,KAAK,IAAI,CAAC,GAAG,YAAY,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AACjD,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,EAAE;AAC7D,MAAM,OAAO,CAAC,CAAC;AACf,KAAK;AACL,GAAG;AACH,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AACtD,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,EAAE;AAC/D,QAAQ,OAAO,CAAC,CAAC;AACjB,OAAO;AACP,KAAK;AACL,GAAG;AACH,EAAE,OAAO,YAAY,CAAC;AACtB,CAAC;AACM,SAAS,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE;AAC3D,EAAE,KAAK,IAAI,CAAC,GAAG,YAAY,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AAC9D,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,EAAE;AAC7D,MAAM,OAAO,CAAC,CAAC;AACf,KAAK;AACL,GAAG;AACH,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AACjD,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,EAAE;AAC/D,QAAQ,OAAO,CAAC,CAAC;AACjB,OAAO;AACP,KAAK;AACL,GAAG;AACH,EAAE,OAAO,YAAY,CAAC;AACtB,CAAC;AACM,SAAS,aAAa,CAAC,QAAQ,EAAE;AACxC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;AAC/C,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,wBAAwB,CAAC,EAAE;AAC7D,MAAM,OAAO,CAAC,CAAC;AACf,KAAK;AACL,GAAG;AACH,EAAE,OAAO,CAAC,CAAC,CAAC;AACZ;;;;;;"}

package/cjs/components/Combobox/use-combobox/get-index/get-virtualized-index.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function getPreviousIndex({
+  currentIndex,
+  isOptionDisabled,
+  totalOptionsCount,
+  loop
+}) {
+  for (let i = currentIndex - 1; i >= 0; i -= 1) {
+    if (!isOptionDisabled(i)) {
+      return i;
+    }
+  }
+  if (loop) {
+    for (let i = totalOptionsCount - 1; i > -1; i -= 1) {
+      if (!isOptionDisabled(i)) {
+        return i;
+      }
+    }
+  }
+  return currentIndex;
+}
+function getNextIndex({
+  currentIndex,
+  isOptionDisabled,
+  totalOptionsCount,
+  loop
+}) {
+  for (let i = currentIndex + 1; i < totalOptionsCount; i += 1) {
+    if (!isOptionDisabled(i)) {
+      return i;
+    }
+  }
+  if (loop) {
+    for (let i = 0; i < totalOptionsCount; i += 1) {
+      if (!isOptionDisabled(i)) {
+        return i;
+      }
+    }
+  }
+  return currentIndex;
+}
+function getFirstIndex({ totalOptionsCount, isOptionDisabled }) {
+  for (let i = 0; i < totalOptionsCount; i += 1) {
+    if (!isOptionDisabled(i)) {
+      return i;
+    }
+  }
+  return -1;
+}
+
+exports.getFirstIndex = getFirstIndex;
+exports.getNextIndex = getNextIndex;
+exports.getPreviousIndex = getPreviousIndex;
+//# sourceMappingURL=get-virtualized-index.js.map

package/cjs/components/Combobox/use-combobox/get-index/get-virtualized-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-virtualized-index.js","sources":["../../../../../src/components/Combobox/use-combobox/get-index/get-virtualized-index.ts"],"sourcesContent":["interface GetIndexProps {\n  currentIndex: number;\n  isOptionDisabled: (index: number) => boolean;\n  totalOptionsCount: number;\n  loop: boolean;\n}\n\nexport function getPreviousIndex({\n  currentIndex,\n  isOptionDisabled,\n  totalOptionsCount,\n  loop,\n}: GetIndexProps) {\n  for (let i = currentIndex - 1; i >= 0; i -= 1) {\n    if (!isOptionDisabled(i)) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = totalOptionsCount - 1; i > -1; i -= 1) {\n      if (!isOptionDisabled(i)) {\n        return i;\n      }\n    }\n  }\n\n  return currentIndex;\n}\n\nexport function getNextIndex({\n  currentIndex,\n  isOptionDisabled,\n  totalOptionsCount,\n  loop,\n}: GetIndexProps) {\n  for (let i = currentIndex + 1; i < totalOptionsCount; i += 1) {\n    if (!isOptionDisabled(i)) {\n      return i;\n    }\n  }\n\n  if (loop) {\n    for (let i = 0; i < totalOptionsCount; i += 1) {\n      if (!isOptionDisabled(i)) {\n        return i;\n      }\n    }\n  }\n\n  return currentIndex;\n}\n\ninterface GetFirstIndexOptions {\n  totalOptionsCount: number;\n  isOptionDisabled: (index: number) => boolean;\n}\n\nexport function getFirstIndex({ totalOptionsCount, isOptionDisabled }: GetFirstIndexOptions) {\n  for (let i = 0; i < totalOptionsCount; i += 1) {\n    if (!isOptionDisabled(i)) {\n      return i;\n    }\n  }\n\n  return -1;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,gBAAgB,CAAC;AACjC,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,iBAAiB;AACnB,EAAE,IAAI;AACN,CAAC,EAAE;AACH,EAAE,KAAK,IAAI,CAAC,GAAG,YAAY,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AACjD,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;AAC9B,MAAM,OAAO,CAAC,CAAC;AACf,KAAK;AACL,GAAG;AACH,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,KAAK,IAAI,CAAC,GAAG,iBAAiB,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;AACxD,MAAM,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;AAChC,QAAQ,OAAO,CAAC,CAAC;AACjB,OAAO;AACP,KAAK;AACL,GAAG;AACH,EAAE,OAAO,YAAY,CAAC;AACtB,CAAC;AACM,SAAS,YAAY,CAAC;AAC7B,EAAE,YAAY;AACd,EAAE,gBAAgB;AAClB,EAAE,iBAAiB;AACnB,EAAE,IAAI;AACN,CAAC,EAAE;AACH,EAAE,KAAK,IAAI,CAAC,GAAG,YAAY,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE;AAChE,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;AAC9B,MAAM,OAAO,CAAC,CAAC;AACf,KAAK;AACL,GAAG;AACH,EAAE,IAAI,IAAI,EAAE;AACZ,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE;AACnD,MAAM,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;AAChC,QAAQ,OAAO,CAAC,CAAC;AACjB,OAAO;AACP,KAAK;AACL,GAAG;AACH,EAAE,OAAO,YAAY,CAAC;AACtB,CAAC;AACM,SAAS,aAAa,CAAC,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,EAAE;AACvE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,iBAAiB,EAAE,CAAC,IAAI,CAAC,EAAE;AACjD,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;AAC9B,MAAM,OAAO,CAAC,CAAC;AACf,KAAK;AACL,GAAG;AACH,EAAE,OAAO,CAAC,CAAC,CAAC;AACZ;;;;;;"}

package/cjs/components/Combobox/use-combobox/use-combobox.js

@@ -0,0 +1,188 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var getIndex = require('./get-index/get-index.js');
+
+function useCombobox({
+  defaultOpened,
+  opened,
+  onOpenedChange,
+  onDropdownClose,
+  onDropdownOpen,
+  loop = true,
+  scrollBehavior = "instant"
+} = {}) {
+  const [dropdownOpened, setDropdownOpened] = hooks.useUncontrolled({
+    value: opened,
+    defaultValue: defaultOpened,
+    finalValue: false,
+    onChange: onOpenedChange
+  });
+  const listId = React.useRef(null);
+  const selectedOptionIndex = React.useRef(-1);
+  const searchRef = React.useRef(null);
+  const targetRef = React.useRef(null);
+  const focusSearchTimeout = React.useRef(-1);
+  const focusTargetTimeout = React.useRef(-1);
+  const selectedIndexUpdateTimeout = React.useRef(-1);
+  const openDropdown = React.useCallback(
+    (eventSource = "unknown") => {
+      if (!dropdownOpened) {
+        setDropdownOpened(true);
+        onDropdownOpen == null ? void 0 : onDropdownOpen(eventSource);
+      }
+    },
+    [setDropdownOpened, onDropdownOpen, dropdownOpened]
+  );
+  const closeDropdown = React.useCallback(
+    (eventSource = "unknown") => {
+      if (dropdownOpened) {
+        setDropdownOpened(false);
+        onDropdownClose == null ? void 0 : onDropdownClose(eventSource);
+      }
+    },
+    [setDropdownOpened, onDropdownClose, dropdownOpened]
+  );
+  const toggleDropdown = React.useCallback(
+    (eventSource = "unknown") => {
+      if (dropdownOpened) {
+        closeDropdown(eventSource);
+      } else {
+        openDropdown(eventSource);
+      }
+    },
+    [closeDropdown, openDropdown, dropdownOpened]
+  );
+  const clearSelectedItem = React.useCallback(() => {
+    const selected = document.querySelector(`#${listId.current} [data-combobox-selected]`);
+    selected == null ? void 0 : selected.removeAttribute("data-combobox-selected");
+    selected == null ? void 0 : selected.removeAttribute("aria-selected");
+  }, []);
+  const selectOption = React.useCallback(
+    (index) => {
+      const list = document.getElementById(listId.current);
+      const items = list == null ? void 0 : list.querySelectorAll("[data-combobox-option]");
+      if (!items) {
+        return null;
+      }
+      const nextIndex = index >= items.length ? 0 : index < 0 ? items.length - 1 : index;
+      selectedOptionIndex.current = nextIndex;
+      if ((items == null ? void 0 : items[nextIndex]) && !items[nextIndex].hasAttribute("data-combobox-disabled")) {
+        clearSelectedItem();
+        items[nextIndex].setAttribute("data-combobox-selected", "true");
+        items[nextIndex].setAttribute("aria-selected", "true");
+        items[nextIndex].scrollIntoView({ block: "nearest", behavior: scrollBehavior });
+        return items[nextIndex].id;
+      }
+      return null;
+    },
+    [scrollBehavior, clearSelectedItem]
+  );
+  const selectActiveOption = React.useCallback(() => {
+    const activeOption = document.querySelector(
+      `#${listId.current} [data-combobox-active]`
+    );
+    if (activeOption) {
+      const items = document.querySelectorAll(
+        `#${listId.current} [data-combobox-option]`
+      );
+      const index = Array.from(items).findIndex((option) => option === activeOption);
+      return selectOption(index);
+    }
+    return selectOption(0);
+  }, [selectOption]);
+  const selectNextOption = React.useCallback(
+    () => selectOption(
+      getIndex.getNextIndex(
+        selectedOptionIndex.current,
+        document.querySelectorAll(`#${listId.current} [data-combobox-option]`),
+        loop
+      )
+    ),
+    [selectOption, loop]
+  );
+  const selectPreviousOption = React.useCallback(
+    () => selectOption(
+      getIndex.getPreviousIndex(
+        selectedOptionIndex.current,
+        document.querySelectorAll(`#${listId.current} [data-combobox-option]`),
+        loop
+      )
+    ),
+    [selectOption, loop]
+  );
+  const selectFirstOption = React.useCallback(
+    () => selectOption(
+      getIndex.getFirstIndex(
+        document.querySelectorAll(`#${listId.current} [data-combobox-option]`)
+      )
+    ),
+    [selectOption]
+  );
+  const updateSelectedOptionIndex = React.useCallback((target = "selected") => {
+    selectedIndexUpdateTimeout.current = window.setTimeout(() => {
+      const items = document.querySelectorAll(
+        `#${listId.current} [data-combobox-option]`
+      );
+      const index = Array.from(items).findIndex(
+        (option) => option.hasAttribute(`data-combobox-${target}`)
+      );
+      selectedOptionIndex.current = index;
+    }, 0);
+  }, []);
+  const resetSelectedOption = React.useCallback(() => {
+    selectedOptionIndex.current = -1;
+    clearSelectedItem();
+  }, [clearSelectedItem]);
+  const clickSelectedOption = React.useCallback(() => {
+    const items = document.querySelectorAll(
+      `#${listId.current} [data-combobox-option]`
+    );
+    const item = items == null ? void 0 : items[selectedOptionIndex.current];
+    item == null ? void 0 : item.click();
+  }, []);
+  const setListId = React.useCallback((id) => {
+    listId.current = id;
+  }, []);
+  const focusSearchInput = React.useCallback(() => {
+    focusSearchTimeout.current = window.setTimeout(() => searchRef.current.focus(), 0);
+  }, []);
+  const focusTarget = React.useCallback(() => {
+    focusTargetTimeout.current = window.setTimeout(() => targetRef.current.focus(), 0);
+  }, []);
+  React.useEffect(
+    () => () => {
+      window.clearTimeout(focusSearchTimeout.current);
+      window.clearTimeout(focusTargetTimeout.current);
+      window.clearTimeout(selectedIndexUpdateTimeout.current);
+    },
+    []
+  );
+  return {
+    dropdownOpened,
+    openDropdown,
+    closeDropdown,
+    toggleDropdown,
+    selectedOptionIndex: selectedOptionIndex.current,
+    selectOption,
+    selectFirstOption,
+    selectActiveOption,
+    selectNextOption,
+    selectPreviousOption,
+    resetSelectedOption,
+    updateSelectedOptionIndex,
+    listId: listId.current,
+    setListId,
+    clickSelectedOption,
+    searchRef,
+    focusSearchInput,
+    targetRef,
+    focusTarget
+  };
+}
+
+exports.useCombobox = useCombobox;
+//# sourceMappingURL=use-combobox.js.map