@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13

package/cjs/components/ModalBase/use-lock-scroll.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+
+function useLockScroll({ opened, transitionDuration }) {
+  const [shouldLockScroll, setShouldLockScroll] = React.useState(opened);
+  const timeout = React.useRef();
+  const reduceMotion = hooks.useReducedMotion();
+  const _transitionDuration = reduceMotion ? 0 : transitionDuration;
+  React.useEffect(() => {
+    if (opened) {
+      setShouldLockScroll(true);
+      window.clearTimeout(timeout.current);
+    } else if (_transitionDuration === 0) {
+      setShouldLockScroll(false);
+    } else {
+      timeout.current = window.setTimeout(() => setShouldLockScroll(false), _transitionDuration);
+    }
+    return () => window.clearTimeout(timeout.current);
+  }, [opened, _transitionDuration]);
+  return shouldLockScroll;
+}
+
+exports.useLockScroll = useLockScroll;
+//# sourceMappingURL=use-lock-scroll.js.map

package/cjs/components/ModalBase/use-lock-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-lock-scroll.js","sources":["../../../src/components/ModalBase/use-lock-scroll.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\n\ninterface UseScrollLock {\n  opened: boolean;\n  transitionDuration: number;\n}\n\nexport function useLockScroll({ opened, transitionDuration }: UseScrollLock) {\n  const [shouldLockScroll, setShouldLockScroll] = useState(opened);\n  const timeout = useRef<number>();\n  const reduceMotion = useReducedMotion();\n  const _transitionDuration = reduceMotion ? 0 : transitionDuration;\n\n  useEffect(() => {\n    if (opened) {\n      setShouldLockScroll(true);\n      window.clearTimeout(timeout.current);\n    } else if (_transitionDuration === 0) {\n      setShouldLockScroll(false);\n    } else {\n      timeout.current = window.setTimeout(() => setShouldLockScroll(false), _transitionDuration);\n    }\n\n    return () => window.clearTimeout(timeout.current);\n  }, [opened, _transitionDuration]);\n\n  return shouldLockScroll;\n}\n"],"names":["useState","useRef","useReducedMotion","useEffect"],"mappings":";;;;;;;AAEO,SAAS,aAAa,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,EAAE;AAC9D,EAAE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAGA,cAAQ,CAAC,MAAM,CAAC,CAAC;AACnE,EAAE,MAAM,OAAO,GAAGC,YAAM,EAAE,CAAC;AAC3B,EAAE,MAAM,YAAY,GAAGC,sBAAgB,EAAE,CAAC;AAC1C,EAAE,MAAM,mBAAmB,GAAG,YAAY,GAAG,CAAC,GAAG,kBAAkB,CAAC;AACpE,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAChC,MAAM,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAC3C,KAAK,MAAM,IAAI,mBAAmB,KAAK,CAAC,EAAE;AAC1C,MAAM,mBAAmB,CAAC,KAAK,CAAC,CAAC;AACjC,KAAK,MAAM;AACX,MAAM,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,mBAAmB,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,OAAO,MAAM,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AACtD,GAAG,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;AACpC,EAAE,OAAO,gBAAgB,CAAC;AAC1B;;;;"}

package/cjs/components/ModalBase/use-modal-body-id.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ModalBase_context = require('./ModalBase.context.js');
+
+function useModalBodyId() {
+  const ctx = ModalBase_context.useModalBaseContext();
+  React.useEffect(() => {
+    ctx.setBodyMounted(true);
+    return () => ctx.setBodyMounted(false);
+  }, []);
+  return ctx.getBodyId();
+}
+
+exports.useModalBodyId = useModalBodyId;
+//# sourceMappingURL=use-modal-body-id.js.map

