@tidbcloud/uikit 2.1.7 → 2.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tidbcloud/uikit
 
+## 2.2.0
+
+### Minor Changes
+
+- feat: add new multi select component ([#488](https://github.com/tidbcloud/tidbcloud-uikit/pull/488))
+
+## 2.1.8
+
+### Patch Changes
+
+- fix(uikit/theme): Simplify Menu component styling ([#490](https://github.com/tidbcloud/tidbcloud-uikit/pull/490))
+
 ## 2.1.7
 
 ### Patch Changes

package/dist/biz/Form/ProMultiSelect.cjs

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const errorMessage = require("@hookform/error-message");
+const reactHookForm = require("react-hook-form");
+const index = require("../ProMultiSelect/index.cjs");
+const FormProMultiSelect = ({ name, rules, onChange, ...rest }) => {
+  const { control, formState, getFieldState } = reactHookForm.useFormContext();
+  const { error } = getFieldState(name, formState);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactHookForm.Controller,
+    {
+      control,
+      name,
+      rules,
+      render: ({ field }) => {
+        const { onChange: handleChange, ...restField } = field;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          index.ProMultiSelect,
+          {
+            ...rest,
+            ...restField,
+            onChange: (e) => {
+              handleChange(e);
+              onChange == null ? void 0 : onChange(e);
+            },
+            error: error ? /* @__PURE__ */ jsxRuntime.jsx(errorMessage.ErrorMessage, { errors: formState.errors, name }) : void 0
+          }
+        );
+      }
+    }
+  );
+};
+exports.FormProMultiSelect = FormProMultiSelect;

package/dist/biz/Form/ProMultiSelect.d.cts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { RegisterOptions } from 'react-hook-form';
+import { ProMultiSelectProps } from '../ProMultiSelect/index.cjs';
+export interface FormProMultiSelectProps extends ProMultiSelectProps {
+    name: string;
+    rules?: RegisterOptions;
+}
+export declare const FormProMultiSelect: React.FC<FormProMultiSelectProps>;

package/dist/biz/Form/ProMultiSelect.d.mts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { RegisterOptions } from 'react-hook-form';
+import { ProMultiSelectProps } from '../ProMultiSelect/index.mjs';
+export interface FormProMultiSelectProps extends ProMultiSelectProps {
+    name: string;
+    rules?: RegisterOptions;
+}
+export declare const FormProMultiSelect: React.FC<FormProMultiSelectProps>;

package/dist/biz/Form/ProMultiSelect.mjs

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { ErrorMessage } from "@hookform/error-message";
+import { useFormContext, Controller } from "react-hook-form";
+import { ProMultiSelect } from "../ProMultiSelect/index.mjs";
+const FormProMultiSelect = ({ name, rules, onChange, ...rest }) => {
+  const { control, formState, getFieldState } = useFormContext();
+  const { error } = getFieldState(name, formState);
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      control,
+      name,
+      rules,
+      render: ({ field }) => {
+        const { onChange: handleChange, ...restField } = field;
+        return /* @__PURE__ */ jsx(
+          ProMultiSelect,
+          {
+            ...rest,
+            ...restField,
+            onChange: (e) => {
+              handleChange(e);
+              onChange == null ? void 0 : onChange(e);
+            },
+            error: error ? /* @__PURE__ */ jsx(ErrorMessage, { errors: formState.errors, name }) : void 0
+          }
+        );
+      }
+    }
+  );
+};
+export {
+  FormProMultiSelect
+};

package/dist/biz/Form/index.d.cts

@@ -16,3 +16,4 @@ export * from './Rating.cjs';
 export * from './context.cjs';
 export * from './CopyText.cjs';
 export * from './SegmentControl.cjs';
+export * from './ProMultiSelect.cjs';

package/dist/biz/Form/index.d.mts

@@ -16,3 +16,4 @@ export * from './Rating.mjs';
 export * from './context.mjs';
 export * from './CopyText.mjs';
 export * from './SegmentControl.mjs';
+export * from './ProMultiSelect.mjs';

package/dist/biz/ProMultiSelect/helper.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function isValueChecked(value, optionValue) {
+  return Array.isArray(value) ? value.includes(optionValue) : value === optionValue;
+}
+exports.isValueChecked = isValueChecked;

package/dist/biz/ProMultiSelect/helper.d.cts

@@ -0,0 +1 @@
+export declare function isValueChecked(value: string | string[] | undefined | null, optionValue: string): boolean;

package/dist/biz/ProMultiSelect/helper.d.mts

@@ -0,0 +1 @@
+export declare function isValueChecked(value: string | string[] | undefined | null, optionValue: string): boolean;

package/dist/biz/ProMultiSelect/helper.mjs

@@ -0,0 +1,6 @@
+function isValueChecked(value, optionValue) {
+  return Array.isArray(value) ? value.includes(optionValue) : value === optionValue;
+}
+export {
+  isValueChecked
+};

package/dist/biz/ProMultiSelect/index.cjs

