@mantine/core 5.10.0 → 6.0.0-alpha.0

package/cjs/Input/use-input-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-input-props.js","sources":["../../src/Input/use-input-props.ts"],"sourcesContent":["import { useComponentDefaultProps, DefaultProps } from '@mantine/styles';\nimport { useId } from '@mantine/hooks';\nimport { extractSystemStyles } from '../Box';\nimport { InputWrapperBaseProps } from './InputWrapper/InputWrapper';\nimport { InputSharedProps } from './Input';\n\ninterface BaseProps extends InputWrapperBaseProps, InputSharedProps, DefaultProps {\n  __staticSelector?: string;\n  id?: string;\n}\n\ninterface UseInputPropsReturnType extends Record<string, any> {\n  wrapperProps: Record<string, any>;\n  inputProps: Record<string, any>;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T>>(\n  component: string,\n  defaultProps: U,\n  props: T\n): UseInputPropsReturnType {\n  const {\n    label,\n    description,\n    error,\n    required,\n    classNames,\n    styles,\n    className,\n    unstyled,\n    __staticSelector,\n    sx,\n    errorProps,\n    labelProps,\n    descriptionProps,\n    wrapperProps,\n    id,\n    size,\n    style,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    ...others\n  } = useComponentDefaultProps<T>(component, defaultProps, props);\n\n  const uid = useId(id);\n\n  const { systemStyles, rest } = extractSystemStyles(others);\n\n  return {\n    ...rest,\n    classNames,\n    styles,\n    unstyled,\n\n    wrapperProps: {\n      label,\n      description,\n      error,\n      required,\n      classNames,\n      className,\n      __staticSelector,\n      sx,\n      errorProps,\n      labelProps,\n      descriptionProps,\n      unstyled,\n      styles,\n      id: uid,\n      size,\n      style,\n      inputContainer,\n      inputWrapperOrder,\n      withAsterisk,\n      ...wrapperProps,\n      ...systemStyles,\n    },\n    inputProps: {\n      required,\n      classNames,\n      styles,\n      unstyled,\n      id: uid,\n      size,\n      __staticSelector,\n      invalid: !!error,\n    },\n  };\n}\n"],"names":["useComponentDefaultProps","styles","useId","extractSystemStyles"],"mappings":"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"}
+{"version":3,"file":"use-input-props.js","sources":["../../src/Input/use-input-props.ts"],"sourcesContent":["import { useComponentDefaultProps, DefaultProps } from '@mantine/styles';\nimport { useId } from '@mantine/hooks';\nimport { extractSystemStyles } from '../Box';\nimport { InputWrapperBaseProps } from './InputWrapper/InputWrapper';\nimport { InputSharedProps } from './Input';\n\ninterface BaseProps extends InputWrapperBaseProps, InputSharedProps, DefaultProps {\n  __staticSelector?: string;\n  id?: string;\n}\n\ninterface UseInputPropsReturnType extends Record<string, any> {\n  wrapperProps: Record<string, any>;\n  inputProps: Record<string, any>;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T>>(\n  component: string,\n  defaultProps: U,\n  props: T\n): UseInputPropsReturnType {\n  const {\n    label,\n    description,\n    error,\n    required,\n    classNames,\n    styles,\n    className,\n    unstyled,\n    __staticSelector,\n    sx,\n    errorProps,\n    labelProps,\n    descriptionProps,\n    wrapperProps,\n    id,\n    size,\n    style,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    variant,\n    ...others\n  } = useComponentDefaultProps<T>(component, defaultProps, props);\n\n  const uid = useId(id);\n\n  const { systemStyles, rest } = extractSystemStyles(others);\n\n  return {\n    ...rest,\n    classNames,\n    styles,\n    unstyled,\n\n    wrapperProps: {\n      label,\n      description,\n      error,\n      required,\n      classNames,\n      className,\n      __staticSelector,\n      sx,\n      errorProps,\n      labelProps,\n      descriptionProps,\n      unstyled,\n      styles,\n      id: uid,\n      size,\n      style,\n      inputContainer,\n      inputWrapperOrder,\n      withAsterisk,\n      variant,\n      ...wrapperProps,\n      ...systemStyles,\n    },\n    inputProps: {\n      required,\n      classNames,\n      styles,\n      unstyled,\n      id: uid,\n      size,\n      __staticSelector,\n      error,\n      variant,\n    },\n  };\n}\n"],"names":["useComponentDefaultProps","styles","useId","extractSystemStyles"],"mappings":"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"}

package/cjs/JsonInput/JsonInput.js

@@ -61,7 +61,8 @@ const JsonInput = React.forwardRef((props, ref) => {
     validationError,
     classNames,
     unstyled,
-    readOnly
+    readOnly,
+    variant
   } = _a, others = __objRest(_a, [
     "value",
     "defaultValue",
@@ -74,9 +75,10 @@ const JsonInput = React.forwardRef((props, ref) => {
     "validationError",
     "classNames",
     "unstyled",
-    "readOnly"
+    "readOnly",
+    "variant"
   ]);
-  const { classes, cx } = JsonInput_styles['default']({ size }, { name: "JsonInput", unstyled });
+  const { classes, cx } = JsonInput_styles['default'](null, { name: "JsonInput", unstyled, size, variant });
   const [_value, setValue] = hooks.useUncontrolled({
     value,
     defaultValue,
@@ -105,7 +107,9 @@ const JsonInput = React.forwardRef((props, ref) => {
     autoComplete: "nope",
     ref,
     unstyled,
-    readOnly
+    readOnly,
+    size,
+    variant
   }, others));
 });
 JsonInput.displayName = "@mantine/core/JsonInput";

package/cjs/JsonInput/JsonInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonInput.js","sources":["../../src/JsonInput/JsonInput.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { validateJson } from './validate-json/validate-json';\nimport { Textarea, TextareaProps } from '../Textarea';\nimport { TextInputStylesNames } from '../TextInput';\nimport useStyles from './JsonInput.styles';\n\nexport type JsonInputStylesNames = TextInputStylesNames;\n\nexport interface JsonInputProps\n  extends DefaultProps<JsonInputStylesNames>,\n    Omit<TextareaProps, 'onChange'> {\n  /** Value for controlled input */\n  value?: string;\n\n  /** Default value for uncontrolled input */\n  defaultValue?: string;\n\n  /** onChange value for controlled input */\n  onChange?(value: string): void;\n\n  /** Format json on blur */\n  formatOnBlur?: boolean;\n\n  /** Error message shown when json is not valid */\n  validationError?: React.ReactNode;\n}\n\nconst defaultProps: Partial<JsonInputProps> = {\n  formatOnBlur: false,\n  size: 'sm',\n};\n\nexport const JsonInput = forwardRef<HTMLTextAreaElement, JsonInputProps>((props, ref) => {\n  const {\n    value,\n    defaultValue,\n    onChange,\n    onFocus,\n    onBlur,\n    error,\n    formatOnBlur,\n    size,\n    validationError,\n    classNames,\n    unstyled,\n    readOnly,\n    ...others\n  } = useComponentDefaultProps('JsonInput', defaultProps, props);\n\n  const { classes, cx } = useStyles({ size }, { name: 'JsonInput', unstyled });\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: '',\n    onChange,\n  });\n\n  const [valid, setValid] = useState(validateJson(_value));\n\n  const handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    typeof onFocus === 'function' && onFocus(event);\n    setValid(true);\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    typeof onBlur === 'function' && onBlur(event);\n    const isValid = validateJson(event.currentTarget.value);\n    formatOnBlur && !readOnly;\n    isValid &&\n      event.currentTarget.value.trim() !== '' &&\n      setValue(JSON.stringify(JSON.parse(event.currentTarget.value), null, 2));\n    setValid(isValid);\n  };\n\n  return (\n    <Textarea\n      value={_value}\n      onChange={(event) => setValue(event.currentTarget.value)}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      error={valid ? error : validationError || true}\n      __staticSelector=\"JsonInput\"\n      classNames={{ ...classNames, input: cx(classes.input, classNames?.input) }}\n      autoComplete=\"nope\"\n      ref={ref}\n      unstyled={unstyled}\n      readOnly={readOnly}\n      {...others}\n    />\n  );\n});\n\nJsonInput.displayName = '@mantine/core/JsonInput';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useUncontrolled","useState","validateJson","React","Textarea"],"mappings":"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"}
+{"version":3,"file":"JsonInput.js","sources":["../../src/JsonInput/JsonInput.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { validateJson } from './validate-json/validate-json';\nimport { Textarea, TextareaProps } from '../Textarea';\nimport { TextInputStylesNames } from '../TextInput';\nimport useStyles from './JsonInput.styles';\n\nexport type JsonInputStylesNames = TextInputStylesNames;\n\nexport interface JsonInputProps\n  extends DefaultProps<JsonInputStylesNames>,\n    Omit<TextareaProps, 'onChange'> {\n  /** Value for controlled input */\n  value?: string;\n\n  /** Default value for uncontrolled input */\n  defaultValue?: string;\n\n  /** onChange value for controlled input */\n  onChange?(value: string): void;\n\n  /** Format json on blur */\n  formatOnBlur?: boolean;\n\n  /** Error message shown when json is not valid */\n  validationError?: React.ReactNode;\n}\n\nconst defaultProps: Partial<JsonInputProps> = {\n  formatOnBlur: false,\n  size: 'sm',\n};\n\nexport const JsonInput = forwardRef<HTMLTextAreaElement, JsonInputProps>((props, ref) => {\n  const {\n    value,\n    defaultValue,\n    onChange,\n    onFocus,\n    onBlur,\n    error,\n    formatOnBlur,\n    size,\n    validationError,\n    classNames,\n    unstyled,\n    readOnly,\n    variant,\n    ...others\n  } = useComponentDefaultProps('JsonInput', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, { name: 'JsonInput', unstyled, size, variant });\n  const [_value, setValue] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: '',\n    onChange,\n  });\n\n  const [valid, setValid] = useState(validateJson(_value));\n\n  const handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    typeof onFocus === 'function' && onFocus(event);\n    setValid(true);\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n    typeof onBlur === 'function' && onBlur(event);\n    const isValid = validateJson(event.currentTarget.value);\n    formatOnBlur && !readOnly;\n    isValid &&\n      event.currentTarget.value.trim() !== '' &&\n      setValue(JSON.stringify(JSON.parse(event.currentTarget.value), null, 2));\n    setValid(isValid);\n  };\n\n  return (\n    <Textarea\n      value={_value}\n      onChange={(event) => setValue(event.currentTarget.value)}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      error={valid ? error : validationError || true}\n      __staticSelector=\"JsonInput\"\n      classNames={{ ...classNames, input: cx(classes.input, classNames?.input) }}\n      autoComplete=\"nope\"\n      ref={ref}\n      unstyled={unstyled}\n      readOnly={readOnly}\n      size={size}\n      variant={variant}\n      {...others}\n    />\n  );\n});\n\nJsonInput.displayName = '@mantine/core/JsonInput';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","useUncontrolled","useState","validateJson","React","Textarea"],"mappings":"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"}

package/cjs/JsonInput/JsonInput.styles.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styles = require('@mantine/styles');
 
-var useStyles = styles.createStyles((theme, { size }) => ({
+var useStyles = styles.createStyles((theme, _params, { size }) => ({
   input: {
     fontFamily: theme.fontFamilyMonospace,
-    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }) - 2
+    fontSize: `calc(${styles.getSize({ size, sizes: theme.fontSizes })} - ${styles.rem(2)})`
   }
 }));
 

package/cjs/JsonInput/JsonInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonInput.styles.js","sources":["../../src/JsonInput/JsonInput.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\n\nexport interface JsonInputStylesParams {\n  size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: JsonInputStylesParams) => ({\n  input: {\n    fontFamily: theme.fontFamilyMonospace,\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }) - 2,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM;AAClD,EAAE,KAAK,EAAE;AACT,IAAI,UAAU,EAAE,KAAK,CAAC,mBAAmB;AACzC,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC;AACjE,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"JsonInput.styles.js","sources":["../../src/JsonInput/JsonInput.styles.ts"],"sourcesContent":["import { createStyles, rem, getSize } from '@mantine/styles';\n\nexport default createStyles((theme, _params, { size }) => ({\n  input: {\n    fontFamily: theme.fontFamilyMonospace,\n    fontSize: `calc(${getSize({ size, sizes: theme.fontSizes })} - ${rem(2)})`,\n  },\n}));\n"],"names":["createStyles","getSize","rem"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM;AAC3D,EAAE,KAAK,EAAE;AACT,IAAI,UAAU,EAAE,KAAK,CAAC,mBAAmB;AACzC,IAAI,QAAQ,EAAE,CAAC,KAAK,EAAEC,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG,EAAEC,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAC9E,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/Kbd/Kbd.js

@@ -39,9 +39,12 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+const defaultProps = {
+  size: "sm"
+};
 const Kbd = React.forwardRef((props, ref) => {
-  const _a = styles.useComponentDefaultProps("Kbd", {}, props), { className, children, unstyled } = _a, others = __objRest(_a, ["className", "children", "unstyled"]);
-  const { classes, cx } = Kbd_styles['default'](null, { name: "Kbd", unstyled });
+  const _a = styles.useComponentDefaultProps("Kbd", defaultProps, props), { className, children, unstyled, variant, size } = _a, others = __objRest(_a, ["className", "children", "unstyled", "variant", "size"]);
+  const { classes, cx } = Kbd_styles['default'](null, { name: "Kbd", unstyled, variant, size });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     component: "kbd",
     className: cx(classes.root, className),

package/cjs/Kbd/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sources":["../../src/Kbd/Kbd.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Kbd.styles';\n\nexport interface KbdProps extends DefaultProps, React.ComponentPropsWithoutRef<'kbd'> {\n  /** Keyboard key */\n  children: React.ReactNode;\n}\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>((props: KbdProps, ref) => {\n  const { className, children, unstyled, ...others } = useComponentDefaultProps('Kbd', {}, props);\n  const { classes, cx } = useStyles(null, { name: 'Kbd', unstyled });\n\n  return (\n    <Box component=\"kbd\" className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nKbd.displayName = '@mantine/core/Kbd';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"Kbd.js","sources":["../../src/Kbd/Kbd.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, MantineSize, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../Box';\nimport useStyles from './Kbd.styles';\n\nexport interface KbdProps extends DefaultProps, React.ComponentPropsWithoutRef<'kbd'> {\n  variant?: string;\n\n  /** Keyboard key */\n  children: React.ReactNode;\n\n  /** Controls component size, 'sm' by default */\n  size?: MantineSize;\n}\n\nconst defaultProps: Partial<KbdProps> = {\n  size: 'sm',\n};\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>((props: KbdProps, ref) => {\n  const { className, children, unstyled, variant, size, ...others } = useComponentDefaultProps(\n    'Kbd',\n    defaultProps,\n    props\n  );\n\n  const { classes, cx } = useStyles(null, { name: 'Kbd', unstyled, variant, size });\n\n  return (\n    <Box component=\"kbd\" className={cx(classes.root, className)} ref={ref} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nKbd.displayName = '@mantine/core/Kbd';\n"],"names":["forwardRef","useComponentDefaultProps","useStyles","React","Box"],"mappings":"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"}

package/cjs/Kbd/Kbd.styles.js

@@ -4,20 +4,30 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styles = require('@mantine/styles');
 
-var useStyles = styles.createStyles((theme) => ({
-  root: {
-    lineHeight: theme.lineHeight,
-    fontFamily: theme.fontFamilyMonospace,
-    fontSize: theme.fontSizes.xs,
-    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 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]}`
-  }
-}));
+const sizes = {
+  xs: { padding: `${styles.rem(2)} ${styles.rem(4)}`, fontSize: styles.rem(10) },
+  sm: { padding: `${styles.rem(3)} ${styles.rem(5)}`, fontSize: styles.rem(12) },
+  md: { padding: `${styles.rem(4)} ${styles.rem(7)}`, fontSize: styles.rem(14) },
+  lg: { padding: `${styles.rem(5)} ${styles.rem(9)}`, fontSize: styles.rem(16) },
+  xl: { padding: `${styles.rem(8)} ${styles.rem(14)}`, fontSize: styles.rem(20) }
+};
+var useStyles = styles.createStyles((theme, _params, { size }) => {
+  const _size = size in sizes ? sizes[size] : sizes.sm;
+  return {
+    root: {
+      lineHeight: theme.lineHeight,
+      fontFamily: theme.fontFamilyMonospace,
+      fontSize: _size.fontSize,
+      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: _size.padding,
+      borderRadius: theme.radius.sm,
+      border: `${styles.rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`,
+      borderBottom: `${styles.rem(3)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[3]}`
+    }
+  };
+});
 
 exports.default = useStyles;
 //# sourceMappingURL=Kbd.styles.js.map

package/cjs/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 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":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,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;;;;"}
+{"version":3,"file":"Kbd.styles.js","sources":["../../src/Kbd/Kbd.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/styles';\n\nconst sizes = {\n  xs: { padding: `${rem(2)} ${rem(4)}`, fontSize: rem(10) },\n  sm: { padding: `${rem(3)} ${rem(5)}`, fontSize: rem(12) },\n  md: { padding: `${rem(4)} ${rem(7)}`, fontSize: rem(14) },\n  lg: { padding: `${rem(5)} ${rem(9)}`, fontSize: rem(16) },\n  xl: { padding: `${rem(8)} ${rem(14)}`, fontSize: rem(20) },\n};\n\nexport default createStyles((theme, _params, { size }) => {\n  const _size = size in sizes ? sizes[size] : sizes.sm;\n  return {\n    root: {\n      lineHeight: theme.lineHeight,\n      fontFamily: theme.fontFamilyMonospace,\n      fontSize: _size.fontSize,\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: _size.padding,\n      borderRadius: theme.radius.sm,\n      border: `${rem(1)} solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n      }`,\n      borderBottom: `${rem(3)} solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n      }`,\n    },\n  };\n});\n"],"names":["rem","createStyles"],"mappings":";;;;;;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAEA,UAAG,CAAC,EAAE,CAAC,EAAE;AAC3D,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAEA,UAAG,CAAC,EAAE,CAAC,EAAE;AAC3D,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAEA,UAAG,CAAC,EAAE,CAAC,EAAE;AAC3D,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAEA,UAAG,CAAC,EAAE,CAAC,EAAE;AAC3D,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAEA,UAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAEA,UAAG,CAAC,EAAE,CAAC,EAAE;AAC5D,CAAC,CAAC;AACF,gBAAeC,mBAAY,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK;AAC1D,EAAE,MAAM,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC;AACvD,EAAE,OAAO;AACT,IAAI,IAAI,EAAE;AACV,MAAM,UAAU,EAAE,KAAK,CAAC,UAAU;AAClC,MAAM,UAAU,EAAE,KAAK,CAAC,mBAAmB;AAC3C,MAAM,QAAQ,EAAE,KAAK,CAAC,QAAQ;AAC9B,MAAM,UAAU,EAAE,GAAG;AACrB,MAAM,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;AACjG,MAAM,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;AACvF,MAAM,OAAO,EAAE,KAAK,CAAC,OAAO;AAC5B,MAAM,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;AACnC,MAAM,MAAM,EAAE,CAAC,EAAED,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,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;AAC7G,MAAM,YAAY,EAAE,CAAC,EAAEA,UAAG,CAAC,CAAC,CAAC,CAAC,OAAO,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;AACnH,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/cjs/List/List.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.context.js","sources":["../../src/List/List.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineNumberSize, ClassNames, Styles } from '@mantine/styles';\nimport type { ListStylesNames } from './List';\n\ninterface ListContextValue {\n  spacing?: MantineNumberSize;\n  center?: boolean;\n  icon?: React.ReactNode;\n  listStyleType?: string;\n  withPadding?: boolean;\n  size?: MantineNumberSize;\n  classNames?: ClassNames<ListStylesNames>;\n  styles?: Styles<ListStylesNames>;\n  unstyled?: boolean;\n}\n\nexport const [ListProvider, useListContext] = createSafeContext<ListContextValue>(\n  'List component was not found in tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAAC,sCAAsC;;;;;"}
+{"version":3,"file":"List.context.js","sources":["../../src/List/List.context.ts"],"sourcesContent":["import { createSafeContext } from '@mantine/utils';\nimport { MantineNumberSize, ClassNames, Styles } from '@mantine/styles';\nimport type { ListStylesNames } from './List';\n\ninterface ListContextValue {\n  spacing?: MantineNumberSize;\n  center?: boolean;\n  icon?: React.ReactNode;\n  listStyleType?: string;\n  withPadding?: boolean;\n  size?: MantineNumberSize;\n  classNames?: ClassNames<ListStylesNames>;\n  styles?: Styles<ListStylesNames>;\n  unstyled?: boolean;\n  variant?: string;\n}\n\nexport const [ListProvider, useListContext] = createSafeContext<ListContextValue>(\n  'List component was not found in tree'\n);\n"],"names":["createSafeContext"],"mappings":";;;;;;AACY,MAAC,CAAC,YAAY,EAAE,cAAc,CAAC,GAAGA,uBAAiB,CAAC,sCAAsC;;;;;"}

package/cjs/List/List.js

@@ -59,7 +59,8 @@ const List = React.forwardRef((props, ref) => {
     className,
     styles: styles$1,
     classNames,
-    unstyled
+    unstyled,
+    variant
   } = _a, others = __objRest(_a, [
     "children",
     "type",
@@ -72,9 +73,10 @@ const List = React.forwardRef((props, ref) => {
     "className",
     "styles",
     "classNames",
-    "unstyled"
+    "unstyled",
+    "variant"
   ]);
-  const { classes, cx } = List_styles['default']({ withPadding, size, listStyleType, center, spacing }, { classNames, styles: styles$1, name: "List", unstyled });
+  const { classes, cx } = List_styles['default']({ withPadding, listStyleType, center, spacing }, { classNames, styles: styles$1, name: "List", unstyled, size, variant });
   return /* @__PURE__ */ React__default.createElement(List_context.ListProvider, {
     value: {
       spacing,
@@ -85,7 +87,8 @@ const List = React.forwardRef((props, ref) => {
       withPadding,
       classNames,
       styles: styles$1,
-      unstyled
+      unstyled,
+      variant
     }
   }, /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     component: type === "unordered" ? "ul" : "ol",

package/cjs/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../src/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { ListItem, ListItemStylesNames } from './ListItem/ListItem';\nimport { ListProvider } from './List.context';\nimport useStyles from './List.styles';\n\nexport type ListStylesNames = ListItemStylesNames | Selectors<typeof useStyles>;\n\nexport interface ListProps\n  extends DefaultProps<ListStylesNames>,\n    React.ComponentPropsWithRef<'ul'> {\n  /** <List.Item /> components only */\n  children: React.ReactNode;\n\n  /** List type: ol or ul */\n  type?: 'ordered' | 'unordered';\n\n  /** Include padding-left to offset list from main content */\n  withPadding?: boolean;\n\n  /** Font size from theme or number to set value in px */\n  size?: MantineNumberSize;\n\n  /** Icon that should replace list item dot */\n  icon?: React.ReactNode;\n\n  /** Spacing between items from theme or number to set value in px */\n  spacing?: MantineNumberSize;\n\n  /** Center items with icon */\n  center?: boolean;\n\n  /** List style */\n  listStyleType?: React.CSSProperties['listStyleType'];\n}\n\ntype ListComponent = ForwardRefWithStaticComponents<ListProps, { Item: typeof ListItem }>;\n\nconst defaultProps: Partial<ListProps> = {\n  type: 'unordered',\n  size: 'md',\n  spacing: 0,\n};\n\nexport const List: ListComponent = forwardRef<HTMLUListElement, ListProps>(\n  (props: ListProps, ref) => {\n    const {\n      children,\n      type,\n      size,\n      listStyleType,\n      withPadding,\n      center,\n      spacing,\n      icon,\n      className,\n      styles,\n      classNames,\n      unstyled,\n      ...others\n    } = useComponentDefaultProps('List', defaultProps, props);\n\n    const { classes, cx } = useStyles(\n      { withPadding, size, listStyleType, center, spacing },\n      { classNames, styles, name: 'List', unstyled }\n    );\n\n    return (\n      <ListProvider\n        value={{\n          spacing,\n          center,\n          icon,\n          listStyleType,\n          size,\n          withPadding,\n          classNames,\n          styles,\n          unstyled,\n        }}\n      >\n        <Box<any>\n          component={type === 'unordered' ? 'ul' : 'ol'}\n          className={cx(classes.root, className)}\n          ref={ref}\n          {...others}\n        >\n          {children}\n        </Box>\n      </ListProvider>\n    );\n  }\n) as any;\n\nList.Item = ListItem;\nList.displayName = '@mantine/core/List';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","ListProvider","Box","ListItem"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../src/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { Box } from '../Box';\nimport { ListItem, ListItemStylesNames } from './ListItem/ListItem';\nimport { ListProvider } from './List.context';\nimport useStyles from './List.styles';\n\nexport type ListStylesNames = ListItemStylesNames | Selectors<typeof useStyles>;\n\nexport interface ListProps\n  extends DefaultProps<ListStylesNames>,\n    React.ComponentPropsWithRef<'ul'> {\n  variant?: string;\n\n  /** <List.Item /> components only */\n  children: React.ReactNode;\n\n  /** List type: ol or ul */\n  type?: 'ordered' | 'unordered';\n\n  /** Include padding-left to offset list from main content */\n  withPadding?: boolean;\n\n  /** Font size from theme or number to set value */\n  size?: MantineNumberSize;\n\n  /** Icon that should replace list item dot */\n  icon?: React.ReactNode;\n\n  /** Spacing between items from theme or number to set value */\n  spacing?: MantineNumberSize;\n\n  /** Center items with icon */\n  center?: boolean;\n\n  /** List style */\n  listStyleType?: React.CSSProperties['listStyleType'];\n}\n\ntype ListComponent = ForwardRefWithStaticComponents<ListProps, { Item: typeof ListItem }>;\n\nconst defaultProps: Partial<ListProps> = {\n  type: 'unordered',\n  size: 'md',\n  spacing: 0,\n};\n\nexport const List: ListComponent = forwardRef<HTMLUListElement, ListProps>(\n  (props: ListProps, ref) => {\n    const {\n      children,\n      type,\n      size,\n      listStyleType,\n      withPadding,\n      center,\n      spacing,\n      icon,\n      className,\n      styles,\n      classNames,\n      unstyled,\n      variant,\n      ...others\n    } = useComponentDefaultProps('List', defaultProps, props);\n\n    const { classes, cx } = useStyles(\n      { withPadding, listStyleType, center, spacing },\n      { classNames, styles, name: 'List', unstyled, size, variant }\n    );\n\n    return (\n      <ListProvider\n        value={{\n          spacing,\n          center,\n          icon,\n          listStyleType,\n          size,\n          withPadding,\n          classNames,\n          styles,\n          unstyled,\n          variant,\n        }}\n      >\n        <Box<any>\n          component={type === 'unordered' ? 'ul' : 'ol'}\n          className={cx(classes.root, className)}\n          ref={ref}\n          {...others}\n        >\n          {children}\n        </Box>\n      </ListProvider>\n    );\n  }\n) as any;\n\nList.Item = ListItem;\nList.displayName = '@mantine/core/List';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useStyles","React","ListProvider","Box","ListItem"],"mappings":"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"}

package/cjs/List/List.styles.js

@@ -23,11 +23,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var useStyles = styles.createStyles((theme, { withPadding, size, listStyleType }) => ({
+var useStyles = styles.createStyles((theme, { withPadding, listStyleType }, { size }) => ({
   root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
     listStyleType,
     color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
+    fontSize: styles.getSize({ size, sizes: theme.fontSizes }),
     lineHeight: theme.lineHeight,
     margin: 0,
     paddingLeft: withPadding ? theme.spacing.xl : 0,

package/cjs/List/List.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.styles.js","sources":["../../src/List/List.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\nexport interface ListStylesParams {\n  withPadding: boolean;\n  size: MantineNumberSize;\n  listStyleType: string;\n  spacing: MantineNumberSize;\n  center: boolean;\n}\n\nexport default createStyles((theme, { withPadding, size, listStyleType }: ListStylesParams) => ({\n  root: {\n    ...theme.fn.fontStyles(),\n    listStyleType,\n    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n    fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n    lineHeight: theme.lineHeight,\n    margin: 0,\n    paddingLeft: withPadding ? theme.spacing.xl : 0,\n    listStylePosition: 'inside',\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM;AAC9E,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,aAAa;AACjB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC7D,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AAChC,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,WAAW,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACnD,IAAI,iBAAiB,EAAE,QAAQ;AAC/B,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"List.styles.js","sources":["../../src/List/List.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, getSize } from '@mantine/styles';\n\nexport interface ListStylesParams {\n  withPadding: boolean;\n  listStyleType: string;\n  spacing: MantineNumberSize;\n  center: boolean;\n}\n\nexport default createStyles(\n  (theme, { withPadding, listStyleType }: ListStylesParams, { size }) => ({\n    root: {\n      ...theme.fn.fontStyles(),\n      listStyleType,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n      fontSize: getSize({ size, sizes: theme.fontSizes }),\n      lineHeight: theme.lineHeight,\n      margin: 0,\n      paddingLeft: withPadding ? theme.spacing.xl : 0,\n      listStylePosition: 'inside',\n    },\n  })\n);\n"],"names":["createStyles","getSize"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAElE,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM;AAClF,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE;AACjE,IAAI,aAAa;AACjB,IAAI,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC5E,IAAI,QAAQ,EAAEC,cAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AACvD,IAAI,UAAU,EAAE,KAAK,CAAC,UAAU;AAChC,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,WAAW,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC;AACnD,IAAI,iBAAiB,EAAE,QAAQ;AAC/B,GAAG,CAAC;AACJ,CAAC,CAAC,CAAC;;;;"}

package/cjs/List/ListItem/ListItem.js

@@ -52,13 +52,15 @@ const ListItem = React.forwardRef((props, ref) => {
     withPadding,
     classNames,
     styles: styles$1,
-    unstyled
+    unstyled,
+    variant
   } = List_context.useListContext();
   const _icon = icon || ctxIcon;
-  const { classes, cx } = ListItem_styles['default']({ withPadding, size, listStyleType, center, spacing }, { classNames, styles: styles$1, unstyled, name: "List" });
+  const { classes, cx } = ListItem_styles['default']({ withPadding, listStyleType, center, spacing }, { classNames, styles: styles$1, unstyled, name: "List", variant, size });
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     component: "li",
-    className: cx(classes.item, { [classes.withIcon]: _icon }, className),
+    className: cx(classes.item, className),
+    "data-with-icon": !!_icon || void 0,
     ref
   }, others), /* @__PURE__ */ React__default.createElement("div", {
     className: classes.itemWrapper

package/cjs/List/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../src/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useListContext } from '../List.context';\nimport useStyles from './ListItem.styles';\n\nexport type ListItemStylesNames = Selectors<typeof useStyles>;\n\nexport interface ListItemProps\n  extends DefaultProps<ListItemStylesNames>,\n    React.ComponentPropsWithoutRef<'li'> {\n  /** Icon to replace bullet */\n  icon?: React.ReactNode;\n\n  /** Item content */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<ListItemProps> = {};\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>((props, ref) => {\n  const { className, children, icon, ...others } = useComponentDefaultProps(\n    'ListItem',\n    defaultProps,\n    props\n  );\n\n  const {\n    icon: ctxIcon,\n    spacing,\n    center,\n    listStyleType,\n    size,\n    withPadding,\n    classNames,\n    styles,\n    unstyled,\n  } = useListContext();\n\n  const _icon = icon || ctxIcon;\n  const { classes, cx } = useStyles(\n    { withPadding, size, listStyleType, center, spacing },\n    { classNames, styles, unstyled, name: 'List' }\n  );\n\n  return (\n    <Box\n      component=\"li\"\n      className={cx(classes.item, { [classes.withIcon]: _icon }, className)}\n      ref={ref}\n      {...others}\n    >\n      <div className={classes.itemWrapper}>\n        {_icon && <span className={classes.itemIcon}>{_icon}</span>}\n        <span>{children}</span>\n      </div>\n    </Box>\n  );\n});\n\nListItem.displayName = '@mantine/core/ListItem';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useListContext","useStyles","React","Box"],"mappings":"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"}
+{"version":3,"file":"ListItem.js","sources":["../../../src/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/styles';\nimport { Box } from '../../Box';\nimport { useListContext } from '../List.context';\nimport useStyles from './ListItem.styles';\n\nexport type ListItemStylesNames = Selectors<typeof useStyles>;\n\nexport interface ListItemProps\n  extends DefaultProps<ListItemStylesNames>,\n    React.ComponentPropsWithoutRef<'li'> {\n  /** Icon to replace bullet */\n  icon?: React.ReactNode;\n\n  /** Item content */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<ListItemProps> = {};\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>((props, ref) => {\n  const { className, children, icon, ...others } = useComponentDefaultProps(\n    'ListItem',\n    defaultProps,\n    props\n  );\n\n  const {\n    icon: ctxIcon,\n    spacing,\n    center,\n    listStyleType,\n    size,\n    withPadding,\n    classNames,\n    styles,\n    unstyled,\n    variant,\n  } = useListContext();\n\n  const _icon = icon || ctxIcon;\n  const { classes, cx } = useStyles(\n    { withPadding, listStyleType, center, spacing },\n    { classNames, styles, unstyled, name: 'List', variant, size }\n  );\n\n  return (\n    <Box\n      component=\"li\"\n      className={cx(classes.item, className)}\n      data-with-icon={!!_icon || undefined}\n      ref={ref}\n      {...others}\n    >\n      <div className={classes.itemWrapper}>\n        {_icon && <span className={classes.itemIcon}>{_icon}</span>}\n        <span>{children}</span>\n      </div>\n    </Box>\n  );\n});\n\nListItem.displayName = '@mantine/core/ListItem';\n"],"names":["forwardRef","useComponentDefaultProps","styles","useListContext","useStyles","React","Box"],"mappings":"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"}

package/cjs/List/ListItem/ListItem.styles.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styles = require('@mantine/styles');
 
-var useStyles = styles.createStyles((theme, { spacing, center }, getRef) => ({
+var useStyles = styles.createStyles((theme, { spacing, center }) => ({
   itemWrapper: {
-    ref: getRef("itemWrapper"),
+    ref: styles.getStylesRef("itemWrapper"),
     display: "inline-flex",
     flexDirection: "column",
     whiteSpace: "normal"
@@ -15,15 +15,15 @@ var useStyles = styles.createStyles((theme, { spacing, center }, getRef) => ({
     whiteSpace: "nowrap",
     lineHeight: center ? 1 : theme.lineHeight,
     "&:not(:first-of-type)": {
-      marginTop: theme.fn.size({ size: spacing, sizes: theme.spacing })
-    }
-  },
-  withIcon: {
-    listStyle: "none",
-    [`& .${getRef("itemWrapper")}`]: {
-      display: "inline-flex",
-      alignItems: center ? "center" : "flex-start",
-      flexDirection: "row"
+      marginTop: styles.getSize({ size: spacing, sizes: theme.spacing })
+    },
+    "&[data-with-icon]": {
+      listStyle: "none",
+      [`& .${styles.getStylesRef("itemWrapper")}`]: {
+        display: "inline-flex",
+        alignItems: center ? "center" : "flex-start",
+        flexDirection: "row"
+      }
     }
   },
   itemIcon: {

package/cjs/List/ListItem/ListItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.styles.js","sources":["../../../src/List/ListItem/ListItem.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\nimport type { ListStylesParams } from '../List.styles';\n\nexport default createStyles((theme, { spacing, center }: ListStylesParams, getRef) => ({\n  itemWrapper: {\n    ref: getRef('itemWrapper'),\n    display: 'inline-flex',\n    flexDirection: 'column',\n    whiteSpace: 'normal',\n  },\n\n  item: {\n    whiteSpace: 'nowrap',\n    lineHeight: center ? 1 : theme.lineHeight,\n\n    '&:not(:first-of-type)': {\n      marginTop: theme.fn.size({ size: spacing, sizes: theme.spacing }),\n    },\n  },\n\n  withIcon: {\n    listStyle: 'none',\n\n    [`& .${getRef('itemWrapper')}`]: {\n      display: 'inline-flex',\n      alignItems: center ? 'center' : 'flex-start',\n      flexDirection: 'row',\n    },\n  },\n\n  itemIcon: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    marginRight: theme.spacing.sm,\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,MAAM,MAAM;AACrE,EAAE,WAAW,EAAE;AACf,IAAI,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC;AAC9B,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,UAAU,EAAE,QAAQ;AACxB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,UAAU,EAAE,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU;AAC7C,IAAI,uBAAuB,EAAE;AAC7B,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACvE,KAAK;AACL,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,CAAC,CAAC,GAAG,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;AACrC,MAAM,OAAO,EAAE,aAAa;AAC5B,MAAM,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY;AAClD,MAAM,aAAa,EAAE,KAAK;AAC1B,KAAK;AACL,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"ListItem.styles.js","sources":["../../../src/List/ListItem/ListItem.styles.ts"],"sourcesContent":["import { createStyles, getStylesRef, getSize } from '@mantine/styles';\nimport type { ListStylesParams } from '../List.styles';\n\nexport default createStyles((theme, { spacing, center }: ListStylesParams) => ({\n  itemWrapper: {\n    ref: getStylesRef('itemWrapper'),\n    display: 'inline-flex',\n    flexDirection: 'column',\n    whiteSpace: 'normal',\n  },\n\n  item: {\n    whiteSpace: 'nowrap',\n    lineHeight: center ? 1 : theme.lineHeight,\n\n    '&:not(:first-of-type)': {\n      marginTop: getSize({ size: spacing, sizes: theme.spacing }),\n    },\n\n    '&[data-with-icon]': {\n      listStyle: 'none',\n\n      [`& .${getStylesRef('itemWrapper')}`]: {\n        display: 'inline-flex',\n        alignItems: center ? 'center' : 'flex-start',\n        flexDirection: 'row',\n      },\n    },\n  },\n\n  itemIcon: {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n    marginRight: theme.spacing.sm,\n  },\n}));\n"],"names":["createStyles","getStylesRef","getSize"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM;AAC7D,EAAE,WAAW,EAAE;AACf,IAAI,GAAG,EAAEC,mBAAY,CAAC,aAAa,CAAC;AACpC,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,UAAU,EAAE,QAAQ;AACxB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,UAAU,EAAE,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU;AAC7C,IAAI,uBAAuB,EAAE;AAC7B,MAAM,SAAS,EAAEC,cAAO,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACjE,KAAK;AACL,IAAI,mBAAmB,EAAE;AACzB,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,CAAC,CAAC,GAAG,EAAED,mBAAY,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;AAC7C,QAAQ,OAAO,EAAE,aAAa;AAC9B,QAAQ,UAAU,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY;AACpD,QAAQ,aAAa,EAAE,KAAK;AAC5B,OAAO;AACP,KAAK;AACL,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,OAAO,EAAE,cAAc;AAC3B,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE;AACjC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/cjs/Loader/Loader.js

@@ -47,11 +47,11 @@ const LOADERS = {
   dots: Dots.Dots
 };
 const sizes = {
-  xs: 18,
-  sm: 22,
-  md: 36,
-  lg: 44,
-  xl: 58
+  xs: styles.rem(18),
+  sm: styles.rem(22),
+  md: styles.rem(36),
+  lg: styles.rem(44),
+  xl: styles.rem(58)
 };
 const defaultProps = {
   size: "md"
@@ -63,7 +63,7 @@ function Loader(props) {
   return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues({
     role: "presentation",
     component: LOADERS[defaultLoader] || LOADERS.bars,
-    size: theme.fn.size({ size, sizes }),
+    size: styles.getSize({ size, sizes }),
     color: theme.fn.variant({
       variant: "filled",
       primaryFallback: false,

package/cjs/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n  MantineTheme,\n  useMantineTheme,\n  useComponentDefaultProps,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Bars } from './loaders/Bars';\nimport { Oval } from './loaders/Oval';\nimport { Dots } from './loaders/Dots';\n\nconst LOADERS = {\n  bars: Bars,\n  oval: Oval,\n  dots: Dots,\n};\n\nconst sizes = {\n  xs: 18,\n  sm: 22,\n  md: 36,\n  lg: 44,\n  xl: 58,\n};\n\nexport interface LoaderProps\n  extends DefaultProps,\n    Omit<React.ComponentPropsWithoutRef<'svg'>, 'display' | 'opacity'> {\n  /** Defines width of loader */\n  size?: MantineNumberSize;\n\n  /** Loader color from theme */\n  color?: MantineColor;\n\n  /** Loader appearance */\n  variant?: MantineTheme['loader'];\n}\n\nconst defaultProps: Partial<LoaderProps> = {\n  size: 'md',\n};\n\nexport function Loader(props: LoaderProps) {\n  const { size, color, variant, ...others } = useComponentDefaultProps(\n    'Loader',\n    defaultProps,\n    props\n  );\n  const theme = useMantineTheme();\n  const defaultLoader = variant in LOADERS ? variant : theme.loader;\n\n  return (\n    <Box\n      role=\"presentation\"\n      component={LOADERS[defaultLoader] || LOADERS.bars}\n      size={theme.fn.size({ size, sizes })}\n      color={\n        theme.fn.variant({\n          variant: 'filled',\n          primaryFallback: false,\n          color: color || theme.primaryColor,\n        }).background\n      }\n      {...others}\n    />\n  );\n}\n\nLoader.displayName = '@mantine/core/Loader';\n"],"names":["Bars","Oval","Dots","useComponentDefaultProps","useMantineTheme","React","Box"],"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;AAUF,MAAM,OAAO,GAAG;AAChB,EAAE,IAAI,EAAEA,SAAI;AACZ,EAAE,IAAI,EAAEC,SAAI;AACZ,EAAE,IAAI,EAAEC,SAAI;AACZ,CAAC,CAAC;AACF,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,CAAC,CAAC;AACF,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,IAAI;AACZ,CAAC,CAAC;AACK,SAAS,MAAM,CAAC,KAAK,EAAE;AAC9B,EAAE,MAAM,EAAE,GAAGC,+BAAwB,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;AAC1J,EAAE,MAAM,KAAK,GAAGC,sBAAe,EAAE,CAAC;AAClC,EAAE,MAAM,aAAa,GAAG,OAAO,IAAI,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC;AACpE,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,OAAG,EAAE,cAAc,CAAC;AACjE,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,IAAI;AACrD,IAAI,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACxC,IAAI,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC;AAC5B,MAAM,OAAO,EAAE,QAAQ;AACvB,MAAM,eAAe,EAAE,KAAK;AAC5B,MAAM,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,YAAY;AACxC,KAAK,CAAC,CAAC,UAAU;AACjB,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC;AACD,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Loader.js","sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineColor,\n  MantineTheme,\n  useMantineTheme,\n  useComponentDefaultProps,\n  rem,\n  getSize,\n} from '@mantine/styles';\nimport { Box } from '../Box';\nimport { Bars } from './loaders/Bars';\nimport { Oval } from './loaders/Oval';\nimport { Dots } from './loaders/Dots';\n\nconst LOADERS = {\n  bars: Bars,\n  oval: Oval,\n  dots: Dots,\n};\n\nconst sizes = {\n  xs: rem(18),\n  sm: rem(22),\n  md: rem(36),\n  lg: rem(44),\n  xl: rem(58),\n};\n\nexport interface LoaderProps\n  extends DefaultProps,\n    Omit<React.ComponentPropsWithoutRef<'svg'>, 'display' | 'opacity'> {\n  /** Defines width of loader */\n  size?: MantineNumberSize;\n\n  /** Loader color from theme */\n  color?: MantineColor;\n\n  /** Loader appearance */\n  variant?: MantineTheme['loader'];\n}\n\nconst defaultProps: Partial<LoaderProps> = {\n  size: 'md',\n};\n\nexport function Loader(props: LoaderProps) {\n  const { size, color, variant, ...others } = useComponentDefaultProps(\n    'Loader',\n    defaultProps,\n    props\n  );\n  const theme = useMantineTheme();\n  const defaultLoader = variant in LOADERS ? variant : theme.loader;\n\n  return (\n    <Box\n      role=\"presentation\"\n      component={LOADERS[defaultLoader] || LOADERS.bars}\n      size={getSize({ size, sizes })}\n      color={\n        theme.fn.variant({\n          variant: 'filled',\n          primaryFallback: false,\n          color: color || theme.primaryColor,\n        }).background\n      }\n      {...others}\n    />\n  );\n}\n\nLoader.displayName = '@mantine/core/Loader';\n"],"names":["Bars","Oval","Dots","rem","useComponentDefaultProps","useMantineTheme","React","Box","getSize"],"mappings":"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"}

package/cjs/Loader/loaders/Bars.js

@@ -42,7 +42,7 @@ function Bars(_a) {
     viewBox: "0 0 135 140",
     xmlns: "http://www.w3.org/2000/svg",
     fill: color,
-    width: `${size}px`
+    width: size
   }, others), /* @__PURE__ */ React__default.createElement("rect", {
     y: "10",
     width: "15",

package/cjs/Loader/loaders/Bars.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bars.js","sources":["../../../src/Loader/loaders/Bars.tsx"],"sourcesContent":["import React from 'react';\nimport { LoaderProps } from './loader-props';\n\nexport function Bars({ size, color, ...others }: LoaderProps) {\n  return (\n    <svg\n      viewBox=\"0 0 135 140\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill={color}\n      width={`${size}px`}\n      {...others}\n    >\n      <rect y=\"10\" width=\"15\" height=\"120\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0.5s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0.5s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n      <rect x=\"30\" y=\"10\" width=\"15\" height=\"120\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0.25s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0.25s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n      <rect x=\"60\" width=\"15\" height=\"140\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n      <rect x=\"90\" y=\"10\" width=\"15\" height=\"120\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0.25s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0.25s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n      <rect x=\"120\" y=\"10\" width=\"15\" height=\"120\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0.5s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0.5s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n    </svg>\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Bars.js","sources":["../../../src/Loader/loaders/Bars.tsx"],"sourcesContent":["import React from 'react';\nimport { LoaderProps } from './loader-props';\n\nexport function Bars({ size, color, ...others }: LoaderProps) {\n  return (\n    <svg\n      viewBox=\"0 0 135 140\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill={color}\n      width={size}\n      {...others}\n    >\n      <rect y=\"10\" width=\"15\" height=\"120\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0.5s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0.5s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n      <rect x=\"30\" y=\"10\" width=\"15\" height=\"120\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0.25s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0.25s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n      <rect x=\"60\" width=\"15\" height=\"140\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n      <rect x=\"90\" y=\"10\" width=\"15\" height=\"120\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0.25s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0.25s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n      <rect x=\"120\" y=\"10\" width=\"15\" height=\"120\" rx=\"6\">\n        <animate\n          attributeName=\"height\"\n          begin=\"0.5s\"\n          dur=\"1s\"\n          values=\"120;110;100;90;80;70;60;50;40;140;120\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"y\"\n          begin=\"0.5s\"\n          dur=\"1s\"\n          values=\"10;15;20;25;30;35;40;45;50;0;10\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </rect>\n    </svg>\n  );\n}\n"],"names":["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;AAEK,SAAS,IAAI,CAAC,EAAE,EAAE;AACzB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAC/E,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC;AACnE,IAAI,OAAO,EAAE,aAAa;AAC1B,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,KAAK,EAAE,IAAI;AACf,GAAG,EAAE,MAAM,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC1D,IAAI,CAAC,EAAE,IAAI;AACX,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,EAAE,EAAE,GAAG;AACX,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,uCAAuC;AACnD,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACrD,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,iCAAiC;AAC7C,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnD,IAAI,CAAC,EAAE,IAAI;AACX,IAAI,CAAC,EAAE,IAAI;AACX,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,EAAE,EAAE,GAAG;AACX,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,uCAAuC;AACnD,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACrD,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,iCAAiC;AAC7C,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnD,IAAI,CAAC,EAAE,IAAI;AACX,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,EAAE,EAAE,GAAG;AACX,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,uCAAuC;AACnD,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACrD,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,iCAAiC;AAC7C,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnD,IAAI,CAAC,EAAE,IAAI;AACX,IAAI,CAAC,EAAE,IAAI;AACX,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,EAAE,EAAE,GAAG;AACX,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,uCAAuC;AACnD,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACrD,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,iCAAiC;AAC7C,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACnD,IAAI,CAAC,EAAE,KAAK;AACZ,IAAI,CAAC,EAAE,IAAI;AACX,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,EAAE,EAAE,GAAG;AACX,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACpD,IAAI,aAAa,EAAE,QAAQ;AAC3B,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,uCAAuC;AACnD,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AACrD,IAAI,aAAa,EAAE,GAAG;AACtB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,GAAG,EAAE,IAAI;AACb,IAAI,MAAM,EAAE,iCAAiC;AAC7C,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,WAAW,EAAE,YAAY;AAC7B,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;;;;"}

package/cjs/Loader/loaders/Dots.js

@@ -39,8 +39,7 @@ var __objRest = (source, exclude) => {
 function Dots(_a) {
   var _b = _a, { size, color } = _b, others = __objRest(_b, ["size", "color"]);
   return /* @__PURE__ */ React__default.createElement("svg", __spreadValues({
-    width: `${size}px`,
-    height: `${size / 4}px`,
+    width: size,
     viewBox: "0 0 120 30",
     xmlns: "http://www.w3.org/2000/svg",
     fill: color

package/cjs/Loader/loaders/Dots.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dots.js","sources":["../../../src/Loader/loaders/Dots.tsx"],"sourcesContent":["import React from 'react';\nimport { LoaderProps } from './loader-props';\n\nexport function Dots({ size, color, ...others }: LoaderProps) {\n  return (\n    <svg\n      width={`${size}px`}\n      height={`${size / 4}px`}\n      viewBox=\"0 0 120 30\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill={color}\n      {...others}\n    >\n      <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate\n          attributeName=\"r\"\n          from=\"15\"\n          to=\"15\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"15;9;15\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"1\"\n          to=\"1\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"1;.5;1\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx=\"60\" cy=\"15\" r=\"9\" fillOpacity=\"0.3\">\n        <animate\n          attributeName=\"r\"\n          from=\"9\"\n          to=\"9\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"9;15;9\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"0.5\"\n          to=\"0.5\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\".5;1;.5\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate\n          attributeName=\"r\"\n          from=\"15\"\n          to=\"15\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"15;9;15\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"1\"\n          to=\"1\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"1;.5;1\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </svg>\n  );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Dots.js","sources":["../../../src/Loader/loaders/Dots.tsx"],"sourcesContent":["import React from 'react';\nimport { LoaderProps } from './loader-props';\n\nexport function Dots({ size, color, ...others }: LoaderProps) {\n  return (\n    <svg\n      width={size}\n      viewBox=\"0 0 120 30\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill={color}\n      {...others}\n    >\n      <circle cx=\"15\" cy=\"15\" r=\"15\">\n        <animate\n          attributeName=\"r\"\n          from=\"15\"\n          to=\"15\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"15;9;15\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"1\"\n          to=\"1\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"1;.5;1\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx=\"60\" cy=\"15\" r=\"9\" fillOpacity=\"0.3\">\n        <animate\n          attributeName=\"r\"\n          from=\"9\"\n          to=\"9\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"9;15;9\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"0.5\"\n          to=\"0.5\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\".5;1;.5\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx=\"105\" cy=\"15\" r=\"15\">\n        <animate\n          attributeName=\"r\"\n          from=\"15\"\n          to=\"15\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"15;9;15\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n        <animate\n          attributeName=\"fill-opacity\"\n          from=\"1\"\n          to=\"1\"\n          begin=\"0s\"\n          dur=\"0.8s\"\n          values=\"1;.5;1\"\n          calcMode=\"linear\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n    </svg>\n  );\n}\n"],"names":["React"],"mappings":"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"}

package/cjs/Loader/loaders/Oval.js

@@ -39,8 +39,8 @@ var __objRest = (source, exclude) => {
 function Oval(_a) {
   var _b = _a, { size, color } = _b, others = __objRest(_b, ["size", "color"]);
   return /* @__PURE__ */ React__default.createElement("svg", __spreadValues({
-    width: `${size}px`,
-    height: `${size}px`,
+    width: size,
+    height: size,
     viewBox: "0 0 38 38",
     xmlns: "http://www.w3.org/2000/svg",
     stroke: color