package/cjs/components/ModalBase/use-modal-body-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-body-id.js","sources":["../../../src/components/ModalBase/use-modal-body-id.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport function useModalBodyId() {\n  const ctx = useModalBaseContext();\n\n  useEffect(() => {\n    ctx.setBodyMounted(true);\n    return () => ctx.setBodyMounted(false);\n  }, []);\n\n  return ctx.getBodyId();\n}\n"],"names":["useModalBaseContext","useEffect"],"mappings":";;;;;;;AAEO,SAAS,cAAc,GAAG;AACjC,EAAE,MAAM,GAAG,GAAGA,qCAAmB,EAAE,CAAC;AACpC,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAC7B,IAAI,OAAO,MAAM,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC3C,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,GAAG,CAAC,SAAS,EAAE,CAAC;AACzB;;;;"}

package/cjs/components/ModalBase/use-modal-title-id.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ModalBase_context = require('./ModalBase.context.js');
+
+function useModalTitle() {
+  const ctx = ModalBase_context.useModalBaseContext();
+  React.useEffect(() => {
+    ctx.setTitleMounted(true);
+    return () => ctx.setTitleMounted(false);
+  }, []);
+  return ctx.getTitleId();
+}
+
+exports.useModalTitle = useModalTitle;
+//# sourceMappingURL=use-modal-title-id.js.map

package/cjs/components/ModalBase/use-modal-title-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-title-id.js","sources":["../../../src/components/ModalBase/use-modal-title-id.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { useModalBaseContext } from './ModalBase.context';\n\nexport function useModalTitle() {\n  const ctx = useModalBaseContext();\n\n  useEffect(() => {\n    ctx.setTitleMounted(true);\n    return () => ctx.setTitleMounted(false);\n  }, []);\n\n  return ctx.getTitleId();\n}\n"],"names":["useModalBaseContext","useEffect"],"mappings":";;;;;;;AAEO,SAAS,aAAa,GAAG;AAChC,EAAE,MAAM,GAAG,GAAGA,qCAAmB,EAAE,CAAC;AACpC,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;AAC9B,IAAI,OAAO,MAAM,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAC5C,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,GAAG,CAAC,UAAU,EAAE,CAAC;AAC1B;;;;"}

package/cjs/components/ModalBase/use-modal-transition.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ModalBase_context = require('./ModalBase.context.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;
+};
+const DEFAULT_TRANSITION = {
+  duration: 200,
+  timingFunction: "ease",
+  transition: "fade"
+};
+function useModalTransition(transitionOverride) {
+  const ctx = ModalBase_context.useModalBaseContext();
+  return __spreadValues(__spreadValues(__spreadValues({}, DEFAULT_TRANSITION), ctx.transitionProps), transitionOverride);
+}
+
+exports.useModalTransition = useModalTransition;
+//# sourceMappingURL=use-modal-transition.js.map

package/cjs/components/ModalBase/use-modal-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-transition.js","sources":["../../../src/components/ModalBase/use-modal-transition.ts"],"sourcesContent":["import { TransitionOverride } from '../Transition';\nimport { useModalBaseContext } from './ModalBase.context';\n\nconst DEFAULT_TRANSITION: TransitionOverride = {\n  duration: 200,\n  timingFunction: 'ease',\n  transition: 'fade',\n};\n\nexport function useModalTransition(\n  transitionOverride: TransitionOverride | undefined\n): TransitionOverride {\n  const ctx = useModalBaseContext();\n  return { ...DEFAULT_TRANSITION, ...ctx.transitionProps, ...transitionOverride };\n}\n"],"names":["useModalBaseContext"],"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;AAEF,MAAM,kBAAkB,GAAG;AAC3B,EAAE,QAAQ,EAAE,GAAG;AACf,EAAE,cAAc,EAAE,MAAM;AACxB,EAAE,UAAU,EAAE,MAAM;AACpB,CAAC,CAAC;AACK,SAAS,kBAAkB,CAAC,kBAAkB,EAAE;AACvD,EAAE,MAAM,GAAG,GAAGA,qCAAmB,EAAE,CAAC;AACpC,EAAE,OAAO,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,kBAAkB,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,kBAAkB,CAAC,CAAC;AACzH;;;;"}

