@mantine/core 5.0.0-alpha.7 → 5.0.0

package/esm/ScrollArea/ScrollArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.styles.js","sources":["../../src/ScrollArea/ScrollArea.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport interface ScrollAreaStylesParams {\n  scrollbarSize: number;\n  offsetScrollbars: boolean;\n  scrollbarHovered: boolean;\n  hidden: boolean;\n}\n\nexport default createStyles(\n  (\n    theme,\n    { scrollbarSize, offsetScrollbars, scrollbarHovered, hidden }: ScrollAreaStylesParams,\n    getRef\n  ) => ({\n    root: {\n      overflow: 'hidden',\n    },\n\n    viewport: {\n      width: '100%',\n      height: '100%',\n      paddingRight: offsetScrollbars ? scrollbarSize : undefined,\n    },\n\n    scrollbar: {\n      display: hidden ? 'none' : 'flex',\n      userSelect: 'none',\n      touchAction: 'none',\n      boxSizing: 'border-box',\n      padding: scrollbarSize / 5,\n      transition: 'background-color 150ms ease, opacity 150ms ease',\n\n      '&:hover': {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n        [`& .${getRef('thumb')}`]: {\n          backgroundColor:\n            theme.colorScheme === 'dark'\n              ? theme.fn.rgba(theme.white, 0.5)\n              : theme.fn.rgba(theme.black, 0.5),\n        },\n      },\n\n      '&[data-orientation=\"vertical\"]': {\n        width: scrollbarSize,\n      },\n\n      '&[data-orientation=\"horizontal\"]': {\n        flexDirection: 'column',\n        height: scrollbarSize,\n      },\n\n      '&[data-state=\"hidden\"]': {\n        display: 'none',\n        opacity: 0,\n      },\n    },\n\n    thumb: {\n      ref: getRef('thumb'),\n      flex: 1,\n      backgroundColor:\n        theme.colorScheme === 'dark'\n          ? theme.fn.rgba(theme.white, 0.4)\n          : theme.fn.rgba(theme.black, 0.4),\n      borderRadius: scrollbarSize,\n      position: 'relative',\n      transition: 'background-color 150ms ease',\n      display: hidden ? 'none' : undefined,\n\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n        width: '100%',\n        height: '100%',\n        minWidth: 44,\n        minHeight: 44,\n      },\n    },\n\n    corner: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n      transition: 'opacity 150ms ease',\n      opacity: scrollbarHovered ? 1 : 0,\n      display: hidden ? 'none' : undefined,\n    },\n  })\n);\n"],"names":[],"mappings":"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"}

