@mantine/core 4.0.1 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/cjs/components/List/List.context.js +14 -0
  2. package/cjs/components/List/List.context.js.map +1 -0
  3. package/cjs/components/List/List.js +5 -13
  4. package/cjs/components/List/List.js.map +1 -1
  5. package/cjs/components/List/ListItem/ListItem.js +7 -20
  6. package/cjs/components/List/ListItem/ListItem.js.map +1 -1
  7. package/cjs/components/Menu/Menu.context.js +18 -0
  8. package/cjs/components/Menu/Menu.context.js.map +1 -0
  9. package/cjs/components/Menu/Menu.js +27 -55
  10. package/cjs/components/Menu/Menu.js.map +1 -1
  11. package/cjs/components/Menu/Menu.styles.js +5 -5
  12. package/cjs/components/Menu/Menu.styles.js.map +1 -1
  13. package/cjs/components/Menu/MenuItem/MenuItem.js +21 -15
  14. package/cjs/components/Menu/MenuItem/MenuItem.js.map +1 -1
  15. package/cjs/components/Menu/MenuLabel/MenuLabel.js +30 -1
  16. package/cjs/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
  17. package/cjs/components/Menu/MenuLabel/MenuLabel.styles.js +18 -0
  18. package/cjs/components/Menu/MenuLabel/MenuLabel.styles.js.map +1 -0
  19. package/cjs/index.js +2 -0
  20. package/cjs/index.js.map +1 -1
  21. package/cjs/utils/get-context-item-index/get-context-item-index.js +19 -0
  22. package/cjs/utils/get-context-item-index/get-context-item-index.js.map +1 -0
  23. package/esm/components/List/List.context.js +9 -0
  24. package/esm/components/List/List.context.js.map +1 -0
  25. package/esm/components/List/List.js +5 -13
  26. package/esm/components/List/List.js.map +1 -1
  27. package/esm/components/List/ListItem/ListItem.js +7 -20
  28. package/esm/components/List/ListItem/ListItem.js.map +1 -1
  29. package/esm/components/Menu/Menu.context.js +13 -0
  30. package/esm/components/Menu/Menu.context.js.map +1 -0
  31. package/esm/components/Menu/Menu.js +27 -55
  32. package/esm/components/Menu/Menu.js.map +1 -1
  33. package/esm/components/Menu/Menu.styles.js +5 -5
  34. package/esm/components/Menu/Menu.styles.js.map +1 -1
  35. package/esm/components/Menu/MenuItem/MenuItem.js +22 -17
  36. package/esm/components/Menu/MenuItem/MenuItem.js.map +1 -1
  37. package/esm/components/Menu/MenuLabel/MenuLabel.js +26 -1
  38. package/esm/components/Menu/MenuLabel/MenuLabel.js.map +1 -1
  39. package/esm/components/Menu/MenuLabel/MenuLabel.styles.js +14 -0
  40. package/esm/components/Menu/MenuLabel/MenuLabel.styles.js.map +1 -0
  41. package/esm/index.js +1 -0
  42. package/esm/index.js.map +1 -1
  43. package/esm/utils/get-context-item-index/get-context-item-index.js +15 -0
  44. package/esm/utils/get-context-item-index/get-context-item-index.js.map +1 -0
  45. package/lib/components/ActionIcon/CloseButton/CloseButton.d.ts +1 -1
  46. package/lib/components/Alert/Alert.styles.d.ts +2 -2
  47. package/lib/components/Blockquote/Blockquote.styles.d.ts +2 -2
  48. package/lib/components/Checkbox/Checkbox.styles.d.ts +2 -2
  49. package/lib/components/Chips/Chip/Chip.styles.d.ts +2 -2
  50. package/lib/components/Drawer/Drawer.styles.d.ts +2 -2
  51. package/lib/components/Input/Input.styles.d.ts +2 -2
  52. package/lib/components/List/List.context.d.ts +14 -0
  53. package/lib/components/List/List.context.d.ts.map +1 -0
  54. package/lib/components/List/List.d.ts.map +1 -1
  55. package/lib/components/List/ListItem/ListItem.d.ts +2 -6
  56. package/lib/components/List/ListItem/ListItem.d.ts.map +1 -1
  57. package/lib/components/Menu/Menu.context.d.ts +16 -0
  58. package/lib/components/Menu/Menu.context.d.ts.map +1 -0
  59. package/lib/components/Menu/Menu.d.ts +2 -2
  60. package/lib/components/Menu/Menu.d.ts.map +1 -1
  61. package/lib/components/Menu/Menu.styles.d.ts +2 -2
  62. package/lib/components/Menu/MenuItem/MenuItem.d.ts +8 -14
  63. package/lib/components/Menu/MenuItem/MenuItem.d.ts.map +1 -1
  64. package/lib/components/Menu/MenuLabel/MenuLabel.d.ts +4 -2
  65. package/lib/components/Menu/MenuLabel/MenuLabel.d.ts.map +1 -1
  66. package/lib/components/Menu/MenuLabel/MenuLabel.styles.d.ts +7 -0
  67. package/lib/components/Menu/MenuLabel/MenuLabel.styles.d.ts.map +1 -0
  68. package/lib/components/Modal/Modal.styles.d.ts +2 -2
  69. package/lib/components/MultiSelect/MultiSelect.styles.d.ts +2 -2
  70. package/lib/components/Notification/Notification.styles.d.ts +2 -2
  71. package/lib/components/SegmentedControl/SegmentedControl.styles.d.ts +2 -2
  72. package/lib/components/Tabs/TabControl/TabControl.d.ts +1 -1
  73. package/lib/components/Tabs/Tabs.styles.d.ts +2 -2
  74. package/lib/components/Tooltip/Tooltip.styles.d.ts +2 -2
  75. package/lib/utils/get-context-item-index/get-context-item-index.d.ts +5 -0
  76. package/lib/utils/get-context-item-index/get-context-item-index.d.ts.map +1 -0
  77. package/lib/utils/index.d.ts +1 -0
  78. package/lib/utils/index.d.ts.map +1 -1
  79. package/package.json +3 -3
