@mantine/core 2.5.0-alpha.5 → 2.6.0-alpha.1

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

@@ -2,57 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getThemeColor = require('../../theme/utils/get-theme-color/get-theme-color.js');
+var styles = require('@mantine/styles');
 
-var useStyles = createMemoStyles.createMemoStyles({
-  withIcon: {
-    paddingLeft: "10px !important",
-    "&::before": {
-      display: "none !important"
-    }
-  },
-  root: ({ color, theme }) => ({
-    boxSizing: "border-box",
-    position: "relative",
-    display: "flex",
-    alignItems: "center",
-    paddingLeft: 22,
-    paddingRight: 5,
-    paddingTop: 10,
-    paddingBottom: 10,
-    borderRadius: 4,
-    backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-    border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,
-    "&::before": {
-      content: "''",
-      display: "block",
-      position: "absolute",
-      width: 6,
-      top: 4,
-      bottom: 4,
-      left: 4,
-      borderRadius: 4,
-      backgroundColor: getThemeColor.getThemeColor({
-        theme,
-        color,
-        shade: theme.colorScheme === "dark" ? 6 : 7
-      })
-    },
-    "& $icon": {
-      backgroundColor: getThemeColor.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 6 : 7 }),
-      color: theme.white
-    }
-  }),
-  body: ({ disallowClose }) => ({
-    flex: 1,
-    maxWidth: !disallowClose ? "calc(100% - 40px)" : "100%",
-    marginRight: 10
-  }),
-  loader: ({ theme }) => ({
-    marginRight: theme.spacing.md
-  }),
-  icon: ({ theme }) => ({
+var useStyles = styles.createStyles((theme, { color, disallowClose }, getRef) => {
+  const icon = {
+    ref: getRef("icon"),
     boxSizing: "border-box",
     marginRight: theme.spacing.md,
     width: 28,
@@ -62,23 +16,77 @@ var useStyles = createMemoStyles.createMemoStyles({
     alignItems: "center",
     justifyContent: "center",
     color: theme.white
-  }),
-  title: ({ theme }) => ({
-    lineHeight: 1.4,
-    marginBottom: 2,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    color: theme.colorScheme === "dark" ? theme.white : theme.colors.gray[9]
-  }),
-  description: ({ theme }) => ({
-    color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
-    lineHeight: 1.4,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    "&:only-child": {
-      color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
+  };
+  return {
+    icon,
+    withIcon: {
+      paddingLeft: theme.spacing.xs,
+      "&::before": {
+        display: "none"
+      }
+    },
+    root: {
+      boxSizing: "border-box",
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      paddingLeft: 22,
+      paddingRight: 5,
+      paddingTop: theme.spacing.xs,
+      paddingBottom: theme.spacing.xs,
+      borderRadius: 4,
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
+      boxShadow: theme.shadows.lg,
+      border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.colors.gray[2]}`,
+      "&::before": {
+        content: "''",
+        display: "block",
+        position: "absolute",
+        width: 6,
+        top: 4,
+        bottom: 4,
+        left: 4,
+        borderRadius: 4,
+        backgroundColor: styles.getThemeColor({
+          theme,
+          color,
+          shade: theme.colorScheme === "dark" ? 6 : 7
+        })
+      },
+      [`& .${icon.ref}`]: {
+        backgroundColor: styles.getThemeColor({
+          theme,
+          color,
+          shade: theme.colorScheme === "dark" ? 6 : 7
+        }),
+        color: theme.white
+      }
+    },
+    body: {
+      flex: 1,
+      maxWidth: !disallowClose ? "calc(100% - 40px)" : "100%",
+      marginRight: 10
+    },
+    loader: {
+      marginRight: theme.spacing.md
+    },
+    title: {
+      lineHeight: 1.4,
+      marginBottom: 2,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      color: theme.colorScheme === "dark" ? theme.white : theme.colors.gray[9]
+    },
+    description: {
+      color: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[6],
+      lineHeight: 1.4,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      "&:only-child": {
+        color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
+      }
     }
-  })
+  };
 });
 
 exports.default = useStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"Notification.styles.js","sources":["../../../src/components/Notification/Notification.styles.ts"],"sourcesContent":["import { createMemoStyles, MantineTheme, getThemeColor } from '../../theme';\n\ninterface NotificationStyles {\n  color: string;\n  theme: MantineTheme;\n  disallowClose: boolean;\n}\n\nexport default createMemoStyles({\n  withIcon: {\n    paddingLeft: '10px !important',\n\n    '&::before': {\n      display: 'none !important',\n    },\n  },\n\n  root: ({ color, theme }: NotificationStyles) => ({\n    boxSizing: 'border-box',\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    paddingLeft: 22,\n    paddingRight: 5,\n    paddingTop: 10,\n    paddingBottom: 10,\n    borderRadius: 4,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n    }`,\n\n    '&::before': {\n      content: \"''\",\n      display: 'block',\n      position: 'absolute',\n      width: 6,\n      top: 4,\n      bottom: 4,\n      left: 4,\n      borderRadius: 4,\n      backgroundColor: getThemeColor({\n        theme,\n        color,\n        shade: theme.colorScheme === 'dark' ? 6 : 7,\n      }),\n    },\n\n    '& $icon': {\n      backgroundColor: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 6 : 7 }),\n      color: theme.white,\n    },\n  }),\n\n  body: ({ disallowClose }: NotificationStyles) => ({\n    flex: 1,\n    maxWidth: !disallowClose ? 'calc(100% - 40px)' : '100%', // space for close button and margin\n    marginRight: 10,\n  }),\n\n  loader: ({ theme }: NotificationStyles) => ({\n    marginRight: theme.spacing.md,\n  }),\n\n  icon: ({ theme }: NotificationStyles) => ({\n    boxSizing: 'border-box',\n    marginRight: theme.spacing.md,\n    width: 28,\n    height: 28,\n    borderRadius: 28,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: theme.white,\n  }),\n\n  title: ({ theme }: NotificationStyles) => ({\n    lineHeight: 1.4,\n    marginBottom: 2,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    color: theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[9],\n  }),\n\n  description: ({ theme }: NotificationStyles) => ({\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n    lineHeight: 1.4,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n\n    '&:only-child': {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    },\n  }),\n});\n"],"names":["createMemoStyles","getThemeColor"],"mappings":"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"}
+{"version":3,"file":"Notification.styles.js","sources":["../../../src/components/Notification/Notification.styles.ts"],"sourcesContent":["import { createStyles, getThemeColor, MantineColor } from '@mantine/styles';\n\ninterface NotificationStyles {\n  color: MantineColor;\n  disallowClose: boolean;\n}\n\nexport default createStyles((theme, { color, disallowClose }: NotificationStyles, getRef) => {\n  const icon = {\n    ref: getRef('icon'),\n    boxSizing: 'border-box',\n    marginRight: theme.spacing.md,\n    width: 28,\n    height: 28,\n    borderRadius: 28,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: theme.white,\n  } as const;\n\n  return {\n    icon,\n\n    withIcon: {\n      paddingLeft: theme.spacing.xs,\n\n      '&::before': {\n        display: 'none',\n      },\n    },\n\n    root: {\n      boxSizing: 'border-box',\n      position: 'relative',\n      display: 'flex',\n      alignItems: 'center',\n      paddingLeft: 22,\n      paddingRight: 5,\n      paddingTop: theme.spacing.xs,\n      paddingBottom: theme.spacing.xs,\n      borderRadius: 4,\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      boxShadow: theme.shadows.lg,\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[2]\n      }`,\n\n      '&::before': {\n        content: \"''\",\n        display: 'block',\n        position: 'absolute',\n        width: 6,\n        top: 4,\n        bottom: 4,\n        left: 4,\n        borderRadius: 4,\n        backgroundColor: getThemeColor({\n          theme,\n          color,\n          shade: theme.colorScheme === 'dark' ? 6 : 7,\n        }),\n      },\n\n      [`& .${icon.ref}`]: {\n        backgroundColor: getThemeColor({\n          theme,\n          color,\n          shade: theme.colorScheme === 'dark' ? 6 : 7,\n        }),\n        color: theme.white,\n      },\n    },\n\n    body: {\n      flex: 1,\n      maxWidth: !disallowClose ? 'calc(100% - 40px)' : '100%', // space for close button and margin\n      marginRight: 10,\n    },\n\n    loader: {\n      marginRight: theme.spacing.md,\n    },\n\n    title: {\n      lineHeight: 1.4,\n      marginBottom: 2,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      color: theme.colorScheme === 'dark' ? theme.white : theme.colors.gray[9],\n    },\n\n    description: {\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n      lineHeight: 1.4,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n\n      '&:only-child': {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      },\n    },\n  };\n});\n"],"names":["createStyles","getThemeColor"],"mappings":"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"}

package/cjs/components/NumberInput/NumberInput.js

@@ -3,18 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var cx = require('clsx');
 var hooks = require('@mantine/hooks');
+var styles = require('@mantine/styles');
 var TextInput = require('../TextInput/TextInput.js');
 var NumberInput_styles = require('./NumberInput.styles.js');
-var useMantineTheme = require('../../theme/use-mantine-theme/use-mantine-theme.js');
-var mergeStyles = require('../../theme/utils/merge-styles/merge-styles.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -50,7 +46,6 @@ var __objRest = (source, exclude) => {
 function NumberInput(_a) {
   var _b = _a, {
     disabled,
-    themeOverride,
     elementRef,
     value,
     onChange,
@@ -67,11 +62,10 @@ function NumberInput(_a) {
     noClampOnBlur = false,
     handlersRef,
     classNames,
-    styles,
+    styles: styles$1,
     size
   } = _b, others = __objRest(_b, [
     "disabled",
-    "themeOverride",
     "elementRef",
     "value",
     "onChange",
@@ -91,9 +85,8 @@ function NumberInput(_a) {
     "styles",
     "size"
   ]);
-  const theme = useMantineTheme.useMantineTheme(themeOverride);
-  const classes = NumberInput_styles['default']({ theme, radius, size }, classNames, "number-input");
-  const _styles = mergeStyles.mergeStyles(classes, styles);
+  const { classes, cx } = NumberInput_styles['default']({ radius, size }, classNames, "number-input");
+  const _styles = styles.mergeStyles(classes, styles$1);
   const [focused, setFocused] = React.useState(false);
   const [_value, setValue] = React.useState(typeof value === "number" ? value : typeof defaultValue === "number" ? defaultValue : 0);
   const finalValue = typeof value === "number" ? value : _value;
@@ -105,17 +98,13 @@ function NumberInput(_a) {
   };
   const _min = typeof min === "number" ? min : -Infinity;
   const _max = typeof max === "number" ? max : Infinity;
-  const clamp = (v) => {
-    const val = typeof v === "number" ? v : parseFloat(v);
-    return Math.min(Math.max(val, _min), _max);
-  };
   const increment = () => {
-    const result = clamp(finalValue + step).toFixed(precision);
+    const result = hooks.clamp({ value: finalValue + step, min: _min, max: _max }).toFixed(precision);
     handleValueChange(parseFloat(result));
     setTempValue(result);
   };
   const decrement = () => {
-    const result = clamp(finalValue - step).toFixed(precision);
+    const result = hooks.clamp({ value: finalValue - step, min: _min, max: _max }).toFixed(precision);
     handleValueChange(parseFloat(result));
     setTempValue(result);
   };
@@ -134,7 +123,7 @@ function NumberInput(_a) {
     tabIndex: -1,
     "aria-hidden": true,
     disabled: finalValue >= max,
-    className: cx__default(classes.control, classes.controlUp),
+    className: cx(classes.control, classes.controlUp),
     style: __spreadValues(__spreadValues({}, _styles.control), _styles.controlUp),
     onMouseDown: (event) => {
       event.preventDefault();
@@ -146,7 +135,7 @@ function NumberInput(_a) {
     tabIndex: -1,
     "aria-hidden": true,
     disabled: finalValue <= min,
-    className: cx__default(classes.control, classes.controlDown),
+    className: cx(classes.control, classes.controlDown),
     style: __spreadValues(__spreadValues({}, _styles.control), _styles.controlDown),
     onMouseDown: (event) => {
       event.preventDefault();
@@ -161,7 +150,8 @@ function NumberInput(_a) {
     val.trim() !== "" && !Number.isNaN(parsed) && handleValueChange(parsed);
   };
   const handleBlur = (event) => {
-    const val = clamp(event.currentTarget.value);
+    const parsedVal = parseFloat(event.target.value);
+    const val = hooks.clamp({ value: parsedVal, min: _min, max: _max });
     if (!Number.isNaN(val)) {
       if (!noClampOnBlur) {
         setTempValue(val.toFixed(precision));
@@ -181,20 +171,19 @@ function NumberInput(_a) {
     variant,
     value: tempValue,
     disabled,
-    themeOverride,
     elementRef: hooks.useMergedRef(inputRef, elementRef),
     type: "number",
     onChange: handleChange,
     onBlur: handleBlur,
     onFocus: handleFocus,
     rightSection: disabled || hideControls || variant === "unstyled" ? null : rightSection,
-    rightSectionWidth: getSizeValue.getSizeValue({ size, sizes: NumberInput_styles.CONTROL_SIZES }) + 1,
+    rightSectionWidth: styles.getSizeValue({ size, sizes: NumberInput_styles.CONTROL_SIZES }) + 1,
     radius,
     max,
     min,
     step,
     size,
-    styles,
+    styles: styles$1,
     classNames,
     __staticSelector: "number-input"
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport cx from 'clsx';\nimport { useMergedRef, assignRef } from '@mantine/hooks';\nimport { useMantineTheme, DefaultProps, mergeStyles, getSizeValue } from '../../theme';\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 = keyof ReturnType<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 function NumberInput({\n  disabled,\n  themeOverride,\n  elementRef,\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  const theme = useMantineTheme(themeOverride);\n  const classes = useStyles({ theme, radius, size }, classNames, 'number-input');\n  const _styles = mergeStyles(classes, styles);\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  const clamp = (v: string | number) => {\n    const val = typeof v === 'number' ? v : parseFloat(v);\n    return Math.min(Math.max(val, _min), _max);\n  };\n\n  const increment = () => {\n    const result = clamp(finalValue + step).toFixed(precision);\n    handleValueChange(parseFloat(result));\n    setTempValue(result);\n  };\n\n  const decrement = () => {\n    const result = clamp(finalValue - step).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} style={_styles.rightSection}>\n      <button\n        type=\"button\"\n        tabIndex={-1}\n        aria-hidden\n        disabled={finalValue >= max}\n        className={cx(classes.control, classes.controlUp)}\n        style={{ ..._styles.control, ..._styles.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        style={{ ..._styles.control, ..._styles.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 val = clamp(event.currentTarget.value);\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' && onBlur(event);\n  };\n\n  return (\n    <TextInput\n      {...others}\n      variant={variant}\n      value={tempValue}\n      disabled={disabled}\n      themeOverride={themeOverride}\n      elementRef={useMergedRef(inputRef, elementRef)}\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=\"number-input\"\n    />\n  );\n}\n\nNumberInput.displayName = '@mantine/core/NumberInput';\n"],"names":["useMantineTheme","useStyles","mergeStyles","useState","useRef","assignRef","useEffect","React","cx","TextInput","useMergedRef","getSizeValue","CONTROL_SIZES"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport { useMergedRef, assignRef, clamp } from '@mantine/hooks';\nimport { mergeStyles, 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 function NumberInput({\n  disabled,\n  elementRef,\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  const { classes, cx } = useStyles({ radius, size }, classNames, 'number-input');\n  const _styles = mergeStyles(classes, styles);\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} style={_styles.rightSection}>\n      <button\n        type=\"button\"\n        tabIndex={-1}\n        aria-hidden\n        disabled={finalValue >= max}\n        className={cx(classes.control, classes.controlUp)}\n        style={{ ..._styles.control, ..._styles.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        style={{ ..._styles.control, ..._styles.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' && onBlur(event);\n  };\n\n  return (\n    <TextInput\n      {...others}\n      variant={variant}\n      value={tempValue}\n      disabled={disabled}\n      elementRef={useMergedRef(inputRef, elementRef)}\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=\"number-input\"\n    />\n  );\n}\n\nNumberInput.displayName = '@mantine/core/NumberInput';\n"],"names":["styles","useStyles","mergeStyles","useState","useRef","clamp","assignRef","useEffect","React","TextInput","useMergedRef","getSizeValue","CONTROL_SIZES"],"mappings":"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"}

package/cjs/components/NumberInput/NumberInput.styles.js

@@ -2,8 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createMemoStyles = require('../../theme/create-memo-styles.js');
-var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
+var styles = require('@mantine/styles');
 
 const CONTROL_SIZES = {
   xs: 20,
@@ -12,7 +11,7 @@ const CONTROL_SIZES = {
   lg: 34,
   xl: 36
 };
-var useStyles = createMemoStyles.createMemoStyles({
+var useStyles = styles.createStyles((theme, { radius, size }) => ({
   rightSection: {
     display: "flex",
     flexDirection: "column",
@@ -20,11 +19,11 @@ var useStyles = createMemoStyles.createMemoStyles({
     margin: 1,
     marginRight: 1
   },
-  control: ({ theme, size }) => ({
+  control: {
     position: "relative",
     flex: "0 0 50%",
     boxSizing: "border-box",
-    width: getSizeValue.getSizeValue({ size, sizes: CONTROL_SIZES }),
+    width: styles.getSizeValue({ size, sizes: CONTROL_SIZES }),
     padding: 0,
     WebkitTapHighlightColor: "transparent",
     borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
@@ -46,39 +45,29 @@ var useStyles = createMemoStyles.createMemoStyles({
       height: 0,
       borderStyle: "solid"
     }
-  }),
-  controlUp: ({ theme, radius }) => ({
-    borderTopRightRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }) - 1,
+  },
+  controlUp: {
+    borderTopRightRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }) - 1,
     "&::after": {
-      borderWidth: [0, 5, 5, 5],
-      borderColor: [
-        "transparent",
-        "transparent",
-        theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-        "transparent"
-      ]
+      borderWidth: "0 5px 5px 5px",
+      borderColor: `transparent transparent ${theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black} transparent`
     },
     "&:disabled::after": {
       borderBottomColor: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[5]
     }
-  }),
-  controlDown: ({ theme, radius }) => ({
-    borderBottomRightRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }) - 1,
+  },
+  controlDown: {
+    borderBottomRightRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }) - 1,
     borderBottom: 0,
     "&::after": {
-      borderWidth: [5, 5, 0, 5],
-      borderColor: [
-        theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-        "transparent",
-        "transparent",
-        "transparent"
-      ]
+      borderWidth: "5px 5px 0 5px",
+      borderColor: `${theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black} transparent transparent transparent`
     },
     "&:disabled::after": {
       borderTopColor: theme.colorScheme === "dark" ? theme.colors.dark[2] : theme.colors.gray[5]
     }
-  })
-});
+  }
+}));
 
 exports.CONTROL_SIZES = CONTROL_SIZES;
 exports.default = useStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.styles.js","sources":["../../../src/components/NumberInput/NumberInput.styles.ts"],"sourcesContent":["import {\n  createMemoStyles,\n  MantineTheme,\n  MantineNumberSize,\n  getSizeValue,\n  MantineSize,\n} from '../../theme';\n\ninterface NumberInputStyles {\n  theme: MantineTheme;\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 createMemoStyles({\n  rightSection: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: 'calc(100% - 2px)',\n    margin: 1,\n    marginRight: 1,\n  },\n\n  control: ({ theme, size }: NumberInputStyles) => ({\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: ({ theme, radius }: NumberInputStyles) => ({\n    borderTopRightRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,\n\n    '&::after': {\n      borderWidth: [0, 5, 5, 5],\n      borderColor: [\n        'transparent',\n        'transparent',\n        theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        'transparent',\n      ],\n    },\n\n    '&:disabled::after': {\n      borderBottomColor: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n    },\n  }),\n\n  controlDown: ({ theme, radius }: NumberInputStyles) => ({\n    borderBottomRightRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,\n    borderBottom: 0,\n\n    '&::after': {\n      borderWidth: [5, 5, 0, 5],\n      borderColor: [\n        theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n        'transparent',\n        'transparent',\n        'transparent',\n      ],\n    },\n\n    '&:disabled::after': {\n      borderTopColor: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n    },\n  }),\n});\n"],"names":["createMemoStyles","getSizeValue"],"mappings":"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"}
+{"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    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":["createStyles","getSizeValue"],"mappings":"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"}

package/cjs/components/Pagination/DefaultItem/DefaultItem.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PrevIcon = require('../icons/PrevIcon.js');
+var NextIcon = require('../icons/NextIcon.js');
+var DotsIcon = require('../icons/DotsIcon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const icons = {
+  dots: DotsIcon.DotsIcon,
+  next: NextIcon.NextIcon,
+  prev: PrevIcon.PrevIcon
+};
+function DefaultItem(_a) {
+  var _b = _a, { page, active, onClick } = _b, others = __objRest(_b, ["page", "active", "onClick"]);
+  const Item = icons[page];
+  const children = Item ? /* @__PURE__ */ React__default.createElement(Item, null) : page;
+  return /* @__PURE__ */ React__default.createElement("button", __spreadValues({
+    type: "button",
+    onClick
+  }, others), children);
+}
+DefaultItem.displayName = "@mantine/core/Pagination/DefaultItem";
+
+exports.DefaultItem = DefaultItem;
+//# sourceMappingURL=DefaultItem.js.map

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

@@ -0,0 +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';\n\nexport interface PaginationItemProps extends React.ComponentPropsWithoutRef<'button'> {\n  page: number | 'dots' | 'prev' | 'next';\n  active?: boolean;\n  onClick?: () => void;\n}\n\nconst icons = {\n  dots: DotsIcon,\n  next: NextIcon,\n  prev: PrevIcon,\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":["DotsIcon","NextIcon","PrevIcon","React"],"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;AAKF,MAAM,KAAK,GAAG;AACd,EAAE,IAAI,EAAEA,iBAAQ;AAChB,EAAE,IAAI,EAAEC,iBAAQ;AAChB,EAAE,IAAI,EAAEC,iBAAQ;AAChB,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,mBAAmBC,cAAK,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC;AACjF,EAAE,uBAAuBA,cAAK,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;;;;"}