package/cjs/components/ModalBase/use-modal.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var hooks = require('@mantine/hooks');
+var useLockScroll = require('./use-lock-scroll.js');
+
+function useModal({
+  id,
+  transitionProps,
+  opened,
+  trapFocus,
+  closeOnEscape,
+  onClose,
+  returnFocus
+}) {
+  const _id = hooks.useId(id);
+  const [titleMounted, setTitleMounted] = React.useState(false);
+  const [bodyMounted, setBodyMounted] = React.useState(false);
+  const transitionDuration = typeof (transitionProps == null ? void 0 : transitionProps.duration) === "number" ? transitionProps == null ? void 0 : transitionProps.duration : 200;
+  const shouldLockScroll = useLockScroll.useLockScroll({ opened, transitionDuration });
+  hooks.useWindowEvent("keydown", (event) => {
+    if (!trapFocus && event.key === "Escape" && closeOnEscape) {
+      onClose();
+    }
+  });
+  hooks.useFocusReturn({ opened, shouldReturnFocus: trapFocus && returnFocus });
+  return {
+    _id,
+    titleMounted,
+    bodyMounted,
+    shouldLockScroll,
+    setTitleMounted,
+    setBodyMounted
+  };
+}
+
+exports.useModal = useModal;
+//# sourceMappingURL=use-modal.js.map

package/cjs/components/ModalBase/use-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal.js","sources":["../../../src/components/ModalBase/use-modal.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useId, useWindowEvent, useFocusReturn } from '@mantine/hooks';\nimport { useLockScroll } from './use-lock-scroll';\nimport { TransitionOverride } from '../Transition';\n\ninterface UseModalInput {\n  opened: boolean;\n  onClose(): void;\n  id: string | undefined;\n  transitionProps: TransitionOverride | undefined;\n  trapFocus: boolean | undefined;\n  closeOnEscape: boolean | undefined;\n  returnFocus: boolean | undefined;\n}\n\nexport function useModal({\n  id,\n  transitionProps,\n  opened,\n  trapFocus,\n  closeOnEscape,\n  onClose,\n  returnFocus,\n}: UseModalInput) {\n  const _id = useId(id);\n  const [titleMounted, setTitleMounted] = useState(false);\n  const [bodyMounted, setBodyMounted] = useState(false);\n\n  const transitionDuration =\n    typeof transitionProps?.duration === 'number' ? transitionProps?.duration : 200;\n\n  const shouldLockScroll = useLockScroll({ opened, transitionDuration });\n\n  useWindowEvent('keydown', (event) => {\n    if (!trapFocus && event.key === 'Escape' && closeOnEscape) {\n      onClose();\n    }\n  });\n\n  useFocusReturn({ opened, shouldReturnFocus: trapFocus && returnFocus });\n\n  return {\n    _id,\n    titleMounted,\n    bodyMounted,\n    shouldLockScroll,\n    setTitleMounted,\n    setBodyMounted,\n  };\n}\n"],"names":["useId","useState","useLockScroll","useWindowEvent","useFocusReturn"],"mappings":";;;;;;;;AAGO,SAAS,QAAQ,CAAC;AACzB,EAAE,EAAE;AACJ,EAAE,eAAe;AACjB,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,aAAa;AACf,EAAE,OAAO;AACT,EAAE,WAAW;AACb,CAAC,EAAE;AACH,EAAE,MAAM,GAAG,GAAGA,WAAK,CAAC,EAAE,CAAC,CAAC;AACxB,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;AAC1D,EAAE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AACxD,EAAE,MAAM,kBAAkB,GAAG,QAAQ,eAAe,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,eAAe,CAAC,QAAQ,CAAC,KAAK,QAAQ,GAAG,eAAe,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,eAAe,CAAC,QAAQ,GAAG,GAAG,CAAC;AACnL,EAAE,MAAM,gBAAgB,GAAGC,2BAAa,CAAC,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC;AACzE,EAAEC,oBAAc,CAAC,SAAS,EAAE,CAAC,KAAK,KAAK;AACvC,IAAI,IAAI,CAAC,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,aAAa,EAAE;AAC/D,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAEC,oBAAc,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,SAAS,IAAI,WAAW,EAAE,CAAC,CAAC;AAC1E,EAAE,OAAO;AACT,IAAI,GAAG;AACP,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,gBAAgB;AACpB,IAAI,eAAe;AACnB,IAAI,cAAc;AAClB,GAAG,CAAC;AACJ;;;;"}

