@mantine/core 5.2.7 → 5.3.1

package/esm/Indicator/Indicator.styles.js

@@ -1,4 +1,4 @@
-import { createStyles } from '@mantine/styles';
+import { createStyles, keyframes } from '@mantine/styles';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -19,6 +19,16 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const processingAnimation = (color) => keyframes({
+  from: {
+    boxShadow: `0 0 0.5px 0 ${color}`,
+    opacity: 0.6
+  },
+  to: {
+    boxShadow: `0 0 0.5px 4.4px ${color}`,
+    opacity: 0
+  }
+});
 function getPositionStyles(_position, offset = 0) {
   const styles = {};
   const [position, placement] = _position.split("-");
@@ -61,33 +71,49 @@ var useStyles = createStyles((theme, {
   withBorder,
   withLabel,
   zIndex
-}) => ({
-  root: {
-    position: "relative",
-    display: inline ? "inline-block" : "block"
-  },
-  indicator: __spreadProps(__spreadValues({}, getPositionStyles(position, offset)), {
-    zIndex,
-    position: "absolute",
-    [withLabel ? "minWidth" : "width"]: size,
-    height: size,
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    fontSize: theme.fontSizes.xs,
-    paddingLeft: withLabel ? theme.spacing.xs / 2 : 0,
-    paddingRight: withLabel ? theme.spacing.xs / 2 : 0,
-    borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
-    backgroundColor: theme.fn.variant({
-      variant: "filled",
-      primaryFallback: false,
-      color: color || theme.primaryColor
-    }).background,
-    border: withBorder ? `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white}` : void 0,
-    color: theme.white,
-    whiteSpace: "nowrap"
-  })
-}));
+}) => {
+  const { background } = theme.fn.variant({
+    variant: "filled",
+    primaryFallback: false,
+    color: color || theme.primaryColor
+  });
+  return {
+    root: {
+      position: "relative",
+      display: inline ? "inline-block" : "block"
+    },
+    indicator: __spreadProps(__spreadValues({}, getPositionStyles(position, offset)), {
+      zIndex,
+      position: "absolute",
+      [withLabel ? "minWidth" : "width"]: size,
+      height: size,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      fontSize: theme.fontSizes.xs,
+      paddingLeft: withLabel ? `calc(${theme.spacing.xs}px / 2)` : 0,
+      paddingRight: withLabel ? `calc(${theme.spacing.xs}px / 2)` : 0,
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
+      backgroundColor: theme.fn.variant({
+        variant: "filled",
+        primaryFallback: false,
+        color: color || theme.primaryColor
+      }).background,
+      border: withBorder ? `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white}` : void 0,
+      color: theme.white,
+      whiteSpace: "nowrap"
+    }),
+    processing: {
+      animation: `${processingAnimation(background)} 1000ms linear infinite`
+    },
+    common: __spreadProps(__spreadValues({}, getPositionStyles(position, offset)), {
+      position: "absolute",
+      [withLabel ? "minWidth" : "width"]: size,
+      height: size,
+      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius })
+    })
+  };
+});
 
 export default useStyles;
 //# sourceMappingURL=Indicator.styles.js.map

