@mantine/core 4.2.9 → 5.0.0-alpha.11

package/cjs/components/NativeSelect/NativeSelect.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var hooks = require('@mantine/hooks');
 var styles = require('@mantine/styles');
-var InputWrapper = require('../InputWrapper/InputWrapper.js');
-var Input = require('../Input/Input.js');
 var getSelectRightSectionProps = require('../Select/SelectRightSection/get-select-right-section-props.js');
+var useInputProps = require('../Input/use-input-props.js');
+var Input = require('../Input/Input.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -48,56 +47,30 @@ const defaultProps = {
   size: "sm"
 };
 const NativeSelect = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("NativeSelect", defaultProps, props), {
-    id,
-    className,
-    required,
-    label,
-    error,
-    style,
+  const _a = useInputProps.useInputProps("NativeSelect", defaultProps, props), {
+    inputProps,
+    wrapperProps,
     data,
     placeholder,
-    wrapperProps,
-    inputStyle,
-    description,
     onChange,
     value,
     classNames,
     styles: styles$1,
-    size,
     rightSection,
-    rightSectionWidth,
-    sx,
-    errorProps,
-    descriptionProps,
-    labelProps
+    rightSectionWidth
   } = _a, others = __objRest(_a, [
-    "id",
-    "className",
-    "required",
-    "label",
-    "error",
-    "style",
+    "inputProps",
+    "wrapperProps",
     "data",
     "placeholder",
-    "wrapperProps",
-    "inputStyle",
-    "description",
     "onChange",
     "value",
     "classNames",
     "styles",
-    "size",
     "rightSection",
-    "rightSectionWidth",
-    "sx",
-    "errorProps",
-    "descriptionProps",
-    "labelProps"
+    "rightSectionWidth"
   ]);
-  const uuid = hooks.useUuid(id);
   const theme = styles.useMantineTheme();
-  const { systemStyles, rest } = styles.extractSystemStyles(others);
   const formattedData = data.map((item) => typeof item === "string" ? { label: item, value: item } : item);
   const options = formattedData.map((item) => /* @__PURE__ */ React__default.createElement("option", {
     key: item.value,
@@ -112,43 +85,23 @@ const NativeSelect = React.forwardRef((props, ref) => {
       hidden: true
     }, placeholder));
   }
-  return /* @__PURE__ */ React__default.createElement(InputWrapper.InputWrapper, __spreadValues(__spreadValues({
-    required,
-    id: uuid,
-    label,
-    error,
-    className,
-    style,
-    description,
-    size,
-    styles: styles$1,
-    classNames,
-    sx,
-    __staticSelector: "NativeSelect",
-    errorProps,
-    descriptionProps,
-    labelProps
-  }, systemStyles), wrapperProps), /* @__PURE__ */ React__default.createElement(Input.Input, __spreadValues(__spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React__default.createElement(Input.Input.Wrapper, __spreadProps(__spreadValues({}, wrapperProps), {
+    __staticSelector: "NativeSelect"
+  }), /* @__PURE__ */ React__default.createElement(Input.Input, __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, inputProps), others), {
     onChange,
     component: "select",
-    invalid: !!error,
-    style: inputStyle,
-    "aria-required": required,
     ref,
-    id: uuid,
-    required,
     value: value === null ? "" : value,
-    size,
-    classNames,
-    __staticSelector: "NativeSelect"
+    __staticSelector: "NativeSelect",
+    pointer: theme.cursorType === "pointer"
   }), getSelectRightSectionProps.getSelectRightSectionProps({
     theme,
     rightSection,
     rightSectionWidth,
     styles: styles$1,
     shouldClear: false,
-    size,
-    error
+    size: inputProps.size,
+    error: wrapperProps.error
   })), options));
 });
 NativeSelect.displayName = "@mantine/core/NativeSelect";

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

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

package/cjs/components/NavLink/NavLink.js

