@mantine/core 3.1.9 → 3.2.3

package/esm/components/NumberInput/NumberInput.js

@@ -1,6 +1,5 @@
 import React, { forwardRef, useState, useRef, useEffect } from 'react';
 import { assignRef, useMergedRef, clamp } from '@mantine/hooks';
-import { getSizeValue } from '@mantine/styles';
 import { TextInput } from '../TextInput/TextInput.js';
 import useStyles, { CONTROL_SIZES } from './NumberInput.styles.js';
 
@@ -75,9 +74,9 @@ const NumberInput = forwardRef((_a, ref) => {
     "styles",
     "size"
   ]);
-  const { classes, cx } = useStyles({ radius, size }, { classNames, styles, name: "NumberInput" });
+  const { classes, cx, theme } = useStyles({ radius, size }, { classNames, styles, name: "NumberInput" });
   const [focused, setFocused] = useState(false);
-  const [_value, setValue] = useState(typeof value === "number" ? value : typeof defaultValue === "number" ? defaultValue : 0);
+  const [_value, setValue] = useState(typeof value === "number" ? value : typeof defaultValue === "number" ? defaultValue : void 0);
   const finalValue = typeof value === "number" ? value : _value;
   const [tempValue, setTempValue] = useState(typeof finalValue === "number" ? finalValue.toFixed(precision) : "");
   const inputRef = useRef();
