@mantine/core 4.2.9 → 5.0.0-alpha.11

package/esm/components/Select/SelectItems/SelectItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItems.js","sources":["../../../../src/components/Select/SelectItems/SelectItems.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { Text } from '../../Text/Text';\nimport { Divider } from '../../Divider/Divider';\nimport { SelectItem } from '../types';\nimport useStyles from './SelectItems.styles';\n\nexport type SelectItemsStylesNames = Selectors<typeof useStyles>;\n\nexport interface SelectItemsProps extends DefaultProps<SelectItemsStylesNames> {\n  data: SelectItem[];\n  hovered: number;\n  __staticSelector: string;\n  isItemSelected?(itemValue: string): boolean;\n  uuid: string;\n  itemsRefs?: React.MutableRefObject<Record<string, HTMLDivElement>>;\n  onItemHover(index: number): void;\n  onItemSelect(item: SelectItem): void;\n  size: MantineSize;\n  itemComponent: React.FC<any>;\n  nothingFound?: React.ReactNode;\n  creatable?: boolean;\n  createLabel?: React.ReactNode;\n}\n\nexport function SelectItems({\n  data,\n  hovered,\n  classNames,\n  styles,\n  isItemSelected,\n  uuid,\n  __staticSelector,\n  onItemHover,\n  onItemSelect,\n  itemsRefs,\n  itemComponent: Item,\n  size,\n  nothingFound,\n  creatable,\n  createLabel,\n}: SelectItemsProps) {\n  const { classes, cx } = useStyles({ size }, { classNames, styles, name: __staticSelector });\n  const unGroupedItems: React.ReactElement<any>[] = [];\n  const groupedItems: React.ReactElement<any>[] = [];\n  let creatableDataIndex = null;\n\n  const constructItemComponent = (item: SelectItem, index: number) => {\n    const selected = typeof isItemSelected === 'function' ? isItemSelected(item.value) : false;\n    return (\n      <Item\n        key={item.value}\n        className={cx(classes.item, {\n          [classes.hovered]: !item.disabled && hovered === index,\n          [classes.selected]: !item.disabled && selected,\n          [classes.disabled]: item.disabled,\n        })}\n        onMouseEnter={() => onItemHover(index)}\n        id={`${uuid}-${index}`}\n        role=\"option\"\n        data-ignore-outside-clicks\n        tabIndex={-1}\n        aria-selected={hovered === index}\n        ref={(node: HTMLDivElement) => {\n          if (itemsRefs && itemsRefs.current) {\n            // eslint-disable-next-line no-param-reassign\n            itemsRefs.current[item.value] = node;\n          }\n        }}\n        onMouseDown={\n          !item.disabled\n            ? (event: React.MouseEvent<HTMLDivElement>) => {\n                event.preventDefault();\n                onItemSelect(item);\n              }\n            : null\n        }\n        disabled={item.disabled}\n        {...item}\n      />\n    );\n  };\n\n  let groupName = null;\n  data.forEach((item, index) => {\n    if (item.creatable) {\n      creatableDataIndex = index;\n    } else if (!item.group) {\n      unGroupedItems.push(constructItemComponent(item, index));\n    } else {\n      if (groupName !== item.group) {\n        groupName = item.group;\n        groupedItems.push(\n          <div className={classes.separator} key={`__mantine-divider-${index}`}>\n            <Divider classNames={{ label: classes.separatorLabel }} label={item.group} />\n          </div>\n        );\n      }\n      groupedItems.push(constructItemComponent(item, index));\n    }\n  });\n\n  if (creatable) {\n    const creatableDataItem = data[creatableDataIndex];\n    const selected =\n      typeof isItemSelected === 'function' ? isItemSelected(data[creatableDataIndex].value) : false;\n    unGroupedItems.push(\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div\n        key={creatableDataItem.value}\n        className={cx(classes.item, {\n          [classes.hovered]: hovered === creatableDataIndex,\n          [classes.selected]: selected,\n        })}\n        onMouseEnter={() => onItemHover(creatableDataIndex)}\n        onMouseDown={(event: React.MouseEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          onItemSelect(creatableDataItem);\n        }}\n        tabIndex={-1}\n        ref={(node: HTMLDivElement) => {\n          if (itemsRefs && itemsRefs.current) {\n            // eslint-disable-next-line no-param-reassign\n            itemsRefs.current[creatableDataItem.value] = node;\n          }\n        }}\n      >\n        {createLabel}\n      </div>\n    );\n  }\n\n  if (groupedItems.length > 0 && unGroupedItems.length > 0) {\n    unGroupedItems.unshift(\n      <div className={classes.separator}>\n        <Divider />\n      </div>\n    );\n  }\n\n  return groupedItems.length > 0 || unGroupedItems.length > 0 ? (\n    <>\n      {groupedItems}\n      {unGroupedItems}\n    </>\n  ) : (\n    <Text size={size} className={classes.nothingFound}>\n      {nothingFound}\n    </Text>\n  );\n}\n\nSelectItems.displayName = '@mantine/core/SelectItems';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectItems.js","sources":["../../../../src/components/Select/SelectItems/SelectItems.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineSize, Selectors } from '@mantine/styles';\nimport { Text } from '../../Text/Text';\nimport { Divider } from '../../Divider/Divider';\nimport { SelectItem } from '../types';\nimport useStyles from './SelectItems.styles';\n\nexport type SelectItemsStylesNames = Selectors<typeof useStyles>;\n\nexport interface SelectItemsProps extends DefaultProps<SelectItemsStylesNames> {\n  data: SelectItem[];\n  hovered: number;\n  __staticSelector: string;\n  isItemSelected?(itemValue: string): boolean;\n  uuid: string;\n  itemsRefs?: React.MutableRefObject<Record<string, HTMLDivElement>>;\n  onItemHover(index: number): void;\n  onItemSelect(item: SelectItem): void;\n  size: MantineSize;\n  itemComponent: React.FC<any>;\n  nothingFound?: React.ReactNode;\n  creatable?: boolean;\n  createLabel?: React.ReactNode;\n}\n\nexport function SelectItems({\n  data,\n  hovered,\n  classNames,\n  styles,\n  isItemSelected,\n  uuid,\n  __staticSelector,\n  onItemHover,\n  onItemSelect,\n  itemsRefs,\n  itemComponent: Item,\n  size,\n  nothingFound,\n  creatable,\n  createLabel,\n  unstyled,\n}: SelectItemsProps) {\n  const { classes } = useStyles({ size }, { classNames, styles, unstyled, name: __staticSelector });\n  const unGroupedItems: React.ReactElement<any>[] = [];\n  const groupedItems: React.ReactElement<any>[] = [];\n  let creatableDataIndex = null;\n\n  const constructItemComponent = (item: SelectItem, index: number) => {\n    const selected = typeof isItemSelected === 'function' ? isItemSelected(item.value) : false;\n    return (\n      <Item\n        key={item.value}\n        className={classes.item}\n        data-disabled={item.disabled || undefined}\n        data-hovered={(!item.disabled && hovered === index) || undefined}\n        data-selected={(!item.disabled && selected) || undefined}\n        onMouseEnter={() => onItemHover(index)}\n        id={`${uuid}-${index}`}\n        role=\"option\"\n        data-ignore-outside-clicks\n        tabIndex={-1}\n        aria-selected={hovered === index}\n        ref={(node: HTMLDivElement) => {\n          if (itemsRefs && itemsRefs.current) {\n            // eslint-disable-next-line no-param-reassign\n            itemsRefs.current[item.value] = node;\n          }\n        }}\n        onMouseDown={\n          !item.disabled\n            ? (event: React.MouseEvent<HTMLDivElement>) => {\n                event.preventDefault();\n                onItemSelect(item);\n              }\n            : null\n        }\n        disabled={item.disabled}\n        {...item}\n      />\n    );\n  };\n\n  let groupName = null;\n  data.forEach((item, index) => {\n    if (item.creatable) {\n      creatableDataIndex = index;\n    } else if (!item.group) {\n      unGroupedItems.push(constructItemComponent(item, index));\n    } else {\n      if (groupName !== item.group) {\n        groupName = item.group;\n        groupedItems.push(\n          <div className={classes.separator} key={`__mantine-divider-${index}`}>\n            <Divider classNames={{ label: classes.separatorLabel }} label={item.group} />\n          </div>\n        );\n      }\n      groupedItems.push(constructItemComponent(item, index));\n    }\n  });\n\n  if (creatable) {\n    const creatableDataItem = data[creatableDataIndex];\n    const selected =\n      typeof isItemSelected === 'function' ? isItemSelected(data[creatableDataIndex].value) : false;\n    unGroupedItems.push(\n      // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n      <div\n        key={creatableDataItem.value}\n        className={classes.item}\n        data-selected={selected || undefined}\n        data-hovered={hovered === creatableDataIndex || undefined}\n        onMouseEnter={() => onItemHover(creatableDataIndex)}\n        onMouseDown={(event: React.MouseEvent<HTMLDivElement>) => {\n          event.preventDefault();\n          onItemSelect(creatableDataItem);\n        }}\n        tabIndex={-1}\n        ref={(node: HTMLDivElement) => {\n          if (itemsRefs && itemsRefs.current) {\n            // eslint-disable-next-line no-param-reassign\n            itemsRefs.current[creatableDataItem.value] = node;\n          }\n        }}\n      >\n        {createLabel}\n      </div>\n    );\n  }\n\n  if (groupedItems.length > 0 && unGroupedItems.length > 0) {\n    unGroupedItems.unshift(\n      <div className={classes.separator}>\n        <Divider />\n      </div>\n    );\n  }\n\n  return groupedItems.length > 0 || unGroupedItems.length > 0 ? (\n    <>\n      {groupedItems}\n      {unGroupedItems}\n    </>\n  ) : (\n    <Text size={size} unstyled={unstyled} className={classes.nothingFound}>\n      {nothingFound}\n    </Text>\n  );\n}\n\nSelectItems.displayName = '@mantine/core/SelectItems';\n"],"names":[],"mappings":"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"}

package/esm/components/Select/SelectItems/SelectItems.styles.js

@@ -1,5 +1,21 @@
 import { createStyles } from '@mantine/styles';
 
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var useStyles = createStyles((theme, { size }) => ({
   item: {
     boxSizing: "border-box",
@@ -12,14 +28,18 @@ var useStyles = createStyles((theme, { size }) => ({
     cursor: "pointer",
     fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-    borderRadius: theme.radius.sm
-  },
-  selected: {
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.colors[theme.primaryColor][0],
-    color: theme.colorScheme === "dark" ? theme.white : theme.colors[theme.primaryColor][9]
-  },
-  hovered: {
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[1]
+    borderRadius: theme.radius.sm,
+    "&[data-hovered]": {
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[1]
+    },
+    "&[data-selected]": __spreadValues({
+      backgroundColor: theme.fn.variant({ variant: "filled" }).background,
+      color: theme.fn.variant({ variant: "filled" }).color
+    }, theme.fn.hover({ backgroundColor: theme.fn.variant({ variant: "filled" }).hover })),
+    "&[data-disabled]": {
+      cursor: "default",
+      color: theme.colors.dark[2]
+    }
   },
   nothingFound: {
     boxSizing: "border-box",
@@ -28,10 +48,6 @@ var useStyles = createStyles((theme, { size }) => ({
     paddingBottom: theme.fn.size({ size, sizes: theme.spacing }) / 2,
     textAlign: "center"
   },
-  disabled: {
-    cursor: "default",
-    color: theme.colors.dark[2]
-  },
   separator: {
     boxSizing: "border-box",
     textAlign: "left",

package/esm/components/Select/SelectItems/SelectItems.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItems.styles.js","sources":["../../../../src/components/Select/SelectItems/SelectItems.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\n\ninterface SelectItemsStyles {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: SelectItemsStyles) => ({\n  item: {\n    boxSizing: 'border-box',\n    textAlign: 'left',\n    width: '100%',\n    padding: `${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px ${theme.fn.size({\n      size,\n      sizes: theme.spacing,\n    })}px`,\n    cursor: 'pointer',\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    borderRadius: theme.radius.sm,\n  },\n\n  selected: {\n    backgroundColor:\n      theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.colors[theme.primaryColor][0],\n    color: theme.colorScheme === 'dark' ? theme.white : theme.colors[theme.primaryColor][9],\n  },\n\n  hovered: {\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n  },\n\n  nothingFound: {\n    boxSizing: 'border-box',\n    color: theme.colors.gray[6],\n    paddingTop: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n    paddingBottom: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n    textAlign: 'center',\n  },\n\n  disabled: {\n    cursor: 'default',\n    color: theme.colors.dark[2],\n  },\n\n  separator: {\n    boxSizing: 'border-box',\n    textAlign: 'left',\n    width: '100%',\n    padding: `${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px ${theme.fn.size({\n      size,\n      sizes: theme.spacing,\n    })}px`,\n  },\n\n  separatorLabel: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,IAAI,EAAE;AACR,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;AACvF,MAAM,IAAI;AACV,MAAM,KAAK,EAAE,KAAK,CAAC,OAAO;AAC1B,KAAK,CAAC,CAAC,EAAE,CAAC;AACV,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACjC,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AAC9G,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;AAC3F,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/F,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,IAAI,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACjE,IAAI,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC;AACpE,IAAI,SAAS,EAAE,QAAQ;AACvB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,MAAM,EAAE,SAAS;AACrB,IAAI,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/B,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;AACvF,MAAM,IAAI;AACV,MAAM,KAAK,EAAE,KAAK,CAAC,OAAO;AAC1B,KAAK,CAAC,CAAC,EAAE,CAAC;AACV,GAAG;AACH,EAAE,cAAc,EAAE;AAClB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"SelectItems.styles.js","sources":["../../../../src/components/Select/SelectItems/SelectItems.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\n\ninterface SelectItemsStyles {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: SelectItemsStyles) => ({\n  item: {\n    boxSizing: 'border-box',\n    textAlign: 'left',\n    width: '100%',\n    padding: `${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px ${theme.fn.size({\n      size,\n      sizes: theme.spacing,\n    })}px`,\n    cursor: 'pointer',\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    borderRadius: theme.radius.sm,\n\n    '&[data-hovered]': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n    },\n\n    '&[data-selected]': {\n      backgroundColor: theme.fn.variant({ variant: 'filled' }).background,\n      color: theme.fn.variant({ variant: 'filled' }).color,\n      ...theme.fn.hover({ backgroundColor: theme.fn.variant({ variant: 'filled' }).hover }),\n    },\n\n    '&[data-disabled]': {\n      cursor: 'default',\n      color: theme.colors.dark[2],\n    },\n  },\n\n  nothingFound: {\n    boxSizing: 'border-box',\n    color: theme.colors.gray[6],\n    paddingTop: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n    paddingBottom: theme.fn.size({ size, sizes: theme.spacing }) / 2,\n    textAlign: 'center',\n  },\n\n  separator: {\n    boxSizing: 'border-box',\n    textAlign: 'left',\n    width: '100%',\n    padding: `${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px ${theme.fn.size({\n      size,\n      sizes: theme.spacing,\n    })}px`,\n  },\n\n  separatorLabel: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/Select/SelectPopover/SelectPopover.js

@@ -0,0 +1,108 @@
+import React from 'react';
+import { Popover } from '../../Popover/Popover.js';
+import { Box } from '../../Box/Box.js';
+import { ScrollArea } from '../../ScrollArea/ScrollArea.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+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 SelectPopoverDropdown(_a) {
+  var _b = _a, {
+    children,
+    component = "div",
+    maxHeight = 220,
+    direction = "column",
+    id,
+    innerRef
+  } = _b, others = __objRest(_b, [
+    "children",
+    "component",
+    "maxHeight",
+    "direction",
+    "id",
+    "innerRef"
+  ]);
+  return /* @__PURE__ */ React.createElement(Popover.Dropdown, __spreadValues({
+    p: 0,
+    onMouseDown: (event) => event.preventDefault()
+  }, others), /* @__PURE__ */ React.createElement("div", {
+    style: { maxHeight, display: "flex" }
+  }, /* @__PURE__ */ React.createElement(Box, {
+    component: component || "div",
+    id: `${id}-items`,
+    "aria-labelledby": `${id}-label`,
+    role: "listbox",
+    onMouseDown: (event) => event.preventDefault(),
+    style: { flex: 1, overflowY: component !== ScrollArea ? "auto" : void 0 },
+    "data-combobox-popover": true,
+    ref: innerRef
+  }, /* @__PURE__ */ React.createElement("div", {
+    style: { display: "flex", flexDirection: direction, width: "100%", padding: 4 }
+  }, children))));
+}
+function SelectPopover({
+  opened,
+  transition = "fade",
+  transitionDuration = 0,
+  shadow,
+  withinPortal,
+  children,
+  __staticSelector,
+  onDirectionChange,
+  switchDirectionOnFlip,
+  zIndex,
+  dropdownPosition,
+  positionDependencies = [],
+  classNames,
+  styles,
+  unstyled
+}) {
+  return /* @__PURE__ */ React.createElement(Popover, {
+    unstyled,
+    classNames,
+    styles,
+    width: "target",
+    withRoles: false,
+    opened,
+    middlewares: { flip: dropdownPosition === "flip", shift: false },
+    position: dropdownPosition === "flip" ? "bottom" : dropdownPosition,
+    positionDependencies,
+    zIndex,
+    __staticSelector,
+    withinPortal,
+    transition,
+    transitionDuration,
+    shadow,
+    onPositionChange: (nextPosition) => switchDirectionOnFlip && (onDirectionChange == null ? void 0 : onDirectionChange(nextPosition === "top" ? "column-reverse" : "column"))
+  }, children);
+}
+SelectPopover.Target = Popover.Target;
+SelectPopover.Dropdown = SelectPopoverDropdown;
+
+export { SelectPopover };
+//# sourceMappingURL=SelectPopover.js.map

package/esm/components/Select/SelectPopover/SelectPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopover.js","sources":["../../../../src/components/Select/SelectPopover/SelectPopover.tsx"],"sourcesContent":["import React from 'react';\nimport { ClassNames, MantineShadow, Styles } from '@mantine/styles';\nimport { ScrollArea } from '../../ScrollArea';\nimport { Popover } from '../../Popover';\nimport { Box } from '../../Box';\nimport { MantineTransition } from '../../Transition';\n\nexport type SelectPopoverStylesNames = 'dropdown';\n\ninterface SelectPopoverDropdownProps {\n  children: React.ReactNode;\n  id: string;\n  component?: any;\n  maxHeight?: number | string;\n  direction?: React.CSSProperties['flexDirection'];\n  innerRef?: React.MutableRefObject<HTMLDivElement>;\n}\n\nfunction SelectPopoverDropdown({\n  children,\n  component = 'div',\n  maxHeight = 220,\n  direction = 'column',\n  id,\n  innerRef,\n  ...others\n}: SelectPopoverDropdownProps) {\n  return (\n    <Popover.Dropdown p={0} onMouseDown={(event) => event.preventDefault()} {...others}>\n      <div style={{ maxHeight, display: 'flex' }}>\n        <Box<'div'>\n          component={(component || 'div') as any}\n          id={`${id}-items`}\n          aria-labelledby={`${id}-label`}\n          role=\"listbox\"\n          onMouseDown={(event) => event.preventDefault()}\n          style={{ flex: 1, overflowY: component !== ScrollArea ? 'auto' : undefined }}\n          data-combobox-popover\n          ref={innerRef}\n        >\n          <div style={{ display: 'flex', flexDirection: direction, width: '100%', padding: 4 }}>\n            {children}\n          </div>\n        </Box>\n      </div>\n    </Popover.Dropdown>\n  );\n}\n\ninterface SelectPopoverProps {\n  opened: boolean;\n  transition?: MantineTransition;\n  transitionDuration?: number;\n  shadow?: MantineShadow;\n  withinPortal?: boolean;\n  children: React.ReactNode;\n  __staticSelector?: string;\n  onDirectionChange?(direction: React.CSSProperties['flexDirection']): void;\n  switchDirectionOnFlip?: boolean;\n  zIndex?: React.CSSProperties['zIndex'];\n  dropdownPosition?: 'bottom' | 'top' | 'flip';\n  positionDependencies?: any[];\n  classNames?: ClassNames<SelectPopoverStylesNames>;\n  styles?: Styles<SelectPopoverStylesNames>;\n  unstyled?: boolean;\n}\n\nexport function SelectPopover({\n  opened,\n  transition = 'fade',\n  transitionDuration = 0,\n  shadow,\n  withinPortal,\n  children,\n  __staticSelector,\n  onDirectionChange,\n  switchDirectionOnFlip,\n  zIndex,\n  dropdownPosition,\n  positionDependencies = [],\n  classNames,\n  styles,\n  unstyled,\n}: SelectPopoverProps) {\n  return (\n    <Popover\n      unstyled={unstyled}\n      classNames={classNames}\n      styles={styles}\n      width=\"target\"\n      withRoles={false}\n      opened={opened}\n      middlewares={{ flip: dropdownPosition === 'flip', shift: false }}\n      position={dropdownPosition === 'flip' ? 'bottom' : dropdownPosition}\n      positionDependencies={positionDependencies}\n      zIndex={zIndex}\n      __staticSelector={__staticSelector}\n      withinPortal={withinPortal}\n      transition={transition}\n      transitionDuration={transitionDuration}\n      shadow={shadow}\n      onPositionChange={(nextPosition) =>\n        switchDirectionOnFlip &&\n        onDirectionChange?.(nextPosition === 'top' ? 'column-reverse' : 'column')\n      }\n    >\n      {children}\n    </Popover>\n  );\n}\n\nSelectPopover.Target = Popover.Target;\nSelectPopover.Dropdown = SelectPopoverDropdown;\n"],"names":[],"mappings":"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"}

package/esm/components/Select/SelectRightSection/SelectRightSection.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { CloseButton } from '../../ActionIcon/CloseButton/CloseButton.js';
 import { ChevronIcon } from './ChevronIcon.js';
+import { CloseButton } from '../../CloseButton/CloseButton.js';
 
 function SelectRightSection({
   shouldClear,

package/esm/components/Select/SelectRightSection/SelectRightSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRightSection.js","sources":["../../../../src/components/Select/SelectRightSection/SelectRightSection.tsx"],"sourcesContent":["import React from 'react';\nimport { MantineSize } from '@mantine/styles';\nimport { CloseButton } from '../../ActionIcon/CloseButton/CloseButton';\nimport { ChevronIcon } from './ChevronIcon';\n\nexport interface SelectRightSectionProps {\n  shouldClear: boolean;\n  clearButtonLabel?: string;\n  onClear?: () => void;\n  size: MantineSize;\n  error?: any;\n  // eslint-disable-next-line react/no-unused-prop-types\n  disabled?: boolean;\n  clearButtonTabIndex?: number;\n}\n\nexport function SelectRightSection({\n  shouldClear,\n  clearButtonLabel,\n  onClear,\n  size,\n  error,\n  clearButtonTabIndex,\n}: SelectRightSectionProps) {\n  return shouldClear ? (\n    <CloseButton\n      variant=\"transparent\"\n      aria-label={clearButtonLabel}\n      onClick={onClear}\n      size={size}\n      tabIndex={clearButtonTabIndex}\n    />\n  ) : (\n    <ChevronIcon error={error} size={size} />\n  );\n}\n\nSelectRightSection.displayName = '@mantine/core/SelectRightSection';\n"],"names":[],"mappings":";;;;AAGO,SAAS,kBAAkB,CAAC;AACnC,EAAE,WAAW;AACb,EAAE,gBAAgB;AAClB,EAAE,OAAO;AACT,EAAE,IAAI;AACN,EAAE,KAAK;AACP,EAAE,mBAAmB;AACrB,CAAC,EAAE;AACH,EAAE,OAAO,WAAW,mBAAmB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACxE,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,YAAY,EAAE,gBAAgB;AAClC,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,IAAI;AACR,IAAI,QAAQ,EAAE,mBAAmB;AACjC,GAAG,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACxD,IAAI,KAAK;AACT,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,kCAAkC;;;;"}
+{"version":3,"file":"SelectRightSection.js","sources":["../../../../src/components/Select/SelectRightSection/SelectRightSection.tsx"],"sourcesContent":["import React from 'react';\nimport { MantineSize } from '@mantine/styles';\nimport { CloseButton } from '../../CloseButton';\nimport { ChevronIcon } from './ChevronIcon';\n\nexport interface SelectRightSectionProps {\n  shouldClear: boolean;\n  clearButtonLabel?: string;\n  onClear?: () => void;\n  size: MantineSize;\n  error?: any;\n  // eslint-disable-next-line react/no-unused-prop-types\n  disabled?: boolean;\n  clearButtonTabIndex?: number;\n}\n\nexport function SelectRightSection({\n  shouldClear,\n  clearButtonLabel,\n  onClear,\n  size,\n  error,\n  clearButtonTabIndex,\n}: SelectRightSectionProps) {\n  return shouldClear ? (\n    <CloseButton\n      variant=\"transparent\"\n      aria-label={clearButtonLabel}\n      onClick={onClear}\n      size={size}\n      tabIndex={clearButtonTabIndex}\n    />\n  ) : (\n    <ChevronIcon error={error} size={size} />\n  );\n}\n\nSelectRightSection.displayName = '@mantine/core/SelectRightSection';\n"],"names":[],"mappings":";;;;AAGO,SAAS,kBAAkB,CAAC;AACnC,EAAE,WAAW;AACb,EAAE,gBAAgB;AAClB,EAAE,OAAO;AACT,EAAE,IAAI;AACN,EAAE,KAAK;AACP,EAAE,mBAAmB;AACrB,CAAC,EAAE;AACH,EAAE,OAAO,WAAW,mBAAmB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACxE,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,YAAY,EAAE,gBAAgB;AAClC,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,IAAI;AACR,IAAI,QAAQ,EAAE,mBAAmB;AACjC,GAAG,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE;AACxD,IAAI,KAAK;AACT,IAAI,IAAI;AACR,GAAG,CAAC,CAAC;AACL,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,kCAAkC;;;;"}

package/esm/components/SimpleGrid/SimpleGrid.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useMantineDefaultProps } from '@mantine/styles';
+import { useComponentDefaultProps } from '@mantine/styles';
 import useStyles from './SimpleGrid.styles.js';
 import { Box } from '../Box/Box.js';
 
@@ -37,8 +37,8 @@ const defaultProps = {
   spacing: "md"
 };
 const SimpleGrid = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("SimpleGrid", defaultProps, props), { className, breakpoints, cols, spacing, children, classNames, styles } = _a, others = __objRest(_a, ["className", "breakpoints", "cols", "spacing", "children", "classNames", "styles"]);
-  const { classes, cx } = useStyles({ breakpoints, cols, spacing }, { classNames, styles, name: "SimpleGrid" });
+  const _a = useComponentDefaultProps("SimpleGrid", defaultProps, props), { className, breakpoints, cols, spacing, children, unstyled } = _a, others = __objRest(_a, ["className", "breakpoints", "cols", "spacing", "children", "unstyled"]);
+  const { classes, cx } = useStyles({ breakpoints, cols, spacing }, { unstyled, name: "SimpleGrid" });
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
     className: cx(classes.root, className),
     ref

package/esm/components/SimpleGrid/SimpleGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.js","sources":["../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { SimpleGridBreakpoint } from './SimpleGrid.styles';\n\nexport interface SimpleGridProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Breakpoints data to change items per row and spacing based on max-width */\n  breakpoints?: SimpleGridBreakpoint[];\n\n  /** Default amount of columns, used when none of breakpoints can be applied  */\n  cols?: number;\n\n  /** Default spacing between columns, used when none of breakpoints can be applied */\n  spacing?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<SimpleGridProps> = {\n  breakpoints: [],\n  cols: 1,\n  spacing: 'md',\n};\n\nexport const SimpleGrid = forwardRef<HTMLDivElement, SimpleGridProps>(\n  (props: SimpleGridProps, ref) => {\n    const { className, breakpoints, cols, spacing, children, classNames, styles, ...others } =\n      useMantineDefaultProps('SimpleGrid', defaultProps, props);\n\n    const { classes, cx } = useStyles(\n      { breakpoints, cols, spacing },\n      { classNames, styles, name: 'SimpleGrid' }\n    );\n\n    return (\n      <Box className={cx(classes.root, className)} ref={ref} {...others}>\n        {children}\n      </Box>\n    );\n  }\n);\n\nSimpleGrid.displayName = '@mantine/core/SimpleGrid';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SimpleGrid.js","sources":["../../../src/components/SimpleGrid/SimpleGrid.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { SimpleGridBreakpoint, SimpleGridStylesParams } from './SimpleGrid.styles';\n\nexport interface SimpleGridProps\n  extends DefaultProps<never, SimpleGridStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Breakpoints data to change items per row and spacing based on max-width */\n  breakpoints?: SimpleGridBreakpoint[];\n\n  /** Default amount of columns, used when none of breakpoints can be applied  */\n  cols?: number;\n\n  /** Default spacing between columns, used when none of breakpoints can be applied */\n  spacing?: MantineNumberSize;\n}\n\nconst defaultProps: Partial<SimpleGridProps> = {\n  breakpoints: [],\n  cols: 1,\n  spacing: 'md',\n};\n\nexport const SimpleGrid = forwardRef<HTMLDivElement, SimpleGridProps>((props, ref) => {\n  const { className, breakpoints, cols, spacing, children, unstyled, ...others } =\n    useComponentDefaultProps('SimpleGrid', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { breakpoints, cols, spacing },\n    { unstyled, name: 'SimpleGrid' }\n  );\n\n  return (\n    <Box className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nSimpleGrid.displayName = '@mantine/core/SimpleGrid';\n"],"names":[],"mappings":"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"}

package/esm/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-sorted-breakpoints.js","sources":["../../../../src/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import { MantineTheme } from '@mantine/styles';\nimport type { SimpleGridBreakpoint } from '../SimpleGrid.styles';\n\nexport function getSortedBreakpoints(theme: MantineTheme, breakpoints: SimpleGridBreakpoint[]) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = 'maxWidth' in breakpoints[0] ? 'maxWidth' : 'minWidth';\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      theme.fn.size({ size: b[property], sizes: theme.breakpoints }) -\n      theme.fn.size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === 'minWidth' ? sorted.reverse() : sorted;\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,CAAC,KAAK,EAAE,WAAW,EAAE;AACzD,EAAE,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,IAAI,OAAO,WAAW,CAAC;AACvB,GAAG;AACH,EAAE,MAAM,QAAQ,GAAG,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,UAAU,CAAC;AAC1E,EAAE,MAAM,MAAM,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAClL,EAAE,OAAO,QAAQ,KAAK,UAAU,GAAG,MAAM,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC;AAC7D;;;;"}
+{"version":3,"file":"get-sorted-breakpoints.js","sources":["../../../../src/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.ts"],"sourcesContent":["import { MantineTheme } from '@mantine/styles';\n\nexport function getSortedBreakpoints<T extends Record<string, any>>(\n  theme: MantineTheme,\n  breakpoints: T[]\n) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = 'maxWidth' in breakpoints[0] ? 'maxWidth' : 'minWidth';\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      theme.fn.size({ size: b[property], sizes: theme.breakpoints }) -\n      theme.fn.size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === 'minWidth' ? sorted.reverse() : sorted;\n}\n"],"names":[],"mappings":"AAAO,SAAS,oBAAoB,CAAC,KAAK,EAAE,WAAW,EAAE;AACzD,EAAE,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;AAChC,IAAI,OAAO,WAAW,CAAC;AACvB,GAAG;AACH,EAAE,MAAM,QAAQ,GAAG,UAAU,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,UAAU,CAAC;AAC1E,EAAE,MAAM,MAAM,GAAG,CAAC,GAAG,WAAW,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;AAClL,EAAE,OAAO,QAAQ,KAAK,UAAU,GAAG,MAAM,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC;AAC7D;;;;"}

package/esm/components/Skeleton/Skeleton.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useMantineDefaultProps } from '@mantine/styles';
+import { useComponentDefaultProps } from '@mantine/styles';
 import useStyles from './Skeleton.styles.js';
 import { Box } from '../Box/Box.js';
 
@@ -38,28 +38,8 @@ const defaultProps = {
   animate: true
 };
 const Skeleton = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("Skeleton", defaultProps, props), {
-    height,
-    width,
-    visible,
-    animate,
-    className,
-    circle,
-    radius,
-    classNames,
-    styles
-  } = _a, others = __objRest(_a, [
-    "height",
-    "width",
-    "visible",
-    "animate",
-    "className",
-    "circle",
-    "radius",
-    "classNames",
-    "styles"
-  ]);
-  const { classes, cx } = useStyles({ height, width, circle, radius, animate }, { classNames, styles, name: "Skeleton" });
+  const _a = useComponentDefaultProps("Skeleton", defaultProps, props), { height, width, visible, animate, className, circle, radius, unstyled } = _a, others = __objRest(_a, ["height", "width", "visible", "animate", "className", "circle", "radius", "unstyled"]);
+  const { classes, cx } = useStyles({ height, width, circle, radius, animate }, { unstyled, name: "Skeleton" });
   return /* @__PURE__ */ React.createElement(Box, __spreadValues({
     className: cx(classes.root, { [classes.visible]: visible }, className),
     ref

package/esm/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useMantineDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Skeleton.styles';\n\nexport interface SkeletonProps extends DefaultProps, React.ComponentPropsWithoutRef<'div'> {\n  /** Should skeleton overlay be displayed */\n  visible?: boolean;\n\n  /** Skeleton height */\n  height?: number | string;\n\n  /** Skeleton width */\n  width?: number | string;\n\n  /** If Skeleton is a circle, it's width and border-radius will be equal to height */\n  circle?: boolean;\n\n  /** Radius from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Whether to show the animation effect */\n  animate?: boolean;\n}\n\nconst defaultProps: Partial<SkeletonProps> = {\n  height: 'auto',\n  width: '100%',\n  visible: true,\n  animate: true,\n};\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>((props: SkeletonProps, ref) => {\n  const {\n    height,\n    width,\n    visible,\n    animate,\n    className,\n    circle,\n    radius,\n    classNames,\n    styles,\n    ...others\n  } = useMantineDefaultProps('Skeleton', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { height, width, circle, radius, animate },\n    { classNames, styles, name: 'Skeleton' }\n  );\n\n  return (\n    <Box\n      className={cx(classes.root, { [classes.visible]: visible }, className)}\n      ref={ref}\n      {...others}\n    />\n  );\n});\n\nSkeleton.displayName = '@mantine/core/Skeleton';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineNumberSize, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles, { SkeletonStylesParams } from './Skeleton.styles';\n\nexport interface SkeletonProps\n  extends DefaultProps<never, SkeletonStylesParams>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Should skeleton overlay be displayed */\n  visible?: boolean;\n\n  /** Skeleton height */\n  height?: number | string;\n\n  /** Skeleton width */\n  width?: number | string;\n\n  /** If Skeleton is a circle, it's width and border-radius will be equal to height */\n  circle?: boolean;\n\n  /** Radius from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Whether to show the animation effect */\n  animate?: boolean;\n}\n\nconst defaultProps: Partial<SkeletonProps> = {\n  height: 'auto',\n  width: '100%',\n  visible: true,\n  animate: true,\n};\n\nexport const Skeleton = forwardRef<HTMLDivElement, SkeletonProps>((props, ref) => {\n  const { height, width, visible, animate, className, circle, radius, unstyled, ...others } =\n    useComponentDefaultProps('Skeleton', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { height, width, circle, radius, animate },\n    { unstyled, name: 'Skeleton' }\n  );\n\n  return (\n    <Box\n      className={cx(classes.root, { [classes.visible]: visible }, className)}\n      ref={ref}\n      {...others}\n    />\n  );\n});\n\nSkeleton.displayName = '@mantine/core/Skeleton';\n"],"names":[],"mappings":"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"}

package/esm/components/Slider/Marks/Marks.js

@@ -15,9 +15,10 @@ function Marks({
   styles,
   offset,
   onChange,
-  disabled
+  disabled,
+  unstyled
 }) {
-  const { classes, cx } = useStyles({ size, color, disabled }, { classNames, styles, name: "Slider" });
+  const { classes, cx } = useStyles({ size, color, disabled }, { classNames, styles, unstyled, name: "Slider" });
   const items = marks.map((mark, index) => /* @__PURE__ */ React.createElement(Box, {
     className: classes.markWrapper,
     sx: { left: `${getPosition({ value: mark.value, min, max })}%` },

package/esm/components/Slider/Marks/Marks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marks.js","sources":["../../../../src/components/Slider/Marks/Marks.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, MantineColor, Selectors } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { isMarkFilled } from './is-mark-filled';\nimport useStyles from './Marks.styles';\n\nexport type MarksStylesNames = Selectors<typeof useStyles>;\n\nexport interface MarksProps extends DefaultProps<MarksStylesNames> {\n  marks: { value: number; label?: React.ReactNode }[];\n  size: MantineNumberSize;\n  color: MantineColor;\n  min: number;\n  max: number;\n  value: number;\n  onChange(value: number): void;\n  offset?: number;\n  disabled: boolean;\n}\n\nexport function Marks({\n  marks,\n  color,\n  size,\n  min,\n  max,\n  value,\n  classNames,\n  styles,\n  offset,\n  onChange,\n  disabled,\n}: MarksProps) {\n  const { classes, cx } = useStyles(\n    { size, color, disabled },\n    { classNames, styles, name: 'Slider' }\n  );\n\n  const items = marks.map((mark, index) => (\n    <Box\n      className={classes.markWrapper}\n      sx={{ left: `${getPosition({ value: mark.value, min, max })}%` }}\n      key={index}\n    >\n      <div\n        className={cx(classes.mark, {\n          [classes.markFilled]: isMarkFilled({ mark, value, offset }),\n        })}\n      />\n      {mark.label && (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div\n          className={classes.markLabel}\n          onMouseDown={(event) => {\n            event.stopPropagation();\n            onChange(mark.value);\n          }}\n          onTouchStart={(event) => {\n            event.stopPropagation();\n            onChange(mark.value);\n          }}\n        >\n          {mark.label}\n        </div>\n      )}\n    </Box>\n  ));\n\n  return <div>{items}</div>;\n}\n\nMarks.displayName = '@mantine/core/SliderMarks';\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,KAAK,CAAC;AACtB,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,GAAG;AACL,EAAE,GAAG;AACL,EAAE,KAAK;AACP,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AACvG,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACpF,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AACpE,IAAI,GAAG,EAAE,KAAK;AACd,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;AAChC,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACjE,KAAK,CAAC;AACN,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,OAAO,CAAC,SAAS;AAChC,IAAI,WAAW,EAAE,CAAC,KAAK,KAAK;AAC5B,MAAM,KAAK,CAAC,eAAe,EAAE,CAAC;AAC9B,MAAM,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK;AACL,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,MAAM,KAAK,CAAC,eAAe,EAAE,CAAC;AAC9B,MAAM,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK;AACL,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AACjE,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,2BAA2B;;;;"}
+{"version":3,"file":"Marks.js","sources":["../../../../src/components/Slider/Marks/Marks.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, MantineColor, Selectors } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { getPosition } from '../utils/get-position/get-position';\nimport { isMarkFilled } from './is-mark-filled';\nimport useStyles from './Marks.styles';\n\nexport type MarksStylesNames = Selectors<typeof useStyles>;\n\nexport interface MarksProps extends DefaultProps<MarksStylesNames> {\n  marks: { value: number; label?: React.ReactNode }[];\n  size: MantineNumberSize;\n  color: MantineColor;\n  min: number;\n  max: number;\n  value: number;\n  onChange(value: number): void;\n  offset?: number;\n  disabled: boolean;\n}\n\nexport function Marks({\n  marks,\n  color,\n  size,\n  min,\n  max,\n  value,\n  classNames,\n  styles,\n  offset,\n  onChange,\n  disabled,\n  unstyled,\n}: MarksProps) {\n  const { classes, cx } = useStyles(\n    { size, color, disabled },\n    { classNames, styles, unstyled, name: 'Slider' }\n  );\n\n  const items = marks.map((mark, index) => (\n    <Box\n      className={classes.markWrapper}\n      sx={{ left: `${getPosition({ value: mark.value, min, max })}%` }}\n      key={index}\n    >\n      <div\n        className={cx(classes.mark, {\n          [classes.markFilled]: isMarkFilled({ mark, value, offset }),\n        })}\n      />\n      {mark.label && (\n        // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n        <div\n          className={classes.markLabel}\n          onMouseDown={(event) => {\n            event.stopPropagation();\n            onChange(mark.value);\n          }}\n          onTouchStart={(event) => {\n            event.stopPropagation();\n            onChange(mark.value);\n          }}\n        >\n          {mark.label}\n        </div>\n      )}\n    </Box>\n  ));\n\n  return <div>{items}</div>;\n}\n\nMarks.displayName = '@mantine/core/SliderMarks';\n"],"names":[],"mappings":";;;;;;AAKO,SAAS,KAAK,CAAC;AACtB,EAAE,KAAK;AACP,EAAE,KAAK;AACP,EAAE,IAAI;AACN,EAAE,GAAG;AACL,EAAE,GAAG;AACL,EAAE,KAAK;AACP,EAAE,UAAU;AACZ,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AACjH,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE;AACpF,IAAI,SAAS,EAAE,OAAO,CAAC,WAAW;AAClC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;AACpE,IAAI,GAAG,EAAE,KAAK;AACd,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE;AAChC,MAAM,CAAC,OAAO,CAAC,UAAU,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;AACjE,KAAK,CAAC;AACN,GAAG,CAAC,EAAE,IAAI,CAAC,KAAK,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,OAAO,CAAC,SAAS;AAChC,IAAI,WAAW,EAAE,CAAC,KAAK,KAAK;AAC5B,MAAM,KAAK,CAAC,eAAe,EAAE,CAAC;AAC9B,MAAM,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK;AACL,IAAI,YAAY,EAAE,CAAC,KAAK,KAAK;AAC7B,MAAM,KAAK,CAAC,eAAe,EAAE,CAAC;AAC9B,MAAM,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK;AACL,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACnB,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;AACjE,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/components/Slider/RangeSlider/RangeSlider.js

@@ -1,6 +1,6 @@
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import { useUncontrolled, useMove, useMergedRef } from '@mantine/hooks';
-import { useMantineDefaultProps, useMantineTheme } from '@mantine/styles';
+import { useComponentDefaultProps, useMantineTheme } from '@mantine/styles';
 import { getClientPosition } from '../utils/get-client-position/get-client-position.js';
 import { getPosition } from '../utils/get-position/get-position.js';
 import { getChangeValue } from '../utils/get-change-value/get-change-value.js';
@@ -57,7 +57,7 @@ const defaultProps = {
   disabled: false
 };
 const RangeSlider = forwardRef((props, ref) => {
-  const _a = useMantineDefaultProps("RangeSlider", defaultProps, props), {
+  const _a = useComponentDefaultProps("RangeSlider", defaultProps, props), {
     classNames,
     styles,
     color,
@@ -83,7 +83,9 @@ const RangeSlider = forwardRef((props, ref) => {
     thumbToLabel,
     showLabelOnHover,
     thumbChildren,
-    disabled
+    disabled,
+    unstyled,
+    thumbSize
   } = _a, others = __objRest(_a, [
     "classNames",
     "styles",
@@ -110,7 +112,9 @@ const RangeSlider = forwardRef((props, ref) => {
     "thumbToLabel",
     "showLabelOnHover",
     "thumbChildren",
-    "disabled"
+    "disabled",
+    "unstyled",
+    "thumbSize"
   ]);
   const theme = useMantineTheme();
   const [focused, setFocused] = useState(-1);
@@ -119,7 +123,6 @@ const RangeSlider = forwardRef((props, ref) => {
     value,
     defaultValue,
     finalValue: [min, max],
-    rule: (val) => Array.isArray(val),
     onChange
   });
   const valueRef = useRef(_value);
@@ -203,7 +206,7 @@ const RangeSlider = forwardRef((props, ref) => {
   };
   const handleTrackKeydownCapture = (event) => {
     if (!disabled) {
-      switch (event.nativeEvent.code) {
+      switch (event.key) {
         case "ArrowUp": {
           event.preventDefault();
           const focusedIndex = getFocusedThumbIndex();
@@ -263,7 +266,8 @@ const RangeSlider = forwardRef((props, ref) => {
     onKeyDownCapture: handleTrackKeydownCapture,
     styles,
     classNames,
-    disabled
+    disabled,
+    unstyled
   }), /* @__PURE__ */ React.createElement(Track, {
     offset: positions[0],
     marksOffset: _value[0],
@@ -285,7 +289,8 @@ const RangeSlider = forwardRef((props, ref) => {
       clone[nearestValue] = val;
       _setValue(clone);
     },
-    disabled
+    disabled,
+    unstyled
   }, /* @__PURE__ */ React.createElement(Thumb, __spreadProps(__spreadValues({}, sharedThumbProps), {
     value: _value[0],
     position: positions[0],
@@ -298,7 +303,9 @@ const RangeSlider = forwardRef((props, ref) => {
     onMouseDown: (event) => handleThumbMouseDown(event, 0),
     onFocus: () => setFocused(0),
     showLabelOnHover: showLabelOnHover && hovered,
-    disabled
+    disabled,
+    unstyled,
+    thumbSize
   }), hasArrayThumbChildren ? thumbChildren[0] : thumbChildren), /* @__PURE__ */ React.createElement(Thumb, __spreadProps(__spreadValues({}, sharedThumbProps), {
     thumbLabel: thumbToLabel,
     value: _value[1],
@@ -311,7 +318,9 @@ const RangeSlider = forwardRef((props, ref) => {
     onMouseDown: (event) => handleThumbMouseDown(event, 1),
     onFocus: () => setFocused(1),
     showLabelOnHover: showLabelOnHover && hovered,
-    disabled
+    disabled,
+    unstyled,
+    thumbSize
   }), hasArrayThumbChildren ? thumbChildren[1] : thumbChildren)), /* @__PURE__ */ React.createElement("input", {
     type: "hidden",
     name: `${name}_from`,