@@ -0,0 +1,153 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('@mantine/styles');
+var utils = require('@mantine/utils');
+var hooks = require('@mantine/hooks');
+var NavLink_styles = require('./NavLink.styles.js');
+var UnstyledButton = require('../UnstyledButton/UnstyledButton.js');
+var Text = require('../Text/Text.js');
+var ChevronIcon = require('../Accordion/ChevronIcon.js');
+var Collapse = require('../Collapse/Collapse.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 __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;
+};
+const defaultProps = {
+  variant: "light",
+  childrenOffset: "lg"
+};
+const _NavLink = React.forwardRef((props, ref) => {
+  const _a = styles.useComponentDefaultProps("NavLink", defaultProps, props), {
+    label,
+    description,
+    icon,
+    rightSection,
+    className,
+    classNames,
+    styles: styles$1,
+    unstyled,
+    active,
+    color,
+    variant,
+    noWrap,
+    children,
+    opened,
+    defaultOpened,
+    onChange,
+    disableRightSectionRotation,
+    childrenOffset,
+    disabled,
+    onClick
+  } = _a, others = __objRest(_a, [
+    "label",
+    "description",
+    "icon",
+    "rightSection",
+    "className",
+    "classNames",
+    "styles",
+    "unstyled",
+    "active",
+    "color",
+    "variant",
+    "noWrap",
+    "children",
+    "opened",
+    "defaultOpened",
+    "onChange",
+    "disableRightSectionRotation",
+    "childrenOffset",
+    "disabled",
+    "onClick"
+  ]);
+  const { classes, cx } = NavLink_styles['default']({ color, variant, noWrap, childrenOffset, alignIcon: description ? "top" : "center" }, { name: "NavLink", classNames, styles: styles$1, unstyled });
+  const [_opened, setOpened] = hooks.useUncontrolled({
+    value: opened,
+    defaultValue: defaultOpened,
+    finalValue: false,
+    onChange
+  });
+  const withChildren = !!children;
+  const handleClick = (event) => {
+    if (withChildren) {
+      event.preventDefault();
+      onClick == null ? void 0 : onClick(event);
+      setOpened(!_opened);
+    } else {
+      onClick == null ? void 0 : onClick(event);
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(UnstyledButton.UnstyledButton, __spreadValues({
+    ref,
+    className: cx(classes.root, className),
+    "data-active": active || void 0,
+    onClick: handleClick,
+    unstyled,
+    "data-expanded": _opened || void 0,
+    "data-disabled": disabled || void 0,
+    disabled
+  }, others), icon && /* @__PURE__ */ React__default.createElement("span", {
+    className: classes.icon
+  }, icon), /* @__PURE__ */ React__default.createElement("span", {
+    className: classes.body
+  }, /* @__PURE__ */ React__default.createElement(Text.Text, {
+    component: "span",
+    size: "sm",
+    className: classes.label
+  }, label), /* @__PURE__ */ React__default.createElement(Text.Text, {
+    component: "span",
+    color: "dimmed",
+    size: "xs",
+    "data-active": active || void 0,
+    className: classes.description
+  }, description)), (withChildren || rightSection) && /* @__PURE__ */ React__default.createElement("span", {
+    className: classes.rightSection,
+    "data-rotate": _opened && !disableRightSectionRotation || void 0
+  }, withChildren ? rightSection || /* @__PURE__ */ React__default.createElement(ChevronIcon.ChevronIcon, {
+    width: 14,
+    height: 14,
+    style: { transform: "rotate(-90deg)" }
+  }) : rightSection)), /* @__PURE__ */ React__default.createElement(Collapse.Collapse, {
+    in: _opened
+  }, /* @__PURE__ */ React__default.createElement("div", {
+    className: classes.children
+  }, children)));
+});
+_NavLink.displayName = "@mantine/core/NavLink";
+const NavLink = utils.createPolymorphicComponent(_NavLink);
+
+exports.NavLink = NavLink;
+exports._NavLink = _NavLink;
+//# sourceMappingURL=NavLink.js.map

package/cjs/components/NavLink/NavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.js","sources":["../../../src/components/NavLink/NavLink.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineColor,\n  MantineNumberSize,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { ChevronIcon } from '../Accordion';\nimport { Collapse } from '../Collapse';\nimport { Text } from '../Text';\nimport useStyles, { NavLinkStylesParams } from './NavLink.styles';\n\nexport type NavLinkStylesNames = Selectors<typeof useStyles>;\n\nexport interface NavLinkProps extends DefaultProps<NavLinkStylesNames, NavLinkStylesParams> {\n  /** Main link content */\n  label?: React.ReactNode;\n\n  /** Secondary link description */\n  description?: React.ReactNode;\n\n  /** Icon displayed on the left side of the label */\n  icon?: React.ReactNode;\n\n  /** Section displayed on the right side of the label */\n  rightSection?: React.ReactNode;\n\n  /** Determines whether link should have active styles */\n  active?: boolean;\n\n  /** Key of theme.colors, active link color */\n  color?: MantineColor;\n\n  /** Active link variant */\n  variant?: 'filled' | 'light' | 'subtle';\n\n  /** If prop is set then label and description will not wrap on the next line */\n  noWrap?: boolean;\n\n  /** Child links */\n  children?: React.ReactNode;\n\n  /** Controlled nested items collapse state */\n  opened?: boolean;\n\n  /** Uncontrolled nested items collapse initial state */\n  defaultOpened?: boolean;\n\n  /** Called when open state changes */\n  onChange?(opened: boolean): void;\n\n  /** If set to true, right section will not rotate when collapse is opened */\n  disableRightSectionRotation?: boolean;\n\n  /** Key of theme.spacing or number to set collapsed links padding-left in px */\n  childrenOffset?: MantineNumberSize;\n\n  /** Adds disabled styles to root element */\n  disabled?: boolean;\n}\n\nconst defaultProps: Partial<NavLinkProps> = {\n  variant: 'light',\n  childrenOffset: 'lg',\n};\n\nexport const _NavLink = forwardRef<HTMLButtonElement, NavLinkProps>((props, ref) => {\n  const {\n    label,\n    description,\n    icon,\n    rightSection,\n    className,\n    classNames,\n    styles,\n    unstyled,\n    active,\n    color,\n    variant,\n    noWrap,\n    children,\n    opened,\n    defaultOpened,\n    onChange,\n    disableRightSectionRotation,\n    childrenOffset,\n    disabled,\n    // @ts-expect-error\n    onClick,\n    ...others\n  } = useComponentDefaultProps('NavLink', defaultProps, props);\n\n  const { classes, cx } = useStyles(\n    { color, variant, noWrap, childrenOffset, alignIcon: description ? 'top' : 'center' },\n    { name: 'NavLink', classNames, styles, unstyled }\n  );\n\n  const [_opened, setOpened] = useUncontrolled({\n    value: opened,\n    defaultValue: defaultOpened,\n    finalValue: false,\n    onChange,\n  });\n\n  const withChildren = !!children;\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    if (withChildren) {\n      event.preventDefault();\n      onClick?.(event);\n      setOpened(!_opened);\n    } else {\n      onClick?.(event);\n    }\n  };\n\n  return (\n    <>\n      <UnstyledButton\n        ref={ref}\n        className={cx(classes.root, className)}\n        data-active={active || undefined}\n        onClick={handleClick}\n        unstyled={unstyled}\n        data-expanded={_opened || undefined}\n        data-disabled={disabled || undefined}\n        disabled={disabled}\n        {...others}\n      >\n        {icon && <span className={classes.icon}>{icon}</span>}\n        <span className={classes.body}>\n          <Text component=\"span\" size=\"sm\" className={classes.label}>\n            {label}\n          </Text>\n          <Text\n            component=\"span\"\n            color=\"dimmed\"\n            size=\"xs\"\n            data-active={active || undefined}\n            className={classes.description}\n          >\n            {description}\n          </Text>\n        </span>\n        {(withChildren || rightSection) && (\n          <span\n            className={classes.rightSection}\n            data-rotate={(_opened && !disableRightSectionRotation) || undefined}\n          >\n            {withChildren\n              ? rightSection || (\n                  <ChevronIcon width={14} height={14} style={{ transform: 'rotate(-90deg)' }} />\n                )\n              : rightSection}\n          </span>\n        )}\n      </UnstyledButton>\n      <Collapse in={_opened}>\n        <div className={classes.children}>{children}</div>\n      </Collapse>\n    </>\n  );\n});\n\n_NavLink.displayName = '@mantine/core/NavLink';\n\nexport const NavLink = createPolymorphicComponent<'button', NavLinkProps>(_NavLink);\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","useUncontrolled","React","UnstyledButton","Text","ChevronIcon","Collapse","createPolymorphicComponent"],"mappings":"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"}

package/cjs/components/NavLink/NavLink.styles.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = require('@mantine/styles');
+
+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 useStyles = styles.createStyles((theme, { color, variant, noWrap, childrenOffset, alignIcon }) => {
+  const colors = theme.fn.variant({ variant, color });
+  return {
+    root: __spreadProps(__spreadValues({
+      display: "flex",
+      alignItems: "center",
+      width: "100%",
+      padding: `8px ${theme.spacing.sm}px`,
+      userSelect: "none"
+    }, theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[0]
+    })), {
+      "&[data-active]": __spreadValues({
+        backgroundColor: colors.background,
+        color: colors.color
+      }, theme.fn.hover({ backgroundColor: colors.hover })),
+      "&[data-disabled]": {
+        opacity: 0.4,
+        pointerEvents: "none"
+      }
+    }),
+    icon: {
+      marginRight: theme.spacing.sm,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      alignSelf: alignIcon === "center" ? "center" : "flex-start",
+      paddingTop: alignIcon === "center" ? void 0 : 4
+    },
+    rightSection: {
+      marginLeft: theme.spacing.sm,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      transition: `transform 150ms ${theme.transitionTimingFunction}`,
+      "&[data-rotate]": {
+        transform: "rotate(90deg)"
+      }
+    },
+    body: {
+      flex: 1,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: noWrap ? "nowrap" : void 0
+    },
+    label: {},
+    description: {
+      display: "block",
+      "&[data-active]": {
+        color: "inherit"
+      }
+    },
+    children: {
+      paddingLeft: theme.fn.size({ size: childrenOffset, sizes: theme.spacing })
+    }
+  };
+});
+
+exports.default = useStyles;
+//# sourceMappingURL=NavLink.styles.js.map

package/cjs/components/NavLink/NavLink.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavLink.styles.js","sources":["../../../src/components/NavLink/NavLink.styles.ts"],"sourcesContent":["import { createStyles, MantineColor, MantineNumberSize } from '@mantine/styles';\n\nexport interface NavLinkStylesParams {\n  color: MantineColor;\n  variant: 'filled' | 'light' | 'subtle';\n  noWrap: boolean;\n  childrenOffset: MantineNumberSize;\n  alignIcon: 'top' | 'center';\n}\n\nexport default createStyles(\n  (theme, { color, variant, noWrap, childrenOffset, alignIcon }: NavLinkStylesParams) => {\n    const colors = theme.fn.variant({ variant, color });\n    return {\n      root: {\n        display: 'flex',\n        alignItems: 'center',\n        width: '100%',\n        padding: `8px ${theme.spacing.sm}px`,\n        userSelect: 'none',\n\n        ...theme.fn.hover({\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n        }),\n\n        '&[data-active]': {\n          backgroundColor: colors.background,\n          color: colors.color,\n          ...theme.fn.hover({ backgroundColor: colors.hover }),\n        },\n\n        '&[data-disabled]': {\n          opacity: 0.4,\n          pointerEvents: 'none',\n        },\n      },\n\n      icon: {\n        marginRight: theme.spacing.sm,\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        alignSelf: alignIcon === 'center' ? 'center' : 'flex-start',\n        paddingTop: alignIcon === 'center' ? undefined : 4,\n      },\n\n      rightSection: {\n        marginLeft: theme.spacing.sm,\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        transition: `transform 150ms ${theme.transitionTimingFunction}`,\n\n        '&[data-rotate]': {\n          transform: 'rotate(90deg)',\n        },\n      },\n\n      body: {\n        flex: 1,\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: noWrap ? 'nowrap' : undefined,\n      },\n\n      label: {},\n\n      description: {\n        display: 'block',\n\n        '&[data-active]': {\n          color: 'inherit',\n        },\n      },\n\n      children: {\n        paddingLeft: theme.fn.size({ size: childrenOffset, sizes: theme.spacing }),\n      },\n    };\n  }\n);\n"],"names":["createStyles"],"mappings":"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"}

package/cjs/components/Notification/Notification.js

@@ -8,7 +8,7 @@ var Notification_styles = require('./Notification.styles.js');
 var Box = require('../Box/Box.js');
 var Loader = require('../Loader/Loader.js');
 var Text = require('../Text/Text.js');
-var CloseButton = require('../ActionIcon/CloseButton/CloseButton.js');
+var CloseButton = require('../CloseButton/CloseButton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -46,7 +46,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 const Notification = React.forwardRef((props, ref) => {
-  const _a = styles.useMantineDefaultProps("Notification", {}, props), {
+  const _a = styles.useComponentDefaultProps("Notification", {}, props), {
     className,
     color,
     radius,
@@ -58,7 +58,8 @@ const Notification = React.forwardRef((props, ref) => {
     onClose,
     closeButtonProps,
     classNames,
-    styles: styles$1
+    styles: styles$1,
+    unstyled
   } = _a, others = __objRest(_a, [
     "className",
     "color",
@@ -71,9 +72,10 @@ const Notification = React.forwardRef((props, ref) => {
     "onClose",
     "closeButtonProps",
     "classNames",
-    "styles"
+    "styles",
+    "unstyled"
   ]);
-  const { classes, cx } = Notification_styles['default']({ color, radius }, { classNames, styles: styles$1, name: "Notification" });
+  const { classes, cx } = Notification_styles['default']({ color, radius }, { classNames, styles: styles$1, unstyled, name: "Notification" });
   const withIcon = icon || loading;
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     className: cx(classes.root, { [classes.withIcon]: withIcon }, className),
@@ -99,7 +101,6 @@ const Notification = React.forwardRef((props, ref) => {
     iconSize: 16,
     color: "gray",
     onClick: onClose,
-    variant: "hover",
     className: classes.closeButton
   })));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineColor,\n  Selectors,\n  MantineNumberSize,\n  useMantineDefaultProps,\n} from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Loader } from '../Loader';\nimport { CloseButton } from '../ActionIcon';\nimport { Box } from '../Box';\nimport useStyles from './Notification.styles';\n\nexport type NotificationStylesNames = Exclude<Selectors<typeof useStyles>, 'withIcon'>;\n\nexport interface NotificationProps\n  extends DefaultProps<NotificationStylesNames>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Notification line or icon color */\n  color?: MantineColor;\n\n  /** Radius from theme.radius, or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed before body */\n  title?: React.ReactNode;\n\n  /** Notification body, place main text here */\n  children?: React.ReactNode;\n\n  /** Replaces colored line or icon with Loader component */\n  loading?: boolean;\n\n  /** Removes close button */\n  disallowClose?: boolean;\n\n  /** Props spread to close button */\n  closeButtonProps?: React.ComponentPropsWithoutRef<'button'> & { [key: string]: any };\n}\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>(\n  (props: NotificationProps, ref) => {\n    const {\n      className,\n      color,\n      radius,\n      loading,\n      disallowClose,\n      title,\n      icon,\n      children,\n      onClose,\n      closeButtonProps,\n      classNames,\n      styles,\n      ...others\n    } = useMantineDefaultProps('Notification', {}, props);\n\n    const { classes, cx } = useStyles(\n      { color, radius },\n      { classNames, styles, name: 'Notification' }\n    );\n    const withIcon = icon || loading;\n\n    return (\n      <Box\n        className={cx(classes.root, { [classes.withIcon]: withIcon }, className)}\n        role=\"alert\"\n        ref={ref}\n        {...others}\n      >\n        {icon && !loading && <div className={classes.icon}>{icon}</div>}\n        {loading && <Loader size={28} color={color} className={classes.loader} />}\n\n        <div className={classes.body}>\n          {title && (\n            <Text className={classes.title} size=\"sm\" weight={500}>\n              {title}\n            </Text>\n          )}\n\n          <Text color=\"dimmed\" className={classes.description} size=\"sm\">\n            {children}\n          </Text>\n        </div>\n\n        {!disallowClose && (\n          <CloseButton\n            {...closeButtonProps}\n            iconSize={16}\n            color=\"gray\"\n            onClick={onClose}\n            variant=\"hover\"\n            className={classes.closeButton}\n          />\n        )}\n      </Box>\n    );\n  }\n);\n\nNotification.displayName = '@mantine/core/Notification';\n"],"names":["forwardRef","useMantineDefaultProps","styles","useStyles","React","Box","Loader","Text","CloseButton"],"mappings":"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"}
+{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineColor,\n  Selectors,\n  MantineNumberSize,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Text } from '../Text';\nimport { Loader } from '../Loader';\nimport { CloseButton } from '../CloseButton';\nimport { Box } from '../Box';\nimport useStyles, { NotificationStylesParams } from './Notification.styles';\n\nexport type NotificationStylesNames = Exclude<Selectors<typeof useStyles>, 'withIcon'>;\n\nexport interface NotificationProps\n  extends DefaultProps<NotificationStylesNames, NotificationStylesParams>,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n  /** Called when close button is clicked */\n  onClose?(): void;\n\n  /** Notification line or icon color */\n  color?: MantineColor;\n\n  /** Radius from theme.radius, or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Notification icon, replaces color line */\n  icon?: React.ReactNode;\n\n  /** Notification title, displayed before body */\n  title?: React.ReactNode;\n\n  /** Notification body, place main text here */\n  children?: React.ReactNode;\n\n  /** Replaces colored line or icon with Loader component */\n  loading?: boolean;\n\n  /** Removes close button */\n  disallowClose?: boolean;\n\n  /** Props spread to close button */\n  closeButtonProps?: Record<string, any>;\n}\n\nexport const Notification = forwardRef<HTMLDivElement, NotificationProps>((props, ref) => {\n  const {\n    className,\n    color,\n    radius,\n    loading,\n    disallowClose,\n    title,\n    icon,\n    children,\n    onClose,\n    closeButtonProps,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('Notification', {}, props);\n\n  const { classes, cx } = useStyles(\n    { color, radius },\n    { classNames, styles, unstyled, name: 'Notification' }\n  );\n  const withIcon = icon || loading;\n\n  return (\n    <Box\n      className={cx(classes.root, { [classes.withIcon]: withIcon }, className)}\n      role=\"alert\"\n      ref={ref}\n      {...others}\n    >\n      {icon && !loading && <div className={classes.icon}>{icon}</div>}\n      {loading && <Loader size={28} color={color} className={classes.loader} />}\n\n      <div className={classes.body}>\n        {title && (\n          <Text className={classes.title} size=\"sm\" weight={500}>\n            {title}\n          </Text>\n        )}\n\n        <Text color=\"dimmed\" className={classes.description} size=\"sm\">\n          {children}\n        </Text>\n      </div>\n\n      {!disallowClose && (\n        <CloseButton\n          {...closeButtonProps}\n          iconSize={16}\n          color=\"gray\"\n          onClick={onClose}\n          className={classes.closeButton}\n        />\n      )}\n    </Box>\n  );\n});\n\nNotification.displayName = '@mantine/core/Notification';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","Box","Loader","Text","CloseButton"],"mappings":"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"}

package/cjs/components/Notification/Notification.styles.js

@@ -9,7 +9,9 @@ var useStyles = styles.createStyles((theme, { color, radius }, getRef) => {
   const topBottom = Math.min(Math.max(_radius / 1.2, 4), 30);
   const colors = theme.fn.variant({ variant: "filled", color });
   return {
-    closeButton: {},
+    closeButton: theme.fn.hover({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.colors.gray[0]
+    }),
     icon: {
       ref: getRef("icon"),
       boxSizing: "border-box",

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

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

package/cjs/components/NumberInput/Chevron.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function Chevron({ direction, size }) {
+  return /* @__PURE__ */ React__default.createElement("svg", {
+    style: { transform: direction === "up" ? "rotate(180deg)" : void 0 },
+    width: size,
+    height: size,
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React__default.createElement("path", {
+    d: "M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z",
+    fill: "currentColor",
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+}
+
+exports.Chevron = Chevron;
+//# sourceMappingURL=Chevron.js.map

package/cjs/components/NumberInput/Chevron.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.js","sources":["../../../src/components/NumberInput/Chevron.tsx"],"sourcesContent":["import React from 'react';\n\ninterface ChevronProps {\n  size: number;\n  direction: 'up' | 'down';\n}\n\nexport function Chevron({ direction, size }: ChevronProps) {\n  return (\n    <svg\n      style={{ transform: direction === 'up' ? 'rotate(180deg)' : undefined }}\n      width={size}\n      height={size}\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\"\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;;AACO,SAAS,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE;AAC7C,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACpD,IAAI,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,GAAG,gBAAgB,GAAG,KAAK,CAAC,EAAE;AACxE,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK,EAAE,4BAA4B;AACvC,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjD,IAAI,CAAC,EAAE,4TAA4T;AACnU,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,QAAQ,EAAE,SAAS;AACvB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}