@@ -1,5 +1,8 @@
1
- import React, { forwardRef } from 'react';
1
+ import React, { forwardRef, useRef } from 'react';
2
+ import { mergeRefs } from '@mantine/hooks';
3
+ import { useMenuContext } from '../Menu.context.js';
2
4
  import useStyles from './MenuItem.styles.js';
5
+ import { getContextItemIndex } from '../../../utils/get-context-item-index/get-context-item-index.js';
3
6
  import { Box } from '../../Box/Box.js';
4
7
 
5
8
  var __defProp = Object.defineProperty;
@@ -30,43 +33,44 @@ var __objRest = (source, exclude) => {
30
33
  }
31
34
  return target;
32
35
  };
33
- const MenuItem = forwardRef((_a, ref) => {
36
+ const _MenuItem = forwardRef((_a, ref) => {
34
37
  var _b = _a, {
35
38
  className,
36
39
  children,
37
- onHover,
38
- hovered,
39
40
  icon,
40
41
  color,
41
42
  disabled,
42
43
  rightSection,
43
44
  component,
44
- classNames,
45
- styles,
46
- radius
45
+ onClick
47
46
  } = _b, others = __objRest(_b, [
48
47
  "className",
49
48
  "children",
50
- "onHover",
51
- "hovered",
52
49
  "icon",
53
50
  "color",
54
51
  "disabled",
55
52
  "rightSection",
56
53
  "component",
57
- "classNames",
58
- "styles",
59
- "radius"
54
+ "onClick"
60
55
  ]);
56
+ const itemRef = useRef();
57
+ const { hovered, onItemHover, radius, onItemKeyDown, classNames, styles, onItemClick } = useMenuContext();
61
58
  const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: "Menu" });
59
+ const itemIndex = getContextItemIndex({ elementSelector: ".mantine-Menu-item", parentClassName: "mantine-Menu-body" }, itemRef.current);
62
60
  return /* @__PURE__ */ React.createElement(Box, __spreadValues({
63
61
  component: component || "button",
64
62
  type: "button",
65
63
  role: "menuitem",
66
- className: cx(classes.item, { [classes.itemHovered]: hovered }, className),
67
- onMouseEnter: () => !disabled && onHover(),
68
- ref,
69
- disabled
64
+ className: cx(classes.item, { [classes.itemHovered]: hovered === itemIndex }, className),
65
+ onMouseEnter: () => !disabled && onItemHover(itemIndex),
66
+ onMouseLeave: () => onItemHover(-1),
67
+ onKeyDown: onItemKeyDown,
68
+ ref: mergeRefs(ref, itemRef),
69
+ disabled,
70
+ onClick: (event) => {
71
+ typeof onClick === "function" && onClick(event);
72
+ onItemClick();
73
+ }
70
74
  }, others), /* @__PURE__ */ React.createElement("div", {
71
75
  className: classes.itemInner
72
76
  }, icon && /* @__PURE__ */ React.createElement("div", {
@@ -77,7 +81,8 @@ const MenuItem = forwardRef((_a, ref) => {
77
81
  className: classes.itemLabel
78
82
  }, children), rightSection)));
79
83
  });
84
+ const MenuItem = _MenuItem;
80
85
  MenuItem.displayName = "@mantine/core/MenuItem";
81
86
 
82
- export { MenuItem };
87
+ export { MenuItem, _MenuItem };
83
88
  //# sourceMappingURL=MenuItem.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n MantineNumberSize,\n ClassNames,\n PolymorphicComponentProps,\n PolymorphicRef,\n DefaultProps,\n MantineColor,\n} from '@mantine/styles';\nimport { Box } from '../../Box';\nimport useStyles from './MenuItem.styles';\n\nexport type MenuItemStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedMenuItemProps extends DefaultProps<MenuItemStylesNames> {\n /** Item label */\n children: React.ReactNode;\n\n /** Icon rendered on the left side of label */\n icon?: React.ReactNode;\n\n /** Any color from theme.colors */\n color?: MantineColor;\n\n /** Any react node to render on the right side of item, for example, keyboard shortcut or badge */\n rightSection?: React.ReactNode;\n\n /** Is item disabled */\n disabled?: boolean;\n\n /** Is item hovered, controlled by parent Menu component */\n hovered?: boolean;\n\n /** Called when item is hovered, controlled by parent Menu component */\n onHover?(): void;\n\n /** Border radius, controlled by parent Menu component */\n radius?: MantineNumberSize;\n}\n\nexport type MenuItemProps<C> = PolymorphicComponentProps<C, SharedMenuItemProps>;\n\nexport type MenuItemComponent = <C = 'button'>(props: MenuItemProps<C>) => React.ReactElement;\n\nexport interface MenuItemType {\n type: any;\n props: MenuItemProps<'button'>;\n ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);\n}\n\nexport const MenuItem: MenuItemComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'button'>(\n {\n className,\n children,\n onHover,\n hovered,\n icon,\n color,\n disabled,\n rightSection,\n component,\n classNames,\n styles,\n radius,\n ...others\n }: MenuItemProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: 'Menu' });\n\n return (\n <Box<any>\n component={component || 'button'}\n type=\"button\"\n role=\"menuitem\"\n className={cx(classes.item, { [classes.itemHovered]: hovered }, className)}\n onMouseEnter={() => !disabled && onHover()}\n ref={ref}\n disabled={disabled}\n {...others}\n >\n <div className={classes.itemInner}>\n {icon && <div className={classes.itemIcon}>{icon}</div>}\n\n <div className={classes.itemBody}>\n <div className={classes.itemLabel}>{children}</div>\n {rightSection}\n </div>\n </div>\n </Box>\n );\n }\n) as any;\n\nMenuItem.displayName = '@mantine/core/MenuItem';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MenuItem.js","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react';\nimport { ClassNames, PolymorphicComponentProps, DefaultProps, MantineColor } from '@mantine/styles';\nimport { mergeRefs } from '@mantine/hooks';\nimport { Box } from '../../Box';\nimport { useMenuContext } from '../Menu.context';\nimport { getContextItemIndex } from '../../../utils';\nimport useStyles from './MenuItem.styles';\n\nexport type MenuItemStylesNames = ClassNames<typeof useStyles>;\n\nexport interface SharedMenuItemProps extends DefaultProps {\n /** Item label */\n children: React.ReactNode;\n\n /** Icon rendered on the left side of label */\n icon?: React.ReactNode;\n\n /** Any color from theme.colors */\n color?: MantineColor;\n\n /** Any react node to render on the right side of item, for example, keyboard shortcut or badge */\n rightSection?: React.ReactNode;\n\n /** Is item disabled */\n disabled?: boolean;\n}\n\ninterface _MenuItemProps\n extends SharedMenuItemProps,\n Omit<React.ComponentPropsWithoutRef<'button'>, keyof SharedMenuItemProps> {\n component: any;\n}\n\nexport const _MenuItem = forwardRef(\n (\n {\n className,\n children,\n icon,\n color,\n disabled,\n rightSection,\n component,\n onClick,\n ...others\n }: _MenuItemProps,\n ref: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const itemRef = useRef<HTMLButtonElement>();\n const { hovered, onItemHover, radius, onItemKeyDown, classNames, styles, onItemClick } =\n useMenuContext();\n const { classes, cx } = useStyles({ color, radius }, { classNames, styles, name: 'Menu' });\n const itemIndex = getContextItemIndex(\n { elementSelector: '.mantine-Menu-item', parentClassName: 'mantine-Menu-body' },\n itemRef.current\n );\n\n return (\n <Box\n component={component || 'button'}\n type=\"button\"\n role=\"menuitem\"\n className={cx(classes.item, { [classes.itemHovered]: hovered === itemIndex }, className)}\n onMouseEnter={() => !disabled && onItemHover(itemIndex)}\n onMouseLeave={() => onItemHover(-1)}\n onKeyDown={onItemKeyDown}\n ref={mergeRefs(ref, itemRef)}\n disabled={disabled}\n onClick={(event: React.MouseEvent<any, MouseEvent>) => {\n typeof onClick === 'function' && onClick(event);\n onItemClick();\n }}\n {...others}\n >\n <div className={classes.itemInner}>\n {icon && <div className={classes.itemIcon}>{icon}</div>}\n\n <div className={classes.itemBody}>\n <div className={classes.itemLabel}>{children}</div>\n {rightSection}\n </div>\n </div>\n </Box>\n );\n }\n);\n\nexport type MenuItemProps<C> = PolymorphicComponentProps<C, SharedMenuItemProps>;\ntype MenuItemComponent = <C = 'button'>(props: MenuItemProps<C>) => React.ReactElement;\n\nexport const MenuItem: MenuItemComponent & { displayName?: string } = _MenuItem as any;\n\nMenuItem.displayName = '@mantine/core/MenuItem';\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;AAOU,MAAC,SAAS,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AACjD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,KAAK;AACT,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,SAAS;AACb,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;AAC3B,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,cAAc,EAAE,CAAC;AAC5G,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AAC7F,EAAE,MAAM,SAAS,GAAG,mBAAmB,CAAC,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;AAC1I,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC;AACjE,IAAI,SAAS,EAAE,SAAS,IAAI,QAAQ;AACpC,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,KAAK,SAAS,EAAE,EAAE,SAAS,CAAC;AAC5F,IAAI,YAAY,EAAE,MAAM,CAAC,QAAQ,IAAI,WAAW,CAAC,SAAS,CAAC;AAC3D,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,CAAC;AACvC,IAAI,SAAS,EAAE,aAAa;AAC5B,IAAI,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC;AAChC,IAAI,QAAQ;AACZ,IAAI,OAAO,EAAE,CAAC,KAAK,KAAK;AACxB,MAAM,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;AACtD,MAAM,WAAW,EAAE,CAAC;AACpB,KAAK;AACL,GAAG,EAAE,MAAM,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACzD,IAAI,SAAS,EAAE,OAAO,CAAC,SAAS;AAChC,GAAG,EAAE,IAAI,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACxD,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ;AAC/B,GAAG,EAAE,IAAI,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACvD,IAAI,SAAS,EAAE,OAAO,CAAC,QAAQ;AAC/B,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,OAAO,CAAC,SAAS;AAChC,GAAG,EAAE,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;AAChC,CAAC,EAAE;AACS,MAAC,QAAQ,GAAG,UAAU;AAClC,QAAQ,CAAC,WAAW,GAAG,wBAAwB;;;;"}
@@ -1,5 +1,30 @@
1
+ import React from 'react';
2
+ import { Text } from '../../Text/Text.js';
3
+ import { useMenuContext } from '../Menu.context.js';
4
+ import useStyles from './MenuLabel.styles.js';
5
+
6
+ var __defProp = Object.defineProperty;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
10
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
11
+ var __spreadValues = (a, b) => {
12
+ for (var prop in b || (b = {}))
13
+ if (__hasOwnProp.call(b, prop))
14
+ __defNormalProp(a, prop, b[prop]);
15
+ if (__getOwnPropSymbols)
16
+ for (var prop of __getOwnPropSymbols(b)) {
17
+ if (__propIsEnum.call(b, prop))
18
+ __defNormalProp(a, prop, b[prop]);
19
+ }
20
+ return a;
21
+ };
1
22
  function MenuLabel(props) {
2
- return null;
23
+ const { classNames, styles } = useMenuContext("Label");
24
+ const { classes } = useStyles(null, { name: "Menu", classNames, styles });
25
+ return /* @__PURE__ */ React.createElement(Text, __spreadValues({
26
+ className: classes.label
27
+ }, props));
3
28
  }
4
29
  MenuLabel.displayName = "@mantine/core/MenuLabel";
5
30
 
@@ -1 +1 @@
1
- {"version":3,"file":"MenuLabel.js","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps } from '@mantine/styles';\nimport { SharedTextProps } from '../../Text/Text';\n\nexport interface MenuLabelProps\n extends DefaultProps,\n SharedTextProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {\n /** Label content */\n children: React.ReactNode;\n}\n\nexport interface MenuLabelType {\n type: any;\n props: MenuLabelProps;\n ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);\n}\n\nexport function MenuLabel(\n // Props should be kept for ts integration\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n props: MenuLabelProps\n) {\n return null;\n}\n\nMenuLabel.displayName = '@mantine/core/MenuLabel';\n"],"names":[],"mappings":"AAAO,SAAS,SAAS,CAAC,KAAK,EAAE;AACjC,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
1
+ {"version":3,"file":"MenuLabel.js","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { ClassNames, DefaultProps } from '@mantine/styles';\nimport { SharedTextProps, Text } from '../../Text/Text';\nimport { useMenuContext } from '../Menu.context';\nimport useStyles from './MenuLabel.styles';\n\nexport type MenuLabelStylesNames = ClassNames<typeof useStyles>;\n\nexport interface MenuLabelProps\n extends DefaultProps,\n SharedTextProps,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {\n /** Label content */\n children: React.ReactNode;\n}\n\nexport interface MenuLabelType {\n type: any;\n props: MenuLabelProps;\n ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);\n}\n\nexport function MenuLabel(props: MenuLabelProps) {\n const { classNames, styles } = useMenuContext('Label');\n const { classes } = useStyles(null, { name: 'Menu', classNames, styles });\n return <Text className={classes.label} {...props} />;\n}\n\nMenuLabel.displayName = '@mantine/core/MenuLabel';\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;AAKK,SAAS,SAAS,CAAC,KAAK,EAAE;AACjC,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AACzD,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;AAC5E,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC;AAClE,IAAI,SAAS,EAAE,OAAO,CAAC,KAAK;AAC5B,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AACb,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
@@ -0,0 +1,14 @@
1
+ import { createStyles } from '@mantine/styles';
2
+
3
+ var useStyles = createStyles((theme) => ({
4
+ label: {
5
+ color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
6
+ fontWeight: 500,
7
+ fontSize: theme.fontSizes.xs,
8
+ padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,
9
+ cursor: "default"
10
+ }
11
+ }));
12
+
13
+ export default useStyles;
14
+ //# sourceMappingURL=MenuLabel.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuLabel.styles.js","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n label: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n fontWeight: 500,\n fontSize: theme.fontSizes.xs,\n padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,\n cursor: 'default',\n },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,KAAK,EAAE;AACT,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,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
package/esm/index.js CHANGED
@@ -4,6 +4,7 @@ export { filterChildrenByType } from './utils/filter-children-by-type/filter-chi
4
4
  export { findChildByType } from './utils/find-child-by-type/find-child-by-type.js';
5
5
  export { filterFalsyChildren } from './utils/filter-falsy-children/filter-falsy-children.js';
6
6
  export { getGroupedOptions, groupOptions } from './utils/group-options/group-options.js';
7
+ export { getContextItemIndex } from './utils/get-context-item-index/get-context-item-index.js';
7
8
  export { createAccordionState, useAccordionState } from './components/Accordion/use-accordion-state/use-accordion-state.js';
8
9
  export { Accordion } from './components/Accordion/Accordion.js';
9
10
  export { AccordionItem } from './components/Accordion/AccordionItem/AccordionItem.js';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,15 @@
1
+ function findAncestor(element, className) {
2
+ let _element = element;
3
+ while ((_element = _element.parentElement) && !_element.classList.contains(className))
4
+ ;
5
+ return _element;
6
+ }
7
+ function getContextItemIndex(options, node) {
8
+ if (!node) {
9
+ return -1;
10
+ }
11
+ return Array.from(findAncestor(node, options.parentClassName).querySelectorAll(options.elementSelector)).findIndex((element) => element === node);
12
+ }
13
+
14
+ export { getContextItemIndex };
15
+ //# sourceMappingURL=get-context-item-index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-context-item-index.js","sources":["../../../src/utils/get-context-item-index/get-context-item-index.ts"],"sourcesContent":["/* eslint-disable no-cond-assign */\n\nfunction findAncestor(element: HTMLElement, className: string) {\n let _element = element;\n while ((_element = _element.parentElement) && !_element.classList.contains(className));\n return _element;\n}\n\nexport function getContextItemIndex(\n options: { elementSelector: string; parentClassName: string },\n node: HTMLElement\n) {\n if (!node) {\n return -1;\n }\n\n return Array.from(\n findAncestor(node, options.parentClassName).querySelectorAll(options.elementSelector)\n ).findIndex((element) => element === node);\n}\n"],"names":[],"mappings":"AAAA,SAAS,YAAY,CAAC,OAAO,EAAE,SAAS,EAAE;AAC1C,EAAE,IAAI,QAAQ,GAAG,OAAO,CAAC;AACzB,EAAE,OAAO,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;AACvF,IAAI,CAAC;AACL,EAAE,OAAO,QAAQ,CAAC;AAClB,CAAC;AACM,SAAS,mBAAmB,CAAC,OAAO,EAAE,IAAI,EAAE;AACnD,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,CAAC,CAAC,CAAC;AACd,GAAG;AACH,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,OAAO,KAAK,OAAO,KAAK,IAAI,CAAC,CAAC;AACpJ;;;;"}
@@ -4,5 +4,5 @@ export interface CloseButtonProps extends Omit<ActionIconProps<'button'>, 'child
4
4
  /** Width and height of cross icon */
5
5
  iconSize?: number;
6
6
  }
7
- export declare const CloseButton: React.ForwardRefExoticComponent<Pick<CloseButtonProps, "onChange" | "value" | "color" | "translate" | "hidden" | "size" | "style" | "disabled" | "sx" | "className" | "classNames" | "styles" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "p" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "form" | "slot" | "title" | "component" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "loading" | "variant" | "loaderProps" | "iconSize"> & React.RefAttributes<HTMLButtonElement>>;
7
+ export declare const CloseButton: React.ForwardRefExoticComponent<Pick<CloseButtonProps, "dir" | "form" | "p" | "slot" | "style" | "title" | "onChange" | "value" | "color" | "translate" | "hidden" | "size" | "disabled" | "sx" | "className" | "classNames" | "styles" | "m" | "my" | "mx" | "mt" | "mb" | "ml" | "mr" | "py" | "px" | "pt" | "pb" | "pl" | "pr" | "component" | "id" | "lang" | "name" | "type" | "role" | "tabIndex" | "radius" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "loading" | "variant" | "loaderProps" | "iconSize"> & React.RefAttributes<HTMLButtonElement>>;
8
8
  //# sourceMappingURL=CloseButton.d.ts.map
@@ -4,8 +4,8 @@ export interface AlertStylesParams {
4
4
  radius: MantineNumberSize;
5
5
  variant: 'filled' | 'outline' | 'light';
6
6
  }
7
- declare const _default: (params: AlertStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "outline" | "light" | "filled" | "icon" | "body" | "title" | "wrapper" | "root" | "closeButton" | "message">) => {
8
- classes: Record<"label" | "outline" | "light" | "filled" | "icon" | "body" | "title" | "wrapper" | "root" | "closeButton" | "message", string>;
7
+ declare const _default: (params: AlertStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "body" | "title" | "outline" | "light" | "filled" | "icon" | "wrapper" | "root" | "closeButton" | "message">) => {
8
+ classes: Record<"label" | "body" | "title" | "outline" | "light" | "filled" | "icon" | "wrapper" | "root" | "closeButton" | "message", string>;
9
9
  cx: (...args: any) => string;
10
10
  theme: import("@mantine/styles").MantineTheme;
11
11
  };
@@ -2,8 +2,8 @@ import { MantineColor } from '@mantine/styles';
2
2
  export interface BlockquoteStylesParams {
3
3
  color: MantineColor;
4
4
  }
5
- declare const _default: (params: BlockquoteStylesParams, options?: import("@mantine/styles").UseStylesOptions<"icon" | "body" | "cite" | "root" | "inner">) => {
6
- classes: Record<"icon" | "body" | "cite" | "root" | "inner", string>;
5
+ declare const _default: (params: BlockquoteStylesParams, options?: import("@mantine/styles").UseStylesOptions<"body" | "cite" | "icon" | "root" | "inner">) => {
6
+ classes: Record<"body" | "cite" | "icon" | "root" | "inner", string>;
7
7
  cx: (...args: any) => string;
8
8
  theme: import("@mantine/styles").MantineTheme;
9
9
  };
@@ -12,8 +12,8 @@ export interface CheckboxStylesParams {
12
12
  color: MantineColor;
13
13
  transitionDuration: number;
14
14
  }
15
- declare const _default: (params: CheckboxStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "icon" | "input" | "root" | "inner">) => {
16
- classes: Record<"label" | "icon" | "input" | "root" | "inner", string>;
15
+ declare const _default: (params: CheckboxStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "input" | "icon" | "root" | "inner">) => {
16
+ classes: Record<"label" | "input" | "icon" | "root" | "inner", string>;
17
17
  cx: (...args: any) => string;
18
18
  theme: import("@mantine/styles").MantineTheme;
19
19
  };
@@ -11,8 +11,8 @@ export interface ChipStylesParams {
11
11
  size: MantineSize;
12
12
  color: MantineColor;
13
13
  }
14
- declare const _default: (params: ChipStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "outline" | "filled" | "disabled" | "input" | "checked" | "root" | "iconWrapper" | "checkIcon">) => {
15
- classes: Record<"label" | "outline" | "filled" | "disabled" | "input" | "checked" | "root" | "iconWrapper" | "checkIcon", string>;
14
+ declare const _default: (params: ChipStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "input" | "outline" | "filled" | "disabled" | "checked" | "root" | "iconWrapper" | "checkIcon">) => {
15
+ classes: Record<"label" | "input" | "outline" | "filled" | "disabled" | "checked" | "root" | "iconWrapper" | "checkIcon", string>;
16
16
  cx: (...args: any) => string;
17
17
  theme: import("@mantine/styles").MantineTheme;
18
18
  };
@@ -13,8 +13,8 @@ export interface DrawerStylesParams {
13
13
  size: number | string;
14
14
  zIndex: number;
15
15
  }
16
- declare const _default: (params: DrawerStylesParams, options?: import("@mantine/styles").UseStylesOptions<"overlay" | "header" | "title" | "root" | "closeButton" | "noOverlay" | "drawer">) => {
17
- classes: Record<"overlay" | "header" | "title" | "root" | "closeButton" | "noOverlay" | "drawer", string>;
16
+ declare const _default: (params: DrawerStylesParams, options?: import("@mantine/styles").UseStylesOptions<"header" | "title" | "overlay" | "root" | "closeButton" | "noOverlay" | "drawer">) => {
17
+ classes: Record<"header" | "title" | "overlay" | "root" | "closeButton" | "noOverlay" | "drawer", string>;
18
18
  cx: (...args: any) => string;
19
19
  theme: MantineTheme;
20
20
  };
@@ -17,8 +17,8 @@ export declare const sizes: {
17
17
  lg: number;
18
18
  xl: number;
19
19
  };
20
- declare const _default: (params: InputStylesParams, options?: import("@mantine/styles").UseStylesOptions<"icon" | "disabled" | "input" | "wrapper" | "defaultVariant" | "filledVariant" | "unstyledVariant" | "withIcon" | "invalid" | "rightSection">) => {
21
- classes: Record<"icon" | "disabled" | "input" | "wrapper" | "defaultVariant" | "filledVariant" | "unstyledVariant" | "withIcon" | "invalid" | "rightSection", string>;
20
+ declare const _default: (params: InputStylesParams, options?: import("@mantine/styles").UseStylesOptions<"input" | "icon" | "disabled" | "wrapper" | "defaultVariant" | "filledVariant" | "unstyledVariant" | "withIcon" | "invalid" | "rightSection">) => {
21
+ classes: Record<"input" | "icon" | "disabled" | "wrapper" | "defaultVariant" | "filledVariant" | "unstyledVariant" | "withIcon" | "invalid" | "rightSection", string>;
22
22
  cx: (...args: any) => string;
23
23
  theme: import("@mantine/styles").MantineTheme;
24
24
  };
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { CSSObject, MantineNumberSize, MantineTheme } from '@mantine/styles';
3
+ import type { ListItemStylesNames } from './ListItem/ListItem';
4
+ interface ListContextValue {
5
+ classNames?: Partial<Record<ListItemStylesNames, string>>;
6
+ styles?: Partial<Record<ListItemStylesNames, CSSObject>> | ((theme: MantineTheme) => Partial<Record<ListItemStylesNames, CSSObject>>);
7
+ spacing?: MantineNumberSize;
8
+ center?: boolean;
9
+ icon?: React.ReactNode;
10
+ }
11
+ export declare const ListContext: import("react").Context<ListContextValue>;
12
+ export declare function useListContext(): ListContextValue;
13
+ export {};
14
+ //# sourceMappingURL=List.context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"List.context.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,UAAU,gBAAgB;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,EACH,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,GAC/C,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,MAAM,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC/E,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,WAAW,2CAAwC,CAAC;AAEjE,wBAAgB,cAAc,IAAI,gBAAgB,CAEjD"}
@@ -1 +1 @@
1
- {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,oBAAY,eAAe,GAAG,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAEjF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,eAAe,CAAC,EACnC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;IACtC,oCAAoC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAE/B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,wDAAwD;IACxD,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,iBAAiB;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;CACtD;AAED,aAAK,aAAa,GAAG,8BAA8B,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,QAAQ,CAAA;CAAE,CAAC,CAAC;AAQ1F,eAAO,MAAM,IAAI,EAAE,aA2CX,CAAC"}
1
+ {"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,UAAU,EACV,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,oBAAY,eAAe,GAAG,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAEjF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,eAAe,CAAC,EACnC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;IACtC,oCAAoC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAE/B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,wDAAwD;IACxD,IAAI,CAAC,EAAE,iBAAiB,CAAC;IAEzB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,oEAAoE;IACpE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,iBAAiB;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;CACtD;AAED,aAAK,aAAa,GAAG,8BAA8B,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,QAAQ,CAAA;CAAE,CAAC,CAAC;AAQ1F,eAAO,MAAM,IAAI,EAAE,aAmCX,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { DefaultProps, MantineNumberSize, ClassNames } from '@mantine/styles';
2
+ import { DefaultProps, ClassNames } from '@mantine/styles';
3
3
  import useStyles from './ListItem.styles';
4
4
  export declare type ListItemStylesNames = ClassNames<typeof useStyles>;
5
5
  export interface ListItemProps extends DefaultProps<ListItemStylesNames>, React.ComponentPropsWithoutRef<'li'> {
@@ -7,12 +7,8 @@ export interface ListItemProps extends DefaultProps<ListItemStylesNames>, React.
7
7
  icon?: React.ReactNode;
8
8
  /** Item content */
9
9
  children: React.ReactNode;
10
- /** Predefined spacing between items or number to set value in px */
11
- spacing?: MantineNumberSize;
12
- /** Center item content with icon */
13
- center?: boolean;
14
10
  }
15
- export declare function ListItem({ className, children, icon, classNames, styles, spacing, center, ...others }: ListItemProps): JSX.Element;
11
+ export declare function ListItem({ className, children, icon, ...others }: ListItemProps): JSX.Element;
16
12
  export declare namespace ListItem {
17
13
  var displayName: string;
18
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE9E,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,oBAAY,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,mBAAmB,CAAC,EACvC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;IACtC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,oEAAoE;IACpE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,MAAM,EACN,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACV,EAAE,aAAa,eAef;yBAxBe,QAAQ"}
1
+ {"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG3D,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,oBAAY,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,MAAM,WAAW,aACf,SAAQ,YAAY,CAAC,mBAAmB,CAAC,EACvC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;IACtC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,MAAM,EAAE,EAAE,aAAa,eAiB/E;yBAjBe,QAAQ"}
@@ -0,0 +1,16 @@
1
+ /// <reference types="react" />
2
+ import { MantineNumberSize, MantineTheme, CSSObject } from '@mantine/styles';
3
+ import type { MenuStylesNames } from './Menu';
4
+ interface MenuContextValue {
5
+ hovered: number;
6
+ radius: MantineNumberSize;
7
+ classNames: Partial<Record<MenuStylesNames, string>>;
8
+ styles: Partial<Record<MenuStylesNames, CSSObject>> | ((theme: MantineTheme) => Partial<Record<MenuStylesNames, CSSObject>>);
9
+ onItemHover(index: number): void;
10
+ onItemKeyDown(event: React.KeyboardEvent<HTMLElement>): void;
11
+ onItemClick(): void;
12
+ }
13
+ export declare const MenuContext: import("react").Context<MenuContextValue>;
14
+ export declare function useMenuContext(component?: string): MenuContextValue;
15
+ export {};
16
+ //# sourceMappingURL=Menu.context.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.context.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.context.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAE9C,UAAU,gBAAgB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IACrD,MAAM,EACF,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,GAC3C,CAAC,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;IAC3E,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC7D,WAAW,IAAI,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,2CAAwC,CAAC;AAEjE,wBAAgB,cAAc,CAAC,SAAS,SAAS,oBAQhD"}
@@ -2,9 +2,9 @@ import React from 'react';
2
2
  import { DefaultProps, MantineNumberSize, MantineShadow, ClassNames, ForwardRefWithStaticComponents } from '@mantine/styles';
3
3
  import { SharedPopperProps } from '../Popper';
4
4
  import { MenuItem, MenuItemStylesNames } from './MenuItem/MenuItem';
5
- import { MenuLabel } from './MenuLabel/MenuLabel';
5
+ import { MenuLabel, MenuLabelStylesNames } from './MenuLabel/MenuLabel';
6
6
  import useStyles from './Menu.styles';
7
- export declare type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames;
7
+ export declare type MenuStylesNames = ClassNames<typeof useStyles> | MenuItemStylesNames | MenuLabelStylesNames;
8
8
  export interface MenuProps extends DefaultProps<MenuStylesNames>, SharedPopperProps, React.ComponentPropsWithRef<'div'> {
9
9
  /** <MenuItem /> and <Divider /> components only, children are passed to MenuBody component */
10
10
  children: React.ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAQ1E,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,UAAU,EAEV,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;AAOzB,OAAO,EAAU,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAgB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,oBAAY,eAAe,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,GAAG,mBAAmB,CAAC;AAEjF,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,eAAe,CAAC,EACnC,iBAAiB,EACjB,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC;IACpC,+FAA+F;IAC/F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,sDAAsD;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAE7B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,uCAAuC;IACvC,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,uCAAuC;IACvC,MAAM,CAAC,IAAI,IAAI,CAAC;IAEhB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,sDAAsD;IACtD,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAElC,uDAAuD;IACvD,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAE5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAQD,aAAK,aAAa,GAAG,8BAA8B,CACjD,SAAS,EACT;IAAE,IAAI,EAAE,OAAO,QAAQ,CAAC;IAAC,KAAK,EAAE,OAAO,SAAS,CAAA;CAAE,CACnD,CAAC;AA0DF,eAAO,MAAM,IAAI,EAAE,aAkPX,CAAC"}
1
+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAQ1E,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,UAAU,EAEV,8BAA8B,EAE/B,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAAU,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,SAAS,MAAM,eAAe,CAAC;AAEtC,oBAAY,eAAe,GACvB,UAAU,CAAC,OAAO,SAAS,CAAC,GAC5B,mBAAmB,GACnB,oBAAoB,CAAC;AAEzB,MAAM,WAAW,SACf,SAAQ,YAAY,CAAC,eAAe,CAAC,EACnC,iBAAiB,EACjB,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC;IACpC,+FAA+F;IAC/F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,sDAAsD;IACtD,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAE7B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,uCAAuC;IACvC,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,uCAAuC;IACvC,MAAM,CAAC,IAAI,IAAI,CAAC;IAEhB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,sDAAsD;IACtD,IAAI,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;IAElC,uDAAuD;IACvD,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,sCAAsC;IACtC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAE5B,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wCAAwC;IACxC,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAE3B,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B;AAQD,aAAK,aAAa,GAAG,8BAA8B,CACjD,SAAS,EACT;IAAE,IAAI,EAAE,OAAO,QAAQ,CAAC;IAAC,KAAK,EAAE,OAAO,SAAS,CAAA;CAAE,CACnD,CAAC;AA0DF,eAAO,MAAM,IAAI,EAAE,aAuNX,CAAC"}
@@ -9,8 +9,8 @@ export declare const sizes: {
9
9
  lg: number;
10
10
  xl: number;
11
11
  };
12
- declare const _default: (params: MenuStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "body" | "root" | "arrow" | "divider">) => {
13
- classes: Record<"label" | "body" | "root" | "arrow" | "divider", string>;
12
+ declare const _default: (params: MenuStylesParams, options?: import("@mantine/styles").UseStylesOptions<"label" | "body" | "root" | "arrow">) => {
13
+ classes: Record<"label" | "body" | "root" | "arrow", string>;
14
14
  cx: (...args: any) => string;
15
15
  theme: import("@mantine/styles").MantineTheme;
16
16
  };
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
- import { MantineNumberSize, ClassNames, PolymorphicComponentProps, DefaultProps, MantineColor } from '@mantine/styles';
2
+ import { ClassNames, PolymorphicComponentProps, DefaultProps, MantineColor } from '@mantine/styles';
3
3
  import useStyles from './MenuItem.styles';
4
4
  export declare type MenuItemStylesNames = ClassNames<typeof useStyles>;
5
- export interface SharedMenuItemProps extends DefaultProps<MenuItemStylesNames> {
5
+ export interface SharedMenuItemProps extends DefaultProps {
6
6
  /** Item label */
7
7
  children: React.ReactNode;
8
8
  /** Icon rendered on the left side of label */
@@ -13,21 +13,15 @@ export interface SharedMenuItemProps extends DefaultProps<MenuItemStylesNames> {
13
13
  rightSection?: React.ReactNode;
14
14
  /** Is item disabled */
15
15
  disabled?: boolean;
16
- /** Is item hovered, controlled by parent Menu component */
17
- hovered?: boolean;
18
- /** Called when item is hovered, controlled by parent Menu component */
19
- onHover?(): void;
20
- /** Border radius, controlled by parent Menu component */
21
- radius?: MantineNumberSize;
22
16
  }
23
- export declare type MenuItemProps<C> = PolymorphicComponentProps<C, SharedMenuItemProps>;
24
- export declare type MenuItemComponent = <C = 'button'>(props: MenuItemProps<C>) => React.ReactElement;
25
- export interface MenuItemType {
26
- type: any;
27
- props: MenuItemProps<'button'>;
28
- ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);
17
+ interface _MenuItemProps extends SharedMenuItemProps, Omit<React.ComponentPropsWithoutRef<'button'>, keyof SharedMenuItemProps> {
18
+ component: any;
29
19
  }
20
+ export declare const _MenuItem: React.ForwardRefExoticComponent<_MenuItemProps & React.RefAttributes<HTMLButtonElement>>;
21
+ export declare type MenuItemProps<C> = PolymorphicComponentProps<C, SharedMenuItemProps>;
22
+ declare type MenuItemComponent = <C = 'button'>(props: MenuItemProps<C>) => React.ReactElement;
30
23
  export declare const MenuItem: MenuItemComponent & {
31
24
  displayName?: string;
32
25
  };
26
+ export {};
33
27
  //# sourceMappingURL=MenuItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,yBAAyB,EAEzB,YAAY,EACZ,YAAY,EACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,oBAAY,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,mBAAmB,CAAC;IAC5E,iBAAiB;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,kCAAkC;IAClC,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,kGAAkG;IAClG,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uEAAuE;IACvE,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,yDAAyD;IACzD,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,oBAAY,aAAa,CAAC,CAAC,IAAI,yBAAyB,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;AAEjF,oBAAY,iBAAiB,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;AAE9F,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC,CAAC;CACpF;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CA2CzD,CAAC"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuItem/MenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,yBAAyB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAKpG,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAE1C,oBAAY,mBAAmB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,iBAAiB;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,kCAAkC;IAClC,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,kGAAkG;IAClG,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,cACR,SAAQ,mBAAmB,EACzB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,MAAM,mBAAmB,CAAC;IAC3E,SAAS,EAAE,GAAG,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,0FAoDrB,CAAC;AAEF,oBAAY,aAAa,CAAC,CAAC,IAAI,yBAAyB,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC;AACjF,aAAK,iBAAiB,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,CAAC;AAEvF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAqB,CAAC"}
@@ -1,6 +1,8 @@
1
1
  import React from 'react';
2
- import { DefaultProps } from '@mantine/styles';
2
+ import { ClassNames, DefaultProps } from '@mantine/styles';
3
3
  import { SharedTextProps } from '../../Text/Text';
4
+ import useStyles from './MenuLabel.styles';
5
+ export declare type MenuLabelStylesNames = ClassNames<typeof useStyles>;
4
6
  export interface MenuLabelProps extends DefaultProps, SharedTextProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'color'> {
5
7
  /** Label content */
6
8
  children: React.ReactNode;
@@ -10,7 +12,7 @@ export interface MenuLabelType {
10
12
  props: MenuLabelProps;
11
13
  ref?: React.RefObject<HTMLButtonElement> | ((instance: HTMLButtonElement) => void);
12
14
  }
13
- export declare function MenuLabel(props: MenuLabelProps): any;
15
+ export declare function MenuLabel(props: MenuLabelProps): JSX.Element;
14
16
  export declare namespace MenuLabel {
15
17
  var displayName: string;
16
18
  }
@@ -1 +1 @@
1
- {"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,cACf,SAAQ,YAAY,EAClB,eAAe,EACf,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC,CAAC;CACpF;AAED,wBAAgB,SAAS,CAGvB,KAAK,EAAE,cAAc,OAGtB;yBANe,SAAS"}
1
+ {"version":3,"file":"MenuLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAQ,MAAM,iBAAiB,CAAC;AAExD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,oBAAY,oBAAoB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAEhE,MAAM,WAAW,cACf,SAAQ,YAAY,EAClB,eAAe,EACf,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,iBAAiB,KAAK,IAAI,CAAC,CAAC;CACpF;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,eAI9C;yBAJe,SAAS"}
@@ -0,0 +1,7 @@
1
+ declare const _default: (params: void, options?: import("@mantine/styles").UseStylesOptions<"label">) => {
2
+ classes: Record<"label", string>;
3
+ cx: (...args: any) => string;
4
+ theme: import("@mantine/styles").MantineTheme;
5
+ };
6
+ export default _default;
7
+ //# sourceMappingURL=MenuLabel.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuLabel.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuLabel/MenuLabel.styles.ts"],"names":[],"mappings":";;;;;AAEA,wBAQI"}
@@ -12,8 +12,8 @@ export interface ModalStylesParams {
12
12
  centered: boolean;
13
13
  zIndex: number;
14
14
  }
15
- declare const _default: (params: ModalStylesParams, options?: import("@mantine/styles").UseStylesOptions<"overlay" | "body" | "header" | "title" | "root" | "inner" | "modal" | "close">) => {
16
- classes: Record<"overlay" | "body" | "header" | "title" | "root" | "inner" | "modal" | "close", string>;
15
+ declare const _default: (params: ModalStylesParams, options?: import("@mantine/styles").UseStylesOptions<"body" | "header" | "title" | "overlay" | "root" | "inner" | "modal" | "close">) => {
16
+ classes: Record<"body" | "header" | "title" | "overlay" | "root" | "inner" | "modal" | "close", string>;
17
17
  cx: (...args: any) => string;
18
18
  theme: import("@mantine/styles").MantineTheme;
19
19
  };
@@ -3,8 +3,8 @@ export interface MultiSelectStylesParams {
3
3
  size: MantineSize;
4
4
  invalid: boolean;
5
5
  }
6
- declare const _default: (params: MultiSelectStylesParams, options?: import("@mantine/styles").UseStylesOptions<"values" | "value" | "input" | "wrapper" | "searchInput" | "searchInputEmpty" | "searchInputInputHidden" | "searchInputPointer">) => {
7
- classes: Record<"values" | "value" | "input" | "wrapper" | "searchInput" | "searchInputEmpty" | "searchInputInputHidden" | "searchInputPointer", string>;
6
+ declare const _default: (params: MultiSelectStylesParams, options?: import("@mantine/styles").UseStylesOptions<"values" | "input" | "value" | "wrapper" | "searchInput" | "searchInputEmpty" | "searchInputInputHidden" | "searchInputPointer">) => {
7
+ classes: Record<"values" | "input" | "value" | "wrapper" | "searchInput" | "searchInputEmpty" | "searchInputInputHidden" | "searchInputPointer", string>;
8
8
  cx: (...args: any) => string;
9
9
  theme: import("@mantine/styles").MantineTheme;
10
10
  };
@@ -4,8 +4,8 @@ export interface NotificationStylesParams {
4
4
  radius: MantineNumberSize;
5
5
  disallowClose: boolean;
6
6
  }
7
- declare const _default: (params: NotificationStylesParams, options?: import("@mantine/styles").UseStylesOptions<"icon" | "body" | "title" | "withIcon" | "root" | "loader" | "closeButton" | "description">) => {
8
- classes: Record<"icon" | "body" | "title" | "withIcon" | "root" | "loader" | "closeButton" | "description", string>;
7
+ declare const _default: (params: NotificationStylesParams, options?: import("@mantine/styles").UseStylesOptions<"body" | "title" | "icon" | "withIcon" | "root" | "loader" | "closeButton" | "description">) => {
8
+ classes: Record<"body" | "title" | "icon" | "withIcon" | "root" | "loader" | "closeButton" | "description", string>;
9
9
  cx: (...args: any) => string;
10
10
  theme: import("@mantine/styles").MantineTheme;
11
11
  };