package/cjs/components/NativeSelect/NativeSelect.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var NativeSelectOption = require('./NativeSelectOption.js');
 var getParsedComboboxData = require('../Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js');
@@ -15,16 +14,65 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const defaultProps = {
-    size: 'sm',
-    rightSectionPointerEvents: 'none',
+  size: "sm",
+  rightSectionPointerEvents: "none"
 };
 const NativeSelect = factory.factory((props, ref) => {
-    const _a = useProps.useProps('NativeSelect', defaultProps, props), { data, children, size, error, rightSection } = _a, others = tslib.__rest(_a, ["data", "children", "size", "error", "rightSection"]);
-    const options = getParsedComboboxData.getParsedComboboxData(data).map((item, index) => (React__default.createElement(NativeSelectOption.NativeSelectOption, { key: index, data: item })));
-    return (React__default.createElement(InputBase.InputBase, Object.assign({ component: "select", ref: ref }, others, { __staticSelector: "NativeSelect", size: size, pointer: true, error: error, rightSection: rightSection || React__default.createElement(ComboboxChevron.ComboboxChevron, { size: size, error: error }) }), children || options));
+  const _a = useProps.useProps(
+    "NativeSelect",
+    defaultProps,
+    props
+  ), { data, children, size, error, rightSection } = _a, others = __objRest(_a, ["data", "children", "size", "error", "rightSection"]);
+  const options = getParsedComboboxData.getParsedComboboxData(data).map((item, index) => /* @__PURE__ */ React__default.createElement(NativeSelectOption.NativeSelectOption, { key: index, data: item }));
+  return /* @__PURE__ */ React__default.createElement(
+    InputBase.InputBase,
+    __spreadProps(__spreadValues({
+      component: "select",
+      ref
+    }, others), {
+      __staticSelector: "NativeSelect",
+      size,
+      pointer: true,
+      error,
+      rightSection: rightSection || /* @__PURE__ */ React__default.createElement(ComboboxChevron.ComboboxChevron, { size, error })
+    }),
+    children || options
+  );
 });
-NativeSelect.displayName = '@mantine/core/NativeSelect';
+NativeSelect.classes = InputBase.InputBase.classes;
+NativeSelect.displayName = "@mantine/core/NativeSelect";
 
 exports.NativeSelect = NativeSelect;
 //# sourceMappingURL=NativeSelect.js.map