@@ -88,14 +87,26 @@ const NumberInput = forwardRef((_a, ref) => {
   const _min = typeof min === "number" ? min : -Infinity;
   const _max = typeof max === "number" ? max : Infinity;
   const increment = () => {
-    const result = clamp({ value: finalValue + step, min: _min, max: _max }).toFixed(precision);
-    handleValueChange(parseFloat(result));
-    setTempValue(result);
+    var _a2;
+    if (_value === void 0) {
+      handleValueChange(min != null ? min : 0);
+      setTempValue((_a2 = min == null ? void 0 : min.toFixed(precision)) != null ? _a2 : "0");
+    } else {
+      const result = clamp({ value: _value + step, min: _min, max: _max }).toFixed(precision);
+      handleValueChange(parseFloat(result));
+      setTempValue(result);
+    }
   };
   const decrement = () => {
-    const result = clamp({ value: finalValue - step, min: _min, max: _max }).toFixed(precision);
-    handleValueChange(parseFloat(result));
-    setTempValue(result);
+    var _a2;
+    if (_value === void 0) {
+      handleValueChange(min != null ? min : 0);
+      setTempValue((_a2 = min == null ? void 0 : min.toFixed(precision)) != null ? _a2 : "0");
+    } else {
+      const result = clamp({ value: _value - step, min: _min, max: _max }).toFixed(precision);
+      handleValueChange(parseFloat(result));
+      setTempValue(result);
+    }
   };
   assignRef(handlersRef, { increment, decrement });
   useEffect(() => {
@@ -103,6 +114,10 @@ const NumberInput = forwardRef((_a, ref) => {
       setValue(value);
       setTempValue(value.toFixed(precision));
     }
+    if (defaultValue === void 0 && value === void 0 && !focused) {
+      setValue(value);
+      setTempValue("");
+    }
   }, [value]);
   const rightSection = /* @__PURE__ */ React.createElement("div", {
     className: classes.rightSection
@@ -130,21 +145,31 @@ const NumberInput = forwardRef((_a, ref) => {
     }
   }));
   const handleChange = (event) => {
-    const val = event.currentTarget.value;
+    const val = event.target.value;
     setTempValue(val);
-    const parsed = Number(val);
-    val.trim() !== "" && !Number.isNaN(parsed) && handleValueChange(parsed);
+    if (val === "") {
+      handleValueChange(void 0);
+    } else {
+      const parsed = Number(val);
+      val.trim() !== "" && !Number.isNaN(parsed) && handleValueChange(parsed);
+    }
   };
   const handleBlur = (event) => {
-    const parsedVal = parseFloat(event.target.value);
-    const val = clamp({ value: parsedVal, min: _min, max: _max });
-    if (!Number.isNaN(val)) {
-      if (!noClampOnBlur) {
-        setTempValue(val.toFixed(precision));
-        handleValueChange(val);
-      }
+    var _a2;
+    if (event.target.value === "") {
+      setTempValue("");
+      handleValueChange(void 0);
     } else {
-      setTempValue(finalValue.toFixed(precision));
+      const parsedVal = parseFloat(event.target.value);
+      const val = clamp({ value: parsedVal, min: _min, max: _max });
+      if (!Number.isNaN(val)) {
+        if (!noClampOnBlur) {
+          setTempValue(val.toFixed(precision));
+          handleValueChange(val);
+        }
+      } else {
+        setTempValue((_a2 = finalValue == null ? void 0 : finalValue.toFixed(precision)) != null ? _a2 : "");
+      }
     }
     setFocused(false);
     typeof onBlur === "function" && onBlur(event);
@@ -153,17 +178,26 @@ const NumberInput = forwardRef((_a, ref) => {
     setFocused(true);
     typeof onFocus === "function" && onFocus(event);
   };
+  const handleKeyDown = (event) => {
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      increment();
+    } else if (event.key === "ArrowDown") {
+      decrement();
+    }
+  };
   return /* @__PURE__ */ React.createElement(TextInput, __spreadProps(__spreadValues({}, others), {
     variant,
     value: tempValue,
     disabled,
     ref: useMergedRef(inputRef, ref),
-    type: "number",
+    type: "text",
     onChange: handleChange,
     onBlur: handleBlur,
     onFocus: handleFocus,
+    onKeyDown: handleKeyDown,
     rightSection: disabled || hideControls || variant === "unstyled" ? null : rightSection,
-    rightSectionWidth: getSizeValue({ size, sizes: CONTROL_SIZES }) + 1,
+    rightSectionWidth: theme.fn.size({ size, sizes: CONTROL_SIZES }) + 1,
     radius,
     max,
     min,

package/esm/components/NumberInput/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef } from 'react';\nimport { useMergedRef, assignRef, clamp } from '@mantine/hooks';\nimport { DefaultProps, getSizeValue, ClassNames } from '@mantine/styles';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputStylesNames } from '../Input/Input';\nimport { InputWrapperStylesNames } from '../InputWrapper/InputWrapper';\nimport useStyles, { CONTROL_SIZES } from './NumberInput.styles';\n\nexport type InnerNumberInputStylesNames = ClassNames<typeof useStyles>;\nexport type NumberInputStylesNames =\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | InnerNumberInputStylesNames;\n\nexport interface NumberInputHandlers {\n  increment(): void;\n  decrement(): void;\n}\n\nexport interface NumberInputProps\n  extends DefaultProps<NumberInputStylesNames>,\n    Omit<\n      React.ComponentPropsWithoutRef<typeof TextInput>,\n      | 'rightSection'\n      | 'rightSectionProps'\n      | 'rightSectionWidth'\n      | 'onChange'\n      | 'value'\n      | 'classNames'\n      | 'styles'\n    > {\n  /** onChange input handler for controlled variant, note that input event is not exposed */\n  onChange?(value: number): void;\n\n  /** Input value for controlled variant */\n  value?: number;\n\n  /** Maximum possible value */\n  max?: number;\n\n  /** Minimal possible value */\n  min?: number;\n\n  /** Number by which value will be incremented/decremented with controls and up/down arrows */\n  step?: number;\n\n  /** Removes increment/decrement controls */\n  hideControls?: boolean;\n\n  /** Amount of digits after the decimal point  */\n  precision?: number;\n\n  /** Default value for uncontrolled variant only */\n  defaultValue?: number;\n\n  /** Prevent value clamp on blur */\n  noClampOnBlur?: boolean;\n\n  /** Get increment/decrement handlers */\n  handlersRef?: React.ForwardedRef<NumberInputHandlers>;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      step = 1,\n      onBlur,\n      onFocus,\n      hideControls = false,\n      radius = 'sm',\n      variant,\n      precision = 0,\n      defaultValue,\n      noClampOnBlur = false,\n      handlersRef,\n      classNames,\n      styles,\n      size,\n      ...others\n    }: NumberInputProps,\n    ref\n  ) => {\n    const { classes, cx } = useStyles(\n      { radius, size },\n      { classNames, styles, name: 'NumberInput' }\n    );\n    const [focused, setFocused] = useState(false);\n    const [_value, setValue] = useState(\n      typeof value === 'number' ? value : typeof defaultValue === 'number' ? defaultValue : 0\n    );\n    const finalValue = typeof value === 'number' ? value : _value;\n    const [tempValue, setTempValue] = useState(\n      typeof finalValue === 'number' ? finalValue.toFixed(precision) : ''\n    );\n    const inputRef = useRef<HTMLInputElement>();\n    const handleValueChange = (val: number) => {\n      typeof onChange === 'function' && onChange(val);\n      setValue(val);\n    };\n\n    const _min = typeof min === 'number' ? min : -Infinity;\n    const _max = typeof max === 'number' ? max : Infinity;\n\n    const increment = () => {\n      const result = clamp({ value: finalValue + step, min: _min, max: _max }).toFixed(precision);\n      handleValueChange(parseFloat(result));\n      setTempValue(result);\n    };\n\n    const decrement = () => {\n      const result = clamp({ value: finalValue - step, min: _min, max: _max }).toFixed(precision);\n      handleValueChange(parseFloat(result));\n      setTempValue(result);\n    };\n\n    assignRef(handlersRef, { increment, decrement });\n\n    useEffect(() => {\n      if (typeof value === 'number' && !focused) {\n        setValue(value);\n        setTempValue(value.toFixed(precision));\n      }\n    }, [value]);\n\n    const rightSection = (\n      <div className={classes.rightSection}>\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-hidden\n          disabled={finalValue >= max}\n          className={cx(classes.control, classes.controlUp)}\n          onMouseDown={(event) => {\n            event.preventDefault();\n            increment();\n            inputRef.current.focus();\n          }}\n        />\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-hidden\n          disabled={finalValue <= min}\n          className={cx(classes.control, classes.controlDown)}\n          onMouseDown={(event) => {\n            event.preventDefault();\n            decrement();\n            inputRef.current.focus();\n          }}\n        />\n      </div>\n    );\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const val = event.currentTarget.value;\n      setTempValue(val);\n\n      const parsed = Number(val);\n      val.trim() !== '' && !Number.isNaN(parsed) && handleValueChange(parsed);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      const parsedVal = parseFloat(event.target.value);\n      const val = clamp({ value: parsedVal, min: _min, max: _max });\n\n      if (!Number.isNaN(val)) {\n        if (!noClampOnBlur) {\n          setTempValue(val.toFixed(precision));\n          handleValueChange(val);\n        }\n      } else {\n        setTempValue(finalValue.toFixed(precision));\n      }\n\n      setFocused(false);\n      typeof onBlur === 'function' && onBlur(event);\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n      typeof onFocus === 'function' && onFocus(event);\n    };\n\n    return (\n      <TextInput\n        {...others}\n        variant={variant}\n        value={tempValue}\n        disabled={disabled}\n        ref={useMergedRef(inputRef, ref)}\n        type=\"number\"\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        rightSection={disabled || hideControls || variant === 'unstyled' ? null : rightSection}\n        rightSectionWidth={getSizeValue({ size, sizes: CONTROL_SIZES }) + 1}\n        radius={radius}\n        max={max}\n        min={min}\n        step={step}\n        size={size}\n        styles={styles}\n        classNames={classNames}\n        __staticSelector=\"NumberInput\"\n      />\n    );\n  }\n);\n\nNumberInput.displayName = '@mantine/core/NumberInput';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef } from 'react';\nimport { useMergedRef, assignRef, clamp } from '@mantine/hooks';\nimport { DefaultProps, ClassNames } from '@mantine/styles';\nimport { TextInput } from '../TextInput/TextInput';\nimport { InputStylesNames } from '../Input/Input';\nimport { InputWrapperStylesNames } from '../InputWrapper/InputWrapper';\nimport useStyles, { CONTROL_SIZES } from './NumberInput.styles';\n\nexport type InnerNumberInputStylesNames = ClassNames<typeof useStyles>;\nexport type NumberInputStylesNames =\n  | InputStylesNames\n  | InputWrapperStylesNames\n  | InnerNumberInputStylesNames;\n\nexport interface NumberInputHandlers {\n  increment(): void;\n  decrement(): void;\n}\n\nexport interface NumberInputProps\n  extends DefaultProps<NumberInputStylesNames>,\n    Omit<\n      React.ComponentPropsWithoutRef<typeof TextInput>,\n      | 'rightSection'\n      | 'rightSectionProps'\n      | 'rightSectionWidth'\n      | 'onChange'\n      | 'value'\n      | 'classNames'\n      | 'styles'\n    > {\n  /** onChange input handler for controlled variant, note that input event is not exposed. It will return undefined if the input is empty, otherwise it'll return a number */\n  onChange?(value: number | undefined): void;\n\n  /** Input value for controlled variant */\n  value?: number | undefined;\n\n  /** Maximum possible value */\n  max?: number;\n\n  /** Minimal possible value */\n  min?: number;\n\n  /** Number by which value will be incremented/decremented with controls and up/down arrows */\n  step?: number;\n\n  /** Removes increment/decrement controls */\n  hideControls?: boolean;\n\n  /** Amount of digits after the decimal point  */\n  precision?: number;\n\n  /** Default value for uncontrolled variant only */\n  defaultValue?: number | undefined;\n\n  /** Prevent value clamp on blur */\n  noClampOnBlur?: boolean;\n\n  /** Get increment/decrement handlers */\n  handlersRef?: React.ForwardedRef<NumberInputHandlers>;\n}\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      disabled,\n      value,\n      onChange,\n      min,\n      max,\n      step = 1,\n      onBlur,\n      onFocus,\n      hideControls = false,\n      radius = 'sm',\n      variant,\n      precision = 0,\n      defaultValue,\n      noClampOnBlur = false,\n      handlersRef,\n      classNames,\n      styles,\n      size,\n      ...others\n    }: NumberInputProps,\n    ref\n  ) => {\n    const { classes, cx, theme } = useStyles(\n      { radius, size },\n      { classNames, styles, name: 'NumberInput' }\n    );\n    const [focused, setFocused] = useState(false);\n    const [_value, setValue] = useState(\n      typeof value === 'number'\n        ? value\n        : typeof defaultValue === 'number'\n        ? defaultValue\n        : undefined\n    );\n    const finalValue = typeof value === 'number' ? value : _value;\n    const [tempValue, setTempValue] = useState(\n      typeof finalValue === 'number' ? finalValue.toFixed(precision) : ''\n    );\n    const inputRef = useRef<HTMLInputElement>();\n    const handleValueChange = (val: number | undefined) => {\n      typeof onChange === 'function' && onChange(val);\n      setValue(val);\n    };\n\n    const _min = typeof min === 'number' ? min : -Infinity;\n    const _max = typeof max === 'number' ? max : Infinity;\n\n    const increment = () => {\n      if (_value === undefined) {\n        handleValueChange(min ?? 0);\n        setTempValue(min?.toFixed(precision) ?? '0');\n      } else {\n        const result = clamp({ value: _value + step, min: _min, max: _max }).toFixed(precision);\n        handleValueChange(parseFloat(result));\n        setTempValue(result);\n      }\n    };\n\n    const decrement = () => {\n      if (_value === undefined) {\n        handleValueChange(min ?? 0);\n        setTempValue(min?.toFixed(precision) ?? '0');\n      } else {\n        const result = clamp({ value: _value - step, min: _min, max: _max }).toFixed(precision);\n        handleValueChange(parseFloat(result));\n        setTempValue(result);\n      }\n    };\n\n    assignRef(handlersRef, { increment, decrement });\n\n    useEffect(() => {\n      if (typeof value === 'number' && !focused) {\n        setValue(value);\n        setTempValue(value.toFixed(precision));\n      }\n      if (defaultValue === undefined && value === undefined && !focused) {\n        setValue(value);\n        setTempValue('');\n      }\n    }, [value]);\n\n    const rightSection = (\n      <div className={classes.rightSection}>\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-hidden\n          disabled={finalValue >= max}\n          className={cx(classes.control, classes.controlUp)}\n          onMouseDown={(event) => {\n            event.preventDefault();\n            increment();\n            inputRef.current.focus();\n          }}\n        />\n        <button\n          type=\"button\"\n          tabIndex={-1}\n          aria-hidden\n          disabled={finalValue <= min}\n          className={cx(classes.control, classes.controlDown)}\n          onMouseDown={(event) => {\n            event.preventDefault();\n            decrement();\n            inputRef.current.focus();\n          }}\n        />\n      </div>\n    );\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      const val = event.target.value;\n      setTempValue(val);\n      // Check if the input is empty. This relies on the input type being \"text\" and not \"number\". See #375 for more details.\n      if (val === '') {\n        handleValueChange(undefined);\n      } else {\n        const parsed = Number(val);\n        val.trim() !== '' && !Number.isNaN(parsed) && handleValueChange(parsed);\n      }\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n      if (event.target.value === '') {\n        setTempValue('');\n        handleValueChange(undefined);\n      } else {\n        const parsedVal = parseFloat(event.target.value);\n        const val = clamp({ value: parsedVal, min: _min, max: _max });\n\n        if (!Number.isNaN(val)) {\n          if (!noClampOnBlur) {\n            setTempValue(val.toFixed(precision));\n            handleValueChange(val);\n          }\n        } else {\n          setTempValue(finalValue?.toFixed(precision) ?? '');\n        }\n      }\n\n      setFocused(false);\n      typeof onBlur === 'function' && onBlur(event);\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n      typeof onFocus === 'function' && onFocus(event);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'ArrowUp') {\n        event.preventDefault();\n        increment();\n      } else if (event.key === 'ArrowDown') {\n        decrement();\n      }\n    };\n\n    return (\n      <TextInput\n        {...others}\n        variant={variant}\n        value={tempValue}\n        disabled={disabled}\n        ref={useMergedRef(inputRef, ref)}\n        type=\"text\"\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        onKeyDown={handleKeyDown}\n        rightSection={disabled || hideControls || variant === 'unstyled' ? null : rightSection}\n        rightSectionWidth={theme.fn.size({ size, sizes: CONTROL_SIZES }) + 1}\n        radius={radius}\n        max={max}\n        min={min}\n        step={step}\n        size={size}\n        styles={styles}\n        classNames={classNames}\n        __staticSelector=\"NumberInput\"\n      />\n    );\n  }\n);\n\nNumberInput.displayName = '@mantine/core/NumberInput';\n"],"names":[],"mappings":"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"}

package/esm/components/NumberInput/NumberInput.styles.js

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 
 const CONTROL_SIZES = {
   xs: 20,
@@ -20,7 +20,7 @@ var useStyles = createStyles((theme, { radius, size }) => ({
     position: "relative",
     flex: "0 0 50%",
     boxSizing: "border-box",
-    width: getSizeValue({ size, sizes: CONTROL_SIZES }),
+    width: theme.fn.size({ size, sizes: CONTROL_SIZES }),
     padding: 0,
     WebkitTapHighlightColor: "transparent",
     borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
@@ -44,7 +44,7 @@ var useStyles = createStyles((theme, { radius, size }) => ({
     }
   },
   controlUp: {
-    borderTopRightRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,
+    borderTopRightRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,
     "&::after": {
       borderWidth: "0 5px 5px 5px",
       borderColor: `transparent transparent ${theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black} transparent`
@@ -54,7 +54,7 @@ var useStyles = createStyles((theme, { radius, size }) => ({
     }
   },
   controlDown: {
-    borderBottomRightRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,
+    borderBottomRightRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,
     borderBottom: 0,
     "&::after": {
       borderWidth: "5px 5px 0 5px",

package/esm/components/NumberInput/NumberInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.styles.js","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, getSizeValue, MantineSize } from '@mantine/styles';\n\ninterface NumberInputStyles {\n  radius: MantineNumberSize;\n  size: MantineSize;\n}\n\nexport const CONTROL_SIZES = {\n  xs: 20,\n  sm: 24,\n  md: 30,\n  lg: 34,\n  xl: 36,\n};\n\nexport default createStyles((theme, { radius, size }: NumberInputStyles) => ({\n  rightSection: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: 'calc(100% - 2px)',\n    margin: 1,\n    marginRight: 1,\n  },\n\n  control: {\n    margin: 0,\n    position: 'relative',\n    flex: '0 0 50%',\n    boxSizing: 'border-box',\n    width: getSizeValue({ size, sizes: CONTROL_SIZES }),\n    padding: 0,\n    WebkitTapHighlightColor: 'transparent',\n    borderBottom: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderLeft: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderTop: 0,\n    borderRight: 0,\n    backgroundColor: 'transparent',\n    marginRight: 1,\n\n    '&:not(:disabled):hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n    },\n\n    '&::after': {\n      position: 'absolute',\n      top: 'calc(50% - 2.5px)',\n      left: 'calc(50% - 4.5px)',\n      content: '\"\"',\n      display: 'block',\n      width: 0,\n      height: 0,\n      borderStyle: 'solid',\n    },\n  },\n\n  controlUp: {\n    borderTopRightRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,\n\n    '&::after': {\n      borderWidth: '0 5px 5px 5px',\n      borderColor: `transparent transparent ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black\n      } transparent`,\n    },\n\n    '&:disabled::after': {\n      borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n    },\n  },\n\n  controlDown: {\n    borderBottomRightRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,\n    borderBottom: 0,\n\n    '&::after': {\n      borderWidth: '5px 5px 0 5px',\n      borderColor: `${\n        theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black\n      } transparent transparent transparent`,\n    },\n\n    '&:disabled::after': {\n      borderTopColor: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n    },\n  },\n}));\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NumberInput.styles.js","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize } from '@mantine/styles';\n\ninterface NumberInputStyles {\n  radius: MantineNumberSize;\n  size: MantineSize;\n}\n\nexport const CONTROL_SIZES = {\n  xs: 20,\n  sm: 24,\n  md: 30,\n  lg: 34,\n  xl: 36,\n};\n\nexport default createStyles((theme, { radius, size }: NumberInputStyles) => ({\n  rightSection: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: 'calc(100% - 2px)',\n    margin: 1,\n    marginRight: 1,\n  },\n\n  control: {\n    margin: 0,\n    position: 'relative',\n    flex: '0 0 50%',\n    boxSizing: 'border-box',\n    width: theme.fn.size({ size, sizes: CONTROL_SIZES }),\n    padding: 0,\n    WebkitTapHighlightColor: 'transparent',\n    borderBottom: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderLeft: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderTop: 0,\n    borderRight: 0,\n    backgroundColor: 'transparent',\n    marginRight: 1,\n\n    '&:not(:disabled):hover': {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[0],\n    },\n\n    '&::after': {\n      position: 'absolute',\n      top: 'calc(50% - 2.5px)',\n      left: 'calc(50% - 4.5px)',\n      content: '\"\"',\n      display: 'block',\n      width: 0,\n      height: 0,\n      borderStyle: 'solid',\n    },\n  },\n\n  controlUp: {\n    borderTopRightRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,\n\n    '&::after': {\n      borderWidth: '0 5px 5px 5px',\n      borderColor: `transparent transparent ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black\n      } transparent`,\n    },\n\n    '&:disabled::after': {\n      borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n    },\n  },\n\n  controlDown: {\n    borderBottomRightRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,\n    borderBottom: 0,\n\n    '&::after': {\n      borderWidth: '5px 5px 0 5px',\n      borderColor: `${\n        theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black\n      } transparent transparent transparent`,\n    },\n\n    '&:disabled::after': {\n      borderTopColor: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n    },\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/Overlay/Overlay.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react';
-import { useSx, useMantineTheme, getSizeValue } from '@mantine/styles';
+import { useSx } from '@mantine/styles';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -52,8 +52,7 @@ const Overlay = forwardRef((_a, ref) => {
     "radius",
     "sx"
   ]);
-  const { css, sxClassName, cx } = useSx({ sx, className });
-  const theme = useMantineTheme();
+  const { css, sxClassName, cx, theme } = useSx({ sx, className });
   const Element = component || "div";
   const background = gradient ? { backgroundImage: gradient } : { backgroundColor: color };
   return /* @__PURE__ */ React.createElement(Element, __spreadValues({
@@ -64,7 +63,7 @@ const Overlay = forwardRef((_a, ref) => {
       bottom: 0,
       left: 0,
       right: 0,
-      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
       zIndex
     })), sxClassName),
     ref

package/esm/components/Overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  MantineNumberSize,\n  getSizeValue,\n  useMantineTheme,\n  useSx,\n  DefaultProps,\n} from '@mantine/styles';\n\ninterface _OverlayProps extends DefaultProps {\n  /** Overlay opacity */\n  opacity?: React.CSSProperties['opacity'];\n\n  /** Overlay background-color */\n  color?: React.CSSProperties['backgroundColor'];\n\n  /** Use gradient instead of background-color */\n  gradient?: string;\n\n  /** Overlay z-index */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Value from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n}\n\nexport type OverlayProps<C extends React.ElementType> = PolymorphicComponentProps<C, _OverlayProps>;\n\ntype OverlayComponent = <C extends React.ElementType = 'div'>(\n  props: OverlayProps<C>\n) => React.ReactElement;\n\nexport const Overlay: OverlayComponent & { displayName?: string } = forwardRef(\n  <C extends React.ElementType = 'div'>(\n    {\n      className,\n      opacity = 0.6,\n      color = '#fff',\n      gradient,\n      zIndex = 1000,\n      component,\n      radius = 0,\n      sx,\n      ...others\n    }: OverlayProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const { css, sxClassName, cx } = useSx({ sx, className });\n    const theme = useMantineTheme();\n    const Element = component || 'div';\n    const background = gradient ? { backgroundImage: gradient } : { backgroundColor: color };\n\n    return (\n      <Element\n        className={cx(\n          css({\n            ...background,\n            opacity,\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n            zIndex,\n          }),\n          sxClassName\n        )}\n        ref={ref}\n        {...others}\n      />\n    );\n  }\n);\n\nOverlay.displayName = '@mantine/core/Overlay';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Overlay.js","sources":["../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  PolymorphicComponentProps,\n  PolymorphicRef,\n  MantineNumberSize,\n  useSx,\n  DefaultProps,\n} from '@mantine/styles';\n\ninterface _OverlayProps extends DefaultProps {\n  /** Overlay opacity */\n  opacity?: React.CSSProperties['opacity'];\n\n  /** Overlay background-color */\n  color?: React.CSSProperties['backgroundColor'];\n\n  /** Use gradient instead of background-color */\n  gradient?: string;\n\n  /** Overlay z-index */\n  zIndex?: React.CSSProperties['zIndex'];\n\n  /** Value from theme.radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n}\n\nexport type OverlayProps<C extends React.ElementType> = PolymorphicComponentProps<C, _OverlayProps>;\n\ntype OverlayComponent = <C extends React.ElementType = 'div'>(\n  props: OverlayProps<C>\n) => React.ReactElement;\n\nexport const Overlay: OverlayComponent & { displayName?: string } = forwardRef(\n  <C extends React.ElementType = 'div'>(\n    {\n      className,\n      opacity = 0.6,\n      color = '#fff',\n      gradient,\n      zIndex = 1000,\n      component,\n      radius = 0,\n      sx,\n      ...others\n    }: OverlayProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const { css, sxClassName, cx, theme } = useSx({ sx, className });\n    const Element = component || 'div';\n    const background = gradient ? { backgroundImage: gradient } : { backgroundColor: color };\n\n    return (\n      <Element\n        className={cx(\n          css({\n            ...background,\n            opacity,\n            position: 'absolute',\n            top: 0,\n            bottom: 0,\n            left: 0,\n            right: 0,\n            borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n            zIndex,\n          }),\n          sxClassName\n        )}\n        ref={ref}\n        {...others}\n      />\n    );\n  }\n);\n\nOverlay.displayName = '@mantine/core/Overlay';\n"],"names":[],"mappings":"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"}

package/esm/components/Pagination/DefaultItem/DefaultItem.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PrevIcon } from '../icons/PrevIcon.js';
-import { NextIcon } from '../icons/NextIcon.js';
 import { DotsIcon } from '../icons/DotsIcon.js';
+import { NextIcon } from '../icons/NextIcon.js';
+import { PrevIcon } from '../icons/PrevIcon.js';
 import { FirstIcon } from '../icons/FirstIcon.js';
 import { LastIcon } from '../icons/LastIcon.js';
 

package/esm/components/Pagination/DefaultItem/DefaultItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultItem.js","sources":["../../../../src/components/Pagination/DefaultItem/DefaultItem.tsx"],"sourcesContent":["import React from 'react';\nimport { PrevIcon } from '../icons/PrevIcon';\nimport { NextIcon } from '../icons/NextIcon';\nimport { DotsIcon } from '../icons/DotsIcon';\nimport { FirstIcon } from '../icons/FirstIcon';\nimport { LastIcon } from '../icons/LastIcon';\n\nexport interface PaginationItemProps extends React.ComponentPropsWithoutRef<'button'> {\n  page: number | 'dots' | 'prev' | 'next' | 'first' | 'last';\n  active?: boolean;\n  onClick?: () => void;\n}\n\nconst icons = {\n  dots: DotsIcon,\n  next: NextIcon,\n  prev: PrevIcon,\n  first: FirstIcon,\n  last: LastIcon,\n};\n\nexport function DefaultItem({ page, active, onClick, ...others }: PaginationItemProps) {\n  const Item = icons[page];\n  const children = Item ? <Item /> : page;\n\n  return (\n    <button type=\"button\" onClick={onClick} {...others}>\n      {children}\n    </button>\n  );\n}\n\nDefaultItem.displayName = '@mantine/core/Pagination/DefaultItem';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DefaultItem.js","sources":["../../../../src/components/Pagination/DefaultItem/DefaultItem.tsx"],"sourcesContent":["import React from 'react';\nimport * as _icons from '../icons';\n\nexport interface PaginationItemProps extends React.ComponentPropsWithoutRef<'button'> {\n  page: number | 'dots' | 'prev' | 'next' | 'first' | 'last';\n  active?: boolean;\n  onClick?: () => void;\n}\n\nconst icons = {\n  dots: _icons.DotsIcon,\n  next: _icons.NextIcon,\n  prev: _icons.PrevIcon,\n  first: _icons.FirstIcon,\n  last: _icons.LastIcon,\n};\n\nexport function DefaultItem({ page, active, onClick, ...others }: PaginationItemProps) {\n  const Item = icons[page];\n  const children = Item ? <Item /> : page;\n\n  return (\n    <button type=\"button\" onClick={onClick} {...others}>\n      {children}\n    </button>\n  );\n}\n\nDefaultItem.displayName = '@mantine/core/Pagination/DefaultItem';\n"],"names":["_icons.DotsIcon","_icons.NextIcon","_icons.PrevIcon","_icons.FirstIcon","_icons.LastIcon"],"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;AAGF,MAAM,KAAK,GAAG;AACd,EAAE,IAAI,EAAEA,QAAe;AACvB,EAAE,IAAI,EAAEC,QAAe;AACvB,EAAE,IAAI,EAAEC,QAAe;AACvB,EAAE,KAAK,EAAEC,SAAgB;AACzB,EAAE,IAAI,EAAEC,QAAe;AACvB,CAAC,CAAC;AACK,SAAS,WAAW,CAAC,EAAE,EAAE;AAChC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;AACrG,EAAE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAC3B,EAAE,MAAM,QAAQ,GAAG,IAAI,mBAAmB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC;AACjF,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,QAAQ,EAAE,cAAc,CAAC;AACtE,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO;AACX,GAAG,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AACxB,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,sCAAsC;;;;"}

package/esm/components/Pagination/Pagination.js

@@ -1,6 +1,5 @@
 import React, { forwardRef } from 'react';
 import { usePagination } from '@mantine/hooks';
-import { useMantineTheme, getSizeValue } from '@mantine/styles';
 import { Group } from '../Group/Group.js';
 import { DefaultItem } from './DefaultItem/DefaultItem.js';
 import useStyles from './Pagination.styles.js';
@@ -71,8 +70,7 @@ const Pagination = forwardRef((_a, ref) => {
     "withControls",
     "sx"
   ]);
-  const theme = useMantineTheme();
-  const { classes, cx } = useStyles({ color, size, radius }, { classNames, styles, name: "Pagination" });
+  const { classes, cx, theme } = useStyles({ color, size, radius }, { classNames, styles, name: "Pagination" });
   const { range, setPage, next, previous, active, first, last } = usePagination({
     page,
     siblings,
@@ -94,7 +92,7 @@ const Pagination = forwardRef((_a, ref) => {
     onClick: pageNumber !== "dots" ? () => setPage(pageNumber) : void 0
   }));
   return /* @__PURE__ */ React.createElement(Group, __spreadValues({
-    spacing: spacing || getSizeValue({ size, sizes: theme.spacing }) / 2,
+    spacing: spacing || theme.fn.size({ size, sizes: theme.spacing }) / 2,
     ref,
     sx
   }, others), withEdges && /* @__PURE__ */ React.createElement(Item, {

package/esm/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { usePagination } from '@mantine/hooks';\nimport {\n  useMantineTheme,\n  DefaultProps,\n  MantineNumberSize,\n  getSizeValue,\n  MantineColor,\n  ClassNames,\n} from '@mantine/styles';\nimport { Group, GroupProps } from '../Group/Group';\nimport { DefaultItem, PaginationItemProps } from './DefaultItem/DefaultItem';\nimport useStyles from './Pagination.styles';\n\nexport type PaginationStylesNames = ClassNames<typeof useStyles>;\n\nexport interface PaginationProps\n  extends DefaultProps<PaginationStylesNames>,\n    Omit<GroupProps, 'classNames' | 'styles' | 'onChange'> {\n  /** Change item component */\n  itemComponent?: React.FC<PaginationItemProps>;\n\n  /** Active item color from theme, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Active initial page for uncontrolled component */\n  initialPage?: number;\n\n  /** Controlled active page number */\n  page?: number;\n\n  /** Total amount of pages */\n  total: number;\n\n  /** Siblings amount on left/right side of selected page */\n  siblings?: number;\n\n  /** Amount of elements visible on left/right edges */\n  boundaries?: number;\n\n  /** Callback fired after change of each page */\n  onChange?: (page: number) => void;\n\n  /** Callback to control aria-labels */\n  getItemAriaLabel?: (\n    page: number | 'dots' | 'prev' | 'next' | 'first' | 'last'\n  ) => string | undefined;\n\n  /** Spacing between items from theme or number to set value in px, defaults to theme.spacing.xs / 2 */\n  spacing?: MantineNumberSize;\n\n  /** Predefined item size or number to set width and height in px */\n  size?: MantineNumberSize;\n\n  /** Predefined item radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Show/hide jump to start/end controls */\n  withEdges?: boolean;\n\n  /** Show/hide prev/next controls */\n  withControls?: boolean;\n}\n\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      itemComponent: Item = DefaultItem,\n      classNames,\n      styles,\n      page,\n      initialPage = 1,\n      color,\n      total,\n      siblings = 1,\n      boundaries = 1,\n      size = 'md',\n      radius = 'sm',\n      onChange,\n      getItemAriaLabel,\n      spacing,\n      withEdges = false,\n      withControls = true,\n      sx,\n      ...others\n    }: PaginationProps,\n    ref\n  ) => {\n    const theme = useMantineTheme();\n    const { classes, cx } = useStyles(\n      { color, size, radius },\n      { classNames, styles, name: 'Pagination' }\n    );\n\n    const { range, setPage, next, previous, active, first, last } = usePagination({\n      page,\n      siblings,\n      total,\n      onChange,\n      initialPage,\n      boundaries,\n    });\n\n    const items = range.map((pageNumber, index) => (\n      <Item\n        key={index}\n        page={pageNumber}\n        active={pageNumber === active}\n        aria-label={typeof getItemAriaLabel === 'function' ? getItemAriaLabel(pageNumber) : null}\n        tabIndex={pageNumber === 'dots' ? -1 : 0}\n        className={cx(classes.item, {\n          [classes.active]: pageNumber === active,\n          [classes.dots]: pageNumber === 'dots',\n        })}\n        onClick={pageNumber !== 'dots' ? () => setPage(pageNumber) : undefined}\n      />\n    ));\n\n    return (\n      <Group\n        spacing={spacing || getSizeValue({ size, sizes: theme.spacing }) / 2}\n        ref={ref}\n        sx={sx}\n        {...others}\n      >\n        {withEdges && (\n          <Item\n            page=\"first\"\n            onClick={first}\n            aria-label={getItemAriaLabel ? getItemAriaLabel('first') : undefined}\n            aria-disabled={active === 1}\n            className={classes.item}\n            disabled={active === 1}\n          />\n        )}\n\n        {withControls && (\n          <Item\n            page=\"prev\"\n            onClick={previous}\n            aria-label={getItemAriaLabel ? getItemAriaLabel('prev') : undefined}\n            aria-disabled={active === 1}\n            className={classes.item}\n            disabled={active === 1}\n          />\n        )}\n\n        {items}\n\n        {withControls && (\n          <Item\n            page=\"next\"\n            onClick={next}\n            aria-label={getItemAriaLabel ? getItemAriaLabel('next') : undefined}\n            aria-disabled={active === total}\n            className={classes.item}\n            disabled={active === total}\n          />\n        )}\n\n        {withEdges && (\n          <Item\n            page=\"last\"\n            onClick={last}\n            aria-label={getItemAriaLabel ? getItemAriaLabel('last') : undefined}\n            aria-disabled={active === total}\n            className={classes.item}\n            disabled={active === total}\n          />\n        )}\n      </Group>\n    );\n  }\n);\n\nPagination.displayName = '@mantine/core/Pagination';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { usePagination } from '@mantine/hooks';\nimport { DefaultProps, MantineNumberSize, MantineColor, ClassNames } from '@mantine/styles';\nimport { Group, GroupProps } from '../Group/Group';\nimport { DefaultItem, PaginationItemProps } from './DefaultItem/DefaultItem';\nimport useStyles from './Pagination.styles';\n\nexport type PaginationStylesNames = ClassNames<typeof useStyles>;\n\nexport interface PaginationProps\n  extends DefaultProps<PaginationStylesNames>,\n    Omit<GroupProps, 'classNames' | 'styles' | 'onChange'> {\n  /** Change item component */\n  itemComponent?: React.FC<PaginationItemProps>;\n\n  /** Active item color from theme, defaults to theme.primaryColor */\n  color?: MantineColor;\n\n  /** Active initial page for uncontrolled component */\n  initialPage?: number;\n\n  /** Controlled active page number */\n  page?: number;\n\n  /** Total amount of pages */\n  total: number;\n\n  /** Siblings amount on left/right side of selected page */\n  siblings?: number;\n\n  /** Amount of elements visible on left/right edges */\n  boundaries?: number;\n\n  /** Callback fired after change of each page */\n  onChange?: (page: number) => void;\n\n  /** Callback to control aria-labels */\n  getItemAriaLabel?: (\n    page: number | 'dots' | 'prev' | 'next' | 'first' | 'last'\n  ) => string | undefined;\n\n  /** Spacing between items from theme or number to set value in px, defaults to theme.spacing.xs / 2 */\n  spacing?: MantineNumberSize;\n\n  /** Predefined item size or number to set width and height in px */\n  size?: MantineNumberSize;\n\n  /** Predefined item radius or number to set border-radius in px */\n  radius?: MantineNumberSize;\n\n  /** Show/hide jump to start/end controls */\n  withEdges?: boolean;\n\n  /** Show/hide prev/next controls */\n  withControls?: boolean;\n}\n\nexport const Pagination = forwardRef<HTMLDivElement, PaginationProps>(\n  (\n    {\n      itemComponent: Item = DefaultItem,\n      classNames,\n      styles,\n      page,\n      initialPage = 1,\n      color,\n      total,\n      siblings = 1,\n      boundaries = 1,\n      size = 'md',\n      radius = 'sm',\n      onChange,\n      getItemAriaLabel,\n      spacing,\n      withEdges = false,\n      withControls = true,\n      sx,\n      ...others\n    }: PaginationProps,\n    ref\n  ) => {\n    const { classes, cx, theme } = useStyles(\n      { color, size, radius },\n      { classNames, styles, name: 'Pagination' }\n    );\n\n    const { range, setPage, next, previous, active, first, last } = usePagination({\n      page,\n      siblings,\n      total,\n      onChange,\n      initialPage,\n      boundaries,\n    });\n\n    const items = range.map((pageNumber, index) => (\n      <Item\n        key={index}\n        page={pageNumber}\n        active={pageNumber === active}\n        aria-label={typeof getItemAriaLabel === 'function' ? getItemAriaLabel(pageNumber) : null}\n        tabIndex={pageNumber === 'dots' ? -1 : 0}\n        className={cx(classes.item, {\n          [classes.active]: pageNumber === active,\n          [classes.dots]: pageNumber === 'dots',\n        })}\n        onClick={pageNumber !== 'dots' ? () => setPage(pageNumber) : undefined}\n      />\n    ));\n\n    return (\n      <Group\n        spacing={spacing || theme.fn.size({ size, sizes: theme.spacing }) / 2}\n        ref={ref}\n        sx={sx}\n        {...others}\n      >\n        {withEdges && (\n          <Item\n            page=\"first\"\n            onClick={first}\n            aria-label={getItemAriaLabel ? getItemAriaLabel('first') : undefined}\n            aria-disabled={active === 1}\n            className={classes.item}\n            disabled={active === 1}\n          />\n        )}\n\n        {withControls && (\n          <Item\n            page=\"prev\"\n            onClick={previous}\n            aria-label={getItemAriaLabel ? getItemAriaLabel('prev') : undefined}\n            aria-disabled={active === 1}\n            className={classes.item}\n            disabled={active === 1}\n          />\n        )}\n\n        {items}\n\n        {withControls && (\n          <Item\n            page=\"next\"\n            onClick={next}\n            aria-label={getItemAriaLabel ? getItemAriaLabel('next') : undefined}\n            aria-disabled={active === total}\n            className={classes.item}\n            disabled={active === total}\n          />\n        )}\n\n        {withEdges && (\n          <Item\n            page=\"last\"\n            onClick={last}\n            aria-label={getItemAriaLabel ? getItemAriaLabel('last') : undefined}\n            aria-disabled={active === total}\n            className={classes.item}\n            disabled={active === total}\n          />\n        )}\n      </Group>\n    );\n  }\n);\n\nPagination.displayName = '@mantine/core/Pagination';\n"],"names":[],"mappings":"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"}

package/esm/components/Pagination/Pagination.styles.js

@@ -1,4 +1,4 @@
-import { createStyles, getSharedColorScheme, getSizeValue, getFocusStyles } from '@mantine/styles';
+import { createStyles, getSharedColorScheme } from '@mantine/styles';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -39,7 +39,7 @@ var useStyles = createStyles((theme, { size, radius, color }, getRef) => {
     variant: "filled"
   });
   return {
-    item: __spreadProps(__spreadValues({}, getFocusStyles(theme)), {
+    item: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
       cursor: "pointer",
       userSelect: "none",
       display: "flex",
@@ -48,11 +48,11 @@ var useStyles = createStyles((theme, { size, radius, color }, getRef) => {
       fontWeight: 500,
       border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[3]}`,
       color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-      height: getSizeValue({ size, sizes }),
-      minWidth: getSizeValue({ size, sizes }),
-      padding: `0 ${getSizeValue({ size, sizes: theme.spacing }) / 2}px`,
-      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),
-      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+      height: theme.fn.size({ size, sizes }),
+      minWidth: theme.fn.size({ size, sizes }),
+      padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 2}px`,
+      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
       lineHeight: 1,
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.white,
       [`&:active:not(:disabled):not(.${dots.ref})`]: {

package/esm/components/Pagination/Pagination.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  getSharedColorScheme,\n  MantineNumberSize,\n  getSizeValue,\n  MantineColor,\n  getFocusStyles,\n} from '@mantine/styles';\n\ninterface PaginationStyles {\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  color: MantineColor;\n}\n\nconst sizes = {\n  xs: 22,\n  sm: 26,\n  md: 32,\n  lg: 38,\n  xl: 44,\n};\n\nexport default createStyles((theme, { size, radius, color }: PaginationStyles, getRef) => {\n  const dots = {\n    ref: getRef('dots'),\n    cursor: 'default',\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n  } as const;\n\n  const colors = getSharedColorScheme({\n    color,\n    theme,\n    variant: 'filled',\n  });\n\n  return {\n    item: {\n      ...getFocusStyles(theme),\n      cursor: 'pointer',\n      userSelect: 'none',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      fontWeight: 500,\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[3]\n      }`,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      height: getSizeValue({ size, sizes }),\n      minWidth: getSizeValue({ size, sizes }),\n      padding: `0 ${getSizeValue({ size, sizes: theme.spacing }) / 2}px`,\n      fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n      borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n      lineHeight: 1,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.white,\n\n      [`&:active:not(:disabled):not(.${dots.ref})`]: {\n        transform: 'translateY(1px)',\n      },\n\n      '&:disabled': {\n        opacity: 0.6,\n        cursor: 'not-allowed',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n      },\n    },\n\n    active: {\n      borderColor: 'transparent',\n      color: colors.color,\n      backgroundColor: colors.background,\n    },\n\n    dots,\n  };\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Pagination.styles.js","sources":["../../../src/components/Pagination/Pagination.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  getSharedColorScheme,\n  MantineNumberSize,\n  MantineColor,\n} from '@mantine/styles';\n\ninterface PaginationStyles {\n  size: MantineNumberSize;\n  radius: MantineNumberSize;\n  color: MantineColor;\n}\n\nconst sizes = {\n  xs: 22,\n  sm: 26,\n  md: 32,\n  lg: 38,\n  xl: 44,\n};\n\nexport default createStyles((theme, { size, radius, color }: PaginationStyles, getRef) => {\n  const dots = {\n    ref: getRef('dots'),\n    cursor: 'default',\n    borderColor: 'transparent',\n    backgroundColor: 'transparent',\n  } as const;\n\n  const colors = getSharedColorScheme({\n    color,\n    theme,\n    variant: 'filled',\n  });\n\n  return {\n    item: {\n      ...theme.fn.focusStyles(),\n      cursor: 'pointer',\n      userSelect: 'none',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      fontWeight: 500,\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[3]\n      }`,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      height: theme.fn.size({ size, sizes }),\n      minWidth: theme.fn.size({ size, sizes }),\n      padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 2}px`,\n      fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n      lineHeight: 1,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.white,\n\n      [`&:active:not(:disabled):not(.${dots.ref})`]: {\n        transform: 'translateY(1px)',\n      },\n\n      '&:disabled': {\n        opacity: 0.6,\n        cursor: 'not-allowed',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n      },\n    },\n\n    active: {\n      borderColor: 'transparent',\n      color: colors.color,\n      backgroundColor: colors.background,\n    },\n\n    dots,\n  };\n});\n"],"names":[],"mappings":"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"}

package/esm/components/Paper/Paper.styles.js

@@ -1,4 +1,4 @@
-import { createStyles, getSizeValue, getFocusStyles } from '@mantine/styles';
+import { createStyles } from '@mantine/styles';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -20,16 +20,16 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var useStyles = createStyles((theme, { radius, shadow, padding, withBorder }) => ({
-  root: __spreadProps(__spreadValues({}, getFocusStyles(theme)), {
+  root: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
     WebkitTapHighlightColor: "transparent",
     display: "block",
     textDecoration: "none",
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
     boxSizing: "border-box",
-    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
+    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
     boxShadow: theme.shadows[shadow] || shadow || "none",
-    padding: getSizeValue({ size: padding, sizes: theme.spacing }),
+    padding: theme.fn.size({ size: padding, sizes: theme.spacing }),
     border: withBorder ? `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}` : void 0
   })
 }));

package/esm/components/Paper/Paper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.styles.js","sources":["../../../src/components/Paper/Paper.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  MantineNumberSize,\n  getSizeValue,\n  getFocusStyles,\n  MantineShadow,\n} from '@mantine/styles';\n\ninterface PaperStyles {\n  radius: MantineNumberSize;\n  shadow: MantineShadow;\n  padding: MantineNumberSize;\n  withBorder: boolean;\n}\n\nexport default createStyles((theme, { radius, shadow, padding, withBorder }: PaperStyles) => ({\n  root: {\n    ...getFocusStyles(theme),\n    WebkitTapHighlightColor: 'transparent',\n    display: 'block',\n    textDecoration: 'none',\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    boxSizing: 'border-box',\n    borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n    boxShadow: theme.shadows[shadow] || shadow || 'none',\n    padding: getSizeValue({ size: padding, sizes: theme.spacing }),\n    border: withBorder\n      ? `1px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]}`\n      : undefined,\n  },\n}));\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Paper.styles.js","sources":["../../../src/components/Paper/Paper.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineShadow } from '@mantine/styles';\n\ninterface PaperStyles {\n  radius: MantineNumberSize;\n  shadow: MantineShadow;\n  padding: MantineNumberSize;\n  withBorder: boolean;\n}\n\nexport default createStyles((theme, { radius, shadow, padding, withBorder }: PaperStyles) => ({\n  root: {\n    ...theme.fn.focusStyles(),\n    WebkitTapHighlightColor: 'transparent',\n    display: 'block',\n    textDecoration: 'none',\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    boxSizing: 'border-box',\n    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n    boxShadow: theme.shadows[shadow] || shadow || 'none',\n    padding: theme.fn.size({ size: padding, sizes: theme.spacing }),\n    border: withBorder\n      ? `1px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]}`\n      : undefined,\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/components/PasswordInput/PasswordInput.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useUuid, useBooleanToggle } from '@mantine/hooks';
-import { getSizeValue, useExtractedMargins } from '@mantine/styles';
+import { useMantineTheme, useExtractedMargins } from '@mantine/styles';
 import { ActionIcon } from '../ActionIcon/ActionIcon.js';
 import { PasswordToggleIcon } from './PasswordToggleIcon.js';
 import useStyles from './PasswordInput.styles.js';
@@ -77,6 +77,7 @@ const PasswordInput = forwardRef((_a, ref) => {
     classNames,
     styles,
     variant,
+    visibilityToggleIcon: VisibilityToggleIcon = PasswordToggleIcon,
     __staticSelector = "PasswordInput",
     rightSection: _rightSection,
     rightSectionWidth: _rightSectionWidth,
@@ -99,13 +100,15 @@ const PasswordInput = forwardRef((_a, ref) => {
     "classNames",
     "styles",
     "variant",
+    "visibilityToggleIcon",
     "__staticSelector",
     "rightSection",
     "rightSectionWidth",
     "rightSectionProps",
     "sx"
   ]);
-  const rightSectionWidth = getSizeValue({ size, sizes: rightSectionSizes });
+  const theme = useMantineTheme();
+  const rightSectionWidth = theme.fn.size({ size, sizes: rightSectionSizes });
   const { classes, cx } = useStyles({ size, rightSectionWidth }, { name: "PasswordInput" });
   const uuid = useUuid(id);
   const { mergedStyles, rest } = useExtractedMargins({ others, style });
@@ -113,7 +116,7 @@ const PasswordInput = forwardRef((_a, ref) => {
   const rightSection = /* @__PURE__ */ React.createElement(ActionIcon, {
     tabIndex: toggleTabIndex,
     radius,
-    size: getSizeValue({ size, sizes: buttonSizes }),
+    size: theme.fn.size({ size, sizes: buttonSizes }),
     "aria-hidden": "true",
     onMouseDown: (event) => {
       event.preventDefault();
@@ -125,9 +128,9 @@ const PasswordInput = forwardRef((_a, ref) => {
         toggle();
       }
     }
-  }, /* @__PURE__ */ React.createElement(PasswordToggleIcon, {
+  }, /* @__PURE__ */ React.createElement(VisibilityToggleIcon, {
     reveal,
-    size: getSizeValue({ size, sizes: iconSizes })
+    size: theme.fn.size({ size, sizes: iconSizes })
   }));
   return /* @__PURE__ */ React.createElement(InputWrapper, __spreadValues({
     required,