package/esm/Indicator/Indicator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.styles.js","sources":["../../src/Indicator/Indicator.styles.ts"],"sourcesContent":["import { createStyles, CSSObject, MantineColor, MantineNumberSize } from '@mantine/styles';\nimport { IndicatorPosition } from './Indicator.types';\n\nexport interface IndicatorStylesParams {\n  radius: MantineNumberSize;\n  size: number;\n  color: MantineColor;\n  position: IndicatorPosition;\n  offset: number;\n  inline: boolean;\n  withBorder: boolean;\n  withLabel: boolean;\n  zIndex: React.CSSProperties['zIndex'];\n}\n\nfunction getPositionStyles(_position: IndicatorPosition, offset = 0) {\n  const styles: CSSObject = {};\n  const [position, placement] = _position.split('-');\n  let translateX = '';\n  let translateY = '';\n\n  if (position === 'top') {\n    styles.top = offset;\n    translateY = '-50%';\n  }\n\n  if (position === 'middle') {\n    styles.top = '50%';\n    translateY = '-50%';\n  }\n\n  if (position === 'bottom') {\n    styles.bottom = offset;\n    translateY = '50%';\n  }\n\n  if (placement === 'start') {\n    styles.left = offset;\n    translateX = '-50%';\n  }\n\n  if (placement === 'center') {\n    styles.left = '50%';\n    translateX = '-50%';\n  }\n\n  if (placement === 'end') {\n    styles.right = offset;\n    translateX = '50%';\n  }\n\n  styles.transform = `translate(${translateX}, ${translateY})`;\n\n  return styles;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      radius,\n      size,\n      color,\n      position,\n      offset,\n      inline,\n      withBorder,\n      withLabel,\n      zIndex,\n    }: IndicatorStylesParams\n  ) => ({\n    root: {\n      position: 'relative',\n      display: inline ? 'inline-block' : 'block',\n    },\n\n    indicator: {\n      ...getPositionStyles(position, offset),\n      zIndex,\n      position: 'absolute',\n      [withLabel ? 'minWidth' : 'width']: size,\n      height: size,\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      fontSize: theme.fontSizes.xs,\n      paddingLeft: withLabel ? theme.spacing.xs / 2 : 0,\n      paddingRight: withLabel ? theme.spacing.xs / 2 : 0,\n      borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n      backgroundColor: theme.fn.variant({\n        variant: 'filled',\n        primaryFallback: false,\n        color: color || theme.primaryColor,\n      }).background,\n      border: withBorder\n        ? `2px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`\n        : undefined,\n      color: theme.white,\n      whiteSpace: 'nowrap',\n    },\n  })\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Indicator.styles.js","sources":["../../src/Indicator/Indicator.styles.ts"],"sourcesContent":["import {\n  createStyles,\n  CSSObject,\n  MantineColor,\n  MantineNumberSize,\n  keyframes,\n} from '@mantine/styles';\nimport { IndicatorPosition } from './Indicator.types';\n\nexport interface IndicatorStylesParams {\n  radius: MantineNumberSize;\n  size: number;\n  color: MantineColor;\n  position: IndicatorPosition;\n  offset: number;\n  inline: boolean;\n  withBorder: boolean;\n  withLabel: boolean;\n  zIndex: React.CSSProperties['zIndex'];\n}\n\nconst processingAnimation = (color: string) =>\n  keyframes({\n    from: {\n      boxShadow: `0 0 0.5px 0 ${color}`,\n      opacity: 0.6,\n    },\n    to: {\n      boxShadow: `0 0 0.5px 4.4px ${color}`,\n      opacity: 0,\n    },\n  });\n\nfunction getPositionStyles(_position: IndicatorPosition, offset = 0) {\n  const styles: CSSObject = {};\n  const [position, placement] = _position.split('-');\n  let translateX = '';\n  let translateY = '';\n\n  if (position === 'top') {\n    styles.top = offset;\n    translateY = '-50%';\n  }\n\n  if (position === 'middle') {\n    styles.top = '50%';\n    translateY = '-50%';\n  }\n\n  if (position === 'bottom') {\n    styles.bottom = offset;\n    translateY = '50%';\n  }\n\n  if (placement === 'start') {\n    styles.left = offset;\n    translateX = '-50%';\n  }\n\n  if (placement === 'center') {\n    styles.left = '50%';\n    translateX = '-50%';\n  }\n\n  if (placement === 'end') {\n    styles.right = offset;\n    translateX = '50%';\n  }\n\n  styles.transform = `translate(${translateX}, ${translateY})`;\n\n  return styles;\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      radius,\n      size,\n      color,\n      position,\n      offset,\n      inline,\n      withBorder,\n      withLabel,\n      zIndex,\n    }: IndicatorStylesParams\n  ) => {\n    const { background } = theme.fn.variant({\n      variant: 'filled',\n      primaryFallback: false,\n      color: color || theme.primaryColor,\n    });\n    return {\n      root: {\n        position: 'relative',\n        display: inline ? 'inline-block' : 'block',\n      },\n\n      indicator: {\n        ...getPositionStyles(position, offset),\n        zIndex,\n        position: 'absolute',\n        [withLabel ? 'minWidth' : 'width']: size,\n        height: size,\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        fontSize: theme.fontSizes.xs,\n        paddingLeft: withLabel ? `calc(${theme.spacing.xs}px / 2)` : 0,\n        paddingRight: withLabel ? `calc(${theme.spacing.xs}px / 2)` : 0,\n        borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n        backgroundColor: theme.fn.variant({\n          variant: 'filled',\n          primaryFallback: false,\n          color: color || theme.primaryColor,\n        }).background,\n        border: withBorder\n          ? `2px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`\n          : undefined,\n        color: theme.white,\n        whiteSpace: 'nowrap',\n      },\n\n      processing: {\n        animation: `${processingAnimation(background)} 1000ms linear infinite`,\n      },\n\n      common: {\n        ...getPositionStyles(position, offset),\n        position: 'absolute',\n        [withLabel ? 'minWidth' : 'width']: size,\n        height: size,\n        borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/Indicator/Machine/Machine.js

@@ -0,0 +1,57 @@
+import React, { forwardRef, useState, useEffect, useMemo } from 'react';
+import { usePrevious } from '@mantine/hooks';
+import { MachineNumber } from './MachineNumber.js';
+import useStyles from './Machine.styles.js';
+
+const Machine = forwardRef(({ value = 0, max }, ref) => {
+  const [oldValue, setOldValue] = useState();
+  const [newValue, setNewValue] = useState();
+  const prevValueRef = usePrevious(value);
+  useEffect(() => {
+    if (typeof value === "string") {
+      setOldValue(void 0);
+      setNewValue(void 0);
+    } else if (typeof prevValueRef === "string") {
+      setOldValue(void 0);
+      setNewValue(value);
+    } else {
+      setOldValue(prevValueRef);
+      setNewValue(value);
+    }
+  }, [value, prevValueRef]);
+  const numbers = useMemo(() => {
+    if (typeof value === "string") {
+      return [];
+    }
+    if (value < 1) {
+      return [0];
+    }
+    const result = [];
+    let currentValue = value;
+    if (typeof max === "number") {
+      currentValue = Math.min(max, currentValue);
+    }
+    while (currentValue >= 1) {
+      result.push(currentValue % 10);
+      currentValue /= 10;
+      currentValue = Math.floor(currentValue);
+    }
+    result.reverse();
+    return result;
+  }, [value, max]);
+  const { classes } = useStyles(null, { name: "machine" });
+  return typeof value === "string" ? /* @__PURE__ */ React.createElement("span", {
+    ref
+  }, value) : /* @__PURE__ */ React.createElement("span", {
+    ref,
+    className: classes.base
+  }, numbers.map((number, i) => /* @__PURE__ */ React.createElement(MachineNumber, {
+    key: numbers.length - i - 1,
+    value: number,
+    oldOriginalNumber: oldValue,
+    newOriginalNumber: newValue
+  })), typeof max === "number" && value > max && /* @__PURE__ */ React.createElement("span", null, "+"));
+});
+
+export { Machine };
+//# sourceMappingURL=Machine.js.map

package/esm/Indicator/Machine/Machine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Machine.js","sources":["../../../src/Indicator/Machine/Machine.tsx"],"sourcesContent":["import React, { useState, forwardRef, useMemo, useEffect } from 'react';\nimport { usePrevious } from '@mantine/hooks';\nimport { MachineNumber } from './MachineNumber';\nimport useStyles from './Machine.styles';\n\ninterface MachineNumberProps {\n  value: number | string;\n  max: number;\n}\n\nexport const Machine = forwardRef<HTMLDivElement, MachineNumberProps>(({ value = 0, max }, ref) => {\n  const [oldValue, setOldValue] = useState<number>();\n  const [newValue, setNewValue] = useState<number>();\n  const prevValueRef = usePrevious(value);\n\n  useEffect(() => {\n    if (typeof value === 'string') {\n      setOldValue(undefined);\n      setNewValue(undefined);\n    } else if (typeof prevValueRef === 'string') {\n      setOldValue(undefined);\n      setNewValue(value);\n    } else {\n      setOldValue(prevValueRef);\n      setNewValue(value);\n    }\n  }, [value, prevValueRef]);\n\n  const numbers = useMemo(() => {\n    if (typeof value === 'string') {\n      return [];\n    }\n\n    if (value < 1) {\n      return [0];\n    }\n\n    const result: number[] = [];\n    let currentValue = value;\n\n    if (typeof max === 'number') {\n      currentValue = Math.min(max, currentValue);\n    }\n\n    while (currentValue >= 1) {\n      result.push(currentValue % 10);\n      currentValue /= 10;\n      currentValue = Math.floor(currentValue);\n    }\n\n    result.reverse();\n    return result;\n  }, [value, max]);\n\n  const { classes } = useStyles(null, { name: 'machine' });\n\n  return typeof value === 'string' ? (\n    <span ref={ref}>{value}</span>\n  ) : (\n    <span ref={ref} className={classes.base}>\n      {numbers.map((number, i) => (\n        <MachineNumber\n          key={numbers.length - i - 1}\n          value={number}\n          oldOriginalNumber={oldValue}\n          newOriginalNumber={newValue}\n        />\n      ))}\n      {typeof max === 'number' && value > max && <span>+</span>}\n    </span>\n  );\n});\n"],"names":[],"mappings":";;;;;AAIY,MAAC,OAAO,GAAG,UAAU,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,GAAG,KAAK;AAC/D,EAAE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAE,CAAC;AAC7C,EAAE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAE,CAAC;AAC7C,EAAE,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AAC1C,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1B,MAAM,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1B,KAAK,MAAM,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE;AACjD,MAAM,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;AAC1B,MAAM,WAAW,CAAC,KAAK,CAAC,CAAC;AACzB,KAAK,MAAM;AACX,MAAM,WAAW,CAAC,YAAY,CAAC,CAAC;AAChC,MAAM,WAAW,CAAC,KAAK,CAAC,CAAC;AACzB,KAAK;AACL,GAAG,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;AAC5B,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM;AAChC,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,IAAI,IAAI,KAAK,GAAG,CAAC,EAAE;AACnB,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC;AACjB,KAAK;AACL,IAAI,MAAM,MAAM,GAAG,EAAE,CAAC;AACtB,IAAI,IAAI,YAAY,GAAG,KAAK,CAAC;AAC7B,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AACjC,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;AACjD,KAAK;AACL,IAAI,OAAO,YAAY,IAAI,CAAC,EAAE;AAC9B,MAAM,MAAM,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,CAAC;AACrC,MAAM,YAAY,IAAI,EAAE,CAAC;AACzB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AAC9C,KAAK;AACL,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;AACrB,IAAI,OAAO,MAAM,CAAC;AAClB,GAAG,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;AACnB,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;AAC3D,EAAE,OAAO,OAAO,KAAK,KAAK,QAAQ,mBAAmB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACjF,IAAI,GAAG;AACP,GAAG,EAAE,KAAK,CAAC,mBAAmB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC1D,IAAI,GAAG;AACP,IAAI,SAAS,EAAE,OAAO,CAAC,IAAI;AAC3B,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,qBAAqB,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;AACnF,IAAI,GAAG,EAAE,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC;AAC/B,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,iBAAiB,EAAE,QAAQ;AAC/B,IAAI,iBAAiB,EAAE,QAAQ;AAC/B,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,KAAK,QAAQ,IAAI,KAAK,GAAG,GAAG,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;AACzG,CAAC;;;;"}

package/esm/Indicator/Machine/Machine.styles.js

@@ -0,0 +1,12 @@
+import { createStyles } from '@mantine/styles';
+
+var useStyles = createStyles(() => ({
+  base: {
+    display: "flex",
+    alignItems: "center",
+    overflow: "hidden"
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=Machine.styles.js.map

package/esm/Indicator/Machine/Machine.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Machine.styles.js","sources":["../../../src/Indicator/Machine/Machine.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles(() => ({\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    overflow: 'hidden',\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,OAAO;AACnC,EAAE,IAAI,EAAE;AACR,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,QAAQ,EAAE,QAAQ;AACtB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/Indicator/Machine/MachineNumber.js

@@ -0,0 +1,50 @@
+import React, { forwardRef, useState, useEffect, useMemo } from 'react';
+import { usePrevious } from '@mantine/hooks';
+import useStyles from './MachineNumber.styles.js';
+
+const MachineNumber = forwardRef((props, ref) => {
+  const [oldNumber, setOldNumber] = useState(props.value);
+  const [newNumber, setNewNumber] = useState(props.value);
+  const [scrollAnimationDirection, setScrollAnimationDirection] = useState("up");
+  const [isActive, setIsActive] = useState(false);
+  const prevValueRef = usePrevious(props.value);
+  const scrollByDir = (dir) => {
+    setIsActive(true);
+    setScrollAnimationDirection(dir);
+    setTimeout(() => {
+      setIsActive(false);
+    }, 180);
+  };
+  const scroll = () => {
+    const { newOriginalNumber, oldOriginalNumber } = props;
+    if (newOriginalNumber == null || oldOriginalNumber == null) {
+      return;
+    }
+    if (newOriginalNumber > oldOriginalNumber) {
+      scrollByDir("up");
+    } else if (newOriginalNumber < oldOriginalNumber) {
+      scrollByDir("down");
+    }
+  };
+  useEffect(() => {
+    setOldNumber(prevValueRef);
+    setNewNumber(props.value);
+    scroll();
+  }, [props.value, prevValueRef]);
+  const { classes, cx } = useStyles(null, { name: "MachineNumber" });
+  const newNumberScrollAnimationClass = useMemo(() => isActive ? scrollAnimationDirection === "up" ? classes.currentNumberScrollUp : classes.currentNumberScrollDown : null, [isActive, scrollAnimationDirection]);
+  const oldNumberScrollAnimationClass = useMemo(() => isActive ? scrollAnimationDirection === "up" ? classes.oldNumberScrollUp : classes.oldNumberScrollDown : null, [isActive, scrollAnimationDirection]);
+  return /* @__PURE__ */ React.createElement("span", {
+    ref,
+    className: classes.baseNumber
+  }, oldNumber && /* @__PURE__ */ React.createElement("span", {
+    className: cx(classes.oldNumber, classes.currentNumberTop, oldNumberScrollAnimationClass)
+  }, oldNumber) || null, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement("span", {
+    className: cx(classes.currentNumber, newNumberScrollAnimationClass)
+  }, newNumber)), oldNumber && /* @__PURE__ */ React.createElement("span", {
+    className: cx(classes.oldNumber, classes.oldNumberBottom, oldNumberScrollAnimationClass)
+  }, oldNumber) || null);
+});
+
+export { MachineNumber };
+//# sourceMappingURL=MachineNumber.js.map

package/esm/Indicator/Machine/MachineNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MachineNumber.js","sources":["../../../src/Indicator/Machine/MachineNumber.tsx"],"sourcesContent":["import React, { useState, forwardRef, useEffect, useMemo } from 'react';\nimport { usePrevious } from '@mantine/hooks';\nimport useStyles from './MachineNumber.styles';\n\ninterface MachineNumberProps {\n  value: number | string;\n  newOriginalNumber: number;\n  oldOriginalNumber: number;\n}\n\nexport const MachineNumber = forwardRef<HTMLDivElement, MachineNumberProps>((props, ref) => {\n  const [oldNumber, setOldNumber] = useState(props.value);\n  const [newNumber, setNewNumber] = useState(props.value);\n  const [scrollAnimationDirection, setScrollAnimationDirection] = useState<'up' | 'down'>('up');\n  const [isActive, setIsActive] = useState(false);\n  const prevValueRef = usePrevious(props.value);\n\n  const scrollByDir = (dir: 'up' | 'down') => {\n    setIsActive(true);\n    setScrollAnimationDirection(dir);\n    setTimeout(() => {\n      setIsActive(false);\n    }, 180);\n  };\n\n  const scroll = () => {\n    const { newOriginalNumber, oldOriginalNumber } = props;\n\n    if (newOriginalNumber == null || oldOriginalNumber == null) {\n      return;\n    }\n\n    if (newOriginalNumber > oldOriginalNumber) {\n      scrollByDir('up');\n    } else if (newOriginalNumber < oldOriginalNumber) {\n      scrollByDir('down');\n    }\n  };\n\n  useEffect(() => {\n    setOldNumber(prevValueRef);\n    setNewNumber(props.value);\n    scroll();\n  }, [props.value, prevValueRef]);\n\n  const { classes, cx } = useStyles(null, { name: 'MachineNumber' });\n\n  const newNumberScrollAnimationClass = useMemo(\n    () =>\n      isActive\n        ? scrollAnimationDirection === 'up'\n          ? classes.currentNumberScrollUp\n          : classes.currentNumberScrollDown\n        : null,\n    [isActive, scrollAnimationDirection]\n  );\n  const oldNumberScrollAnimationClass = useMemo(\n    () =>\n      isActive\n        ? scrollAnimationDirection === 'up'\n          ? classes.oldNumberScrollUp\n          : classes.oldNumberScrollDown\n        : null,\n    [isActive, scrollAnimationDirection]\n  );\n  return (\n    <span ref={ref} className={classes.baseNumber}>\n      {(oldNumber && (\n        <span\n          className={cx(classes.oldNumber, classes.currentNumberTop, oldNumberScrollAnimationClass)}\n        >\n          {oldNumber}\n        </span>\n      )) ||\n        null}\n      <span>\n        <span className={cx(classes.currentNumber, newNumberScrollAnimationClass)}>\n          {newNumber}\n        </span>\n      </span>\n      {(oldNumber && (\n        <span\n          className={cx(classes.oldNumber, classes.oldNumberBottom, oldNumberScrollAnimationClass)}\n        >\n          {oldNumber}\n        </span>\n      )) ||\n        null}\n    </span>\n  );\n});\n"],"names":[],"mappings":"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"}

package/esm/Indicator/Machine/MachineNumber.styles.js

@@ -0,0 +1,95 @@
+import { createStyles, keyframes } from '@mantine/styles';
+
+const currentScrollDownKeyframes = keyframes({
+  from: {
+    transform: "translateY(-60%)",
+    opacity: 0
+  },
+  to: {
+    transform: "translateY(0%)",
+    opacity: 1
+  }
+});
+const currentScrollUpKeyframes = keyframes({
+  from: {
+    transform: "translateY(60%)",
+    opacity: 0
+  },
+  to: {
+    transform: "translateY(0%)",
+    opacity: 1
+  }
+});
+const oldNumberScrollUpKeyframes = keyframes({
+  from: {
+    transform: "translateY(0%)",
+    opacity: 1
+  },
+  to: {
+    transform: "translateY(-60%)",
+    opacity: 0
+  }
+});
+const oldNumberScrollDownKeyframes = keyframes({
+  from: {
+    transform: "translateY(0%)",
+    opacity: 1
+  },
+  to: {
+    transform: "translateY(60%)",
+    opacity: 0
+  }
+});
+var useStyles = createStyles(() => ({
+  baseNumber: {
+    height: 18,
+    width: "0.6em",
+    maxWidth: "0.6em",
+    position: "relative",
+    display: "inline-block"
+  },
+  oldNumberTop: {
+    transform: "translateY(-100%);"
+  },
+  oldNumberBottom: {
+    transform: "translateY(100%);"
+  },
+  oldNumber: {
+    display: "inline-block",
+    opacity: 0,
+    position: "absolute",
+    left: 0,
+    right: 0
+  },
+  currentNumberTop: {
+    transform: "translateY(0%);"
+  },
+  currentNumber: {
+    display: "inline-block",
+    opacity: 1,
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  },
+  currentNumberScrollDown: {
+    animation: `${currentScrollDownKeyframes} .2s cubic-bezier(0,0,.2, 1)`,
+    animationIterationCount: 1
+  },
+  currentNumberScrollUp: {
+    animation: `${currentScrollUpKeyframes} .2s cubic-bezier(0,0,.2, 1)`,
+    animationIterationCount: 1
+  },
+  oldNumberScrollUp: {
+    animation: `${oldNumberScrollUpKeyframes} .2s cubic-bezier(0,0,.2, 1)`,
+    animationIterationCount: 1
+  },
+  oldNumberScrollDown: {
+    animation: `${oldNumberScrollDownKeyframes} .2s cubic-bezier(0,0,.2, 1)`,
+    animationIterationCount: 1
+  }
+}));
+
+export default useStyles;
+//# sourceMappingURL=MachineNumber.styles.js.map

package/esm/Indicator/Machine/MachineNumber.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MachineNumber.styles.js","sources":["../../../src/Indicator/Machine/MachineNumber.styles.ts"],"sourcesContent":["import { createStyles, keyframes } from '@mantine/styles';\n\nconst currentScrollDownKeyframes = keyframes({\n  from: {\n    transform: 'translateY(-60%)',\n    opacity: 0,\n  },\n  to: {\n    transform: 'translateY(0%)',\n    opacity: 1,\n  },\n});\n\nconst currentScrollUpKeyframes = keyframes({\n  from: {\n    transform: 'translateY(60%)',\n    opacity: 0,\n  },\n  to: {\n    transform: 'translateY(0%)',\n    opacity: 1,\n  },\n});\n\nconst oldNumberScrollUpKeyframes = keyframes({\n  from: {\n    transform: 'translateY(0%)',\n    opacity: 1,\n  },\n  to: {\n    transform: 'translateY(-60%)',\n    opacity: 0,\n  },\n});\n\nconst oldNumberScrollDownKeyframes = keyframes({\n  from: {\n    transform: 'translateY(0%)',\n    opacity: 1,\n  },\n  to: {\n    transform: 'translateY(60%)',\n    opacity: 0,\n  },\n});\n\nexport default createStyles(() => ({\n  baseNumber: {\n    height: 18,\n    width: '0.6em',\n    maxWidth: '0.6em',\n    position: 'relative',\n    display: 'inline-block',\n  },\n  oldNumberTop: {\n    transform: 'translateY(-100%);',\n  },\n  oldNumberBottom: {\n    transform: 'translateY(100%);',\n  },\n  oldNumber: {\n    display: 'inline-block',\n    opacity: 0,\n    position: 'absolute',\n    left: 0,\n    right: 0,\n  },\n  currentNumberTop: {\n    transform: 'translateY(0%);',\n  },\n  currentNumber: {\n    display: 'inline-block',\n    opacity: 1,\n    position: 'absolute',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n  },\n\n  currentNumberScrollDown: {\n    animation: `${currentScrollDownKeyframes} .2s cubic-bezier(0,0,.2, 1)`,\n    animationIterationCount: 1,\n  },\n\n  currentNumberScrollUp: {\n    animation: `${currentScrollUpKeyframes} .2s cubic-bezier(0,0,.2, 1)`,\n    animationIterationCount: 1,\n  },\n\n  oldNumberScrollUp: {\n    animation: `${oldNumberScrollUpKeyframes} .2s cubic-bezier(0,0,.2, 1)`,\n    animationIterationCount: 1,\n  },\n  oldNumberScrollDown: {\n    animation: `${oldNumberScrollDownKeyframes} .2s cubic-bezier(0,0,.2, 1)`,\n    animationIterationCount: 1,\n  },\n}));\n"],"names":[],"mappings":"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"}

package/esm/Input/Input.styles.js

@@ -90,8 +90,8 @@ var useStyles = createStyles((theme, {
   return {
     wrapper: {
       position: "relative",
-      marginTop: offsetTop ? theme.spacing.xs / 2 : void 0,
-      marginBottom: offsetBottom ? theme.spacing.xs / 2 : void 0
+      marginTop: offsetTop ? `calc(${theme.spacing.xs}px / 2)` : void 0,
+      marginBottom: offsetBottom ? `calc(${theme.spacing.xs}px / 2)` : void 0
     },
     input: __spreadValues(__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
       height: multiline ? variant === "unstyled" ? void 0 : "auto" : theme.fn.size({ size, sizes }),

package/esm/Input/Input.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.js","sources":["../../src/Input/Input.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineTheme } from '@mantine/styles';\n\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\n\nexport interface InputStylesParams {\n  radius: MantineNumberSize;\n  size: MantineSize;\n  variant: InputVariant;\n  multiline: boolean;\n  invalid: boolean;\n  rightSectionWidth: number;\n  withRightSection: boolean;\n  iconWidth: number;\n  offsetBottom: boolean;\n  offsetTop: boolean;\n  pointer: boolean;\n}\n\nexport const sizes = {\n  xs: 30,\n  sm: 36,\n  md: 42,\n  lg: 50,\n  xl: 60,\n};\n\ninterface GetVariantStylesInput {\n  theme: MantineTheme;\n  variant: InputVariant;\n}\n\nfunction getVariantStyles({ theme, variant }: GetVariantStylesInput) {\n  if (variant === 'default') {\n    return {\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      transition: 'border-color 100ms ease',\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: theme.colors[theme.primaryColor][theme.fn.primaryShade()],\n      },\n    };\n  }\n\n  if (variant === 'filled') {\n    return {\n      border: '1px solid transparent',\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: `${theme.colors[theme.primaryColor][theme.fn.primaryShade()]} !important`,\n      },\n    };\n  }\n\n  return {\n    borderWidth: 0,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    backgroundColor: 'transparent',\n    minHeight: 28,\n    outline: 0,\n\n    '&:focus, &:focus-within': {\n      outline: 'none',\n      borderColor: 'transparent',\n    },\n\n    '&:disabled': {\n      backgroundColor: 'transparent',\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: 'transparent',\n      },\n    },\n  };\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      size,\n      multiline,\n      radius,\n      variant,\n      invalid,\n      rightSectionWidth,\n      withRightSection,\n      iconWidth,\n      offsetBottom,\n      offsetTop,\n      pointer,\n    }: InputStylesParams\n  ) => {\n    const invalidColor = theme.fn.variant({ variant: 'filled', color: 'red' }).background;\n    const sizeStyles =\n      variant === 'default' || variant === 'filled'\n        ? {\n            minHeight: theme.fn.size({ size, sizes }),\n            paddingLeft: theme.fn.size({ size, sizes }) / 3,\n            paddingRight: withRightSection ? rightSectionWidth : theme.fn.size({ size, sizes }) / 3,\n            borderRadius: theme.fn.radius(radius),\n          }\n        : null;\n\n    return {\n      wrapper: {\n        position: 'relative',\n        marginTop: offsetTop ? theme.spacing.xs / 2 : undefined,\n        marginBottom: offsetBottom ? theme.spacing.xs / 2 : undefined,\n      },\n\n      input: {\n        ...theme.fn.fontStyles(),\n        height: multiline\n          ? variant === 'unstyled'\n            ? undefined\n            : 'auto'\n          : theme.fn.size({ size, sizes }),\n        WebkitTapHighlightColor: 'transparent',\n        lineHeight: multiline ? theme.lineHeight : `${theme.fn.size({ size, sizes }) - 2}px`,\n        appearance: 'none',\n        resize: 'none',\n        boxSizing: 'border-box',\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        width: '100%',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        display: 'block',\n        textAlign: 'left',\n        cursor: pointer ? 'pointer' : undefined,\n        ...sizeStyles,\n\n        '&:disabled': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n          color: theme.colors.dark[2],\n          opacity: 0.6,\n          cursor: 'not-allowed',\n\n          '&::placeholder': {\n            color: theme.colors.dark[2],\n          },\n        },\n\n        '&::placeholder': {\n          opacity: 1,\n          userSelect: 'none',\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n        },\n\n        '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration':\n          {\n            appearance: 'none',\n          },\n\n        '&[type=number]': {\n          MozAppearance: 'textfield',\n        },\n\n        ...getVariantStyles({ theme, variant }),\n      },\n\n      withIcon: {\n        paddingLeft: typeof iconWidth === 'number' ? iconWidth : theme.fn.size({ size, sizes }),\n      },\n\n      invalid: {\n        color: invalidColor,\n        borderColor: invalidColor,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: invalidColor,\n        },\n      },\n\n      disabled: {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n        color: theme.colors.dark[2],\n        opacity: 0.6,\n        cursor: 'not-allowed',\n\n        '&::placeholder': {\n          color: theme.colors.dark[2],\n        },\n      },\n\n      icon: {\n        pointerEvents: 'none',\n        position: 'absolute',\n        zIndex: 1,\n        left: 0,\n        top: 0,\n        bottom: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: typeof iconWidth === 'number' ? iconWidth : theme.fn.size({ size, sizes }),\n        color: invalid\n          ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[2]\n          : theme.colors.gray[5],\n      },\n\n      rightSection: {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: rightSectionWidth,\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.styles.js","sources":["../../src/Input/Input.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineSize, MantineTheme } from '@mantine/styles';\n\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\n\nexport interface InputStylesParams {\n  radius: MantineNumberSize;\n  size: MantineSize;\n  variant: InputVariant;\n  multiline: boolean;\n  invalid: boolean;\n  rightSectionWidth: number;\n  withRightSection: boolean;\n  iconWidth: number;\n  offsetBottom: boolean;\n  offsetTop: boolean;\n  pointer: boolean;\n}\n\nexport const sizes = {\n  xs: 30,\n  sm: 36,\n  md: 42,\n  lg: 50,\n  xl: 60,\n};\n\ninterface GetVariantStylesInput {\n  theme: MantineTheme;\n  variant: InputVariant;\n}\n\nfunction getVariantStyles({ theme, variant }: GetVariantStylesInput) {\n  if (variant === 'default') {\n    return {\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      transition: 'border-color 100ms ease',\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: theme.colors[theme.primaryColor][theme.fn.primaryShade()],\n      },\n    };\n  }\n\n  if (variant === 'filled') {\n    return {\n      border: '1px solid transparent',\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[1],\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: `${theme.colors[theme.primaryColor][theme.fn.primaryShade()]} !important`,\n      },\n    };\n  }\n\n  return {\n    borderWidth: 0,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    backgroundColor: 'transparent',\n    minHeight: 28,\n    outline: 0,\n\n    '&:focus, &:focus-within': {\n      outline: 'none',\n      borderColor: 'transparent',\n    },\n\n    '&:disabled': {\n      backgroundColor: 'transparent',\n\n      '&:focus, &:focus-within': {\n        outline: 'none',\n        borderColor: 'transparent',\n      },\n    },\n  };\n}\n\nexport default createStyles(\n  (\n    theme,\n    {\n      size,\n      multiline,\n      radius,\n      variant,\n      invalid,\n      rightSectionWidth,\n      withRightSection,\n      iconWidth,\n      offsetBottom,\n      offsetTop,\n      pointer,\n    }: InputStylesParams\n  ) => {\n    const invalidColor = theme.fn.variant({ variant: 'filled', color: 'red' }).background;\n    const sizeStyles =\n      variant === 'default' || variant === 'filled'\n        ? {\n            minHeight: theme.fn.size({ size, sizes }),\n            paddingLeft: theme.fn.size({ size, sizes }) / 3,\n            paddingRight: withRightSection ? rightSectionWidth : theme.fn.size({ size, sizes }) / 3,\n            borderRadius: theme.fn.radius(radius),\n          }\n        : null;\n\n    return {\n      wrapper: {\n        position: 'relative',\n        marginTop: offsetTop ? `calc(${theme.spacing.xs}px / 2)` : undefined,\n        marginBottom: offsetBottom ? `calc(${theme.spacing.xs}px / 2)` : undefined,\n      },\n\n      input: {\n        ...theme.fn.fontStyles(),\n        height: multiline\n          ? variant === 'unstyled'\n            ? undefined\n            : 'auto'\n          : theme.fn.size({ size, sizes }),\n        WebkitTapHighlightColor: 'transparent',\n        lineHeight: multiline ? theme.lineHeight : `${theme.fn.size({ size, sizes }) - 2}px`,\n        appearance: 'none',\n        resize: 'none',\n        boxSizing: 'border-box',\n        fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n        width: '100%',\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        display: 'block',\n        textAlign: 'left',\n        cursor: pointer ? 'pointer' : undefined,\n        ...sizeStyles,\n\n        '&:disabled': {\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n          color: theme.colors.dark[2],\n          opacity: 0.6,\n          cursor: 'not-allowed',\n\n          '&::placeholder': {\n            color: theme.colors.dark[2],\n          },\n        },\n\n        '&::placeholder': {\n          opacity: 1,\n          userSelect: 'none',\n          color: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[5],\n        },\n\n        '&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration':\n          {\n            appearance: 'none',\n          },\n\n        '&[type=number]': {\n          MozAppearance: 'textfield',\n        },\n\n        ...getVariantStyles({ theme, variant }),\n      },\n\n      withIcon: {\n        paddingLeft: typeof iconWidth === 'number' ? iconWidth : theme.fn.size({ size, sizes }),\n      },\n\n      invalid: {\n        color: invalidColor,\n        borderColor: invalidColor,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: invalidColor,\n        },\n      },\n\n      disabled: {\n        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n        color: theme.colors.dark[2],\n        opacity: 0.6,\n        cursor: 'not-allowed',\n\n        '&::placeholder': {\n          color: theme.colors.dark[2],\n        },\n      },\n\n      icon: {\n        pointerEvents: 'none',\n        position: 'absolute',\n        zIndex: 1,\n        left: 0,\n        top: 0,\n        bottom: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: typeof iconWidth === 'number' ? iconWidth : theme.fn.size({ size, sizes }),\n        color: invalid\n          ? theme.colors.red[theme.colorScheme === 'dark' ? 6 : 7]\n          : theme.colorScheme === 'dark'\n          ? theme.colors.dark[2]\n          : theme.colors.gray[5],\n      },\n\n      rightSection: {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: rightSectionWidth,\n      },\n    };\n  }\n);\n"],"names":[],"mappings":"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"}

package/esm/Kbd/Kbd.styles.js

@@ -8,7 +8,7 @@ var useStyles = createStyles((theme) => ({
     fontWeight: 700,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0],
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
-    padding: `3px ${theme.spacing.xs / 2}px`,
+    padding: `3px calc(${theme.spacing.xs}px / 2)`,
     borderRadius: theme.radius.sm,
     border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
     borderBottom: `3px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`

package/esm/Kbd/Kbd.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.styles.js","sources":["../../src/Kbd/Kbd.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  root: {\n    lineHeight: theme.lineHeight,\n    fontFamily: theme.fontFamilyMonospace,\n    fontSize: theme.fontSizes.xs,\n    fontWeight: 700,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n    padding: `3px ${theme.spacing.xs / 2}px`,\n    borderRadius: theme.radius.sm,\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n    }`,\n    borderBottom: `3px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n    }`,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AAChC,IAAI,UAAU,EAAE,KAAK,CAAC,mBAAmB;AACzC,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/F,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC;AAC5C,IAAI,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACjC,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3G,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Kbd.styles.js","sources":["../../src/Kbd/Kbd.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  root: {\n    lineHeight: theme.lineHeight,\n    fontFamily: theme.fontFamilyMonospace,\n    fontSize: theme.fontSizes.xs,\n    fontWeight: 700,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n    padding: `3px calc(${theme.spacing.xs}px / 2)`,\n    borderRadius: theme.radius.sm,\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n    }`,\n    borderBottom: `3px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n    }`,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AAChC,IAAI,UAAU,EAAE,KAAK,CAAC,mBAAmB;AACzC,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC/F,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC;AAClD,IAAI,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACjC,IAAI,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACrG,IAAI,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3G,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/Menu/MenuDivider/MenuDivider.styles.js

@@ -2,7 +2,7 @@ import { createStyles } from '@mantine/styles';
 
 var useStyles = createStyles((theme) => ({
   divider: {
-    margin: `${theme.spacing.xs / 2}px -5px`,
+    margin: `calc(${theme.spacing.xs}px / 2) -5px`,
     borderTop: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[2]}`
   }
 }));

package/esm/Menu/MenuDivider/MenuDivider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.styles.js","sources":["../../../src/Menu/MenuDivider/MenuDivider.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  divider: {\n    margin: `${theme.spacing.xs / 2}px -5px`,\n    borderTop: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n    }`,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,OAAO,EAAE;AACX,IAAI,MAAM,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;AAC5C,IAAI,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACxG,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"MenuDivider.styles.js","sources":["../../../src/Menu/MenuDivider/MenuDivider.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  divider: {\n    margin: `calc(${theme.spacing.xs}px / 2) -5px`,\n    borderTop: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[2]\n    }`,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,OAAO,EAAE;AACX,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC;AAClD,IAAI,SAAS,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACxG,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/Menu/MenuLabel/MenuLabel.styles.js

@@ -5,7 +5,7 @@ var useStyles = createStyles((theme) => ({
     color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
     fontWeight: 500,
     fontSize: theme.fontSizes.xs,
-    padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,
+    padding: `calc(${theme.spacing.xs}px / 2) ${theme.spacing.sm}px`,
     cursor: "default"
   }
 }));

package/esm/Menu/MenuLabel/MenuLabel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuLabel.styles.js","sources":["../../../src/Menu/MenuLabel/MenuLabel.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  label: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    fontWeight: 500,\n    fontSize: theme.fontSizes.xs,\n    padding: `${theme.spacing.xs / 2}px ${theme.spacing.sm}px`,\n    cursor: 'default',\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC9D,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"MenuLabel.styles.js","sources":["../../../src/Menu/MenuLabel/MenuLabel.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => ({\n  label: {\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    fontWeight: 500,\n    fontSize: theme.fontSizes.xs,\n    padding: `calc(${theme.spacing.xs}px / 2) ${theme.spacing.sm}px`,\n    cursor: 'default',\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,KAAK,EAAE;AACT,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AACpE,IAAI,MAAM,EAAE,SAAS;AACrB,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/MultiSelect/MultiSelect.js

@@ -311,6 +311,9 @@ const MultiSelect = forwardRef((props, ref) => {
       valuesOverflow.current = true;
       setDropdownOpened(false);
     }
+    if (filteredData.length === 0) {
+      setDropdownOpened(false);
+    }
   }, [_value]);
   const handleItemSelect = (item) => {
     if (!readOnly) {
@@ -476,12 +479,9 @@ const MultiSelect = forwardRef((props, ref) => {
     className: classes.value,
     readOnly,
     onRemove: (event) => {
-      if (dropdownOpened) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
+      event.preventDefault();
+      event.stopPropagation();
       handleValueRemove(item.value);
-      setDropdownOpened(true);
     },
     key: item.value,
     size,