package/cjs/components/NativeSelect/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, ElementProps, useProps, Factory } from '../../core';\nimport { InputBase, InputBaseProps } from '../InputBase';\nimport { __InputStylesNames } from '../Input';\nimport { ComboboxData, getParsedComboboxData, ComboboxChevron } from '../Combobox';\nimport { NativeSelectOption } from './NativeSelectOption';\n\nexport interface NativeSelectProps extends InputBaseProps, ElementProps<'select', 'size'> {\n  /** Data used to render options, can be replaced with `children` */\n  data?: ComboboxData;\n}\n\nexport type NativeSelectFactory = Factory<{\n  props: NativeSelectProps;\n  ref: HTMLSelectElement;\n  stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps: Partial<NativeSelectProps> = {\n  size: 'sm',\n  rightSectionPointerEvents: 'none',\n};\n\nexport const NativeSelect = factory<NativeSelectFactory>((props, ref) => {\n  const { data, children, size, error, rightSection, ...others } = useProps(\n    'NativeSelect',\n    defaultProps,\n    props\n  );\n\n  const options = getParsedComboboxData(data).map((item, index) => (\n    <NativeSelectOption key={index} data={item} />\n  ));\n\n  return (\n    <InputBase\n      component=\"select\"\n      ref={ref}\n      {...others}\n      __staticSelector=\"NativeSelect\"\n      size={size}\n      pointer\n      error={error}\n      rightSection={rightSection || <ComboboxChevron size={size!} error={error} />}\n    >\n      {children || options}\n    </InputBase>\n  );\n});\n\nNativeSelect.displayName = '@mantine/core/NativeSelect';\n"],"names":["factory","useProps","getParsedComboboxData","React","NativeSelectOption","InputBase","ComboboxChevron"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,YAAY,GAA+B;IAC/C,IAAI,EAAE,IAAI;IACV,yBAAyB,EAAE,MAAM;CAClC,CAAC;MAEW,YAAY,GAAGA,eAAO,CAAsB,CAAC,KAAK,EAAE,GAAG;IAClE,MAAM,KAA2DC,iBAAQ,CACvE,cAAc,EACd,YAAY,EACZ,KAAK,CACN,EAJK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,OAIhD,EAJqD,MAAM,oBAAtD,qDAAwD,CAI7D,CAAC;IAEF,MAAM,OAAO,GAAGC,2CAAqB,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,MAC1DC,6BAACC,qCAAkB,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC/C,CAAC,CAAC;IAEH,QACED,6BAACE,mBAAS,kBACR,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,MAAM,IACV,gBAAgB,EAAC,cAAc,EAC/B,IAAI,EAAE,IAAI,EACV,OAAO,QACP,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAIF,6BAACG,+BAAe,IAAC,IAAI,EAAE,IAAK,EAAE,KAAK,EAAE,KAAK,GAAI,KAE3E,QAAQ,IAAI,OAAO,CACV,EACZ;AACJ,CAAC,EAAE;AAEH,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;"}
+{"version":3,"file":"NativeSelect.js","sources":["../../../src/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, ElementProps, useProps, Factory } from '../../core';\nimport { InputBase, InputBaseProps } from '../InputBase';\nimport { __InputStylesNames } from '../Input';\nimport { ComboboxData, getParsedComboboxData, ComboboxChevron } from '../Combobox';\nimport { NativeSelectOption } from './NativeSelectOption';\n\nexport interface NativeSelectProps extends InputBaseProps, ElementProps<'select', 'size'> {\n  /** Data used to render options, can be replaced with `children` */\n  data?: ComboboxData;\n}\n\nexport type NativeSelectFactory = Factory<{\n  props: NativeSelectProps;\n  ref: HTMLSelectElement;\n  stylesNames: __InputStylesNames;\n}>;\n\nconst defaultProps: Partial<NativeSelectProps> = {\n  size: 'sm',\n  rightSectionPointerEvents: 'none',\n};\n\nexport const NativeSelect = factory<NativeSelectFactory>((props, ref) => {\n  const { data, children, size, error, rightSection, ...others } = useProps(\n    'NativeSelect',\n    defaultProps,\n    props\n  );\n\n  const options = getParsedComboboxData(data).map((item, index) => (\n    <NativeSelectOption key={index} data={item} />\n  ));\n\n  return (\n    <InputBase\n      component=\"select\"\n      ref={ref}\n      {...others}\n      __staticSelector=\"NativeSelect\"\n      size={size}\n      pointer\n      error={error}\n      rightSection={rightSection || <ComboboxChevron size={size!} error={error} />}\n    >\n      {children || options}\n    </InputBase>\n  );\n});\n\nNativeSelect.classes = InputBase.classes;\nNativeSelect.displayName = '@mantine/core/NativeSelect';\n"],"names":["factory","useProps","getParsedComboboxData","React","NativeSelectOption","InputBase","ComboboxChevron"],"mappings":"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"}

package/cjs/components/NativeSelect/NativeSelectOption.js

@@ -2,25 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+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 isGroup(input) {
-    return 'group' in input;
+  return "group" in input;
 }
 function NativeSelectOption({ data }) {
-    if (isGroup(data)) {
-        const items = data.items.map((item) => React__default.createElement(NativeSelectOption, { key: item.value, data: item }));
-        return React__default.createElement("optgroup", { label: data.group }, items);
-    }
-    const others = tslib.__rest(data, ["value", "label"]);
-    return (React__default.createElement("option", Object.assign({ key: data.value, value: data.value }, others), data.label));
+  if (isGroup(data)) {
+    const items = data.items.map((item) => /* @__PURE__ */ React__default.createElement(NativeSelectOption, { key: item.value, data: item }));
+    return /* @__PURE__ */ React__default.createElement("optgroup", { label: data.group }, items);
+  }
+  const _a = data, others = __objRest(_a, ["value", "label"]);
+  return /* @__PURE__ */ React__default.createElement("option", __spreadValues({ key: data.value, value: data.value }, others), data.label);
 }
-NativeSelectOption.displayName = '@mantine/core/NativeSelectOption';
+NativeSelectOption.displayName = "@mantine/core/NativeSelectOption";
 
 exports.NativeSelectOption = NativeSelectOption;
 //# sourceMappingURL=NativeSelectOption.js.map

package/cjs/components/NativeSelect/NativeSelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelectOption.js","sources":["../../../src/components/NativeSelect/NativeSelectOption.tsx"],"sourcesContent":["import React from 'react';\nimport { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox';\n\nexport interface NativeSelectOptionProps {\n  data: ComboboxParsedItem;\n}\n\nfunction isGroup(input: ComboboxParsedItem): input is ComboboxParsedItemGroup {\n  return 'group' in input;\n}\n\nexport function NativeSelectOption({ data }: NativeSelectOptionProps) {\n  if (isGroup(data)) {\n    const items = data.items.map((item) => <NativeSelectOption key={item.value} data={item} />);\n    return <optgroup label={data.group}>{items}</optgroup>;\n  }\n\n  const { value, label, ...others } = data;\n\n  return (\n    <option key={data.value} value={data.value} {...others}>\n      {data.label}\n    </option>\n  );\n}\n\nNativeSelectOption.displayName = '@mantine/core/NativeSelectOption';\n"],"names":["React"],"mappings":";;;;;;;;;;;AAOA,SAAS,OAAO,CAAC,KAAyB;IACxC,OAAO,OAAO,IAAI,KAAK,CAAC;AAC1B,CAAC;SAEe,kBAAkB,CAAC,EAAE,IAAI,EAA2B;IAClE,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;QACjB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAKA,6BAAC,kBAAkB,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC,CAAC;QAC5F,OAAOA,2CAAU,KAAK,EAAE,IAAI,CAAC,KAAK,IAAG,KAAK,CAAY,CAAC;KACxD;UAEwB,MAAM,gBAAK,IAAI,EAAlC,kBAA2B,EAAQ;IAEzC,QACEA,uDAAQ,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAM,MAAM,GACnD,IAAI,CAAC,KAAK,CACJ,EACT;AACJ,CAAC;AAED,kBAAkB,CAAC,WAAW,GAAG,kCAAkC;;;;"}
+{"version":3,"file":"NativeSelectOption.js","sources":["../../../src/components/NativeSelect/NativeSelectOption.tsx"],"sourcesContent":["import React from 'react';\nimport { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox';\n\nexport interface NativeSelectOptionProps {\n  data: ComboboxParsedItem;\n}\n\nfunction isGroup(input: ComboboxParsedItem): input is ComboboxParsedItemGroup {\n  return 'group' in input;\n}\n\nexport function NativeSelectOption({ data }: NativeSelectOptionProps) {\n  if (isGroup(data)) {\n    const items = data.items.map((item) => <NativeSelectOption key={item.value} data={item} />);\n    return <optgroup label={data.group}>{items}</optgroup>;\n  }\n\n  const { value, label, ...others } = data;\n\n  return (\n    <option key={data.value} value={data.value} {...others}>\n      {data.label}\n    </option>\n  );\n}\n\nNativeSelectOption.displayName = '@mantine/core/NativeSelectOption';\n"],"names":["React"],"mappings":"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"}

package/cjs/components/Notification/Notification.js

@@ -0,0 +1,153 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Notification_module = require('./Notification.module.css.js');
+var Loader = require('../Loader/Loader.js');
+var Text = require('../Text/Text.js');
+var CloseButton = require('../CloseButton/CloseButton.js');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var Box = require('../../core/Box/Box.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+var getThemeColor = require('../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  withCloseButton: true
+};
+const varsResolver = createVarsResolver.createVarsResolver((theme, { radius, color }) => ({
+  root: {
+    "--notification-radius": getSize.getRadius(radius),
+    "--notification-color": getThemeColor.getThemeColor(color, theme)
+  }
+}));
+const Notification = factory.factory((_props, ref) => {
+  const props = useProps.useProps("Notification", defaultProps, _props);
+  const _a = props, {
+    className,
+    color,
+    radius,
+    loading,
+    withCloseButton,
+    withBorder,
+    title,
+    icon,
+    children,
+    onClose,
+    closeButtonProps,
+    classNames,
+    style,
+    styles,
+    unstyled,
+    variant,
+    vars
+  } = _a, others = __objRest(_a, [
+    "className",
+    "color",
+    "radius",
+    "loading",
+    "withCloseButton",
+    "withBorder",
+    "title",
+    "icon",
+    "children",
+    "onClose",
+    "closeButtonProps",
+    "classNames",
+    "style",
+    "styles",
+    "unstyled",
+    "variant",
+    "vars"
+  ]);
+  const getStyles = useStyles.useStyles({
+    name: "Notification",
+    classes: Notification_module['default'],
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    Box.Box,
+    __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
+      mod: {
+        "data-with-icon": !!icon || loading,
+        "data-with-border": withBorder
+      },
+      ref,
+      variant
+    }), others), {
+      role: "alert"
+    }),
+    icon && !loading && /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("icon")), icon),
+    loading && /* @__PURE__ */ React__default.createElement(Loader.Loader, __spreadValues({ size: 28, color }, getStyles("loader"))),
+    /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("body")), title && /* @__PURE__ */ React__default.createElement(Text.Text, __spreadProps(__spreadValues({}, getStyles("title")), { size: "sm", fw: 500 }), title), /* @__PURE__ */ React__default.createElement(
+      Text.Text,
+      __spreadProps(__spreadValues({}, getStyles("description")), {
+        color: "dimmed",
+        mod: {
+          "data-with-title": !!title
+        },
+        size: "sm"
+      }),
+      children
+    )),
+    withCloseButton && /* @__PURE__ */ React__default.createElement(
+      CloseButton.CloseButton,
+      __spreadValues(__spreadProps(__spreadValues({
+        iconSize: 16,
+        color: "gray"
+      }, closeButtonProps), {
+        onClick: onClose
+      }), getStyles("closeButton"))
+    )
+  );
+});
+Notification.classes = Notification_module['default'];
+Notification.displayName = "@mantine/core/Notification";
+
+exports.Notification = Notification;
+//# sourceMappingURL=Notification.js.map

