@mantine/core 3.6.13 → 3.7.0-alpha.1

package/esm/components/MultiSelect/MultiSelect.js

@@ -1,6 +1,6 @@
 import React, { forwardRef, useRef, useState } from 'react';
 import { useUuid, useScrollIntoView, useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks';
-import { getDefaultZIndex, extractMargins } from '@mantine/styles';
+import { getDefaultZIndex, useMantineDefaultProps, extractSystemStyles } from '@mantine/styles';
 import { DefaultValue } from './DefaultValue/DefaultValue.js';
 import { DefaultItem } from '../Select/DefaultItem/DefaultItem.js';
 import { filterData } from './filter-data/filter-data.js';
@@ -53,14 +53,37 @@ function defaultFilter(value, selected, item) {
 function defaultShouldCreate(query, data) {
   return !!query && !data.some((item) => item.value.toLowerCase() === query.toLowerCase());
 }
-const MultiSelect = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  size: "sm",
+  valueComponent: DefaultValue,
+  itemComponent: DefaultItem,
+  transition: "pop-top-left",
+  transitionDuration: 0,
+  maxDropdownHeight: 220,
+  shadow: "sm",
+  searchable: false,
+  filter: defaultFilter,
+  limit: Infinity,
+  clearSearchOnChange: true,
+  clearable: false,
+  clearSearchOnBlur: false,
+  disabled: false,
+  initiallyOpened: false,
+  radius: "sm",
+  creatable: false,
+  shouldCreate: defaultShouldCreate,
+  switchDirectionOnFlip: false,
+  zIndex: getDefaultZIndex("popover"),
+  selectOnBlur: false
+};
+const MultiSelect = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("MultiSelect", defaultProps, props), {
     className,
     style,
     required,
     label,
     description,
-    size = "sm",
+    size,
     error,
     classNames,
     styles,
@@ -69,36 +92,36 @@ const MultiSelect = forwardRef((_a, ref) => {
     defaultValue,
     data,
     onChange,
-    valueComponent: Value = DefaultValue,
-    itemComponent = DefaultItem,
+    valueComponent: Value,
+    itemComponent,
     id,
-    transition = "pop-top-left",
-    transitionDuration = 0,
+    transition,
+    transitionDuration,
     transitionTimingFunction,
-    maxDropdownHeight = 220,
-    shadow = "sm",
+    maxDropdownHeight,
+    shadow,
     nothingFound,
     onFocus,
     onBlur,
-    searchable = false,
+    searchable,
     placeholder,
-    filter = defaultFilter,
-    limit = Infinity,
-    clearSearchOnChange = true,
-    clearable = false,
-    clearSearchOnBlur = false,
+    filter,
+    limit,
+    clearSearchOnChange,
+    clearable,
+    clearSearchOnBlur,
     clearButtonLabel,
     variant,
     onSearchChange,
-    disabled = false,
-    initiallyOpened = false,
-    radius = "sm",
+    disabled,
+    initiallyOpened,
+    radius,
     icon,
     rightSection,
     rightSectionWidth,
-    creatable = false,
+    creatable,
     getCreateLabel,
-    shouldCreate = defaultShouldCreate,
+    shouldCreate,
     onCreate,
     sx,
     dropdownComponent,
@@ -106,12 +129,12 @@ const MultiSelect = forwardRef((_a, ref) => {
     onDropdownOpen,
     maxSelectedValues,
     withinPortal,
-    switchDirectionOnFlip = false,
-    zIndex = getDefaultZIndex("popover"),
-    selectOnBlur = false,
+    switchDirectionOnFlip,
+    zIndex,
+    selectOnBlur,
     name,
     dropdownPosition
-  } = _b, others = __objRest(_b, [
+  } = _a, others = __objRest(_a, [
     "className",
     "style",
     "required",
@@ -170,7 +193,7 @@ const MultiSelect = forwardRef((_a, ref) => {
     "dropdownPosition"
   ]);
   const { classes, cx, theme } = useStyles({ size, invalid: !!error }, { classNames, styles, name: "MultiSelect" });
-  const { margins, rest } = extractMargins(others);
+  const { systemStyles, rest } = extractSystemStyles(others);
   const dropdownRef = useRef();
   const inputRef = useRef();
   const wrapperRef = useRef();
@@ -394,7 +417,7 @@ const MultiSelect = forwardRef((_a, ref) => {
     styles,
     __staticSelector: "MultiSelect",
     sx
-  }, margins), wrapperProps), /* @__PURE__ */ React.createElement("div", {
+  }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement("div", {
     className: classes.wrapper,
     role: "combobox",
     "aria-haspopup": "listbox",

package/esm/components/MultiSelect/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport {\n  useUncontrolled,\n  useMergedRef,\n  useDidUpdate,\n  useScrollIntoView,\n  useUuid,\n} from '@mantine/hooks';\nimport { DefaultProps, ClassNames, extractMargins, getDefaultZIndex } from '@mantine/styles';\nimport { InputWrapper } from '../InputWrapper';\nimport { Input } from '../Input';\nimport { DefaultValue, DefaultValueStylesNames } from './DefaultValue/DefaultValue';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { filterData } from './filter-data/filter-data';\nimport { getSelectRightSectionProps } from '../Select/SelectRightSection/get-select-right-section-props';\nimport { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea';\nimport { SelectItem, BaseSelectProps, BaseSelectStylesNames } from '../Select/types';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { SelectDropdown } from '../Select/SelectDropdown/SelectDropdown';\nimport { groupOptions } from '../../utils';\nimport useStyles from './MultiSelect.styles';\nimport { SelectSharedProps } from '../Select/Select';\n\nexport type MultiSelectStylesNames =\n  | DefaultValueStylesNames\n  | Exclude<\n      ClassNames<typeof useStyles>,\n      'searchInputEmpty' | 'searchInputInputHidden' | 'searchInputPointer'\n    >\n  | Exclude<BaseSelectStylesNames, 'selected'>;\n\nexport interface MultiSelectProps\n  extends DefaultProps<MultiSelectStylesNames>,\n    BaseSelectProps,\n    Omit<SelectSharedProps<SelectItem, string[]>, 'filter'> {\n  /** Component used to render values */\n  valueComponent?: React.FC<any>;\n\n  /** Maximum dropdown height in px */\n  maxDropdownHeight?: number;\n\n  /** Enable items searching */\n  searchable?: boolean;\n\n  /** Function based on which items in dropdown are filtered */\n  filter?(value: string, selected: boolean, item: SelectItem): boolean;\n\n  /** Clear search value when item is selected */\n  clearSearchOnChange?: boolean;\n\n  /** Allow to clear item */\n  clearable?: boolean;\n\n  /** aria-label for clear button */\n  clearButtonLabel?: string;\n\n  /** Clear search field value on blur */\n  clearSearchOnBlur?: boolean;\n\n  /** Called each time search query changes */\n  onSearchChange?(query: string): void;\n\n  /** Allow creatable option  */\n  creatable?: boolean;\n\n  /** Function to get create Label */\n  getCreateLabel?: (query: string) => React.ReactNode;\n\n  /** Function to determine if create label should be displayed */\n  shouldCreate?: (query: string, data: SelectItem[]) => boolean;\n\n  /** Called when create option is selected */\n  onCreate?: (query: string) => void;\n\n  /** Change dropdown component, can be used to add custom scrollbars */\n  dropdownComponent?: any;\n\n  /** Limit amount of items selected */\n  maxSelectedValues?: number;\n\n  /** Select highlighted item on blur */\n  selectOnBlur?: boolean;\n}\n\nexport function defaultFilter(value: string, selected: boolean, item: SelectItem) {\n  if (selected) {\n    return false;\n  }\n  return item.label.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nexport function defaultShouldCreate(query: string, data: SelectItem[]) {\n  return !!query && !data.some((item) => item.value.toLowerCase() === query.toLowerCase());\n}\n\nexport const MultiSelect = forwardRef<HTMLInputElement, MultiSelectProps>(\n  (\n    {\n      className,\n      style,\n      required,\n      label,\n      description,\n      size = 'sm',\n      error,\n      classNames,\n      styles,\n      wrapperProps,\n      value,\n      defaultValue,\n      data,\n      onChange,\n      valueComponent: Value = DefaultValue,\n      itemComponent = DefaultItem,\n      id,\n      transition = 'pop-top-left',\n      transitionDuration = 0,\n      transitionTimingFunction,\n      maxDropdownHeight = 220,\n      shadow = 'sm',\n      nothingFound,\n      onFocus,\n      onBlur,\n      searchable = false,\n      placeholder,\n      filter = defaultFilter,\n      limit = Infinity,\n      clearSearchOnChange = true,\n      clearable = false,\n      clearSearchOnBlur = false,\n      clearButtonLabel,\n      variant,\n      onSearchChange,\n      disabled = false,\n      initiallyOpened = false,\n      radius = 'sm',\n      icon,\n      rightSection,\n      rightSectionWidth,\n      creatable = false,\n      getCreateLabel,\n      shouldCreate = defaultShouldCreate,\n      onCreate,\n      sx,\n      dropdownComponent,\n      onDropdownClose,\n      onDropdownOpen,\n      maxSelectedValues,\n      withinPortal,\n      switchDirectionOnFlip = false,\n      zIndex = getDefaultZIndex('popover'),\n      selectOnBlur = false,\n      name,\n      dropdownPosition,\n      ...others\n    }: MultiSelectProps,\n    ref\n  ) => {\n    const { classes, cx, theme } = useStyles(\n      { size, invalid: !!error },\n      { classNames, styles, name: 'MultiSelect' }\n    );\n    const { margins, rest } = extractMargins(others);\n    const dropdownRef = useRef<HTMLDivElement>();\n    const inputRef = useRef<HTMLInputElement>();\n    const wrapperRef = useRef<HTMLDivElement>();\n    const itemsRefs = useRef<Record<string, HTMLDivElement>>({});\n    const uuid = useUuid(id);\n    const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);\n    const [hovered, setHovered] = useState(-1);\n    const [direction, setDirection] = useState<React.CSSProperties['flexDirection']>('column');\n    const [searchValue, setSearchValue] = useState('');\n\n    const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({\n      duration: 0,\n      offset: 5,\n      cancelable: false,\n      isList: true,\n    });\n\n    const isCreatable = creatable && typeof getCreateLabel === 'function';\n    let createLabel = null;\n\n    const setDropdownOpened = (opened: boolean) => {\n      _setDropdownOpened(opened);\n      const handler = opened ? onDropdownOpen : onDropdownClose;\n      typeof handler === 'function' && handler();\n    };\n\n    const handleSearchChange = (val: string) => {\n      typeof onSearchChange === 'function' && onSearchChange(val);\n      setSearchValue(val);\n    };\n\n    const formattedData = data.map((item) =>\n      typeof item === 'string' ? { label: item, value: item } : item\n    );\n\n    const sortedData = groupOptions({ data: formattedData });\n\n    const [_value, setValue] = useUncontrolled({\n      value,\n      defaultValue,\n      finalValue: [],\n      rule: (val) => Array.isArray(val),\n      onChange,\n    });\n\n    const valuesOverflow = useRef(!!maxSelectedValues && maxSelectedValues < _value.length);\n\n    const handleValueRemove = (_val: string) => {\n      const newValue = _value.filter((val) => val !== _val);\n      setValue(newValue);\n\n      if (!!maxSelectedValues && newValue.length < maxSelectedValues) {\n        valuesOverflow.current = false;\n      }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      handleSearchChange(event.currentTarget.value);\n      setDropdownOpened(true);\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n    };\n\n    const filteredData = filterData({\n      data: sortedData,\n      searchable,\n      searchValue,\n      limit,\n      filter,\n      value: _value,\n    });\n\n    const getNextIndex = (\n      index: number,\n      nextItem: (index: number) => number,\n      compareFn: (index: number) => boolean\n    ) => {\n      let i = index;\n      while (compareFn(i)) {\n        i = nextItem(i);\n        if (!filteredData[i].disabled) return i;\n      }\n      return index;\n    };\n\n    useDidUpdate(() => {\n      setHovered(\n        getNextIndex(\n          -1,\n          (index) => index + 1,\n          (index) => index < filteredData.length - 1\n        )\n      );\n    }, [searchValue]);\n\n    useDidUpdate(() => {\n      //using greater than equal to take into account creatable type.\n      if (!disabled && _value.length >= data.length) setDropdownOpened(false);\n    }, [_value]);\n\n    const handleItemSelect = (item: SelectItem) => {\n      clearSearchOnChange && handleSearchChange('');\n      if (_value.includes(item.value)) {\n        handleValueRemove(item.value);\n      } else {\n        setValue([..._value, item.value]);\n        if (_value.length === maxSelectedValues - 1) {\n          valuesOverflow.current = true;\n          setDropdownOpened(false);\n        }\n        if (hovered === filteredData.length - 1) {\n          setHovered(filteredData.length - 2);\n        }\n      }\n      if (item.creatable) {\n        typeof onCreate === 'function' && onCreate(item.value);\n      }\n    };\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onBlur === 'function' && onBlur(event);\n      if (selectOnBlur && filteredData[hovered] && dropdownOpened) {\n        handleItemSelect(filteredData[hovered]);\n      }\n      clearSearchOnBlur && handleSearchChange('');\n      setDropdownOpened(false);\n    };\n\n    const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      const isColumn = direction === 'column';\n\n      const handleNext = () => {\n        setHovered((current) => {\n          const nextIndex = getNextIndex(\n            current,\n            (index) => index + 1,\n            (index) => index < filteredData.length - 1\n          );\n\n          if (dropdownOpened) {\n            targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n            scrollIntoView({\n              alignment: isColumn ? 'end' : 'start',\n            });\n          }\n\n          return nextIndex;\n        });\n      };\n\n      const handlePrevious = () => {\n        setHovered((current) => {\n          const nextIndex = getNextIndex(\n            current,\n            (index) => index - 1,\n            (index) => index > 0\n          );\n\n          if (dropdownOpened) {\n            targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n            scrollIntoView({\n              alignment: isColumn ? 'start' : 'end',\n            });\n          }\n\n          return nextIndex;\n        });\n      };\n\n      switch (event.nativeEvent.code) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          setDropdownOpened(true);\n\n          isColumn ? handlePrevious() : handleNext();\n\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          setDropdownOpened(true);\n\n          isColumn ? handleNext() : handlePrevious();\n\n          break;\n        }\n\n        case 'Enter': {\n          event.preventDefault();\n\n          if (filteredData[hovered] && dropdownOpened) {\n            handleItemSelect(filteredData[hovered]);\n          } else {\n            setDropdownOpened(true);\n          }\n\n          break;\n        }\n\n        case 'Space': {\n          if (!searchable) {\n            event.preventDefault();\n            if (filteredData[hovered] && dropdownOpened) {\n              handleItemSelect(filteredData[hovered]);\n            } else {\n              setDropdownOpened(true);\n            }\n          }\n\n          break;\n        }\n\n        case 'Backspace': {\n          if (_value.length > 0 && searchValue.length === 0) {\n            setValue(_value.slice(0, -1));\n            setDropdownOpened(true);\n          }\n\n          break;\n        }\n\n        case 'Escape': {\n          setDropdownOpened(false);\n        }\n      }\n    };\n\n    const selectedItems = _value\n      .map((val) => {\n        let selectedItem = sortedData.find((item) => item.value === val && !item.disabled);\n        if (!selectedItem && isCreatable) {\n          selectedItem = {\n            value: val,\n            label: val,\n          };\n        }\n        return selectedItem;\n      })\n      .filter((val) => !!val)\n      .map((item) => (\n        <Value\n          {...item}\n          disabled={disabled}\n          className={classes.value}\n          onRemove={(event: React.MouseEvent<HTMLButtonElement>) => {\n            if (dropdownOpened) {\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            handleValueRemove(item.value);\n            setDropdownOpened(true);\n          }}\n          key={item.value}\n          size={size}\n          styles={styles}\n          classNames={classNames}\n          radius={radius}\n        />\n      ));\n\n    const handleClear = () => {\n      handleSearchChange('');\n      setValue([]);\n      inputRef.current?.focus();\n    };\n\n    if (isCreatable && shouldCreate(searchValue, sortedData)) {\n      createLabel = getCreateLabel(searchValue);\n      filteredData.push({ label: searchValue, value: searchValue, creatable: true });\n    }\n\n    const shouldRenderDropdown =\n      filteredData.length > 0 ||\n      isCreatable ||\n      (searchValue.length > 0 && !!nothingFound && filteredData.length === 0);\n\n    return (\n      <InputWrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        description={description}\n        size={size}\n        className={className}\n        style={style}\n        classNames={classNames}\n        styles={styles}\n        __staticSelector=\"MultiSelect\"\n        sx={sx}\n        {...margins}\n        {...wrapperProps}\n      >\n        <div\n          className={classes.wrapper}\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-owns={`${uuid}-items`}\n          aria-controls={uuid}\n          aria-expanded={dropdownOpened}\n          onMouseLeave={() => setHovered(-1)}\n          tabIndex={-1}\n          ref={wrapperRef}\n        >\n          <Input<'div'>\n            __staticSelector=\"MultiSelect\"\n            style={{ overflow: 'hidden' }}\n            component=\"div\"\n            multiline\n            size={size}\n            variant={variant}\n            disabled={disabled}\n            invalid={!!error}\n            required={required}\n            radius={radius}\n            icon={icon}\n            onMouseDown={(event) => {\n              event.preventDefault();\n              !disabled && !valuesOverflow.current && setDropdownOpened(!dropdownOpened);\n              inputRef.current?.focus();\n            }}\n            classNames={{\n              ...classNames,\n              input: cx({ [classes.input]: !searchable }, classNames?.input),\n            }}\n            {...getSelectRightSectionProps({\n              theme,\n              rightSection,\n              rightSectionWidth,\n              styles,\n              size,\n              shouldClear: clearable && _value.length > 0,\n              clearButtonLabel,\n              onClear: handleClear,\n              error,\n              disabled,\n            })}\n          >\n            <div className={classes.values}>\n              {selectedItems}\n\n              <input\n                ref={useMergedRef(ref, inputRef)}\n                type=\"text\"\n                id={uuid}\n                className={cx(classes.searchInput, {\n                  [classes.searchInputPointer]: !searchable,\n                  [classes.searchInputInputHidden]:\n                    (!dropdownOpened && _value.length > 0) || (!searchable && _value.length > 0),\n                  [classes.searchInputEmpty]: _value.length === 0,\n                })}\n                onKeyDown={handleInputKeydown}\n                value={searchValue}\n                onChange={handleInputChange}\n                onFocus={handleInputFocus}\n                onBlur={handleInputBlur}\n                readOnly={!searchable || valuesOverflow.current}\n                placeholder={_value.length === 0 ? placeholder : undefined}\n                disabled={disabled}\n                data-mantine-stop-propagation={dropdownOpened}\n                name={name}\n                autoComplete=\"nope\"\n                {...rest}\n              />\n            </div>\n          </Input>\n\n          <SelectDropdown\n            mounted={dropdownOpened && shouldRenderDropdown}\n            transition={transition}\n            transitionDuration={transitionDuration}\n            transitionTimingFunction={transitionTimingFunction}\n            uuid={uuid}\n            shadow={shadow}\n            maxDropdownHeight={maxDropdownHeight}\n            classNames={classNames}\n            styles={styles}\n            ref={useMergedRef(dropdownRef, scrollableRef)}\n            __staticSelector=\"MultiSelect\"\n            dropdownComponent={dropdownComponent || SelectScrollArea}\n            referenceElement={wrapperRef.current}\n            direction={direction}\n            onDirectionChange={setDirection}\n            switchDirectionOnFlip={switchDirectionOnFlip}\n            withinPortal={withinPortal}\n            zIndex={zIndex}\n            dropdownPosition={dropdownPosition}\n          >\n            <SelectItems\n              data={filteredData}\n              hovered={hovered}\n              classNames={classNames}\n              styles={styles}\n              uuid={uuid}\n              __staticSelector=\"MultiSelect\"\n              onItemHover={setHovered}\n              onItemSelect={handleItemSelect}\n              itemsRefs={itemsRefs}\n              itemComponent={itemComponent}\n              size={size}\n              nothingFound={nothingFound}\n              creatable={creatable && !!createLabel}\n              createLabel={createLabel}\n            />\n          </SelectDropdown>\n        </div>\n      </InputWrapper>\n    );\n  }\n);\n\nMultiSelect.displayName = '@mantine/core/MultiSelect';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import React, { useState, useRef, forwardRef } from 'react';\nimport {\n  useUncontrolled,\n  useMergedRef,\n  useDidUpdate,\n  useScrollIntoView,\n  useUuid,\n} from '@mantine/hooks';\nimport {\n  DefaultProps,\n  ClassNames,\n  extractSystemStyles,\n  getDefaultZIndex,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { InputWrapper } from '../InputWrapper';\nimport { Input } from '../Input';\nimport { DefaultValue, DefaultValueStylesNames } from './DefaultValue/DefaultValue';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { filterData } from './filter-data/filter-data';\nimport { getSelectRightSectionProps } from '../Select/SelectRightSection/get-select-right-section-props';\nimport { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea';\nimport { SelectItem, BaseSelectProps, BaseSelectStylesNames } from '../Select/types';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { SelectDropdown } from '../Select/SelectDropdown/SelectDropdown';\nimport { groupOptions } from '../../utils';\nimport useStyles from './MultiSelect.styles';\nimport { SelectSharedProps } from '../Select/Select';\n\nexport type MultiSelectStylesNames =\n  | DefaultValueStylesNames\n  | Exclude<\n      ClassNames<typeof useStyles>,\n      'searchInputEmpty' | 'searchInputInputHidden' | 'searchInputPointer'\n    >\n  | Exclude<BaseSelectStylesNames, 'selected'>;\n\nexport interface MultiSelectProps\n  extends DefaultProps<MultiSelectStylesNames>,\n    BaseSelectProps,\n    Omit<SelectSharedProps<SelectItem, string[]>, 'filter'> {\n  /** Component used to render values */\n  valueComponent?: React.FC<any>;\n\n  /** Maximum dropdown height in px */\n  maxDropdownHeight?: number;\n\n  /** Enable items searching */\n  searchable?: boolean;\n\n  /** Function based on which items in dropdown are filtered */\n  filter?(value: string, selected: boolean, item: SelectItem): boolean;\n\n  /** Clear search value when item is selected */\n  clearSearchOnChange?: boolean;\n\n  /** Allow to clear item */\n  clearable?: boolean;\n\n  /** aria-label for clear button */\n  clearButtonLabel?: string;\n\n  /** Clear search field value on blur */\n  clearSearchOnBlur?: boolean;\n\n  /** Called each time search query changes */\n  onSearchChange?(query: string): void;\n\n  /** Allow creatable option  */\n  creatable?: boolean;\n\n  /** Function to get create Label */\n  getCreateLabel?: (query: string) => React.ReactNode;\n\n  /** Function to determine if create label should be displayed */\n  shouldCreate?: (query: string, data: SelectItem[]) => boolean;\n\n  /** Called when create option is selected */\n  onCreate?: (query: string) => void;\n\n  /** Change dropdown component, can be used to add custom scrollbars */\n  dropdownComponent?: any;\n\n  /** Limit amount of items selected */\n  maxSelectedValues?: number;\n\n  /** Select highlighted item on blur */\n  selectOnBlur?: boolean;\n}\n\nexport function defaultFilter(value: string, selected: boolean, item: SelectItem) {\n  if (selected) {\n    return false;\n  }\n  return item.label.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nexport function defaultShouldCreate(query: string, data: SelectItem[]) {\n  return !!query && !data.some((item) => item.value.toLowerCase() === query.toLowerCase());\n}\n\nconst defaultProps: Partial<MultiSelectProps> = {\n  size: 'sm',\n  valueComponent: DefaultValue,\n  itemComponent: DefaultItem,\n  transition: 'pop-top-left',\n  transitionDuration: 0,\n  maxDropdownHeight: 220,\n  shadow: 'sm',\n  searchable: false,\n  filter: defaultFilter,\n  limit: Infinity,\n  clearSearchOnChange: true,\n  clearable: false,\n  clearSearchOnBlur: false,\n  disabled: false,\n  initiallyOpened: false,\n  radius: 'sm',\n  creatable: false,\n  shouldCreate: defaultShouldCreate,\n  switchDirectionOnFlip: false,\n  zIndex: getDefaultZIndex('popover'),\n  selectOnBlur: false,\n};\n\nexport const MultiSelect = forwardRef<HTMLInputElement, MultiSelectProps>(\n  (props: MultiSelectProps, ref) => {\n    const {\n      className,\n      style,\n      required,\n      label,\n      description,\n      size,\n      error,\n      classNames,\n      styles,\n      wrapperProps,\n      value,\n      defaultValue,\n      data,\n      onChange,\n      valueComponent: Value,\n      itemComponent,\n      id,\n      transition,\n      transitionDuration,\n      transitionTimingFunction,\n      maxDropdownHeight,\n      shadow,\n      nothingFound,\n      onFocus,\n      onBlur,\n      searchable,\n      placeholder,\n      filter,\n      limit,\n      clearSearchOnChange,\n      clearable,\n      clearSearchOnBlur,\n      clearButtonLabel,\n      variant,\n      onSearchChange,\n      disabled,\n      initiallyOpened,\n      radius,\n      icon,\n      rightSection,\n      rightSectionWidth,\n      creatable,\n      getCreateLabel,\n      shouldCreate,\n      onCreate,\n      sx,\n      dropdownComponent,\n      onDropdownClose,\n      onDropdownOpen,\n      maxSelectedValues,\n      withinPortal,\n      switchDirectionOnFlip,\n      zIndex,\n      selectOnBlur,\n      name,\n      dropdownPosition,\n      ...others\n    } = useMantineDefaultProps('MultiSelect', defaultProps, props);\n\n    const { classes, cx, theme } = useStyles(\n      { size, invalid: !!error },\n      { classNames, styles, name: 'MultiSelect' }\n    );\n    const { systemStyles, rest } = extractSystemStyles(others);\n    const dropdownRef = useRef<HTMLDivElement>();\n    const inputRef = useRef<HTMLInputElement>();\n    const wrapperRef = useRef<HTMLDivElement>();\n    const itemsRefs = useRef<Record<string, HTMLDivElement>>({});\n    const uuid = useUuid(id);\n    const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);\n    const [hovered, setHovered] = useState(-1);\n    const [direction, setDirection] = useState<React.CSSProperties['flexDirection']>('column');\n    const [searchValue, setSearchValue] = useState('');\n\n    const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({\n      duration: 0,\n      offset: 5,\n      cancelable: false,\n      isList: true,\n    });\n\n    const isCreatable = creatable && typeof getCreateLabel === 'function';\n    let createLabel = null;\n\n    const setDropdownOpened = (opened: boolean) => {\n      _setDropdownOpened(opened);\n      const handler = opened ? onDropdownOpen : onDropdownClose;\n      typeof handler === 'function' && handler();\n    };\n\n    const handleSearchChange = (val: string) => {\n      typeof onSearchChange === 'function' && onSearchChange(val);\n      setSearchValue(val);\n    };\n\n    const formattedData = data.map((item) =>\n      typeof item === 'string' ? { label: item, value: item } : item\n    );\n\n    const sortedData = groupOptions({ data: formattedData });\n\n    const [_value, setValue] = useUncontrolled({\n      value,\n      defaultValue,\n      finalValue: [],\n      rule: (val) => Array.isArray(val),\n      onChange,\n    });\n\n    const valuesOverflow = useRef(!!maxSelectedValues && maxSelectedValues < _value.length);\n\n    const handleValueRemove = (_val: string) => {\n      const newValue = _value.filter((val) => val !== _val);\n      setValue(newValue);\n\n      if (!!maxSelectedValues && newValue.length < maxSelectedValues) {\n        valuesOverflow.current = false;\n      }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      handleSearchChange(event.currentTarget.value);\n      setDropdownOpened(true);\n    };\n\n    const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onFocus === 'function' && onFocus(event);\n    };\n\n    const filteredData = filterData({\n      data: sortedData,\n      searchable,\n      searchValue,\n      limit,\n      filter,\n      value: _value,\n    });\n\n    const getNextIndex = (\n      index: number,\n      nextItem: (index: number) => number,\n      compareFn: (index: number) => boolean\n    ) => {\n      let i = index;\n      while (compareFn(i)) {\n        i = nextItem(i);\n        if (!filteredData[i].disabled) return i;\n      }\n      return index;\n    };\n\n    useDidUpdate(() => {\n      setHovered(\n        getNextIndex(\n          -1,\n          (index) => index + 1,\n          (index) => index < filteredData.length - 1\n        )\n      );\n    }, [searchValue]);\n\n    useDidUpdate(() => {\n      //using greater than equal to take into account creatable type.\n      if (!disabled && _value.length >= data.length) setDropdownOpened(false);\n    }, [_value]);\n\n    const handleItemSelect = (item: SelectItem) => {\n      clearSearchOnChange && handleSearchChange('');\n      if (_value.includes(item.value)) {\n        handleValueRemove(item.value);\n      } else {\n        setValue([..._value, item.value]);\n        if (_value.length === maxSelectedValues - 1) {\n          valuesOverflow.current = true;\n          setDropdownOpened(false);\n        }\n        if (hovered === filteredData.length - 1) {\n          setHovered(filteredData.length - 2);\n        }\n      }\n      if (item.creatable) {\n        typeof onCreate === 'function' && onCreate(item.value);\n      }\n    };\n\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      typeof onBlur === 'function' && onBlur(event);\n      if (selectOnBlur && filteredData[hovered] && dropdownOpened) {\n        handleItemSelect(filteredData[hovered]);\n      }\n      clearSearchOnBlur && handleSearchChange('');\n      setDropdownOpened(false);\n    };\n\n    const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      const isColumn = direction === 'column';\n\n      const handleNext = () => {\n        setHovered((current) => {\n          const nextIndex = getNextIndex(\n            current,\n            (index) => index + 1,\n            (index) => index < filteredData.length - 1\n          );\n\n          if (dropdownOpened) {\n            targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n            scrollIntoView({\n              alignment: isColumn ? 'end' : 'start',\n            });\n          }\n\n          return nextIndex;\n        });\n      };\n\n      const handlePrevious = () => {\n        setHovered((current) => {\n          const nextIndex = getNextIndex(\n            current,\n            (index) => index - 1,\n            (index) => index > 0\n          );\n\n          if (dropdownOpened) {\n            targetRef.current = itemsRefs.current[filteredData[nextIndex]?.value];\n\n            scrollIntoView({\n              alignment: isColumn ? 'start' : 'end',\n            });\n          }\n\n          return nextIndex;\n        });\n      };\n\n      switch (event.nativeEvent.code) {\n        case 'ArrowUp': {\n          event.preventDefault();\n          setDropdownOpened(true);\n\n          isColumn ? handlePrevious() : handleNext();\n\n          break;\n        }\n\n        case 'ArrowDown': {\n          event.preventDefault();\n          setDropdownOpened(true);\n\n          isColumn ? handleNext() : handlePrevious();\n\n          break;\n        }\n\n        case 'Enter': {\n          event.preventDefault();\n\n          if (filteredData[hovered] && dropdownOpened) {\n            handleItemSelect(filteredData[hovered]);\n          } else {\n            setDropdownOpened(true);\n          }\n\n          break;\n        }\n\n        case 'Space': {\n          if (!searchable) {\n            event.preventDefault();\n            if (filteredData[hovered] && dropdownOpened) {\n              handleItemSelect(filteredData[hovered]);\n            } else {\n              setDropdownOpened(true);\n            }\n          }\n\n          break;\n        }\n\n        case 'Backspace': {\n          if (_value.length > 0 && searchValue.length === 0) {\n            setValue(_value.slice(0, -1));\n            setDropdownOpened(true);\n          }\n\n          break;\n        }\n\n        case 'Escape': {\n          setDropdownOpened(false);\n        }\n      }\n    };\n\n    const selectedItems = _value\n      .map((val) => {\n        let selectedItem = sortedData.find((item) => item.value === val && !item.disabled);\n        if (!selectedItem && isCreatable) {\n          selectedItem = {\n            value: val,\n            label: val,\n          };\n        }\n        return selectedItem;\n      })\n      .filter((val) => !!val)\n      .map((item) => (\n        <Value\n          {...item}\n          disabled={disabled}\n          className={classes.value}\n          onRemove={(event: React.MouseEvent<HTMLButtonElement>) => {\n            if (dropdownOpened) {\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            handleValueRemove(item.value);\n            setDropdownOpened(true);\n          }}\n          key={item.value}\n          size={size}\n          styles={styles}\n          classNames={classNames}\n          radius={radius}\n        />\n      ));\n\n    const handleClear = () => {\n      handleSearchChange('');\n      setValue([]);\n      inputRef.current?.focus();\n    };\n\n    if (isCreatable && shouldCreate(searchValue, sortedData)) {\n      createLabel = getCreateLabel(searchValue);\n      filteredData.push({ label: searchValue, value: searchValue, creatable: true });\n    }\n\n    const shouldRenderDropdown =\n      filteredData.length > 0 ||\n      isCreatable ||\n      (searchValue.length > 0 && !!nothingFound && filteredData.length === 0);\n\n    return (\n      <InputWrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        description={description}\n        size={size}\n        className={className}\n        style={style}\n        classNames={classNames}\n        styles={styles}\n        __staticSelector=\"MultiSelect\"\n        sx={sx}\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <div\n          className={classes.wrapper}\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-owns={`${uuid}-items`}\n          aria-controls={uuid}\n          aria-expanded={dropdownOpened}\n          onMouseLeave={() => setHovered(-1)}\n          tabIndex={-1}\n          ref={wrapperRef}\n        >\n          <Input<'div'>\n            __staticSelector=\"MultiSelect\"\n            style={{ overflow: 'hidden' }}\n            component=\"div\"\n            multiline\n            size={size}\n            variant={variant}\n            disabled={disabled}\n            invalid={!!error}\n            required={required}\n            radius={radius}\n            icon={icon}\n            onMouseDown={(event) => {\n              event.preventDefault();\n              !disabled && !valuesOverflow.current && setDropdownOpened(!dropdownOpened);\n              inputRef.current?.focus();\n            }}\n            classNames={{\n              ...classNames,\n              input: cx({ [classes.input]: !searchable }, classNames?.input),\n            }}\n            {...getSelectRightSectionProps({\n              theme,\n              rightSection,\n              rightSectionWidth,\n              styles,\n              size,\n              shouldClear: clearable && _value.length > 0,\n              clearButtonLabel,\n              onClear: handleClear,\n              error,\n              disabled,\n            })}\n          >\n            <div className={classes.values}>\n              {selectedItems}\n\n              <input\n                ref={useMergedRef(ref, inputRef)}\n                type=\"text\"\n                id={uuid}\n                className={cx(classes.searchInput, {\n                  [classes.searchInputPointer]: !searchable,\n                  [classes.searchInputInputHidden]:\n                    (!dropdownOpened && _value.length > 0) || (!searchable && _value.length > 0),\n                  [classes.searchInputEmpty]: _value.length === 0,\n                })}\n                onKeyDown={handleInputKeydown}\n                value={searchValue}\n                onChange={handleInputChange}\n                onFocus={handleInputFocus}\n                onBlur={handleInputBlur}\n                readOnly={!searchable || valuesOverflow.current}\n                placeholder={_value.length === 0 ? placeholder : undefined}\n                disabled={disabled}\n                data-mantine-stop-propagation={dropdownOpened}\n                name={name}\n                autoComplete=\"nope\"\n                {...rest}\n              />\n            </div>\n          </Input>\n\n          <SelectDropdown\n            mounted={dropdownOpened && shouldRenderDropdown}\n            transition={transition}\n            transitionDuration={transitionDuration}\n            transitionTimingFunction={transitionTimingFunction}\n            uuid={uuid}\n            shadow={shadow}\n            maxDropdownHeight={maxDropdownHeight}\n            classNames={classNames}\n            styles={styles}\n            ref={useMergedRef(dropdownRef, scrollableRef)}\n            __staticSelector=\"MultiSelect\"\n            dropdownComponent={dropdownComponent || SelectScrollArea}\n            referenceElement={wrapperRef.current}\n            direction={direction}\n            onDirectionChange={setDirection}\n            switchDirectionOnFlip={switchDirectionOnFlip}\n            withinPortal={withinPortal}\n            zIndex={zIndex}\n            dropdownPosition={dropdownPosition}\n          >\n            <SelectItems\n              data={filteredData}\n              hovered={hovered}\n              classNames={classNames}\n              styles={styles}\n              uuid={uuid}\n              __staticSelector=\"MultiSelect\"\n              onItemHover={setHovered}\n              onItemSelect={handleItemSelect}\n              itemsRefs={itemsRefs}\n              itemComponent={itemComponent}\n              size={size}\n              nothingFound={nothingFound}\n              creatable={creatable && !!createLabel}\n              createLabel={createLabel}\n            />\n          </SelectDropdown>\n        </div>\n      </InputWrapper>\n    );\n  }\n);\n\nMultiSelect.displayName = '@mantine/core/MultiSelect';\n"],"names":[],"mappings":"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"}

package/esm/components/MultiSelect/MultiSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.styles.js","sources":["../../../src/components/MultiSelect/MultiSelect.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\ninterface MultiSelectStyles {\n  size: MantineSize;\n  invalid: boolean;\n}\n\nexport default createStyles((theme, { size, invalid }: MultiSelectStyles) => ({\n  wrapper: {\n    position: 'relative',\n  },\n\n  values: {\n    minHeight: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginLeft: -theme.spacing.xs / 2,\n    paddingTop: theme.spacing.xs / 2 - 2,\n    paddingBottom: theme.spacing.xs / 2 - 2,\n    boxSizing: 'border-box',\n  },\n\n  value: {\n    margin: `${theme.spacing.xs / 2 - 2}px ${theme.spacing.xs / 2}px`,\n  },\n\n  searchInput: {\n    width: 60,\n    backgroundColor: 'transparent',\n    border: 0,\n    outline: 0,\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    padding: 0,\n    margin: theme.spacing.xs / 2,\n    appearance: 'none',\n    color: 'inherit',\n\n    '&::placeholder': {\n      color: invalid\n        ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n        : theme.colorScheme === 'dark'\n        ? theme.colors.dark[3]\n        : theme.colors.gray[5],\n    },\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n\n  searchInputEmpty: {\n    width: '100%',\n  },\n\n  searchInputInputHidden: {\n    width: 0,\n    height: 0,\n    margin: 0,\n    overflow: 'hidden',\n  },\n\n  searchInputPointer: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n\n  input: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n}));\n"],"names":["INPUT_SIZES"],"mappings":";;;AAEA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM;AAC3D,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEA,KAAW,EAAE,CAAC,GAAG,CAAC;AAC9D,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,UAAU,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACrC,IAAI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AACxC,IAAI,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AAC3C,IAAI,SAAS,EAAE,YAAY;AAC3B,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;AACrE,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAChC,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,gBAAgB,EAAE;AACtB,MAAM,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1J,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,KAAK,EAAE,MAAM;AACjB,GAAG;AACH,EAAE,sBAAsB,EAAE;AAC1B,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,QAAQ,EAAE,QAAQ;AACtB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"MultiSelect.styles.js","sources":["../../../src/components/MultiSelect/MultiSelect.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport interface MultiSelectStylesParams {\n  size: MantineSize;\n  invalid: boolean;\n}\n\nexport default createStyles((theme, { size, invalid }: MultiSelectStylesParams) => ({\n  wrapper: {\n    position: 'relative',\n  },\n\n  values: {\n    minHeight: theme.fn.size({ size, sizes: INPUT_SIZES }) - 2,\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginLeft: -theme.spacing.xs / 2,\n    paddingTop: theme.spacing.xs / 2 - 2,\n    paddingBottom: theme.spacing.xs / 2 - 2,\n    boxSizing: 'border-box',\n  },\n\n  value: {\n    margin: `${theme.spacing.xs / 2 - 2}px ${theme.spacing.xs / 2}px`,\n  },\n\n  searchInput: {\n    width: 60,\n    backgroundColor: 'transparent',\n    border: 0,\n    outline: 0,\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    padding: 0,\n    margin: theme.spacing.xs / 2,\n    appearance: 'none',\n    color: 'inherit',\n\n    '&::placeholder': {\n      color: invalid\n        ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n        : theme.colorScheme === 'dark'\n        ? theme.colors.dark[3]\n        : theme.colors.gray[5],\n    },\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n\n  searchInputEmpty: {\n    width: '100%',\n  },\n\n  searchInputInputHidden: {\n    width: 0,\n    height: 0,\n    margin: 0,\n    overflow: 'hidden',\n  },\n\n  searchInputPointer: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n\n  input: {\n    cursor: 'pointer',\n\n    '&:disabled': {\n      cursor: 'not-allowed',\n    },\n  },\n}));\n"],"names":["INPUT_SIZES"],"mappings":";;;AAEA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM;AAC3D,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAEA,KAAW,EAAE,CAAC,GAAG,CAAC;AAC9D,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,UAAU,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACrC,IAAI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AACxC,IAAI,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC;AAC3C,IAAI,SAAS,EAAE,YAAY;AAC3B,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;AACrE,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,eAAe,EAAE,aAAa;AAClC,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AAChC,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,KAAK,EAAE,SAAS;AACpB,IAAI,gBAAgB,EAAE;AACtB,MAAM,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1J,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,KAAK,EAAE,MAAM;AACjB,GAAG;AACH,EAAE,sBAAsB,EAAE;AAC1B,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,QAAQ,EAAE,QAAQ;AACtB,GAAG;AACH,EAAE,kBAAkB,EAAE;AACtB,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,YAAY,EAAE;AAClB,MAAM,MAAM,EAAE,aAAa;AAC3B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/components/NativeSelect/NativeSelect.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useUuid } from '@mantine/hooks';
-import { useMantineTheme, extractMargins } from '@mantine/styles';
+import { useMantineDefaultProps, useMantineTheme, extractSystemStyles } from '@mantine/styles';
 import { InputWrapper } from '../InputWrapper/InputWrapper.js';
 import { Input } from '../Input/Input.js';
 import { getSelectRightSectionProps } from '../Select/SelectRightSection/get-select-right-section-props.js';
@@ -36,8 +36,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const NativeSelect = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  size: "sm"
+};
+const NativeSelect = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("NativeSelect", defaultProps, props), {
     id,
     className,
     required,
@@ -49,16 +52,15 @@ const NativeSelect = forwardRef((_a, ref) => {
     wrapperProps,
     inputStyle,
     description,
-    defaultValue,
     onChange,
     value,
     classNames,
     styles,
-    size = "sm",
+    size,
     rightSection,
     rightSectionWidth,
     sx
-  } = _b, others = __objRest(_b, [
+  } = _a, others = __objRest(_a, [
     "id",
     "className",
     "required",
@@ -70,7 +72,6 @@ const NativeSelect = forwardRef((_a, ref) => {
     "wrapperProps",
     "inputStyle",
     "description",
-    "defaultValue",
     "onChange",
     "value",
     "classNames",
@@ -82,7 +83,7 @@ const NativeSelect = forwardRef((_a, ref) => {
   ]);
   const uuid = useUuid(id);
   const theme = useMantineTheme();
-  const { margins, rest } = extractMargins(others);
+  const { systemStyles, rest } = extractSystemStyles(others);
   const formattedData = data.map((item) => typeof item === "string" ? { label: item, value: item } : item);
   const options = formattedData.map((item) => /* @__PURE__ */ React.createElement("option", {
     key: item.value,
@@ -110,7 +111,7 @@ const NativeSelect = forwardRef((_a, ref) => {
     classNames,
     sx,
     __staticSelector: "NativeSelect"
-  }, margins), wrapperProps), /* @__PURE__ */ React.createElement(Input, __spreadValues(__spreadProps(__spreadValues({}, rest), {
+  }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement(Input, __spreadValues(__spreadProps(__spreadValues({}, rest), {
     onChange,
     component: "select",
     invalid: !!error,

package/esm/components/NativeSelect/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useUuid } from '@mantine/hooks';\nimport { DefaultProps, MantineSize, extractMargins, useMantineTheme } from '@mantine/styles';\nimport {\n  InputWrapperBaseProps,\n  InputWrapper,\n  InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport { getSelectRightSectionProps } from '../Select/SelectRightSection/get-select-right-section-props';\nimport { SelectItem } from '../Select/types';\n\nexport type NativeSelectStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport interface NativeSelectProps\n  extends DefaultProps<NativeSelectStylesNames>,\n    InputWrapperBaseProps,\n    InputBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'select'>, 'size'> {\n  /** id is used to bind input and label, if not passed unique id will be generated for each input */\n  id?: string;\n\n  /** Adds hidden option to select and sets it as selected if value is not present */\n  placeholder?: string;\n\n  /** Data used to render options */\n  data: (string | SelectItem)[];\n\n  /** Style properties added to select element */\n  inputStyle?: React.CSSProperties;\n\n  /** Props passed to root element (InputWrapper component) */\n  wrapperProps?: { [key: string]: any };\n\n  /** Input size */\n  size?: MantineSize;\n}\n\nexport const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n  (\n    {\n      id,\n      className,\n      required,\n      label,\n      error,\n      style,\n      data,\n      placeholder,\n      wrapperProps,\n      inputStyle,\n      description,\n      defaultValue,\n      onChange,\n      value,\n      classNames,\n      styles,\n      size = 'sm',\n      rightSection,\n      rightSectionWidth,\n      sx,\n      ...others\n    }: NativeSelectProps,\n    ref\n  ) => {\n    const uuid = useUuid(id);\n    const theme = useMantineTheme();\n    const { margins, rest } = extractMargins(others);\n\n    const formattedData = data.map((item) =>\n      typeof item === 'string' ? { label: item, value: item } : item\n    );\n\n    const options = formattedData.map((item) => (\n      <option key={item.value} value={item.value} disabled={item.disabled}>\n        {item.label}\n      </option>\n    ));\n\n    if (placeholder) {\n      options.unshift(\n        <option key=\"placeholder\" value=\"\" disabled hidden>\n          {placeholder}\n        </option>\n      );\n    }\n\n    return (\n      <InputWrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        className={className}\n        style={style}\n        description={description}\n        size={size}\n        styles={styles}\n        classNames={classNames}\n        sx={sx}\n        __staticSelector=\"NativeSelect\"\n        {...margins}\n        {...wrapperProps}\n      >\n        <Input<'select'>\n          {...rest}\n          onChange={onChange}\n          component=\"select\"\n          invalid={!!error}\n          style={inputStyle}\n          aria-required={required}\n          ref={ref}\n          id={uuid}\n          required={required}\n          value={value === null ? '' : value}\n          size={size}\n          classNames={classNames}\n          __staticSelector=\"NativeSelect\"\n          {...getSelectRightSectionProps({\n            theme,\n            rightSection,\n            rightSectionWidth,\n            styles,\n            shouldClear: false,\n            size,\n            error,\n          })}\n        >\n          {options}\n        </Input>\n      </InputWrapper>\n    );\n  }\n);\n\nNativeSelect.displayName = '@mantine/core/NativeSelect';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NativeSelect.js","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useUuid } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineSize,\n  extractSystemStyles,\n  useMantineTheme,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport {\n  InputWrapperBaseProps,\n  InputWrapper,\n  InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport { getSelectRightSectionProps } from '../Select/SelectRightSection/get-select-right-section-props';\nimport { SelectItem } from '../Select/types';\n\nexport type NativeSelectStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport interface NativeSelectProps\n  extends DefaultProps<NativeSelectStylesNames>,\n    InputWrapperBaseProps,\n    InputBaseProps,\n    Omit<React.ComponentPropsWithoutRef<'select'>, 'size'> {\n  /** id is used to bind input and label, if not passed unique id will be generated for each input */\n  id?: string;\n\n  /** Adds hidden option to select and sets it as selected if value is not present */\n  placeholder?: string;\n\n  /** Data used to render options */\n  data: (string | SelectItem)[];\n\n  /** Style properties added to select element */\n  inputStyle?: React.CSSProperties;\n\n  /** Props passed to root element (InputWrapper component) */\n  wrapperProps?: { [key: string]: any };\n\n  /** Input size */\n  size?: MantineSize;\n}\n\nconst defaultProps: Partial<NativeSelectProps> = {\n  size: 'sm',\n};\n\nexport const NativeSelect = forwardRef<HTMLSelectElement, NativeSelectProps>(\n  (props: NativeSelectProps, ref) => {\n    const {\n      id,\n      className,\n      required,\n      label,\n      error,\n      style,\n      data,\n      placeholder,\n      wrapperProps,\n      inputStyle,\n      description,\n      onChange,\n      value,\n      classNames,\n      styles,\n      size,\n      rightSection,\n      rightSectionWidth,\n      sx,\n      ...others\n    } = useMantineDefaultProps('NativeSelect', defaultProps, props);\n    const uuid = useUuid(id);\n    const theme = useMantineTheme();\n    const { systemStyles, rest } = extractSystemStyles(others);\n\n    const formattedData = data.map((item) =>\n      typeof item === 'string' ? { label: item, value: item } : item\n    );\n\n    const options = formattedData.map((item) => (\n      <option key={item.value} value={item.value} disabled={item.disabled}>\n        {item.label}\n      </option>\n    ));\n\n    if (placeholder) {\n      options.unshift(\n        <option key=\"placeholder\" value=\"\" disabled hidden>\n          {placeholder}\n        </option>\n      );\n    }\n\n    return (\n      <InputWrapper\n        required={required}\n        id={uuid}\n        label={label}\n        error={error}\n        className={className}\n        style={style}\n        description={description}\n        size={size}\n        styles={styles}\n        classNames={classNames}\n        sx={sx}\n        __staticSelector=\"NativeSelect\"\n        {...systemStyles}\n        {...wrapperProps}\n      >\n        <Input<'select'>\n          {...rest}\n          onChange={onChange}\n          component=\"select\"\n          invalid={!!error}\n          style={inputStyle}\n          aria-required={required}\n          ref={ref}\n          id={uuid}\n          required={required}\n          value={value === null ? '' : value}\n          size={size}\n          classNames={classNames}\n          __staticSelector=\"NativeSelect\"\n          {...getSelectRightSectionProps({\n            theme,\n            rightSection,\n            rightSectionWidth,\n            styles,\n            shouldClear: false,\n            size,\n            error,\n          })}\n        >\n          {options}\n        </Input>\n      </InputWrapper>\n    );\n  }\n);\n\nNativeSelect.displayName = '@mantine/core/NativeSelect';\n"],"names":[],"mappings":"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"}

package/esm/components/Notification/Notification.js

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { useMantineDefaultProps } from '@mantine/styles';
 import useStyles from './Notification.styles.js';
 import { Box } from '../Box/Box.js';
 import { Loader } from '../Loader/Loader.js';
@@ -36,13 +37,13 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-const Notification = forwardRef((_a, ref) => {
-  var _b = _a, {
+const Notification = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("Notification", {}, props), {
     className,
-    color = "blue",
-    radius = "sm",
-    loading = false,
-    disallowClose = false,
+    color,
+    radius,
+    loading,
+    disallowClose,
     title,
     icon,
     children,
@@ -50,7 +51,7 @@ const Notification = forwardRef((_a, ref) => {
     closeButtonProps,
     classNames,
     styles
-  } = _b, others = __objRest(_b, [
+  } = _a, others = __objRest(_a, [
     "className",
     "color",
     "radius",

package/esm/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineColor, ClassNames, MantineNumberSize } from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Loader } from '../Loader';\nimport { CloseButton } from '../ActionIcon';\nimport { Box } from '../Box';\nimport useStyles from './Notification.styles';\n\nexport type NotificationStylesNames = Exclude<ClassNames<typeof useStyles>, 'withIcon'>;\n\nexport interface NotificationProps\n  extends DefaultProps<NotificationStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Called when close button is clicked */\n  onClose(): void;\n\n  /** Notification line or icon color */\n  color?: MantineColor;\n\n  /** Radius from theme.radius, or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed before body */\n  title?: React.ReactNode;\n\n  /** Notification body, place main text here */\n  children?: React.ReactNode;\n\n  /** Replaces colored line or icon with Loader component */\n  loading?: boolean;\n\n  /** Removes close button */\n  disallowClose?: boolean;\n\n  /** Props spread to close button */\n  closeButtonProps?: React.ComponentPropsWithoutRef<'button'> & { [key: string]: any };\n}\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (\n    {\n      className,\n      color = 'blue',\n      radius = 'sm',\n      loading = false,\n      disallowClose = false,\n      title,\n      icon,\n      children,\n      onClose,\n      closeButtonProps,\n      classNames,\n      styles,\n      ...others\n    }: NotificationProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { color, radius, disallowClose },\n      { classNames, styles, name: 'Notification' }\n    );\n    const withIcon = icon || loading;\n\n    return (\n      <Box\n        className={cx(classes.root, { [classes.withIcon]: withIcon }, className)}\n        role=\"alert\"\n        ref={ref}\n        {...others}\n      >\n        {icon && !loading && <div className={classes.icon}>{icon}</div>}\n        {loading && <Loader size={28} color={color} className={classes.loader} />}\n\n        <div className={classes.body}>\n          {title && (\n            <Text className={classes.title} size=\"sm\" weight={500}>\n              {title}\n            </Text>\n          )}\n\n          <Text color=\"dimmed\" className={classes.description} size=\"sm\">\n            {children}\n          </Text>\n        </div>\n\n        {!disallowClose && (\n          <CloseButton\n            {...closeButtonProps}\n            iconSize={16}\n            color=\"gray\"\n            onClick={onClose}\n            variant=\"hover\"\n            className={classes.closeButton}\n          />\n        )}\n      </Box>\n    );\n  }\n);\n\nNotification.displayName = '@mantine/core/Notification';\n"],"names":[],"mappings":";;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAOU,MAAC,YAAY,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AACpD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,KAAK,GAAG,MAAM;AAClB,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,OAAO,GAAG,KAAK;AACnB,IAAI,aAAa,GAAG,KAAK;AACzB,IAAI,KAAK;AACT,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC;AACpH,EAAE,MAAM,QAAQ,GAAG,IAAI,IAAI,OAAO,CAAC;AACnC,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,EAAE,EAAE,SAAS,CAAC;AAC5E,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,IAAI,IAAI,CAAC,OAAO,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC7E,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,IAAI,CAAC,EAAE,OAAO,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnE,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,KAAK;AACT,IAAI,SAAS,EAAE,OAAO,CAAC,MAAM;AAC7B,GAAG,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,KAAK,oBAAoB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,IAAI,IAAI,EAAE,IAAI;AACd,IAAI,MAAM,EAAE,GAAG;AACf,GAAG,EAAE,KAAK,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACvD,IAAI,KAAK,EAAE,QAAQ;AACnB,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,IAAI,IAAI,EAAE,IAAI;AACd,GAAG,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,aAAa,oBAAoB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,gBAAgB,CAAC,EAAE;AACxI,IAAI,QAAQ,EAAE,EAAE;AAChB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,GAAG,CAAC,CAAC,CAAC,CAAC;AACP,CAAC,EAAE;AACH,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
+{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineColor,\n  ClassNames,\n  MantineNumberSize,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Loader } from '../Loader';\nimport { CloseButton } from '../ActionIcon';\nimport { Box } from '../Box';\nimport useStyles from './Notification.styles';\n\nexport type NotificationStylesNames = Exclude<ClassNames<typeof useStyles>, 'withIcon'>;\n\nexport interface NotificationProps\n  extends DefaultProps<NotificationStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Called when close button is clicked */\n  onClose(): void;\n\n  /** Notification line or icon color */\n  color?: MantineColor;\n\n  /** Radius from theme.radius, or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed before body */\n  title?: React.ReactNode;\n\n  /** Notification body, place main text here */\n  children?: React.ReactNode;\n\n  /** Replaces colored line or icon with Loader component */\n  loading?: boolean;\n\n  /** Removes close button */\n  disallowClose?: boolean;\n\n  /** Props spread to close button */\n  closeButtonProps?: React.ComponentPropsWithoutRef<'button'> & { [key: string]: any };\n}\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (props: NotificationProps, ref) => {\n    const {\n      className,\n      color,\n      radius,\n      loading,\n      disallowClose,\n      title,\n      icon,\n      children,\n      onClose,\n      closeButtonProps,\n      classNames,\n      styles,\n      ...others\n    } = useMantineDefaultProps('Notification', {}, props);\n\n    const { classes, cx } = useStyles(\n      { color, radius, disallowClose },\n      { classNames, styles, name: 'Notification' }\n    );\n    const withIcon = icon || loading;\n\n    return (\n      <Box\n        className={cx(classes.root, { [classes.withIcon]: withIcon }, className)}\n        role=\"alert\"\n        ref={ref}\n        {...others}\n      >\n        {icon && !loading && <div className={classes.icon}>{icon}</div>}\n        {loading && <Loader size={28} color={color} className={classes.loader} />}\n\n        <div className={classes.body}>\n          {title && (\n            <Text className={classes.title} size=\"sm\" weight={500}>\n              {title}\n            </Text>\n          )}\n\n          <Text color=\"dimmed\" className={classes.description} size=\"sm\">\n            {children}\n          </Text>\n        </div>\n\n        {!disallowClose && (\n          <CloseButton\n            {...closeButtonProps}\n            iconSize={16}\n            color=\"gray\"\n            onClick={onClose}\n            variant=\"hover\"\n            className={classes.closeButton}\n          />\n        )}\n      </Box>\n    );\n  }\n);\n\nNotification.displayName = '@mantine/core/Notification';\n"],"names":[],"mappings":"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"}

package/esm/components/Notification/Notification.styles.js

@@ -1,13 +1,12 @@
 import { createStyles } from '@mantine/styles';
 
 var useStyles = createStyles((theme, { color, radius, disallowClose }, getRef) => {
-  const icon = getRef("icon");
-  const _radius = theme.fn.size({ size: radius, sizes: theme.radius });
+  const _radius = theme.fn.radius(radius);
   const topBottom = Math.min(Math.max(_radius / 1.2, 4), 30);
   return {
     closeButton: {},
     icon: {
-      ref: icon,
+      ref: getRef("icon"),
       boxSizing: "border-box",
       marginRight: theme.spacing.md,
       width: 28,
@@ -48,7 +47,7 @@ var useStyles = createStyles((theme, { color, radius, disallowClose }, getRef) =
         borderRadius: _radius,
         backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7)
       },
-      [`& .${icon}`]: {
+      [`& .${getRef("icon")}`]: {
         backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7),
         color: theme.white
       }

package/esm/components/Notification/Notification.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.styles.js","sources":["../../../src/components/Notification/Notification.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\ninterface NotificationStyles {\n  color: MantineColor;\n  radius: MantineNumberSize;\n  disallowClose: boolean;\n}\n\nexport default createStyles(\n  (theme, { color, radius, disallowClose }: NotificationStyles, getRef) => {\n    const icon = getRef('icon');\n    const _radius = theme.fn.size({ size: radius, sizes: theme.radius });\n    const topBottom = Math.min(Math.max(_radius / 1.2, 4), 30);\n\n    return {\n      closeButton: {},\n\n      icon: {\n        ref: icon,\n        boxSizing: 'border-box',\n        marginRight: theme.spacing.md,\n        width: 28,\n        height: 28,\n        borderRadius: 28,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        color: theme.white,\n      },\n\n      withIcon: {\n        paddingLeft: theme.spacing.xs,\n\n        '&::before': {\n          display: 'none',\n        },\n      },\n\n      root: {\n        boxSizing: 'border-box',\n        position: 'relative',\n        display: 'flex',\n        alignItems: 'center',\n        paddingLeft: 22,\n        paddingRight: 5,\n        paddingTop: theme.spacing.xs,\n        paddingBottom: theme.spacing.xs,\n        borderRadius: _radius,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        boxShadow: theme.shadows.lg,\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n        }`,\n\n        '&::before': {\n          content: \"''\",\n          display: 'block',\n          position: 'absolute',\n          width: 6,\n          top: topBottom,\n          bottom: topBottom,\n          left: 4,\n          borderRadius: _radius,\n          backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n        },\n\n        [`& .${icon}`]: {\n          backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n          color: theme.white,\n        },\n      },\n\n      body: {\n        flex: 1,\n        maxWidth: !disallowClose ? 'calc(100% - 40px)' : '100%', // space for close button and margin\n        marginRight: 10,\n      },\n\n      loader: {\n        marginRight: theme.spacing.md,\n      },\n\n      title: {\n        lineHeight: 1.4,\n        marginBottom: 2,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        color: theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[9],\n      },\n\n      description: {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n        lineHeight: 1.4,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n\n        '&:only-child': {\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        },\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Notification.styles.js","sources":["../../../src/components/Notification/Notification.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nexport interface NotificationStylesParams {\n  color: MantineColor;\n  radius: MantineNumberSize;\n  disallowClose: boolean;\n}\n\nexport default createStyles(\n  (theme, { color, radius, disallowClose }: NotificationStylesParams, getRef) => {\n    const _radius = theme.fn.radius(radius) as number;\n    const topBottom = Math.min(Math.max(_radius / 1.2, 4), 30);\n\n    return {\n      closeButton: {},\n\n      icon: {\n        ref: getRef('icon'),\n        boxSizing: 'border-box',\n        marginRight: theme.spacing.md,\n        width: 28,\n        height: 28,\n        borderRadius: 28,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        color: theme.white,\n      },\n\n      withIcon: {\n        paddingLeft: theme.spacing.xs,\n\n        '&::before': {\n          display: 'none',\n        },\n      },\n\n      root: {\n        boxSizing: 'border-box',\n        position: 'relative',\n        display: 'flex',\n        alignItems: 'center',\n        paddingLeft: 22,\n        paddingRight: 5,\n        paddingTop: theme.spacing.xs,\n        paddingBottom: theme.spacing.xs,\n        borderRadius: _radius,\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n        boxShadow: theme.shadows.lg,\n        border: `1px solid ${\n          theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n        }`,\n\n        '&::before': {\n          content: \"''\",\n          display: 'block',\n          position: 'absolute',\n          width: 6,\n          top: topBottom,\n          bottom: topBottom,\n          left: 4,\n          borderRadius: _radius,\n          backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n        },\n\n        [`& .${getRef('icon')}`]: {\n          backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n          color: theme.white,\n        },\n      },\n\n      body: {\n        flex: 1,\n        maxWidth: !disallowClose ? 'calc(100% - 40px)' : '100%', // space for close button and margin\n        marginRight: 10,\n      },\n\n      loader: {\n        marginRight: theme.spacing.md,\n      },\n\n      title: {\n        lineHeight: 1.4,\n        marginBottom: 2,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        color: theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[9],\n      },\n\n      description: {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n        lineHeight: 1.4,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n\n        '&:only-child': {\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        },\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/components/NumberInput/NumberInput.js

@@ -1,5 +1,6 @@
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import { clamp, assignRef, useMergedRef } from '@mantine/hooks';
+import { useMantineDefaultProps } from '@mantine/styles';
 import { TextInput } from '../TextInput/TextInput.js';
 import useStyles, { CONTROL_SIZES } from './NumberInput.styles.js';
 
@@ -42,33 +43,42 @@ const defaultParser = (num) => {
   }
   return num;
 };
-const NumberInput = forwardRef((_a, ref) => {
-  var _b = _a, {
+const defaultProps = {
+  step: 1,
+  hideControls: false,
+  size: "sm",
+  precision: 0,
+  noClampOnBlur: false,
+  formatter: defaultFormatter,
+  parser: defaultParser
+};
+const NumberInput = forwardRef((props, ref) => {
+  const _a = useMantineDefaultProps("NumberInput", defaultProps, props), {
     disabled,
     value,
     onChange,
     decimalSeparator,
     min,
     max,
-    step = 1,
+    step,
     stepHoldInterval,
     stepHoldDelay,
     onBlur,
     onFocus,
-    hideControls = false,
-    radius = "sm",
+    hideControls,
+    radius,
     variant,
-    precision = 0,
+    precision,
     defaultValue,
-    noClampOnBlur = false,
+    noClampOnBlur,
     handlersRef,
     classNames,
     styles,
     size,
     rightSection,
-    formatter = defaultFormatter,
-    parser = defaultParser
-  } = _b, others = __objRest(_b, [
+    formatter,
+    parser
+  } = _a, others = __objRest(_a, [
     "disabled",
     "value",
     "onChange",