@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.21

package/cjs/components/Notification/Notification.js

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

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"root":"m-a513464","icon":"m-a4ceffb","loader":"m-b0920b15","body":"m-a49ed24","title":"m-3feedf16","description":"m-3d733a3a","closeButton":"m-919a4d88"};
+
+exports.default = classes;
+//# sourceMappingURL=Notification.module.css.js.map

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

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

package/cjs/components/NumberInput/NumberInput.js

@@ -0,0 +1,252 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactNumberFormat = require('react-number-format');
+var hooks = require('@mantine/hooks');
+var NumberInputChevron = require('./NumberInputChevron.js');
+var NumberInput_module = require('./NumberInput.module.css.js');
+var UnstyledButton = require('../UnstyledButton/UnstyledButton.js');
+var InputBase = require('../InputBase/InputBase.js');
+var factory = require('../../core/factory/factory.js');
+var useProps = require('../../core/MantineProvider/use-props/use-props.js');
+var useStyles = require('../../core/styles-api/use-styles/use-styles.js');
+var useResolvedStylesApi = require('../../core/styles-api/use-resolved-styles-api/use-resolved-styles-api.js');
+var createVarsResolver = require('../../core/styles-api/create-vars-resolver/create-vars-resolver.js');
+var getSize = require('../../core/utils/get-size/get-size.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function isValidNumber(value) {
+  return typeof value === "number" && !Number.isNaN(value);
+}
+function getDecrementedValue({ value, min, step = 1, allowNegative }) {
+  const nextValue = value - step;
+  if (!allowNegative && nextValue < 0 && min === void 0) {
+    return value;
+  }
+  if (min !== void 0 && min >= 0 && nextValue <= min) {
+    return value;
+  }
+  return nextValue;
+}
+function isInRange(value, min, max) {
+  if (value === void 0) {
+    return true;
+  }
+  const minValid = min === void 0 || value >= min;
+  const maxValid = max === void 0 || value <= max;
+  return minValid && maxValid;
+}
+const defaultProps = {
+  step: 1,
+  size: "sm",
+  clampBehavior: "blur",
+  allowDecimal: true,
+  startValue: 0
+};
+const varsResolver = createVarsResolver.createVarsResolver((_, { size }) => ({
+  controls: {
+    "--ni-chevron-size": getSize.getSize(size, "ni-chevron-size")
+  }
+}));
+const NumberInput = factory.factory((_props, ref) => {
+  const props = useProps.useProps("NumberInput", defaultProps, _props);
+  const _a = props, {
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    onChange,
+    onValueChange,
+    value,
+    defaultValue,
+    max,
+    min,
+    step,
+    hideControls,
+    rightSection,
+    isAllowed,
+    clampBehavior,
+    onBlur,
+    allowDecimal,
+    decimalScale,
+    onKeyDown,
+    handlersRef,
+    startValue,
+    disabled,
+    rightSectionPointerEvents,
+    allowNegative
+  } = _a, others = __objRest(_a, [
+    "classNames",
+    "styles",
+    "unstyled",
+    "vars",
+    "onChange",
+    "onValueChange",
+    "value",
+    "defaultValue",
+    "max",
+    "min",
+    "step",
+    "hideControls",
+    "rightSection",
+    "isAllowed",
+    "clampBehavior",
+    "onBlur",
+    "allowDecimal",
+    "decimalScale",
+    "onKeyDown",
+    "handlersRef",
+    "startValue",
+    "disabled",
+    "rightSectionPointerEvents",
+    "allowNegative"
+  ]);
+  const getStyles = useStyles.useStyles({
+    name: "NumberInput",
+    classes: NumberInput_module['default'],
+    props,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi.useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  const [_value, setValue] = hooks.useUncontrolled({
+    value,
+    defaultValue,
+    onChange
+  });
+  const handleValueChange = (payload, event) => {
+    setValue(isValidNumber(payload.floatValue) ? payload.floatValue : payload.value);
+    onValueChange == null ? void 0 : onValueChange(payload, event);
+  };
+  const increment = () => {
+    if (typeof _value !== "number" || Number.isNaN(_value)) {
+      setValue(min != null ? min : hooks.clamp(startValue, min, max));
+    } else if (max !== void 0) {
+      setValue(_value + step <= max ? _value + step : max);
+    } else {
+      setValue(_value + step);
+    }
+  };
+  const decrement = () => {
+    if (typeof _value !== "number" || Number.isNaN(_value)) {
+      setValue(max != null ? max : hooks.clamp(startValue, min, max));
+    } else {
+      setValue(getDecrementedValue({ value: _value, min, step, allowNegative }));
+    }
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown == null ? void 0 : onKeyDown(event);
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      increment();
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      decrement();
+    }
+  };
+  hooks.assignRef(handlersRef, { increment, decrement });
+  const controls = /* @__PURE__ */ React__default.createElement("div", __spreadValues({}, getStyles("controls")), /* @__PURE__ */ React__default.createElement(
+    UnstyledButton.UnstyledButton,
+    __spreadProps(__spreadValues({}, getStyles("control")), {
+      tabIndex: -1,
+      "aria-hidden": true,
+      disabled: disabled || typeof _value === "number" && max !== void 0 && _value >= max,
+      mod: { direction: "up" },
+      onPointerDown: increment
+    }),
+    /* @__PURE__ */ React__default.createElement(NumberInputChevron.NumberInputChevron, { direction: "up" })
+  ), /* @__PURE__ */ React__default.createElement(
+    UnstyledButton.UnstyledButton,
+    __spreadProps(__spreadValues({}, getStyles("control")), {
+      tabIndex: -1,
+      "aria-hidden": true,
+      disabled: disabled || typeof _value === "number" && min !== void 0 && _value <= min,
+      mod: { direction: "down" },
+      onPointerDown: decrement
+    }),
+    /* @__PURE__ */ React__default.createElement(NumberInputChevron.NumberInputChevron, { direction: "down" })
+  ));
+  return /* @__PURE__ */ React__default.createElement(
+    InputBase.InputBase,
+    __spreadProps(__spreadValues({
+      component: reactNumberFormat.NumericFormat
+    }, others), {
+      disabled,
+      value: _value,
+      getInputRef: ref,
+      onValueChange: handleValueChange,
+      rightSection: hideControls ? rightSection : rightSection || controls,
+      classNames: resolvedClassNames,
+      styles: resolvedStyles,
+      unstyled,
+      __staticSelector: "NumberInput",
+      decimalScale: allowDecimal ? decimalScale : 0,
+      onKeyDown: handleKeyDown,
+      rightSectionPointerEvents: (rightSectionPointerEvents != null ? rightSectionPointerEvents : disabled) ? "none" : void 0,
+      onBlur: (event) => {
+        onBlur == null ? void 0 : onBlur(event);
+        if (clampBehavior === "blur" && typeof _value === "number") {
+          setValue(hooks.clamp(_value, min, max));
+        }
+      },
+      isAllowed: (val) => {
+        if (clampBehavior === "strict") {
+          if (isAllowed) {
+            return isAllowed(val) && isInRange(val.floatValue, min, max);
+          }
+          return isInRange(val.floatValue, min, max);
+        }
+        return isAllowed ? isAllowed(val) : true;
+      }
+    })
+  );
+});
+NumberInput.classes = __spreadValues(__spreadValues({}, InputBase.InputBase.classes), NumberInput_module['default']);
+NumberInput.displayName = "@mantine/core/NumberInput";
+
+exports.NumberInput = NumberInput;
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React from 'react';\nimport { NumericFormat, OnValueChange, NumberFormatValues } from 'react-number-format';\nimport { assignRef, clamp, useUncontrolled } from '@mantine/hooks';\nimport {\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  getSize,\n  useResolvedStylesApi,\n} from '../../core';\nimport { UnstyledButton } from '../UnstyledButton';\nimport { InputBase } from '../InputBase';\nimport { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';\nimport { NumberInputChevron } from './NumberInputChevron';\nimport classes from './NumberInput.module.css';\n\nexport interface NumberInputHandlers {\n  increment(): void;\n  decrement(): void;\n}\n\nfunction isValidNumber(value: number | undefined): value is number {\n  return typeof value === 'number' && !Number.isNaN(value);\n}\n\ninterface GetDecrementedValueInput {\n  value: number;\n  min: number | undefined;\n  step: number | undefined;\n  allowNegative: boolean | undefined;\n}\n\nfunction getDecrementedValue({ value, min, step = 1, allowNegative }: GetDecrementedValueInput) {\n  const nextValue = value - step;\n\n  if (!allowNegative && nextValue < 0 && min === undefined) {\n    return value;\n  }\n\n  if (min !== undefined && min >= 0 && nextValue <= min) {\n    return value;\n  }\n\n  return nextValue;\n}\n\nfunction isInRange(value: number | undefined, min: number | undefined, max: number | undefined) {\n  if (value === undefined) {\n    return true;\n  }\n\n  const minValid = min === undefined || value >= min;\n  const maxValid = max === undefined || value <= max;\n\n  return minValid && maxValid;\n}\n\nexport type NumberInputStylesNames = 'controls' | 'control' | __InputStylesNames;\nexport type NumberInputCssVariables = {\n  controls: '--ni-chevron-size';\n};\n\nexport interface NumberInputProps\n  extends BoxProps,\n    __BaseInputProps,\n    StylesApiProps<NumberInputFactory>,\n    ElementProps<'input', 'size' | 'type' | 'onChange'> {\n  /** Controlled component value */\n  value?: number | string;\n\n  /** Uncontrolled component default value */\n  defaultValue?: number | string;\n\n  /** Called when value changes */\n  onChange?(value: number | string): void;\n\n  /** Called when value changes with `react-number-format` payload */\n  onValueChange?: OnValueChange;\n\n  /** Determines whether leading zeros are allowed. If not set, leading zeros are removed when the input is blurred. `false` by default */\n  allowLeadingZeros?: boolean;\n\n  /** Determines whether negative values are allowed, `true` by default */\n  allowNegative?: boolean;\n\n  /** Characters which when pressed result in a decimal separator, `['.']` by default */\n  allowedDecimalSeparators?: string[];\n\n  /** Limits the number of digits that can be entered after the decimal point */\n  decimalScale?: number;\n\n  /** Character used as a decimal separator, `'.'` by default */\n  decimalSeparator?: string;\n\n  /** If set, 0s are added after `decimalSeparator` to match given `decimalScale`. `false` by default */\n  fixedDecimalScale?: boolean;\n\n  /** Prefix added before the input value */\n  prefix?: string;\n\n  /** Suffix added after the input value */\n  suffix?: string;\n\n  /** Defines the thousand grouping style. */\n  thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';\n\n  /** A function to validate the input value. If this function returns `false`, the `onChange` will not be called and the input value will not change. */\n  isAllowed?(values: NumberFormatValues): boolean;\n\n  /** If value is passed as string representation of numbers (unformatted) and number is used in any format props like in prefix or suffix in numeric format and format prop in pattern format then this should be passed as `true`. `false` by default. */\n  valueIsNumericString?: boolean;\n\n  /** Controls input `type` attribute, `'text'` by default */\n  type?: 'text' | 'tel' | 'password';\n\n  /** A character used to separate thousands */\n  thousandSeparator?: string | boolean;\n\n  /** Minimum possible value */\n  min?: number;\n\n  /** Maximum possible value */\n  max?: number;\n\n  /** Number by which value will be incremented/decremented with up/down controls and keyboard arrows, `1` by default */\n  step?: number;\n\n  /** Determines whether the up/down controls should be hidden, `false` by default */\n  hideControls?: boolean;\n\n  /** Controls how value is clamped, `strict` – user is not allowed to enter values that are not in `[min, max]` range, `blur` – user is allowed to enter any values, but the value is clamped when the input loses focus (default behavior), `none` – lifts all restrictions, `[min, max]` range is applied only for controls and up/down keys */\n  clampBehavior?: 'strict' | 'blur' | 'none';\n\n  /** Determines whether decimal values are allowed, `true` by default */\n  allowDecimal?: boolean;\n\n  /** Increment/decrement handlers */\n  handlersRef?: React.ForwardedRef<NumberInputHandlers | undefined>;\n\n  /** Value set to the input when increment/decrement buttons are clicked or up/down arrows pressed if the input is empty, `0` by default */\n  startValue?: number;\n}\n\nexport type NumberInputFactory = Factory<{\n  props: NumberInputProps;\n  ref: HTMLDivElement;\n  stylesNames: NumberInputStylesNames;\n  vars: NumberInputCssVariables;\n  variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<NumberInputProps> = {\n  step: 1,\n  size: 'sm',\n  clampBehavior: 'blur',\n  allowDecimal: true,\n  startValue: 0,\n};\n\nconst varsResolver = createVarsResolver<NumberInputFactory>((_, { size }) => ({\n  controls: {\n    '--ni-chevron-size': getSize(size, 'ni-chevron-size'),\n  },\n}));\n\nexport const NumberInput = factory<NumberInputFactory>((_props, ref) => {\n  const props = useProps('NumberInput', defaultProps, _props);\n  const {\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    onChange,\n    onValueChange,\n    value,\n    defaultValue,\n    max,\n    min,\n    step,\n    hideControls,\n    rightSection,\n    isAllowed,\n    clampBehavior,\n    onBlur,\n    allowDecimal,\n    decimalScale,\n    onKeyDown,\n    handlersRef,\n    startValue,\n    disabled,\n    rightSectionPointerEvents,\n    allowNegative,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<NumberInputFactory>({\n    name: 'NumberInput',\n    classes,\n    props,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi<NumberInputFactory>({\n    classNames,\n    styles,\n    props,\n  });\n\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    onChange,\n  });\n\n  const handleValueChange: OnValueChange = (payload, event) => {\n    setValue(isValidNumber(payload.floatValue) ? payload.floatValue : payload.value);\n    onValueChange?.(payload, event);\n  };\n\n  const increment = () => {\n    if (typeof _value !== 'number' || Number.isNaN(_value)) {\n      setValue(min ?? clamp(startValue!, min, max));\n    } else if (max !== undefined) {\n      setValue(_value + step! <= max ? _value + step! : max);\n    } else {\n      setValue(_value + step!);\n    }\n  };\n\n  const decrement = () => {\n    if (typeof _value !== 'number' || Number.isNaN(_value)) {\n      setValue(max ?? clamp(startValue!, min, max));\n    } else {\n      setValue(getDecrementedValue({ value: _value, min, step, allowNegative }));\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      increment();\n    }\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      decrement();\n    }\n  };\n\n  assignRef(handlersRef, { increment, decrement });\n\n  const controls = (\n    <div {...getStyles('controls')}>\n      <UnstyledButton\n        {...getStyles('control')}\n        tabIndex={-1}\n        aria-hidden\n        disabled={disabled || (typeof _value === 'number' && max !== undefined && _value >= max)}\n        mod={{ direction: 'up' }}\n        onPointerDown={increment}\n      >\n        <NumberInputChevron direction=\"up\" />\n      </UnstyledButton>\n      <UnstyledButton\n        {...getStyles('control')}\n        tabIndex={-1}\n        aria-hidden\n        disabled={disabled || (typeof _value === 'number' && min !== undefined && _value <= min)}\n        mod={{ direction: 'down' }}\n        onPointerDown={decrement}\n      >\n        <NumberInputChevron direction=\"down\" />\n      </UnstyledButton>\n    </div>\n  );\n\n  return (\n    <InputBase\n      component={NumericFormat}\n      {...others}\n      disabled={disabled}\n      value={_value}\n      getInputRef={ref}\n      onValueChange={handleValueChange}\n      rightSection={hideControls ? rightSection : rightSection || controls}\n      classNames={resolvedClassNames}\n      styles={resolvedStyles}\n      unstyled={unstyled}\n      __staticSelector=\"NumberInput\"\n      decimalScale={allowDecimal ? decimalScale : 0}\n      onKeyDown={handleKeyDown}\n      rightSectionPointerEvents={rightSectionPointerEvents ?? disabled ? 'none' : undefined}\n      onBlur={(event) => {\n        onBlur?.(event);\n        if (clampBehavior === 'blur' && typeof _value === 'number') {\n          setValue(clamp(_value, min, max));\n        }\n      }}\n      isAllowed={(val) => {\n        if (clampBehavior === 'strict') {\n          if (isAllowed) {\n            return isAllowed(val) && isInRange(val.floatValue, min, max);\n          }\n\n          return isInRange(val.floatValue, min, max);\n        }\n\n        return isAllowed ? isAllowed(val) : true;\n      }}\n    />\n  );\n});\n\nNumberInput.classes = { ...InputBase.classes, ...classes };\nNumberInput.displayName = '@mantine/core/NumberInput';\n"],"names":["createVarsResolver","getSize","factory","useProps","useStyles","classes","useResolvedStylesApi","useUncontrolled","clamp","assignRef","React","UnstyledButton","NumberInputChevron","InputBase","NumericFormat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,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;AAgBF,SAAS,aAAa,CAAC,KAAK,EAAE;AAC9B,EAAE,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;AAC3D,CAAC;AACD,SAAS,mBAAmB,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,GAAG,CAAC,EAAE,aAAa,EAAE,EAAE;AACtE,EAAE,MAAM,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;AACjC,EAAE,IAAI,CAAC,aAAa,IAAI,SAAS,GAAG,CAAC,IAAI,GAAG,KAAK,KAAK,CAAC,EAAE;AACzD,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,GAAG,KAAK,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,SAAS,IAAI,GAAG,EAAE;AACtD,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,OAAO,SAAS,CAAC;AACnB,CAAC;AACD,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE;AACpC,EAAE,IAAI,KAAK,KAAK,KAAK,CAAC,EAAE;AACxB,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH,EAAE,MAAM,QAAQ,GAAG,GAAG,KAAK,KAAK,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC;AAClD,EAAE,MAAM,QAAQ,GAAG,GAAG,KAAK,KAAK,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC;AAClD,EAAE,OAAO,QAAQ,IAAI,QAAQ,CAAC;AAC9B,CAAC;AACD,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,aAAa,EAAE,MAAM;AACvB,EAAE,YAAY,EAAE,IAAI;AACpB,EAAE,UAAU,EAAE,CAAC;AACf,CAAC,CAAC;AACF,MAAM,YAAY,GAAGA,qCAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;AAC1D,EAAE,QAAQ,EAAE;AACZ,IAAI,mBAAmB,EAAEC,eAAO,CAAC,IAAI,EAAE,iBAAiB,CAAC;AACzD,GAAG;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,WAAW,GAAGC,eAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACpD,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,aAAa,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC9D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,aAAa;AACjB,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,GAAG;AACP,IAAI,GAAG;AACP,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,QAAQ;AACZ,IAAI,yBAAyB;AAC7B,IAAI,aAAa;AACjB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,eAAe;AACnB,IAAI,OAAO;AACX,IAAI,cAAc;AAClB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,eAAe;AACnB,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,2BAA2B;AAC/B,IAAI,eAAe;AACnB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAGC,mBAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,aAAa;AACvB,aAAIC,6BAAO;AACX,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,kBAAkB,EAAE,cAAc,EAAE,GAAGC,yCAAoB,CAAC;AACtE,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,KAAK;AACT,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAGC,qBAAe,CAAC;AAC7C,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,KAAK,KAAK;AAChD,IAAI,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AACrF,IAAI,aAAa,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACnE,GAAG,CAAC;AACJ,EAAE,MAAM,SAAS,GAAG,MAAM;AAC1B,IAAI,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;AAC5D,MAAM,QAAQ,CAAC,GAAG,IAAI,IAAI,GAAG,GAAG,GAAGC,WAAK,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAChE,KAAK,MAAM,IAAI,GAAG,KAAK,KAAK,CAAC,EAAE;AAC/B,MAAM,QAAQ,CAAC,MAAM,GAAG,IAAI,IAAI,GAAG,GAAG,MAAM,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC;AAC3D,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,SAAS,GAAG,MAAM;AAC1B,IAAI,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;AAC5D,MAAM,QAAQ,CAAC,GAAG,IAAI,IAAI,GAAG,GAAG,GAAGA,WAAK,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAChE,KAAK,MAAM;AACX,MAAM,QAAQ,CAAC,mBAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC;AACjF,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,CAAC,KAAK,KAAK;AACnC,IAAI,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;AAClD,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;AACjC,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,SAAS,EAAE,CAAC;AAClB,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;AACnC,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,SAAS,EAAE,CAAC;AAClB,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,eAAS,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC;AACnD,EAAE,MAAM,QAAQ,mBAAmBC,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,kBAAkBA,cAAK,CAAC,aAAa;AAC5I,IAAIC,6BAAc;AAClB,IAAI,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE;AAC5D,MAAM,QAAQ,EAAE,CAAC,CAAC;AAClB,MAAM,aAAa,EAAE,IAAI;AACzB,MAAM,QAAQ,EAAE,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,GAAG,KAAK,KAAK,CAAC,IAAI,MAAM,IAAI,GAAG;AACzF,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE;AAC9B,MAAM,aAAa,EAAE,SAAS;AAC9B,KAAK,CAAC;AACN,oBAAoBD,cAAK,CAAC,aAAa,CAACE,qCAAkB,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAChF,GAAG,kBAAkBF,cAAK,CAAC,aAAa;AACxC,IAAIC,6BAAc;AAClB,IAAI,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,EAAE;AAC5D,MAAM,QAAQ,EAAE,CAAC,CAAC;AAClB,MAAM,aAAa,EAAE,IAAI;AACzB,MAAM,QAAQ,EAAE,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,GAAG,KAAK,KAAK,CAAC,IAAI,MAAM,IAAI,GAAG;AACzF,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;AAChC,MAAM,aAAa,EAAE,SAAS;AAC9B,KAAK,CAAC;AACN,oBAAoBD,cAAK,CAAC,aAAa,CAACE,qCAAkB,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC;AAClF,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBF,cAAK,CAAC,aAAa;AAC5C,IAAIG,mBAAS;AACb,IAAI,aAAa,CAAC,cAAc,CAAC;AACjC,MAAM,SAAS,EAAEC,+BAAa;AAC9B,KAAK,EAAE,MAAM,CAAC,EAAE;AAChB,MAAM,QAAQ;AACd,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,WAAW,EAAE,GAAG;AACtB,MAAM,aAAa,EAAE,iBAAiB;AACtC,MAAM,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,YAAY,IAAI,QAAQ;AAC1E,MAAM,UAAU,EAAE,kBAAkB;AACpC,MAAM,MAAM,EAAE,cAAc;AAC5B,MAAM,QAAQ;AACd,MAAM,gBAAgB,EAAE,aAAa;AACrC,MAAM,YAAY,EAAE,YAAY,GAAG,YAAY,GAAG,CAAC;AACnD,MAAM,SAAS,EAAE,aAAa;AAC9B,MAAM,yBAAyB,EAAE,CAAC,yBAAyB,IAAI,IAAI,GAAG,yBAAyB,GAAG,QAAQ,IAAI,MAAM,GAAG,KAAK,CAAC;AAC7H,MAAM,MAAM,EAAE,CAAC,KAAK,KAAK;AACzB,QAAQ,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AAChD,QAAQ,IAAI,aAAa,KAAK,MAAM,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AACpE,UAAU,QAAQ,CAACN,WAAK,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC5C,SAAS;AACT,OAAO;AACP,MAAM,SAAS,EAAE,CAAC,GAAG,KAAK;AAC1B,QAAQ,IAAI,aAAa,KAAK,QAAQ,EAAE;AACxC,UAAU,IAAI,SAAS,EAAE;AACzB,YAAY,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACzE,WAAW;AACX,UAAU,OAAO,SAAS,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC;AACrD,SAAS;AACT,QAAQ,OAAO,SAAS,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AACjD,OAAO;AACP,KAAK,CAAC;AACN,GAAG,CAAC;AACJ,CAAC,EAAE;AACH,WAAW,CAAC,OAAO,GAAG,cAAc,CAAC,cAAc,CAAC,EAAE,EAAEK,mBAAS,CAAC,OAAO,CAAC,EAAER,6BAAO,CAAC,CAAC;AACrF,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {"controls":"m-95e17d22","control":"m-80b4b171"};
+
+exports.default = classes;
+//# sourceMappingURL=NumberInput.module.css.js.map

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

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

package/cjs/components/NumberInput/NumberInputChevron.js

@@ -0,0 +1,66 @@
+'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);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function NumberInputChevron(_a) {
+  var _b = _a, { direction, style } = _b, others = __objRest(_b, ["direction", "style"]);
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    __spreadValues({
+      style: __spreadValues({
+        width: "var(--ni-chevron-size)",
+        height: "var(--ni-chevron-size)",
+        transform: direction === "up" ? "rotate(180deg)" : void 0
+      }, style),
+      viewBox: "0 0 15 15",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, others),
+    /* @__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.NumberInputChevron = NumberInputChevron;
+//# sourceMappingURL=NumberInputChevron.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInputChevron.js","sources":["../../../src/components/NumberInput/NumberInputChevron.tsx"],"sourcesContent":["import React from 'react';\n\ninterface ChevronProps extends React.ComponentPropsWithoutRef<'svg'> {\n  direction: 'up' | 'down';\n}\n\nexport function NumberInputChevron({ direction, style, ...others }: ChevronProps) {\n  return (\n    <svg\n      style={{\n        width: 'var(--ni-chevron-size)',\n        height: 'var(--ni-chevron-size)',\n        transform: direction === 'up' ? 'rotate(180deg)' : undefined,\n        ...style,\n      }}\n      viewBox=\"0 0 15 15\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...others}\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":"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"}