package/cjs/components/Notification/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  MantineRadius,\n  MantineColor,\n  getRadius,\n  getThemeColor,\n} from '../../core';\nimport classes from './Notification.module.css';\nimport { Loader } from '../Loader';\nimport { Text } from '../Text';\nimport { CloseButton } from '../CloseButton';\n\nexport type NotificationStylesNames =\n  | 'root'\n  | 'icon'\n  | 'loader'\n  | 'body'\n  | 'title'\n  | 'description'\n  | 'closeButton';\nexport type NotificationVariant = string;\nexport type NotificationCssVariables = {\n  root: '--notification-radius' | '--notification-color';\n};\n\nexport interface NotificationProps\n  extends BoxProps,\n    StylesApiProps<NotificationFactory>,\n    ElementProps<'div', 'title'> {\n  variant?: string;\n\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Controls notification line or icon color, key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */\n  color?: MantineColor;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed before body */\n  title?: React.ReactNode;\n\n  /** Notification body, place main text here */\n  children?: React.ReactNode;\n\n  /** Replaces colored line or icon with Loader component */\n  loading?: boolean;\n\n  /** Determines whether notification should have a border, `false` by default */\n  withBorder?: boolean;\n\n  /** Determines whether close button should be visible, `true` by default */\n  withCloseButton?: boolean;\n\n  /** Props passed down to the close button */\n  closeButtonProps?: Record<string, any>;\n}\n\nexport type NotificationFactory = Factory<{\n  props: NotificationProps;\n  ref: HTMLDivElement;\n  stylesNames: NotificationStylesNames;\n  vars: NotificationCssVariables;\n  variant: NotificationVariant;\n}>;\n\nconst defaultProps: Partial<NotificationProps> = {\n  withCloseButton: true,\n};\n\nconst varsResolver = createVarsResolver<NotificationFactory>((theme, { radius, color }) => ({\n  root: {\n    '--notification-radius': getRadius(radius),\n    '--notification-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Notification = factory<NotificationFactory>((_props, ref) => {\n  const props = useProps('Notification', defaultProps, _props);\n  const {\n    className,\n    color,\n    radius,\n    loading,\n    withCloseButton,\n    withBorder,\n    title,\n    icon,\n    children,\n    onClose,\n    closeButtonProps,\n    classNames,\n    style,\n    styles,\n    unstyled,\n    variant,\n    vars,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NotificationFactory>({\n    name: 'Notification',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      mod={{\n        'data-with-icon': !!icon || loading,\n        'data-with-border': withBorder,\n      }}\n      ref={ref}\n      variant={variant}\n      {...others}\n      role=\"alert\"\n    >\n      {icon && !loading && <div {...getStyles('icon')}>{icon}</div>}\n      {loading && <Loader size={28} color={color} {...getStyles('loader')} />}\n\n      <div {...getStyles('body')}>\n        {title && (\n          <Text {...getStyles('title')} size=\"sm\" fw={500}>\n            {title}\n          </Text>\n        )}\n\n        <Text\n          {...getStyles('description')}\n          color=\"dimmed\"\n          mod={{\n            'data-with-title': !!title,\n          }}\n          size=\"sm\"\n        >\n          {children}\n        </Text>\n      </div>\n\n      {withCloseButton && (\n        <CloseButton\n          iconSize={16}\n          color=\"gray\"\n          {...closeButtonProps}\n          onClick={onClose}\n          {...getStyles('closeButton')}\n        />\n      )}\n    </Box>\n  );\n});\n\nNotification.classes = classes;\nNotification.displayName = '@mantine/core/Notification';\n"],"names":["createVarsResolver","getRadius","getThemeColor","factory","useProps","useStyles","classes","React","Box","Loader","Text","CloseButton"],"mappings":"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"}

package/cjs/components/Notification/Notification.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"mantine-YiPmNPd","icon":"mantine-VESwnzc","loader":"mantine-l9ZVklH","body":"mantine-afBXh4T","title":"mantine-6U4b0QN","description":"mantine-JSUKYq9","closeButton":"mantine-SusVh0K"};
+
+exports.default = classes;
+//# sourceMappingURL=Notification.module.css.js.map

package/cjs/components/Notification/Notification.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}