package/esm/SegmentedControl/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, forwardRef } from 'react';\nimport {\n  useReducedMotion,\n  useResizeObserver,\n  useUncontrolled,\n  useId,\n  useMergedRef,\n  useIsomorphicEffect,\n} from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  MantineColor,\n  Selectors,\n  useComponentDefaultProps,\n  useMantineTheme,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, {\n  WRAPPER_PADDING,\n  SegmentedControlStylesParams,\n} from './SegmentedControl.styles';\n\nexport interface SegmentedControlItem {\n  value: string;\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport type SegmentedControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface SegmentedControlProps\n  extends DefaultProps<SegmentedControlStylesNames, SegmentedControlStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'value' | 'onChange'> {\n  /** Data based on which controls are rendered */\n  data: string[] | SegmentedControlItem[];\n\n  /** Current selected value */\n  value?: string;\n\n  /** Disabled input state */\n  disabled?: boolean;\n\n  /** Called when value changes */\n  onChange?(value: string): void;\n\n  /** Name of the radio group, default to random id */\n  name?: string;\n\n  /** True if component should have 100% width */\n  fullWidth?: boolean;\n\n  /** Active control color from theme.colors, defaults to white in light color scheme and theme.colors.dark[9] in dark */\n  color?: MantineColor;\n\n  /** Controls font-size, paddings and height */\n  size?: MantineSize;\n\n  /** Border-radius from theme or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Transition duration in ms, set to 0 to turn off transitions */\n  transitionDuration?: number;\n\n  /** Transition timing function for all transitions, defaults to theme.transitionTimingFunction */\n  transitionTimingFunction?: string;\n\n  /** Default value for uncontrolled component */\n  defaultValue?: string;\n\n  /** Display Vertically */\n  orientation?: 'vertical' | 'horizontal';\n}\n\nconst defaultProps: Partial<SegmentedControlProps> = {\n  disabled: false,\n  size: 'sm',\n  transitionDuration: 200,\n};\n\nexport const SegmentedControl = forwardRef<HTMLDivElement, SegmentedControlProps>((props, ref) => {\n  const {\n    className,\n    disabled,\n    data: _data,\n    name,\n    value,\n    onChange,\n    color,\n    fullWidth,\n    radius,\n    size,\n    transitionDuration,\n    transitionTimingFunction,\n    classNames,\n    styles,\n    defaultValue,\n    orientation,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('SegmentedControl', defaultProps, props);\n  const theme = useMantineTheme();\n  const shouldReduceMotion = useReducedMotion();\n  const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n\n  const data = _data.map(\n    (item: string | SegmentedControlItem): SegmentedControlItem =>\n      typeof item === 'string' ? { label: item, value: item } : item\n  );\n  const mounted = useRef<Boolean>();\n\n  const [shouldAnimate, setShouldAnimate] = useState(false);\n  const [_value, handleValueChange] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: Array.isArray(data)\n      ? data.find((item) => !item.disabled)?.value ?? data[0].value\n      : null,\n    onChange,\n  });\n\n  const { classes, cx } = useStyles(\n    {\n      size,\n      fullWidth,\n      color,\n      radius,\n      shouldAnimate: reduceMotion || !shouldAnimate,\n      transitionDuration,\n      transitionTimingFunction,\n      orientation,\n    },\n    { classNames, styles, unstyled, name: 'SegmentedControl' }\n  );\n\n  const [activePosition, setActivePosition] = useState({\n    width: 0,\n    height: 0,\n    translate: [0, 0],\n  });\n  const uuid = useId(name);\n  const refs = useRef<Record<string, HTMLLabelElement>>({});\n  const [observerRef, containerRect] = useResizeObserver();\n\n  useIsomorphicEffect(() => {\n    if (!mounted.current) {\n      mounted.current = true;\n      setShouldAnimate(false);\n    } else {\n      setShouldAnimate(true);\n    }\n  });\n\n  useEffect(() => {\n    if (_value in refs.current && observerRef.current) {\n      const element = refs.current[_value];\n      const elementRect = element.getBoundingClientRect();\n      const scaledValue = element.offsetWidth / elementRect.width;\n      const width = elementRect.width * scaledValue || 0;\n      const height = elementRect.height * scaledValue || 0;\n\n      const offsetRight =\n        containerRect.width - element.parentElement.offsetLeft + WRAPPER_PADDING - width;\n      const offsetLeft = element.parentElement.offsetLeft - WRAPPER_PADDING;\n\n      setActivePosition({\n        width,\n        height,\n        translate: [\n          theme.dir === 'rtl' ? offsetRight : offsetLeft,\n          element.parentElement.offsetTop - WRAPPER_PADDING,\n        ],\n      });\n    }\n  }, [_value, containerRect]);\n\n  const controls = data.map((item) => (\n    <div\n      className={cx(classes.control, { [classes.controlActive]: _value === item.value })}\n      key={item.value}\n    >\n      <input\n        className={classes.input}\n        disabled={disabled || item.disabled}\n        type=\"radio\"\n        name={uuid}\n        value={item.value}\n        id={`${uuid}-${item.value}`}\n        checked={_value === item.value}\n        onChange={() => handleValueChange(item.value)}\n      />\n\n      <label\n        className={cx(classes.label, {\n          [classes.labelActive]: _value === item.value,\n          [classes.disabled]: disabled || item.disabled,\n        })}\n        htmlFor={`${uuid}-${item.value}`}\n        ref={(node) => {\n          refs.current[item.value] = node;\n        }}\n      >\n        {item.label}\n      </label>\n    </div>\n  ));\n\n  return (\n    <Box className={cx(classes.root, className)} ref={useMergedRef(observerRef, ref)} {...others}>\n      {!!_value && shouldAnimate && (\n        <Box\n          component=\"span\"\n          className={classes.active}\n          sx={{\n            width: activePosition.width,\n            height: activePosition.height,\n            transform: `translate(${activePosition.translate[0]}px, ${activePosition.translate[1]}px )`,\n          }}\n        />\n      )}\n\n      {controls}\n    </Box>\n  );\n});\n\nSegmentedControl.displayName = '@mantine/core/SegmentedControl';\n"],"names":[],"mappings":"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"}

package/esm/SegmentedControl/SegmentedControl.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.styles.js","sources":["../../src/SegmentedControl/SegmentedControl.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineColor } from '@mantine/styles';\n\nexport const WRAPPER_PADDING = 4;\n\nexport interface SegmentedControlStylesParams {\n  fullWidth: boolean;\n  color: MantineColor;\n  radius: MantineNumberSize;\n  shouldAnimate: boolean;\n  transitionDuration: number;\n  transitionTimingFunction: string;\n  size: MantineSize;\n  orientation: 'vertical' | 'horizontal';\n}\n\nconst sizes = {\n  xs: '3px 6px',\n  sm: '5px 10px',\n  md: '7px 14px',\n  lg: '9px 16px',\n  xl: '12px 20px',\n};\n\nexport default createStyles(\n  (\n    theme,\n    {\n      fullWidth,\n      color,\n      radius,\n      shouldAnimate,\n      transitionDuration,\n      transitionTimingFunction,\n      size,\n      orientation,\n    }: SegmentedControlStylesParams,\n    getRef\n  ) => {\n    const vertical = orientation === 'vertical';\n    const colors = theme.fn.variant({ variant: 'filled', color });\n\n    return {\n      label: {\n        ref: getRef('label'),\n        ...theme.fn.focusStyles(),\n        ...theme.fn.fontStyles(),\n        WebkitTapHighlightColor: 'transparent',\n        borderRadius: theme.fn.radius(radius),\n        fontWeight: 500,\n        fontSize: size in theme.fontSizes ? theme.fontSizes[size] : theme.fontSizes.sm,\n        cursor: 'pointer',\n        display: 'block',\n        textAlign: 'center',\n        padding: sizes[size in sizes ? size : 'sm'],\n        whiteSpace: 'nowrap',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        userSelect: 'none',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[1] : theme.colors.gray[7],\n        transition: `color ${shouldAnimate ? 0 : transitionDuration}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n\n        '&:hover': {\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        },\n      },\n\n      control: {\n        ref: getRef('control'),\n        position: 'relative',\n        boxSizing: 'border-box',\n        flex: 1,\n        zIndex: 2,\n        transition: `border-left-color ${shouldAnimate ? 0 : transitionDuration}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n\n        '&:not(:first-of-type)': {\n          borderStyle: 'solid',\n          borderWidth: vertical ? '1px 0 0 0' : '0 0 0 1px',\n          borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3],\n        },\n      },\n\n      input: {\n        height: 0,\n        width: 0,\n        position: 'absolute',\n        overflow: 'hidden',\n        whiteSpace: 'nowrap',\n        opacity: 0,\n\n        // input is hidden by default, these styles add focus to label when user navigates with keyboard\n        '&:focus': {\n          outline: 'none',\n\n          [`& + .${getRef('label')}`]: {\n            outline: 'none',\n            boxShadow:\n              theme.focusRing === 'always' || theme.focusRing === 'auto'\n                ? `0 0 0 2px ${\n                    theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.white\n                  }, 0 0 0 4px ${\n                    theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 7 : 5]\n                  }`\n                : undefined,\n          },\n\n          '&:focus:not(:focus-visible)': {\n            [`& + .${getRef('label')}`]: {\n              boxShadow:\n                theme.focusRing === 'auto' || theme.focusRing === 'never' ? 'none' : undefined,\n            },\n          },\n        },\n      },\n\n      root: {\n        position: 'relative',\n        display: fullWidth || vertical ? 'flex' : 'inline-flex',\n        width: vertical && !fullWidth ? 'max-content' : 'auto',\n        flexDirection: vertical ? 'column' : 'row',\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[1],\n        borderRadius: theme.fn.radius(radius),\n        overflow: 'hidden',\n        padding: WRAPPER_PADDING,\n      },\n\n      controlActive: {\n        borderLeftColor: 'transparent !important',\n        borderTopColor: 'transparent !important',\n\n        [`& + .${getRef('control')}`]: {\n          borderLeftColor: 'transparent !important',\n          borderTopColor: 'transparent !important',\n        },\n        borderRadius: theme.fn.radius(radius),\n        boxShadow: shouldAnimate\n          ? color || theme.colorScheme === 'dark'\n            ? 'none'\n            : theme.shadows.xs\n          : undefined,\n        backgroundColor: shouldAnimate\n          ? color in theme.colors\n            ? colors.background\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[5]\n            : theme.white\n          : undefined,\n      },\n\n      labelActive: {\n        '&, &:hover': {\n          color: color in theme.colors || theme.colorScheme === 'dark' ? theme.white : theme.black,\n        },\n      },\n\n      disabled: {\n        '&, &:hover': {\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n          cursor: 'not-allowed',\n        },\n      },\n\n      active: {\n        boxSizing: 'border-box',\n        borderRadius: theme.fn.radius(radius),\n        position: 'absolute',\n        zIndex: 1,\n        boxShadow: color || theme.colorScheme === 'dark' ? 'none' : theme.shadows.xs,\n        transition: `transform ${shouldAnimate ? 0 : transitionDuration}ms ${\n          theme.transitionTimingFunction\n        }, width ${shouldAnimate ? 0 : transitionDuration / 2}ms ${\n          transitionTimingFunction || theme.transitionTimingFunction\n        }`,\n        backgroundColor:\n          color in theme.colors\n            ? colors.background\n            : theme.colorScheme === 'dark'\n            ? theme.colors.dark[5]\n            : theme.white,\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/Select/DefaultItem/DefaultItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultItem.js","sources":["../../../src/Select/DefaultItem/DefaultItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nexport interface SelectItemProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'value'> {\n  label: React.ReactNode;\n  value?: string;\n}\n\nexport const DefaultItem = forwardRef<HTMLDivElement, SelectItemProps>(\n  ({ label, value, ...others }: SelectItemProps, ref) => (\n    <div ref={ref} {...others}>\n      {label || value}\n    </div>\n  )\n);\n\nDefaultItem.displayName = '@mantine/core/DefaultItem';\n"],"names":[],"mappings":";;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,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;AAEU,MAAC,WAAW,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AACnD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACjF,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC;AAC9B,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/Select/Select.js

@@ -0,0 +1,516 @@
+import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import { useScrollIntoView, useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks';
+import { getDefaultZIndex } from '@mantine/styles';
+import { groupOptions } from '@mantine/utils';
+import { SelectScrollArea } from './SelectScrollArea/SelectScrollArea.js';
+import { DefaultItem } from './DefaultItem/DefaultItem.js';
+import { getSelectRightSectionProps } from './SelectRightSection/get-select-right-section-props.js';
+import { SelectItems } from './SelectItems/SelectItems.js';
+import { SelectPopover } from './SelectPopover/SelectPopover.js';
+import { filterData } from './filter-data/filter-data.js';
+import useStyles from './Select.styles.js';
+import { useInputProps } from '../Input/use-input-props.js';
+import { Input } from '../Input/Input.js';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function defaultFilter(value, item) {
+  return item.label.toLowerCase().trim().includes(value.toLowerCase().trim());
+}
+function defaultShouldCreate(query, data) {
+  return !!query && !data.some((item) => item.label.toLowerCase() === query.toLowerCase());
+}
+const defaultProps = {
+  required: false,
+  size: "sm",
+  shadow: "sm",
+  itemComponent: DefaultItem,
+  transition: "fade",
+  transitionDuration: 0,
+  initiallyOpened: false,
+  filter: defaultFilter,
+  maxDropdownHeight: 220,
+  searchable: false,
+  clearable: false,
+  limit: Infinity,
+  disabled: false,
+  creatable: false,
+  shouldCreate: defaultShouldCreate,
+  selectOnBlur: false,
+  switchDirectionOnFlip: false,
+  filterDataOnExactSearchMatch: false,
+  zIndex: getDefaultZIndex("popover"),
+  clearButtonTabIndex: 0,
+  positionDependencies: [],
+  dropdownPosition: "flip"
+};
+const Select = forwardRef((props, ref) => {
+  const _a = useInputProps("Select", defaultProps, props), {
+    inputProps,
+    wrapperProps,
+    shadow,
+    data,
+    value,
+    defaultValue,
+    onChange,
+    itemComponent,
+    onKeyDown,
+    onBlur,
+    onFocus,
+    transition,
+    transitionDuration,
+    initiallyOpened,
+    transitionTimingFunction,
+    unstyled,
+    classNames,
+    styles,
+    filter,
+    maxDropdownHeight,
+    searchable,
+    clearable,
+    nothingFound,
+    clearButtonLabel,
+    limit,
+    disabled,
+    onSearchChange,
+    rightSection,
+    rightSectionWidth,
+    creatable,
+    getCreateLabel,
+    shouldCreate,
+    selectOnBlur,
+    onCreate,
+    dropdownComponent,
+    onDropdownClose,
+    onDropdownOpen,
+    withinPortal,
+    switchDirectionOnFlip,
+    zIndex,
+    name,
+    dropdownPosition,
+    allowDeselect,
+    placeholder,
+    filterDataOnExactSearchMatch,
+    clearButtonTabIndex,
+    form,
+    positionDependencies
+  } = _a, others = __objRest(_a, [
+    "inputProps",
+    "wrapperProps",
+    "shadow",
+    "data",
+    "value",
+    "defaultValue",
+    "onChange",
+    "itemComponent",
+    "onKeyDown",
+    "onBlur",
+    "onFocus",
+    "transition",
+    "transitionDuration",
+    "initiallyOpened",
+    "transitionTimingFunction",
+    "unstyled",
+    "classNames",
+    "styles",
+    "filter",
+    "maxDropdownHeight",
+    "searchable",
+    "clearable",
+    "nothingFound",
+    "clearButtonLabel",
+    "limit",
+    "disabled",
+    "onSearchChange",
+    "rightSection",
+    "rightSectionWidth",
+    "creatable",
+    "getCreateLabel",
+    "shouldCreate",
+    "selectOnBlur",
+    "onCreate",
+    "dropdownComponent",
+    "onDropdownClose",
+    "onDropdownOpen",
+    "withinPortal",
+    "switchDirectionOnFlip",
+    "zIndex",
+    "name",
+    "dropdownPosition",
+    "allowDeselect",
+    "placeholder",
+    "filterDataOnExactSearchMatch",
+    "clearButtonTabIndex",
+    "form",
+    "positionDependencies"
+  ]);
+  const { classes, cx, theme } = useStyles();
+  const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);
+  const [hovered, setHovered] = useState(-1);
+  const inputRef = useRef();
+  const itemsRefs = useRef({});
+  const [direction, setDirection] = useState("column");
+  const isColumn = direction === "column";
+  const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({
+    duration: 0,
+    offset: 5,
+    cancelable: false,
+    isList: true
+  });
+  const isDeselectable = allowDeselect === void 0 ? clearable : allowDeselect;
+  const setDropdownOpened = (opened) => {
+    if (dropdownOpened !== opened) {
+      _setDropdownOpened(opened);
+      const handler = opened ? onDropdownOpen : onDropdownClose;
+      typeof handler === "function" && handler();
+    }
+  };
+  const isCreatable = creatable && typeof getCreateLabel === "function";
+  let createLabel = null;
+  const formattedData = data.map((item) => typeof item === "string" ? { label: item, value: item } : item);
+  const sortedData = groupOptions({ data: formattedData });
+  const [_value, handleChange, controlled] = useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: null,
+    onChange
+  });
+  const selectedValue = sortedData.find((item) => item.value === _value);
+  const [inputValue, setInputValue] = useState((selectedValue == null ? void 0 : selectedValue.label) || "");
+  const handleSearchChange = (val) => {
+    setInputValue(val);
+    if (searchable && typeof onSearchChange === "function") {
+      onSearchChange(val);
+    }
+  };
+  const handleClear = () => {
+    var _a2;
+    handleChange(null);
+    if (!controlled) {
+      handleSearchChange("");
+    }
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+  };
+  useEffect(() => {
+    const newSelectedValue = sortedData.find((item) => item.value === _value);
+    if (newSelectedValue) {
+      handleSearchChange(newSelectedValue.label);
+    } else if (!isCreatable || !_value) {
+      handleSearchChange("");
+    }
+  }, [_value]);
+  useEffect(() => {
+    if (selectedValue && (!searchable || !dropdownOpened)) {
+      handleSearchChange(selectedValue.label);
+    }
+  }, [selectedValue == null ? void 0 : selectedValue.label]);
+  const handleItemSelect = (item) => {
+    if (isDeselectable && (selectedValue == null ? void 0 : selectedValue.value) === item.value) {
+      handleChange(null);
+      setDropdownOpened(false);
+    } else {
+      if (item.creatable && typeof onCreate === "function") {
+        const createdItem = onCreate(item.value);
+        if (typeof createdItem === "string") {
+          handleChange(createdItem);
+        } else {
+          handleChange(createdItem.value);
+        }
+      } else {
+        handleChange(item.value);
+      }
+      if (!controlled) {
+        handleSearchChange(item.label);
+      }
+      setHovered(-1);
+      setDropdownOpened(false);
+      inputRef.current.focus();
+    }
+  };
+  const filteredData = filterData({
+    data: sortedData,
+    searchable,
+    limit,
+    searchValue: inputValue,
+    filter,
+    filterDataOnExactSearchMatch,
+    value: _value
+  });
+  if (isCreatable && shouldCreate(inputValue, filteredData)) {
+    createLabel = getCreateLabel(inputValue);
+    filteredData.push({ label: inputValue, value: inputValue, creatable: true });
+  }
+  const getNextIndex = (index, nextItem, compareFn) => {
+    let i = index;
+    while (compareFn(i)) {
+      i = nextItem(i);
+      if (!filteredData[i].disabled)
+        return i;
+    }
+    return index;
+  };
+  useDidUpdate(() => {
+    setHovered(-1);
+  }, [inputValue]);
+  const selectedItemIndex = _value ? filteredData.findIndex((el) => el.value === _value) : 0;
+  const handlePrevious = () => {
+    setHovered((current) => {
+      var _a2;
+      const nextIndex = getNextIndex(current, (index) => index - 1, (index) => index > 0);
+      targetRef.current = itemsRefs.current[(_a2 = filteredData[nextIndex]) == null ? void 0 : _a2.value];
+      scrollIntoView({ alignment: isColumn ? "start" : "end" });
+      return nextIndex;
+    });
+  };
+  const handleNext = () => {
+    setHovered((current) => {
+      var _a2;
+      const nextIndex = getNextIndex(current, (index) => index + 1, (index) => index < filteredData.length - 1);
+      targetRef.current = itemsRefs.current[(_a2 = filteredData[nextIndex]) == null ? void 0 : _a2.value];
+      scrollIntoView({ alignment: isColumn ? "end" : "start" });
+      return nextIndex;
+    });
+  };
+  const scrollSelectedItemIntoView = () => window.setTimeout(() => {
+    var _a2;
+    targetRef.current = itemsRefs.current[(_a2 = filteredData[selectedItemIndex]) == null ? void 0 : _a2.value];
+    scrollIntoView({ alignment: isColumn ? "end" : "start" });
+  }, 0);
+  const handleInputKeydown = (event) => {
+    typeof onKeyDown === "function" && onKeyDown(event);
+    switch (event.key) {
+      case "ArrowUp": {
+        event.preventDefault();
+        if (!dropdownOpened) {
+          setHovered(selectedItemIndex);
+          setDropdownOpened(true);
+          scrollSelectedItemIntoView();
+        } else {
+          isColumn ? handlePrevious() : handleNext();
+        }
+        break;
+      }
+      case "ArrowDown": {
+        event.preventDefault();
+        if (!dropdownOpened) {
+          setHovered(selectedItemIndex);
+          setDropdownOpened(true);
+          scrollSelectedItemIntoView();
+        } else {
+          isColumn ? handleNext() : handlePrevious();
+        }
+        break;
+      }
+      case "Home": {
+        if (!searchable) {
+          event.preventDefault();
+          if (!dropdownOpened) {
+            setDropdownOpened(true);
+          }
+          const firstItemIndex = filteredData.findIndex((item) => !item.disabled);
+          setHovered(firstItemIndex);
+          scrollIntoView({ alignment: isColumn ? "end" : "start" });
+        }
+        break;
+      }
+      case "End": {
+        if (!searchable) {
+          event.preventDefault();
+          if (!dropdownOpened) {
+            setDropdownOpened(true);
+          }
+          const lastItemIndex = filteredData.map((item) => !!item.disabled).lastIndexOf(false);
+          setHovered(lastItemIndex);
+          scrollIntoView({ alignment: isColumn ? "end" : "start" });
+        }
+        break;
+      }
+      case "Escape": {
+        event.preventDefault();
+        setDropdownOpened(false);
+        setHovered(-1);
+        break;
+      }
+      case " ": {
+        if (!searchable) {
+          if (filteredData[hovered] && dropdownOpened) {
+            event.preventDefault();
+            handleItemSelect(filteredData[hovered]);
+          } else {
+            setDropdownOpened(true);
+            setHovered(selectedItemIndex);
+            scrollSelectedItemIntoView();
+          }
+        }
+        break;
+      }
+      case "Enter": {
+        if (!searchable) {
+          event.preventDefault();
+        }
+        if (filteredData[hovered] && dropdownOpened) {
+          event.preventDefault();
+          handleItemSelect(filteredData[hovered]);
+        }
+      }
+    }
+  };
+  const handleInputBlur = (event) => {
+    typeof onBlur === "function" && onBlur(event);
+    const selected = sortedData.find((item) => item.value === _value);
+    if (selectOnBlur && filteredData[hovered] && dropdownOpened) {
+      handleItemSelect(filteredData[hovered]);
+    }
+    handleSearchChange((selected == null ? void 0 : selected.label) || "");
+    setDropdownOpened(false);
+  };
+  const handleInputFocus = (event) => {
+    typeof onFocus === "function" && onFocus(event);
+    if (searchable) {
+      setDropdownOpened(true);
+      scrollSelectedItemIntoView();
+    }
+  };
+  const handleInputChange = (event) => {
+    handleSearchChange(event.currentTarget.value);
+    if (clearable && event.currentTarget.value === "") {
+      handleChange(null);
+    }
+    setHovered(-1);
+    setDropdownOpened(true);
+  };
+  const handleInputClick = () => {
+    let dropdownOpen = true;
+    if (!searchable) {
+      dropdownOpen = !dropdownOpened;
+    }
+    setDropdownOpened(dropdownOpen);
+    if (_value && dropdownOpen) {
+      setHovered(selectedItemIndex);
+      scrollSelectedItemIntoView();
+    }
+  };
+  const shouldShowDropdown = filteredData.length > 0 ? dropdownOpened : dropdownOpened && !!nothingFound;
+  return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadProps(__spreadValues({}, wrapperProps), {
+    __staticSelector: "Select"
+  }), /* @__PURE__ */ React.createElement(SelectPopover, {
+    opened: shouldShowDropdown,
+    transition,
+    transitionDuration,
+    shadow: "sm",
+    withinPortal,
+    __staticSelector: "Select",
+    onDirectionChange: setDirection,
+    switchDirectionOnFlip,
+    zIndex,
+    dropdownPosition,
+    positionDependencies,
+    classNames,
+    styles,
+    unstyled
+  }, /* @__PURE__ */ React.createElement(SelectPopover.Target, null, /* @__PURE__ */ React.createElement("div", {
+    role: "combobox",
+    "aria-haspopup": "listbox",
+    "aria-owns": shouldShowDropdown ? `${inputProps.id}-items` : null,
+    "aria-controls": inputProps.id,
+    "aria-expanded": shouldShowDropdown,
+    onMouseLeave: () => setHovered(-1),
+    tabIndex: -1
+  }, /* @__PURE__ */ React.createElement("input", {
+    type: "hidden",
+    name,
+    value: _value || "",
+    form
+  }), /* @__PURE__ */ React.createElement(Input, __spreadValues(__spreadProps(__spreadValues(__spreadValues({
+    autoComplete: "off",
+    type: "search"
+  }, inputProps), others), {
+    ref: useMergedRef(ref, inputRef),
+    onKeyDown: handleInputKeydown,
+    __staticSelector: "Select",
+    value: inputValue,
+    placeholder,
+    onChange: handleInputChange,
+    "aria-autocomplete": "list",
+    "aria-controls": shouldShowDropdown ? `${inputProps.id}-items` : null,
+    "aria-activedescendant": hovered >= 0 ? `${inputProps.id}-${hovered}` : null,
+    onClick: handleInputClick,
+    onBlur: handleInputBlur,
+    onFocus: handleInputFocus,
+    readOnly: !searchable,
+    disabled,
+    "data-mantine-stop-propagation": shouldShowDropdown,
+    name: null,
+    classNames: __spreadProps(__spreadValues({}, classNames), {
+      input: cx({ [classes.input]: !searchable }, classNames == null ? void 0 : classNames.input)
+    })
+  }), getSelectRightSectionProps({
+    theme,
+    rightSection,
+    rightSectionWidth,
+    styles,
+    size: inputProps.size,
+    shouldClear: clearable && !!selectedValue,
+    clearButtonLabel,
+    onClear: handleClear,
+    error: wrapperProps.error,
+    clearButtonTabIndex
+  }))))), /* @__PURE__ */ React.createElement(SelectPopover.Dropdown, {
+    component: dropdownComponent || SelectScrollArea,
+    maxHeight: maxDropdownHeight,
+    direction,
+    id: inputProps.id,
+    innerRef: scrollableRef
+  }, /* @__PURE__ */ React.createElement(SelectItems, {
+    data: filteredData,
+    hovered,
+    classNames,
+    styles,
+    isItemSelected: (val) => val === _value,
+    uuid: inputProps.id,
+    __staticSelector: "Select",
+    onItemHover: setHovered,
+    onItemSelect: handleItemSelect,
+    itemsRefs,
+    itemComponent,
+    size: inputProps.size,
+    nothingFound,
+    creatable: isCreatable && !!createLabel,
+    createLabel,
+    "aria-label": wrapperProps.label,
+    unstyled
+  }))));
+});
+Select.displayName = "@mantine/core/Select";
+
+export { Select, defaultFilter, defaultShouldCreate };
+//# sourceMappingURL=Select.js.map