@@ -0,0 +1,291 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../icons/index.cjs");
+;/* empty css                                                                                                                                                                                        */
+;/* empty css                                                                                                                                                                                         */
+;/* empty css                                                                                                                                                                                                 */
+;/* empty css                                                                                                                                                                                            */
+;/* empty css                                                                                                                                                                                            */
+const helper = require("./helper.cjs");
+const useProps = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.cjs");
+const MantineThemeProvider = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
+const useCombobox = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/use-combobox/use-combobox.cjs");
+const useUncontrolled = require("../../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.cjs");
+const getParsedComboboxData = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.cjs");
+const getOptionsLockup = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/get-options-lockup/get-options-lockup.cjs");
+const defaultOptionsFilter = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/OptionsDropdown/default-options-filter.cjs");
+const Pill = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Pill/Pill.cjs");
+const isOptionsGroup = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/OptionsDropdown/is-options-group.cjs");
+const Combobox = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/Combobox.cjs");
+const InputBase = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/InputBase/InputBase.cjs");
+const Loader = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Loader/Loader.cjs");
+const Input = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Input/Input.cjs");
+const ScrollArea = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.cjs");
+const Group = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Group/Group.cjs");
+const Box = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.cjs");
+const Checkbox = require("../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Checkbox/Checkbox.cjs");
+const Option = ({ data, withCheckIcon, value, checkIconPosition, unstyled, renderOption }) => {
+  if (!isOptionsGroup.isOptionsGroup(data)) {
+    const checked = helper.isValueChecked(value, data.value);
+    const check = withCheckIcon && /* @__PURE__ */ jsxRuntime.jsx(Checkbox.Checkbox, { size: "xs", checked });
+    const defaultContent = /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { children: [
+      checkIconPosition === "left" && check,
+      /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { sx: { flex: 1 }, children: data.label }),
+      checkIconPosition === "right" && check
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Combobox.Combobox.Option,
+      {
+        value: data.value,
+        disabled: data.disabled,
+        "data-reverse": checkIconPosition === "right" || void 0,
+        "data-checked": checked || void 0,
+        "aria-selected": checked,
+        active: checked,
+        styles: (theme) => ({
+          option: {
+            "&:hover": {
+              backgroundColor: theme.colors.carbon[3]
+            }
+          }
+        }),
+        children: typeof renderOption === "function" ? renderOption({ option: data, checked }) : defaultContent
+      }
+    );
+  }
+  const options = data.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+    Option,
+    {
+      data: item,
+      value,
+      unstyled,
+      withCheckIcon,
+      checkIconPosition,
+      renderOption
+    },
+    item.value
+  ));
+  return /* @__PURE__ */ jsxRuntime.jsx(Combobox.Combobox.Group, { label: data.group, children: options });
+};
+const defaultProps = {
+  maxValues: Infinity,
+  withCheckIcon: true,
+  checkIconPosition: "left",
+  hiddenInputValuesDivider: ","
+};
+const ProMultiSelect = (_props) => {
+  const props = useProps.useProps("MultiSelect", defaultProps, _props);
+  const {
+    data,
+    value,
+    defaultValue,
+    limit,
+    searchable,
+    searchValue,
+    defaultSearchValue,
+    maxValues,
+    readOnly,
+    disabled,
+    size,
+    width,
+    selectFirstOptionOnChange,
+    placeholder,
+    clearable,
+    label,
+    nothingFoundMessage,
+    dropdownOpened,
+    defaultDropdownOpened,
+    loading,
+    maxDropdownHeight,
+    error,
+    onOptionSubmit,
+    renderOption,
+    filter,
+    onChange,
+    onSearchChange,
+    onRemove,
+    onClear
+  } = props;
+  const theme = MantineThemeProvider.useMantineTheme();
+  const combobox = useCombobox.useCombobox({
+    opened: dropdownOpened,
+    defaultOpened: defaultDropdownOpened,
+    onDropdownClose: () => {
+      combobox.resetSelectedOption();
+      setSearchValue("");
+    },
+    onDropdownOpen: () => {
+      combobox.focusSearchInput();
+    }
+  });
+  const [_value, setValue] = useUncontrolled.useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: [],
+    onChange
+  });
+  const [_searchValue, setSearchValue] = useUncontrolled.useUncontrolled({
+    value: searchValue,
+    defaultValue: defaultSearchValue,
+    finalValue: "",
+    onChange: onSearchChange
+  });
+  const parsedData = getParsedComboboxData.getParsedComboboxData(data);
+  const optionsLockup = getOptionsLockup.getOptionsLockup(parsedData);
+  const shouldFilter = typeof _searchValue === "string";
+  const filteredData = shouldFilter ? (filter || defaultOptionsFilter.defaultOptionsFilter)({
+    options: parsedData,
+    search: searchable ? _searchValue : "",
+    limit: limit ?? Infinity
+  }) : parsedData;
+  const [targetIndex, setTargetIndex] = React.useState(0);
+  const hideCount = _value.length - targetIndex - 1;
+  const values = _value.map((item, index2) => {
+    var _a, _b;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Pill.Pill,
+      {
+        withRemoveButton: !readOnly && !((_a = optionsLockup[item]) == null ? void 0 : _a.disabled),
+        onRemove: () => {
+          setValue(_value.filter((i) => item !== i));
+          onRemove == null ? void 0 : onRemove(item);
+        },
+        disabled,
+        styles: (theme2) => ({ root: { backgroundColor: theme2.colors.carbon[3], borderRadius: theme2.radius.sm } }),
+        sx: { position: "relative" },
+        children: [
+          ((_b = optionsLockup[item]) == null ? void 0 : _b.label) || item,
+          targetIndex === index2 && /* @__PURE__ */ jsxRuntime.jsxs(
+            Pill.Pill,
+            {
+              styles: (theme2) => ({
+                root: { backgroundColor: theme2.colors.carbon[3], borderRadius: theme2.radius.sm, padding: "0 5px" }
+              }),
+              sx: { position: "absolute", right: 0, transform: "translateX(calc(100% + 8px))" },
+              children: [
+                "+",
+                hideCount
+              ]
+            }
+          )
+        ]
+      },
+      `${item}-${index2}`
+    );
+  });
+  const inputRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    var _a;
+    const child = (_a = inputRef.current) == null ? void 0 : _a.children;
+    if (!child || (child == null ? void 0 : child.length) === 0) return;
+    const index2 = Array.from(child).findIndex((child2) => child2.offsetTop > 20);
+    setTargetIndex(index2 - 1);
+  }, [values]);
+  const options = filteredData == null ? void 0 : filteredData.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+    Option,
+    {
+      data: item,
+      value: _value,
+      unstyled: false,
+      withCheckIcon: true,
+      checkIconPosition: "left",
+      renderOption
+    },
+    isOptionsGroup.isOptionsGroup(item) ? item.group : item.value
+  ));
+  const handleOptionSubmit = (val) => {
+    onOptionSubmit == null ? void 0 : onOptionSubmit(val);
+    setSearchValue("");
+    combobox.updateSelectedOptionIndex("selected");
+    if (_value.includes(optionsLockup[val].value)) {
+      setValue(_value.filter((v) => v !== optionsLockup[val].value));
+      onRemove == null ? void 0 : onRemove(optionsLockup[val].value);
+    } else if (_value.length < maxValues) {
+      setValue([..._value, optionsLockup[val].value]);
+    }
+  };
+  const clearButton = /* @__PURE__ */ jsxRuntime.jsx(
+    Combobox.Combobox.ClearButton,
+    {
+      onClear: () => {
+        onClear == null ? void 0 : onClear();
+        setValue([]);
+        setSearchValue("");
+      }
+    }
+  );
+  const _clearable = clearable && _value.length > 0 && !disabled && !readOnly;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Combobox.Combobox,
+    {
+      store: combobox,
+      withinPortal: true,
+      size,
+      readOnly,
+      onOptionSubmit: handleOptionSubmit,
+      shadow: "sm",
+      styles: {
+        search: {
+          borderRadius: theme.radius.md
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Combobox.Combobox.Target, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          InputBase.InputBase,
+          {
+            error,
+            w: width,
+            component: "button",
+            type: "button",
+            pointer: true,
+            disabled: disabled || loading,
+            rightSection: loading ? /* @__PURE__ */ jsxRuntime.jsx(Loader.Loader, { size: "sm" }) : _clearable ? clearButton : /* @__PURE__ */ jsxRuntime.jsx(Combobox.Combobox.Chevron, {}),
+            label,
+            styles: {
+              label: { color: theme.colors.carbon[8], marginBottom: 6, fontSize: 14, lineHeight: "20px" },
+              description: { color: theme.colors.carbon[6] },
+              error: { color: theme.colors.red[7] }
+            },
+            rightSectionPointerEvents: value === null ? "none" : "all",
+            onClick: () => combobox.toggleDropdown(),
+            children: [
+              _value.length === 0 && !!placeholder && /* @__PURE__ */ jsxRuntime.jsx(Input.Input.Placeholder, { children: placeholder }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Pill.Pill.Group,
+                {
+                  ref: inputRef,
+                  mah: 22,
+                  sx: {
+                    flexWrap: "wrap",
+                    overflowY: "clip",
+                    maxWidth: `calc(100% - ${(hideCount.toString().length + 2) * 8}px)`
+                  },
+                  children: values
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Combobox.Combobox.Dropdown, { children: [
+          searchable && /* @__PURE__ */ jsxRuntime.jsx(
+            Combobox.Combobox.Search,
+            {
+              leftSection: /* @__PURE__ */ jsxRuntime.jsx(index.IconSearchLg, { size: 16, c: "gray.9", strokeWidth: 2 }),
+              value: _searchValue,
+              onChange: (event) => {
+                setSearchValue(event.currentTarget.value);
+                searchable && combobox.openDropdown();
+                selectFirstOptionOnChange && combobox.selectFirstOption();
+              },
+              placeholder: "Find"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(ScrollArea.ScrollArea.Autosize, { type: "scroll", mah: maxDropdownHeight ?? 200, children: /* @__PURE__ */ jsxRuntime.jsx(Combobox.Combobox.Options, { children: options.length > 0 ? options : /* @__PURE__ */ jsxRuntime.jsx(Combobox.Combobox.Empty, { children: nothingFoundMessage || "Nothing found" }) }) })
+        ] })
+      ]
+    }
+  );
+};
+exports.ProMultiSelect = ProMultiSelect;

package/dist/biz/ProMultiSelect/index.d.cts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { MultiSelectProps } from '../../primitive/index.cjs';
+export interface ProMultiSelectProps extends Pick<MultiSelectProps, 'data' | 'value' | 'defaultValue' | 'limit' | 'searchable' | 'searchValue' | 'defaultSearchValue' | 'maxValues' | 'readOnly' | 'disabled' | 'size' | 'width' | 'selectFirstOptionOnChange' | 'placeholder' | 'clearable' | 'label' | 'nothingFoundMessage' | 'dropdownOpened' | 'defaultDropdownOpened' | 'maxDropdownHeight' | 'error' | 'onOptionSubmit' | 'renderOption' | 'filter' | 'onChange' | 'onSearchChange' | 'onRemove' | 'onClear'> {
+    loading?: boolean;
+}
+export declare const ProMultiSelect: React.FC<ProMultiSelectProps>;

package/dist/biz/ProMultiSelect/index.d.mts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { MultiSelectProps } from '../../primitive/index.mjs';
+export interface ProMultiSelectProps extends Pick<MultiSelectProps, 'data' | 'value' | 'defaultValue' | 'limit' | 'searchable' | 'searchValue' | 'defaultSearchValue' | 'maxValues' | 'readOnly' | 'disabled' | 'size' | 'width' | 'selectFirstOptionOnChange' | 'placeholder' | 'clearable' | 'label' | 'nothingFoundMessage' | 'dropdownOpened' | 'defaultDropdownOpened' | 'maxDropdownHeight' | 'error' | 'onOptionSubmit' | 'renderOption' | 'filter' | 'onChange' | 'onSearchChange' | 'onRemove' | 'onClear'> {
+    loading?: boolean;
+}
+export declare const ProMultiSelect: React.FC<ProMultiSelectProps>;

package/dist/biz/ProMultiSelect/index.mjs

@@ -0,0 +1,291 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef, useLayoutEffect } from "react";
+import { IconSearchLg } from "../../icons/index.mjs";
+/* empty css                                                                                                                                                                                       */
+/* empty css                                                                                                                                                                                        */
+/* empty css                                                                                                                                                                                                */
+/* empty css                                                                                                                                                                                           */
+/* empty css                                                                                                                                                                                           */
+import { isValueChecked } from "./helper.mjs";
+import { useProps } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.mjs";
+import { useMantineTheme } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs";
+import { useCombobox } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/use-combobox/use-combobox.mjs";
+import { useUncontrolled } from "../../node_modules/.pnpm/@mantine_hooks@7.15.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-uncontrolled/use-uncontrolled.mjs";
+import { getParsedComboboxData } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.mjs";
+import { getOptionsLockup } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/get-options-lockup/get-options-lockup.mjs";
+import { defaultOptionsFilter } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/OptionsDropdown/default-options-filter.mjs";
+import { Pill } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Pill/Pill.mjs";
+import { isOptionsGroup } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/OptionsDropdown/is-options-group.mjs";
+import { Combobox } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/Combobox.mjs";
+import { InputBase } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/InputBase/InputBase.mjs";
+import { Loader } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Loader/Loader.mjs";
+import { Input } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Input/Input.mjs";
+import { ScrollArea } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/ScrollArea/ScrollArea.mjs";
+import { Group } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Group/Group.mjs";
+import { Box } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/Box/Box.mjs";
+import { Checkbox } from "../../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Checkbox/Checkbox.mjs";
+const Option = ({ data, withCheckIcon, value, checkIconPosition, unstyled, renderOption }) => {
+  if (!isOptionsGroup(data)) {
+    const checked = isValueChecked(value, data.value);
+    const check = withCheckIcon && /* @__PURE__ */ jsx(Checkbox, { size: "xs", checked });
+    const defaultContent = /* @__PURE__ */ jsxs(Group, { children: [
+      checkIconPosition === "left" && check,
+      /* @__PURE__ */ jsx(Box, { sx: { flex: 1 }, children: data.label }),
+      checkIconPosition === "right" && check
+    ] });
+    return /* @__PURE__ */ jsx(
+      Combobox.Option,
+      {
+        value: data.value,
+        disabled: data.disabled,
+        "data-reverse": checkIconPosition === "right" || void 0,
+        "data-checked": checked || void 0,
+        "aria-selected": checked,
+        active: checked,
+        styles: (theme) => ({
+          option: {
+            "&:hover": {
+              backgroundColor: theme.colors.carbon[3]
+            }
+          }
+        }),
+        children: typeof renderOption === "function" ? renderOption({ option: data, checked }) : defaultContent
+      }
+    );
+  }
+  const options = data.items.map((item) => /* @__PURE__ */ jsx(
+    Option,
+    {
+      data: item,
+      value,
+      unstyled,
+      withCheckIcon,
+      checkIconPosition,
+      renderOption
+    },
+    item.value
+  ));
+  return /* @__PURE__ */ jsx(Combobox.Group, { label: data.group, children: options });
+};
+const defaultProps = {
+  maxValues: Infinity,
+  withCheckIcon: true,
+  checkIconPosition: "left",
+  hiddenInputValuesDivider: ","
+};
+const ProMultiSelect = (_props) => {
+  const props = useProps("MultiSelect", defaultProps, _props);
+  const {
+    data,
+    value,
+    defaultValue,
+    limit,
+    searchable,
+    searchValue,
+    defaultSearchValue,
+    maxValues,
+    readOnly,
+    disabled,
+    size,
+    width,
+    selectFirstOptionOnChange,
+    placeholder,
+    clearable,
+    label,
+    nothingFoundMessage,
+    dropdownOpened,
+    defaultDropdownOpened,
+    loading,
+    maxDropdownHeight,
+    error,
+    onOptionSubmit,
+    renderOption,
+    filter,
+    onChange,
+    onSearchChange,
+    onRemove,
+    onClear
+  } = props;
+  const theme = useMantineTheme();
+  const combobox = useCombobox({
+    opened: dropdownOpened,
+    defaultOpened: defaultDropdownOpened,
+    onDropdownClose: () => {
+      combobox.resetSelectedOption();
+      setSearchValue("");
+    },
+    onDropdownOpen: () => {
+      combobox.focusSearchInput();
+    }
+  });
+  const [_value, setValue] = useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: [],
+    onChange
+  });
+  const [_searchValue, setSearchValue] = useUncontrolled({
+    value: searchValue,
+    defaultValue: defaultSearchValue,
+    finalValue: "",
+    onChange: onSearchChange
+  });
+  const parsedData = getParsedComboboxData(data);
+  const optionsLockup = getOptionsLockup(parsedData);
+  const shouldFilter = typeof _searchValue === "string";
+  const filteredData = shouldFilter ? (filter || defaultOptionsFilter)({
+    options: parsedData,
+    search: searchable ? _searchValue : "",
+    limit: limit ?? Infinity
+  }) : parsedData;
+  const [targetIndex, setTargetIndex] = useState(0);
+  const hideCount = _value.length - targetIndex - 1;
+  const values = _value.map((item, index) => {
+    var _a, _b;
+    return /* @__PURE__ */ jsxs(
+      Pill,
+      {
+        withRemoveButton: !readOnly && !((_a = optionsLockup[item]) == null ? void 0 : _a.disabled),
+        onRemove: () => {
+          setValue(_value.filter((i) => item !== i));
+          onRemove == null ? void 0 : onRemove(item);
+        },
+        disabled,
+        styles: (theme2) => ({ root: { backgroundColor: theme2.colors.carbon[3], borderRadius: theme2.radius.sm } }),
+        sx: { position: "relative" },
+        children: [
+          ((_b = optionsLockup[item]) == null ? void 0 : _b.label) || item,
+          targetIndex === index && /* @__PURE__ */ jsxs(
+            Pill,
+            {
+              styles: (theme2) => ({
+                root: { backgroundColor: theme2.colors.carbon[3], borderRadius: theme2.radius.sm, padding: "0 5px" }
+              }),
+              sx: { position: "absolute", right: 0, transform: "translateX(calc(100% + 8px))" },
+              children: [
+                "+",
+                hideCount
+              ]
+            }
+          )
+        ]
+      },
+      `${item}-${index}`
+    );
+  });
+  const inputRef = useRef(null);
+  useLayoutEffect(() => {
+    var _a;
+    const child = (_a = inputRef.current) == null ? void 0 : _a.children;
+    if (!child || (child == null ? void 0 : child.length) === 0) return;
+    const index = Array.from(child).findIndex((child2) => child2.offsetTop > 20);
+    setTargetIndex(index - 1);
+  }, [values]);
+  const options = filteredData == null ? void 0 : filteredData.map((item) => /* @__PURE__ */ jsx(
+    Option,
+    {
+      data: item,
+      value: _value,
+      unstyled: false,
+      withCheckIcon: true,
+      checkIconPosition: "left",
+      renderOption
+    },
+    isOptionsGroup(item) ? item.group : item.value
+  ));
+  const handleOptionSubmit = (val) => {
+    onOptionSubmit == null ? void 0 : onOptionSubmit(val);
+    setSearchValue("");
+    combobox.updateSelectedOptionIndex("selected");
+    if (_value.includes(optionsLockup[val].value)) {
+      setValue(_value.filter((v) => v !== optionsLockup[val].value));
+      onRemove == null ? void 0 : onRemove(optionsLockup[val].value);
+    } else if (_value.length < maxValues) {
+      setValue([..._value, optionsLockup[val].value]);
+    }
+  };
+  const clearButton = /* @__PURE__ */ jsx(
+    Combobox.ClearButton,
+    {
+      onClear: () => {
+        onClear == null ? void 0 : onClear();
+        setValue([]);
+        setSearchValue("");
+      }
+    }
+  );
+  const _clearable = clearable && _value.length > 0 && !disabled && !readOnly;
+  return /* @__PURE__ */ jsxs(
+    Combobox,
+    {
+      store: combobox,
+      withinPortal: true,
+      size,
+      readOnly,
+      onOptionSubmit: handleOptionSubmit,
+      shadow: "sm",
+      styles: {
+        search: {
+          borderRadius: theme.radius.md
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx(Combobox.Target, { children: /* @__PURE__ */ jsxs(
+          InputBase,
+          {
+            error,
+            w: width,
+            component: "button",
+            type: "button",
+            pointer: true,
+            disabled: disabled || loading,
+            rightSection: loading ? /* @__PURE__ */ jsx(Loader, { size: "sm" }) : _clearable ? clearButton : /* @__PURE__ */ jsx(Combobox.Chevron, {}),
+            label,
+            styles: {
+              label: { color: theme.colors.carbon[8], marginBottom: 6, fontSize: 14, lineHeight: "20px" },
+              description: { color: theme.colors.carbon[6] },
+              error: { color: theme.colors.red[7] }
+            },
+            rightSectionPointerEvents: value === null ? "none" : "all",
+            onClick: () => combobox.toggleDropdown(),
+            children: [
+              _value.length === 0 && !!placeholder && /* @__PURE__ */ jsx(Input.Placeholder, { children: placeholder }),
+              /* @__PURE__ */ jsx(
+                Pill.Group,
+                {
+                  ref: inputRef,
+                  mah: 22,
+                  sx: {
+                    flexWrap: "wrap",
+                    overflowY: "clip",
+                    maxWidth: `calc(100% - ${(hideCount.toString().length + 2) * 8}px)`
+                  },
+                  children: values
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Combobox.Dropdown, { children: [
+          searchable && /* @__PURE__ */ jsx(
+            Combobox.Search,
+            {
+              leftSection: /* @__PURE__ */ jsx(IconSearchLg, { size: 16, c: "gray.9", strokeWidth: 2 }),
+              value: _searchValue,
+              onChange: (event) => {
+                setSearchValue(event.currentTarget.value);
+                searchable && combobox.openDropdown();
+                selectFirstOptionOnChange && combobox.selectFirstOption();
+              },
+              placeholder: "Find"
+            }
+          ),
+          /* @__PURE__ */ jsx(ScrollArea.Autosize, { type: "scroll", mah: maxDropdownHeight ?? 200, children: /* @__PURE__ */ jsx(Combobox.Options, { children: options.length > 0 ? options : /* @__PURE__ */ jsx(Combobox.Empty, { children: nothingFoundMessage || "Nothing found" }) }) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  ProMultiSelect
+};

package/dist/biz/index.cjs

@@ -12,6 +12,7 @@ const index$9 = require("./PropertyCard/index.cjs");
 const index$a = require("./PageShell/index.cjs");
 const index$b = require("./TimeRangePicker/index.cjs");
 const index$c = require("./DateTimePicker/index.cjs");
+const index$d = require("./ProMultiSelect/index.cjs");
 const helper = require("./PhoneInput/helper.cjs");
 const index_esm = require("../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_6pmziqsvipqgt5gv2plqw5hct4/node_modules/mantine-react-table/dist/index.esm.cjs");
 const ProTable = require("./Table/ProTable/ProTable.cjs");
@@ -35,6 +36,7 @@ const Rating = require("./Form/Rating.cjs");
 const context = require("./Form/context.cjs");
 const CopyText = require("./Form/CopyText.cjs");
 const SegmentControl = require("./Form/SegmentControl.cjs");
+const ProMultiSelect = require("./Form/ProMultiSelect.cjs");
 const helpers$1 = require("./TimeRangePicker/helpers.cjs");
 exports.Dot = index.Dot;
 exports.CodeBlock = index$1.CodeBlock;
@@ -50,6 +52,7 @@ exports.PropertyCard = index$9.PropertyCard;
 exports.PageShell = index$a.PageShell;
 exports.TimeRangePicker = index$b.TimeRangePicker;
 exports.DateTimePicker = index$c.DateTimePicker;
+exports.ProMultiSelect = index$d.ProMultiSelect;
 exports.validPhoneNumber = helper.validPhoneNumber;
 exports.MRT_AggregationFns = index_esm.MRT_AggregationFns;
 exports.MRT_BottomToolbar = index_esm.MRT_BottomToolbar;
@@ -180,6 +183,7 @@ exports.HookFormProvider = context.HookFormProvider;
 exports.useHookFormContext = context.useHookFormContext;
 exports.FormCopyText = CopyText.FormCopyText;
 exports.FormSegmentedControl = SegmentControl.FormSegmentedControl;
+exports.FormProMultiSelect = ProMultiSelect.FormProMultiSelect;
 exports.DEFAULT_QUICK_RANGES = helpers$1.DEFAULT_QUICK_RANGES;
 exports.DEFAULT_TIME_FORMAT = helpers$1.DEFAULT_TIME_FORMAT;
 exports.DEFAULT_TIME_FORMAT_WITH_TIMEZONE = helpers$1.DEFAULT_TIME_FORMAT_WITH_TIMEZONE;

package/dist/biz/index.d.cts

@@ -42,3 +42,4 @@ export * from './PropertyCard/index.cjs';
 export * from './PageShell/index.cjs';
 export * from './TimeRangePicker/index.cjs';
 export * from './DateTimePicker/index.cjs';
+export * from './ProMultiSelect/index.cjs';

package/dist/biz/index.d.mts

@@ -42,3 +42,4 @@ export * from './PropertyCard/index.mjs';
 export * from './PageShell/index.mjs';
 export * from './TimeRangePicker/index.mjs';
 export * from './DateTimePicker/index.mjs';
+export * from './ProMultiSelect/index.mjs';

package/dist/biz/index.mjs

@@ -10,6 +10,7 @@ import { PropertyCard } from "./PropertyCard/index.mjs";
 import { PageShell } from "./PageShell/index.mjs";
 import { TimeRangePicker } from "./TimeRangePicker/index.mjs";
 import { DateTimePicker } from "./DateTimePicker/index.mjs";
+import { ProMultiSelect } from "./ProMultiSelect/index.mjs";
 import { validPhoneNumber } from "./PhoneInput/helper.mjs";
 import { MRT_AggregationFns, MRT_BottomToolbar, MRT_ColumnActionMenu, MRT_ColumnPinningButtons, MRT_CopyButton, MRT_DefaultColumn, MRT_DefaultDisplayColumn, MRT_EditActionButtons, MRT_EditCellTextInput, MRT_EditRowModal, MRT_ExpandAllButton, MRT_ExpandButton, MRT_FilterCheckbox, MRT_FilterFns, MRT_FilterOptionMenu, MRT_FilterRangeFields, MRT_FilterRangeSlider, MRT_FilterTextInput, MRT_GlobalFilterTextInput, MRT_GrabHandleButton, MRT_ProgressBar, MRT_RowActionMenu, MRT_RowPinButton, MRT_SelectCheckbox, MRT_ShowHideColumnsButton, MRT_ShowHideColumnsMenu, MRT_ShowHideColumnsMenuItems, MRT_SortingFns, MRT_Table, MRT_TableBody, MRT_TableBodyCell, MRT_TableBodyCellValue, MRT_TableBodyRow, MRT_TableBodyRowGrabHandle, MRT_TableBodyRowPinButton, MRT_TableContainer, MRT_TableDetailPanel, MRT_TableFooter, MRT_TableFooterCell, MRT_TableFooterRow, MRT_TableHead, MRT_TableHeadCell, MRT_TableHeadCellFilterContainer, MRT_TableHeadCellFilterLabel, MRT_TableHeadCellGrabHandle, MRT_TableHeadCellResizeHandle, MRT_TableHeadCellSortLabel, MRT_TableHeadRow, MRT_TablePagination, MRT_TablePaper, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleFullScreenButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MantineReactTable, Memo_MRT_TableBody, Memo_MRT_TableBodyCell, Memo_MRT_TableBodyRow, createMRTColumnHelper, createRow, dataVariable, defaultDisplayColumnProps, flexRender, getAllLeafColumnDefs, getCanRankRows, getColumnId, getDefaultColumnFilterFn, getDefaultColumnOrderIds, getIsRankingRows, getIsRowSelected, getLeadingDisplayColumnIds, getMRT_RowSelectionHandler, getMRT_Rows, getMRT_SelectAllHandler, getPrimaryColor, getPrimaryShade, getTrailingDisplayColumnIds, localizedFilterOption, mrtFilterOptions, parseCSSVarId, prepareColumns, rankGlobalFuzzy, reorderColumn, showRowActionsColumn, showRowDragColumn, showRowExpandColumn, showRowNumbersColumn, showRowPinningColumn, showRowSelectionColumn, showRowSpacerColumn, useMRT_ColumnVirtualizer, useMRT_Effects, useMRT_RowVirtualizer, useMRT_Rows, useMRT_TableInstance, useMRT_TableOptions, useMantineReactTable } from "../node_modules/.pnpm/mantine-react-table@2.0.0-beta.7_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@_6pmziqsvipqgt5gv2plqw5hct4/node_modules/mantine-react-table/dist/index.esm.mjs";
 import { ProTable } from "./Table/ProTable/ProTable.mjs";
@@ -33,6 +34,7 @@ import { FormRatingInput } from "./Form/Rating.mjs";
 import { HookFormContext, HookFormProvider, useHookFormContext } from "./Form/context.mjs";
 import { FormCopyText } from "./Form/CopyText.mjs";
 import { FormSegmentedControl } from "./Form/SegmentControl.mjs";
+import { FormProMultiSelect } from "./Form/ProMultiSelect.mjs";
 import { DEFAULT_QUICK_RANGES, DEFAULT_TIME_FORMAT, DEFAULT_TIME_FORMAT_WITH_TIMEZONE, DEFAULT_TIME_RANGE, addOffsetUTC, formatDuration, fromTimeRangeValue, getUTCString, timeFormatter, toTimeRangeValue, toURLTimeRange, urlToTimeRange, urlToTimeRangeValue } from "./TimeRangePicker/helpers.mjs";
 export {
   CodeBlock,
@@ -57,6 +59,7 @@ export {
   FormPasswordInput,
   FormPhoneInput,
   FormPhoneInputV2,
+  FormProMultiSelect,
   FormRadioGroup,
   FormRatingInput,
   FormSegmentedControl,
@@ -132,6 +135,7 @@ export {
   Memo_MRT_TableBodyRow,
   PageShell,
   PhoneInput,
+  ProMultiSelect,
   ProTable,
   PropertyCard,
   SearchArea,

package/dist/primitive/index.cjs

@@ -119,6 +119,11 @@ const useInputProps = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_
 const MantineThemeProvider = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
 const useCombobox = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/use-combobox/use-combobox.cjs");
 const useComputedColorScheme = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.cjs");
+const defaultOptionsFilter = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/OptionsDropdown/default-options-filter.cjs");
+const getOptionsLockup = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/get-options-lockup/get-options-lockup.cjs");
+const getParsedComboboxData = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.cjs");
+const isOptionsGroup = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/OptionsDropdown/is-options-group.cjs");
+const useProps = require("../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.cjs");
 const TextInput = require("./TextInput/TextInput.cjs");
 const mimeTypes = require("../node_modules/.pnpm/@mantine_dropzone@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__hww35qmvzgxt6vzp3w3turt5w4/node_modules/@mantine/dropzone/esm/mime-types.cjs");
 const Carousel = require("../node_modules/.pnpm/@mantine_carousel@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__yuzhxl33yngzjan47b6grrovcu/node_modules/@mantine/carousel/esm/Carousel.cjs");
@@ -248,6 +253,11 @@ exports.useInputProps = useInputProps.useInputProps;
 exports.useMantineTheme = MantineThemeProvider.useMantineTheme;
 exports.useCombobox = useCombobox.useCombobox;
 exports.useComputedColorScheme = useComputedColorScheme.useComputedColorScheme;
+exports.defaultOptionsFilter = defaultOptionsFilter.defaultOptionsFilter;
+exports.getOptionsLockup = getOptionsLockup.getOptionsLockup;
+exports.getParsedComboboxData = getParsedComboboxData.getParsedComboboxData;
+exports.isOptionsGroup = isOptionsGroup.isOptionsGroup;
+exports.useProps = useProps.useProps;
 exports.TextInput = TextInput.TextInput;
 exports.EXE_MIME_TYPE = mimeTypes.EXE_MIME_TYPE;
 exports.IMAGE_MIME_TYPE = mimeTypes.IMAGE_MIME_TYPE;

package/dist/primitive/index.d.cts

@@ -29,8 +29,8 @@ declare module '@mantine/core' {
   }
 }
 export type ColorScheme = 'light' | 'dark';
-export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
-export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps, OptionsData } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme, defaultOptionsFilter, getOptionsLockup, getParsedComboboxData, isOptionsGroup, useProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
 export { useColorScheme } from '../hooks/useColorScheme.cjs';
 export { TextInput, type TextInputProps } from './TextInput/index.cjs';
 export { notifier } from './notifier/index.cjs';

package/dist/primitive/index.d.mts

@@ -29,8 +29,8 @@ declare module '@mantine/core' {
   }
 }
 export type ColorScheme = 'light' | 'dark';
-export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
-export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export type { AppShellProps, AppShellNavbarProps, AppShellMainProps, AppShellFooterProps, AppShellAsideProps, AppShellHeaderProps, AppShellSectionProps, AspectRatioProps, CenterProps, ContainerProps, FlexProps, GridProps, GroupProps, SimpleGridProps, SpaceProps, StackProps, CheckboxProps, CheckboxGroupProps, ChipProps, ChipGroupProps, ColorInputProps, ColorPickerProps, FieldsetProps, FileInputProps, InputProps, InputWrapperProps, InputErrorProps, InputLabelProps, InputPlaceholderProps, InputBaseProps, JsonInputProps, NativeSelectProps, NumberInputProps, PasswordInputProps, PinInputProps, RadioProps, RadioGroupProps, RadioCardProps, RatingProps, SegmentedControlProps, SegmentedControlItem, SliderProps, RangeSliderProps, SwitchProps, TextareaProps, AutocompleteProps, ComboboxProps, ComboboxItem, ComboboxData, PillProps, PillsInputProps, OptionsFilter, TagsInputProps, ActionIconProps, ButtonProps, CloseButtonProps, CopyButtonProps, FileButtonProps, UnstyledButtonProps, AnchorProps, BreadcrumbsProps, BurgerProps, NavLinkProps, PaginationProps, StepperProps, TabsProps, TreeProps, AlertProps, LoaderProps, NotificationProps, ProgressProps, RingProgressProps, SemiCircleProgressProps, SkeletonProps, AffixProps, DialogProps, DrawerProps, FloatingIndicatorProps, HoverCardProps, LoadingOverlayProps, MenuProps, ModalProps, OverlayProps, PopoverProps, TooltipProps, AccordionProps, AvatarProps, BackgroundImageProps, BadgeProps, CardProps, CardSectionProps, ColorSwatchProps, ImageProps, IndicatorProps, KbdProps, NumberFormatterProps, SpoilerProps, ThemeIconProps, TimelineProps, BlockquoteProps, CodeProps, HighlightProps, ListProps, MarkProps, TableProps, TextProps, TitleProps, TypographyStylesProviderProps, BoxProps, CollapseProps, DividerProps, FocusTrapProps, PaperProps, PortalProps, ScrollAreaProps, TransitionProps, VisuallyHiddenProps, ColorSchemeScriptProps, MantineSize, ElementProps, OptionsData } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
+export { AppShell, AspectRatio, Center, Container, Flex, Grid, Group, SimpleGrid, Space, Stack, Checkbox, Chip, ColorInput, ColorPicker, HueSlider, AlphaSlider, Fieldset, FileInput, Input, InputBase, JsonInput, NativeSelect, NumberInput, PasswordInput, PinInput, Radio, RadioGroup, RadioCard, Rating, SegmentedControl, Slider, RangeSlider, Switch, Textarea, Autocomplete, Combobox, Pill, PillsInput, TagsInput, ActionIcon, CloseButton, FileButton, UnstyledButton, Anchor, Breadcrumbs, Burger, NavLink, Pagination, Stepper, Tabs, Tree, Alert, Loader, Notification, Progress, RingProgress, SemiCircleProgress, Skeleton, Affix, Dialog, Drawer, FloatingIndicator, HoverCard, LoadingOverlay, Menu, Modal, Overlay, Popover, Tooltip, Accordion, Avatar, BackgroundImage, Badge, Card, ColorSwatch, Image, Indicator, Kbd, NumberFormatter, Spoiler, ThemeIcon, Timeline, Blockquote, Code, Highlight, List, Mark, Table, Text, Title, TypographyStylesProvider, Box, Collapse, Divider, FocusTrap, Paper, Portal, ScrollArea, Transition, VisuallyHidden, ColorSchemeScript, useInputProps, useMantineTheme, useCombobox, useComputedColorScheme, defaultOptionsFilter, getOptionsLockup, getParsedComboboxData, isOptionsGroup, useProps } from '../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_sx7emryda53tomnuogmu74guza/node_modules/@mantine/core/lib';
 export { useColorScheme } from '../hooks/useColorScheme.mjs';
 export { TextInput, type TextInputProps } from './TextInput/index.mjs';
 export { notifier } from './notifier/index.mjs';

package/dist/primitive/index.mjs

@@ -117,6 +117,11 @@ import { useInputProps } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_
 import { useMantineTheme } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs";
 import { useCombobox } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/use-combobox/use-combobox.mjs";
 import { useComputedColorScheme } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.mjs";
+import { defaultOptionsFilter } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/OptionsDropdown/default-options-filter.mjs";
+import { getOptionsLockup } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/get-options-lockup/get-options-lockup.mjs";
+import { getParsedComboboxData } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.mjs";
+import { isOptionsGroup } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/components/Combobox/OptionsDropdown/is-options-group.mjs";
+import { useProps } from "../node_modules/.pnpm/@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine_hooks@7.15.2_react@18.3.1_szqfuioo5damkjdixckhzmwycq/node_modules/@mantine/core/esm/core/MantineProvider/use-props/use-props.mjs";
 import { TextInput } from "./TextInput/TextInput.mjs";
 import { EXE_MIME_TYPE, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE } from "../node_modules/.pnpm/@mantine_dropzone@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__hww35qmvzgxt6vzp3w3turt5w4/node_modules/@mantine/dropzone/esm/mime-types.mjs";
 import { Carousel } from "../node_modules/.pnpm/@mantine_carousel@7.15.2_@mantine_core@7.15.2_patch_hash_jclkxeaefn6uz54h34k3r3yjsq_@mantine__yuzhxl33yngzjan47b6grrovcu/node_modules/@mantine/carousel/esm/Carousel.mjs";
@@ -259,6 +264,10 @@ export {
   VisuallyHidden,
   closeAllModals,
   closeModal,
+  defaultOptionsFilter,
+  getOptionsLockup,
+  getParsedComboboxData,
+  isOptionsGroup,
   notifier,
   openConfirmModal,
   openContextModal,
@@ -269,5 +278,6 @@ export {
   useComputedColorScheme,
   useInputProps,
   useMantineTheme,
-  useModals
+  useModals,
+  useProps
 };

package/dist/theme/theme.cjs

@@ -394,34 +394,19 @@ const theme = createTheme.createTheme({
     },
     Menu: {
       styles: (theme2) => {
-        const textColor = themeColor(theme2, "carbon", 8);
         const bgHoverColor = themeColor(theme2, "carbon", 3);
         const bgActiveColor = themeColor(theme2, "carbon", 4);
-        const disabledColor = themeColor(theme2, "carbon", 6);
         return {
           dropdown: {
             boxShadow: theme2.shadows.md
           },
           item: {
             transition: "background 150ms ease-in-out",
-            color: textColor,
             "&:hover, &[data-hovered]": {
-              color: textColor,
-              backgroundColor: bgHoverColor,
-              textDecoration: "none"
+              backgroundColor: bgHoverColor
             },
             "&:active, &[data-active]": {
-              color: textColor,
               backgroundColor: bgActiveColor
-            },
-            "&:disabled, &[data-disabled]": {
-              color: disabledColor,
-              userSelect: "none",
-              cursor: "not-allowed",
-              "&:hover, &[data-hovered]": {
-                color: disabledColor,
-                backgroundColor: "transparent"
-              }
             }
           }
         };

package/dist/theme/theme.mjs

@@ -392,34 +392,19 @@ const theme = createTheme({
     },
     Menu: {
       styles: (theme2) => {
-        const textColor = themeColor(theme2, "carbon", 8);
         const bgHoverColor = themeColor(theme2, "carbon", 3);
         const bgActiveColor = themeColor(theme2, "carbon", 4);
-        const disabledColor = themeColor(theme2, "carbon", 6);
         return {
           dropdown: {
             boxShadow: theme2.shadows.md
           },
           item: {
             transition: "background 150ms ease-in-out",
-            color: textColor,
             "&:hover, &[data-hovered]": {
-              color: textColor,
-              backgroundColor: bgHoverColor,
-              textDecoration: "none"
+              backgroundColor: bgHoverColor
             },
             "&:active, &[data-active]": {
-              color: textColor,
               backgroundColor: bgActiveColor
-            },
-            "&:disabled, &[data-disabled]": {
-              color: disabledColor,
-              userSelect: "none",
-              cursor: "not-allowed",
-              "&:hover, &[data-hovered]": {
-                color: disabledColor,
-                backgroundColor: "transparent"
-              }
             }
           }
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.1.7",
+  "version": "2.2.0",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",