@mantine/core 7.0.0-alpha.12 → 7.0.0-alpha.13

package/cjs/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function getInputOffsets(inputWrapperOrder, { hasDescription, hasError }) {
-    const inputIndex = inputWrapperOrder.findIndex((part) => part === 'input');
-    const aboveInput = inputWrapperOrder[inputIndex - 1];
-    const belowInput = inputWrapperOrder[inputIndex + 1];
-    const offsetTop = (hasDescription && aboveInput === 'description') || (hasError && aboveInput === 'error');
-    const offsetBottom = (hasDescription && belowInput === 'description') || (hasError && belowInput === 'error');
-    return { offsetBottom, offsetTop };
+  const inputIndex = inputWrapperOrder.findIndex((part) => part === "input");
+  const aboveInput = inputWrapperOrder[inputIndex - 1];
+  const belowInput = inputWrapperOrder[inputIndex + 1];
+  const offsetTop = hasDescription && aboveInput === "description" || hasError && aboveInput === "error";
+  const offsetBottom = hasDescription && belowInput === "description" || hasError && belowInput === "error";
+  return { offsetBottom, offsetTop };
 }
 
 exports.getInputOffsets = getInputOffsets;

package/cjs/components/Input/InputWrapper/get-input-offsets/get-input-offsets.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-input-offsets.js","sources":["../../../../../src/components/Input/InputWrapper/get-input-offsets/get-input-offsets.ts"],"sourcesContent":["export function getInputOffsets(\n  inputWrapperOrder: ('label' | 'input' | 'description' | 'error')[],\n  { hasDescription, hasError }: { hasDescription: boolean; hasError: boolean }\n) {\n  const inputIndex = inputWrapperOrder.findIndex((part) => part === 'input');\n  const aboveInput = inputWrapperOrder[inputIndex - 1];\n  const belowInput = inputWrapperOrder[inputIndex + 1];\n  const offsetTop =\n    (hasDescription && aboveInput === 'description') || (hasError && aboveInput === 'error');\n  const offsetBottom =\n    (hasDescription && belowInput === 'description') || (hasError && belowInput === 'error');\n  return { offsetBottom, offsetTop };\n}\n"],"names":[],"mappings":";;;;SAAgB,eAAe,CAC7B,iBAAkE,EAClE,EAAE,cAAc,EAAE,QAAQ,EAAkD;IAE5E,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,OAAO,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACrD,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACrD,MAAM,SAAS,GACb,CAAC,cAAc,IAAI,UAAU,KAAK,aAAa,MAAM,QAAQ,IAAI,UAAU,KAAK,OAAO,CAAC,CAAC;IAC3F,MAAM,YAAY,GAChB,CAAC,cAAc,IAAI,UAAU,KAAK,aAAa,MAAM,QAAQ,IAAI,UAAU,KAAK,OAAO,CAAC,CAAC;IAC3F,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AACrC;;;;"}
+{"version":3,"file":"get-input-offsets.js","sources":["../../../../../src/components/Input/InputWrapper/get-input-offsets/get-input-offsets.ts"],"sourcesContent":["export function getInputOffsets(\n  inputWrapperOrder: ('label' | 'input' | 'description' | 'error')[],\n  { hasDescription, hasError }: { hasDescription: boolean; hasError: boolean }\n) {\n  const inputIndex = inputWrapperOrder.findIndex((part) => part === 'input');\n  const aboveInput = inputWrapperOrder[inputIndex - 1];\n  const belowInput = inputWrapperOrder[inputIndex + 1];\n  const offsetTop =\n    (hasDescription && aboveInput === 'description') || (hasError && aboveInput === 'error');\n  const offsetBottom =\n    (hasDescription && belowInput === 'description') || (hasError && belowInput === 'error');\n  return { offsetBottom, offsetTop };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,eAAe,CAAC,iBAAiB,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE;AACjF,EAAE,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,OAAO,CAAC,CAAC;AAC7E,EAAE,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;AACvD,EAAE,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;AACvD,EAAE,MAAM,SAAS,GAAG,cAAc,IAAI,UAAU,KAAK,aAAa,IAAI,QAAQ,IAAI,UAAU,KAAK,OAAO,CAAC;AACzG,EAAE,MAAM,YAAY,GAAG,cAAc,IAAI,UAAU,KAAK,aAAa,IAAI,QAAQ,IAAI,UAAU,KAAK,OAAO,CAAC;AAC5G,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC;AACrC;;;;"}

package/cjs/components/Input/InputWrapper.context.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 const InputWrapperContext = React.createContext({
-    offsetBottom: false,
-    offsetTop: false,
-    describedBy: undefined,
-    getStyles: null,
+  offsetBottom: false,
+  offsetTop: false,
+  describedBy: void 0,
+  getStyles: null
 });
 const InputWrapperProvider = InputWrapperContext.Provider;
 const useInputWrapperContext = () => React.useContext(InputWrapperContext);

package/cjs/components/Input/InputWrapper.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputWrapper.context.js","sources":["../../../src/components/Input/InputWrapper.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { GetStylesApi } from '../../core';\nimport type { InputWrapperFactory } from './InputWrapper/InputWrapper';\n\ninterface InputWrapperContextValue {\n  offsetTop: boolean;\n  offsetBottom: boolean;\n  describedBy: string | undefined;\n  getStyles: GetStylesApi<InputWrapperFactory> | null;\n}\n\nconst InputWrapperContext = createContext<InputWrapperContextValue>({\n  offsetBottom: false,\n  offsetTop: false,\n  describedBy: undefined,\n  getStyles: null,\n});\n\nexport const InputWrapperProvider = InputWrapperContext.Provider;\nexport const useInputWrapperContext = () => useContext(InputWrapperContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AAWA,MAAM,mBAAmB,GAAGA,mBAAa,CAA2B;IAClE,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,SAAS;IACtB,SAAS,EAAE,IAAI;CAChB,CAAC,CAAC;MAEU,oBAAoB,GAAG,mBAAmB,CAAC,SAAS;MACpD,sBAAsB,GAAG,MAAMC,gBAAU,CAAC,mBAAmB;;;;;"}
+{"version":3,"file":"InputWrapper.context.js","sources":["../../../src/components/Input/InputWrapper.context.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport { GetStylesApi } from '../../core';\nimport type { InputWrapperFactory } from './InputWrapper/InputWrapper';\n\ninterface InputWrapperContextValue {\n  offsetTop: boolean;\n  offsetBottom: boolean;\n  describedBy: string | undefined;\n  getStyles: GetStylesApi<InputWrapperFactory> | null;\n}\n\nconst InputWrapperContext = createContext<InputWrapperContextValue>({\n  offsetBottom: false,\n  offsetTop: false,\n  describedBy: undefined,\n  getStyles: null,\n});\n\nexport const InputWrapperProvider = InputWrapperContext.Provider;\nexport const useInputWrapperContext = () => useContext(InputWrapperContext);\n"],"names":["createContext","useContext"],"mappings":";;;;;;AACA,MAAM,mBAAmB,GAAGA,mBAAa,CAAC;AAC1C,EAAE,YAAY,EAAE,KAAK;AACrB,EAAE,SAAS,EAAE,KAAK;AAClB,EAAE,WAAW,EAAE,KAAK,CAAC;AACrB,EAAE,SAAS,EAAE,IAAI;AACjB,CAAC,CAAC,CAAC;AACS,MAAC,oBAAoB,GAAG,mBAAmB,CAAC,SAAS;AACrD,MAAC,sBAAsB,GAAG,MAAMC,gBAAU,CAAC,mBAAmB;;;;;"}

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

@@ -2,46 +2,132 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var hooks = require('@mantine/hooks');
 var useProps = require('../../core/MantineProvider/use-props/use-props.js');
 var extractStyleProps = require('../../core/Box/style-props/extract-style-props/extract-style-props.js');
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 function useInputProps(component, defaultProps, _props) {
-    const props = useProps.useProps(component, defaultProps, _props);
-    const { label, description, error, required, classNames, styles, className, unstyled, __staticSelector, __stylesApiProps, errorProps, labelProps, descriptionProps, wrapperProps: _wrapperProps, id, size, style, inputContainer, inputWrapperOrder, withAsterisk, variant, vars } = props, others = tslib.__rest(props, ["label", "description", "error", "required", "classNames", "styles", "className", "unstyled", "__staticSelector", "__stylesApiProps", "errorProps", "labelProps", "descriptionProps", "wrapperProps", "id", "size", "style", "inputContainer", "inputWrapperOrder", "withAsterisk", "variant", "vars"]);
-    const uid = hooks.useId(id);
-    const { styleProps, rest } = extractStyleProps.extractStyleProps(others);
-    const wrapperProps = Object.assign({ label,
-        description,
-        error,
-        required,
-        classNames,
-        className,
-        __staticSelector, __stylesApiProps: __stylesApiProps || props, errorProps,
-        labelProps,
-        descriptionProps,
-        unstyled,
-        styles, id: uid, size,
-        style,
-        inputContainer,
-        inputWrapperOrder,
-        withAsterisk,
-        variant }, _wrapperProps);
-    return Object.assign(Object.assign({}, rest), { classNames,
-        styles,
-        unstyled, wrapperProps: Object.assign(Object.assign({}, wrapperProps), styleProps), inputProps: {
-            required,
-            classNames,
-            styles,
-            unstyled,
-            id: uid,
-            size,
-            __staticSelector,
-            __stylesApiProps: __stylesApiProps || props,
-            error,
-            variant,
-        } });
+  const props = useProps.useProps(component, defaultProps, _props);
+  const _a = props, {
+    label,
+    description,
+    error,
+    required,
+    classNames,
+    styles,
+    className,
+    unstyled,
+    __staticSelector,
+    __stylesApiProps,
+    errorProps,
+    labelProps,
+    descriptionProps,
+    wrapperProps: _wrapperProps,
+    id,
+    size,
+    style,
+    inputContainer,
+    inputWrapperOrder,
+    withAsterisk,
+    variant,
+    vars
+  } = _a, others = __objRest(_a, [
+    "label",
+    "description",
+    "error",
+    "required",
+    "classNames",
+    "styles",
+    "className",
+    "unstyled",
+    "__staticSelector",
+    "__stylesApiProps",
+    "errorProps",
+    "labelProps",
+    "descriptionProps",
+    "wrapperProps",
+    "id",
+    "size",
+    "style",
+    "inputContainer",
+    "inputWrapperOrder",
+    "withAsterisk",
+    "variant",
+    "vars"
+  ]);
+  const uid = hooks.useId(id);
+  const { styleProps, rest } = extractStyleProps.extractStyleProps(others);
+  const wrapperProps = __spreadValues({
+    label,
+    description,
+    error,
+    required,
+    classNames,
+    className,
+    __staticSelector,
+    __stylesApiProps: __stylesApiProps || props,
+    errorProps,
+    labelProps,
+    descriptionProps,
+    unstyled,
+    styles,
+    id: uid,
+    size,
+    style,
+    inputContainer,
+    inputWrapperOrder,
+    withAsterisk,
+    variant
+  }, _wrapperProps);
+  return __spreadProps(__spreadValues({}, rest), {
+    classNames,
+    styles,
+    unstyled,
+    wrapperProps: __spreadValues(__spreadValues({}, wrapperProps), styleProps),
+    inputProps: {
+      required,
+      classNames,
+      styles,
+      unstyled,
+      id: uid,
+      size,
+      __staticSelector,
+      __stylesApiProps: __stylesApiProps || props,
+      error,
+      variant
+    }
+  });
 }
 
 exports.useInputProps = useInputProps;

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

@@ -1 +1 @@
-{"version":3,"file":"use-input-props.js","sources":["../../../src/components/Input/use-input-props.ts"],"sourcesContent":["import { useId } from '@mantine/hooks';\nimport { extractStyleProps, useProps, BoxProps, StylesApiProps } from '../../core';\nimport { __BaseInputProps } from './Input';\n\ninterface BaseProps\n  extends __BaseInputProps,\n    BoxProps,\n    StylesApiProps<{ props: any; stylesNames: string }> {\n  __staticSelector?: string;\n  __stylesApiProps?: Record<string, any>;\n  id?: string;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T>>(\n  component: string,\n  defaultProps: U,\n  _props: T\n) {\n  const props = useProps<T>(component, defaultProps, _props);\n  const {\n    label,\n    description,\n    error,\n    required,\n    classNames,\n    styles,\n    className,\n    unstyled,\n    __staticSelector,\n    __stylesApiProps,\n    errorProps,\n    labelProps,\n    descriptionProps,\n    wrapperProps: _wrapperProps,\n    id,\n    size,\n    style,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    variant,\n    vars,\n    ...others\n  } = props;\n\n  const uid = useId(id);\n\n  const { styleProps, rest } = extractStyleProps(others);\n\n  const wrapperProps = {\n    label,\n    description,\n    error,\n    required,\n    classNames,\n    className,\n    __staticSelector,\n    __stylesApiProps: __stylesApiProps || props,\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  };\n\n  return {\n    ...rest,\n    classNames,\n    styles,\n    unstyled,\n    wrapperProps: { ...wrapperProps, ...styleProps } as typeof wrapperProps & BoxProps,\n    inputProps: {\n      required,\n      classNames,\n      styles,\n      unstyled,\n      id: uid,\n      size,\n      __staticSelector,\n      __stylesApiProps: __stylesApiProps || props,\n      error,\n      variant,\n    },\n  };\n}\n"],"names":["useProps","useId","extractStyleProps"],"mappings":";;;;;;;;;SAagB,aAAa,CAC3B,SAAiB,EACjB,YAAe,EACf,MAAS;IAET,MAAM,KAAK,GAAGA,iBAAQ,CAAI,SAAS,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,EACJ,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,MAAM,EACN,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,YAAY,EAAE,aAAa,EAC3B,EAAE,EACF,IAAI,EACJ,KAAK,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,IAAI,KAEF,KAAK,EADJ,MAAM,gBACP,KAAK,EAxBH,uSAwBL,CAAQ,CAAC;IAEV,MAAM,GAAG,GAAGC,WAAK,CAAC,EAAE,CAAC,CAAC;IAEtB,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAGC,mCAAiB,CAAC,MAAM,CAAC,CAAC;IAEvD,MAAM,YAAY,mBAChB,KAAK;QACL,WAAW;QACX,KAAK;QACL,QAAQ;QACR,UAAU;QACV,SAAS;QACT,gBAAgB,EAChB,gBAAgB,EAAE,gBAAgB,IAAI,KAAK,EAC3C,UAAU;QACV,UAAU;QACV,gBAAgB;QAChB,QAAQ;QACR,MAAM,EACN,EAAE,EAAE,GAAG,EACP,IAAI;QACJ,KAAK;QACL,cAAc;QACd,iBAAiB;QACjB,YAAY;QACZ,OAAO,IACJ,aAAa,CACjB,CAAC;IAEF,uCACK,IAAI,KACP,UAAU;QACV,MAAM;QACN,QAAQ,EACR,YAAY,EAAE,gCAAK,YAAY,GAAK,UAAU,CAAoC,EAClF,UAAU,EAAE;YACV,QAAQ;YACR,UAAU;YACV,MAAM;YACN,QAAQ;YACR,EAAE,EAAE,GAAG;YACP,IAAI;YACJ,gBAAgB;YAChB,gBAAgB,EAAE,gBAAgB,IAAI,KAAK;YAC3C,KAAK;YACL,OAAO;SACR,IACD;AACJ;;;;"}
+{"version":3,"file":"use-input-props.js","sources":["../../../src/components/Input/use-input-props.ts"],"sourcesContent":["import { useId } from '@mantine/hooks';\nimport { extractStyleProps, useProps, BoxProps, StylesApiProps } from '../../core';\nimport { __BaseInputProps } from './Input';\n\ninterface BaseProps\n  extends __BaseInputProps,\n    BoxProps,\n    StylesApiProps<{ props: any; stylesNames: string }> {\n  __staticSelector?: string;\n  __stylesApiProps?: Record<string, any>;\n  id?: string;\n}\n\nexport function useInputProps<T extends BaseProps, U extends Partial<T>>(\n  component: string,\n  defaultProps: U,\n  _props: T\n) {\n  const props = useProps<T>(component, defaultProps, _props);\n  const {\n    label,\n    description,\n    error,\n    required,\n    classNames,\n    styles,\n    className,\n    unstyled,\n    __staticSelector,\n    __stylesApiProps,\n    errorProps,\n    labelProps,\n    descriptionProps,\n    wrapperProps: _wrapperProps,\n    id,\n    size,\n    style,\n    inputContainer,\n    inputWrapperOrder,\n    withAsterisk,\n    variant,\n    vars,\n    ...others\n  } = props;\n\n  const uid = useId(id);\n\n  const { styleProps, rest } = extractStyleProps(others);\n\n  const wrapperProps = {\n    label,\n    description,\n    error,\n    required,\n    classNames,\n    className,\n    __staticSelector,\n    __stylesApiProps: __stylesApiProps || props,\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  };\n\n  return {\n    ...rest,\n    classNames,\n    styles,\n    unstyled,\n    wrapperProps: { ...wrapperProps, ...styleProps } as typeof wrapperProps & BoxProps,\n    inputProps: {\n      required,\n      classNames,\n      styles,\n      unstyled,\n      id: uid,\n      size,\n      __staticSelector,\n      __stylesApiProps: __stylesApiProps || props,\n      error,\n      variant,\n    },\n  };\n}\n"],"names":["useProps","useId","extractStyleProps"],"mappings":"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"}

package/cjs/components/InputBase/InputBase.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var useInputProps = require('../Input/use-input-props.js');
 var Input = require('../Input/Input.js');
@@ -12,16 +11,47 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const defaultProps = {
-    size: 'sm',
-    __staticSelector: 'InputBase',
+  size: "sm",
+  __staticSelector: "InputBase"
 };
 const InputBase = polymorphicFactory.polymorphicFactory((props, ref) => {
-    const _a = useInputProps.useInputProps('InputBase', defaultProps, props), { inputProps, wrapperProps } = _a, others = tslib.__rest(_a, ["inputProps", "wrapperProps"]);
-    return (React__default.createElement(Input.Input.Wrapper, Object.assign({}, wrapperProps),
-        React__default.createElement(Input.Input, Object.assign({}, inputProps, others, { ref: ref }))));
+  const _a = useInputProps.useInputProps("InputBase", defaultProps, props), { inputProps, wrapperProps } = _a, others = __objRest(_a, ["inputProps", "wrapperProps"]);
+  return /* @__PURE__ */ React__default.createElement(Input.Input.Wrapper, __spreadValues({}, wrapperProps), /* @__PURE__ */ React__default.createElement(Input.Input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), others), { ref })));
 });
-InputBase.displayName = '@mantine/core/InputBase';
+InputBase.classes = __spreadValues(__spreadValues({}, Input.Input.classes), Input.Input.Wrapper.classes);
+InputBase.displayName = "@mantine/core/InputBase";
 
 exports.InputBase = InputBase;
 //# sourceMappingURL=InputBase.js.map

package/cjs/components/InputBase/InputBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputBase.js","sources":["../../../src/components/InputBase/InputBase.tsx"],"sourcesContent":["import React from 'react';\nimport { BoxProps, StylesApiProps, polymorphicFactory, PolymorphicFactory } from '../../core';\nimport { __InputStylesNames, __BaseInputProps, InputVariant, useInputProps, Input } from '../Input';\n\nexport interface InputBaseProps\n  extends BoxProps,\n    __BaseInputProps,\n    StylesApiProps<InputBaseFactory> {\n  __staticSelector?: string;\n\n  /** Props passed to the root element (`Input.Wrapper` component) */\n  wrapperProps?: Record<string, any>;\n}\n\nexport type InputBaseFactory = PolymorphicFactory<{\n  props: InputBaseProps;\n  defaultRef: HTMLInputElement;\n  defaultComponent: 'input';\n  stylesNames: __InputStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<InputBaseProps> = {\n  size: 'sm',\n  __staticSelector: 'InputBase',\n};\n\nexport const InputBase = polymorphicFactory<InputBaseFactory>((props, ref) => {\n  const { inputProps, wrapperProps, ...others } = useInputProps('InputBase', defaultProps, props);\n  return (\n    <Input.Wrapper {...wrapperProps}>\n      <Input {...inputProps} {...others} ref={ref} />\n    </Input.Wrapper>\n  );\n});\n\nInputBase.displayName = '@mantine/core/InputBase';\n"],"names":["polymorphicFactory","useInputProps","React","Input"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAM,YAAY,GAA4B;IAC5C,IAAI,EAAE,IAAI;IACV,gBAAgB,EAAE,WAAW;CAC9B,CAAC;MAEW,SAAS,GAAGA,qCAAkB,CAAmB,CAAC,KAAK,EAAE,GAAG;IACvE,MAAM,KAA0CC,2BAAa,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,EAAzF,EAAE,UAAU,EAAE,YAAY,OAA+D,EAA1D,MAAM,oBAArC,8BAAuC,CAAkD,CAAC;IAChG,QACEC,6BAACC,WAAK,CAAC,OAAO,oBAAK,YAAY;QAC7BD,6BAACC,WAAK,oBAAK,UAAU,EAAM,MAAM,IAAE,GAAG,EAAE,GAAG,IAAI,CACjC,EAChB;AACJ,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,yBAAyB;;;;"}
+{"version":3,"file":"InputBase.js","sources":["../../../src/components/InputBase/InputBase.tsx"],"sourcesContent":["import React from 'react';\nimport { BoxProps, StylesApiProps, polymorphicFactory, PolymorphicFactory } from '../../core';\nimport { __InputStylesNames, __BaseInputProps, InputVariant, useInputProps, Input } from '../Input';\n\nexport interface InputBaseProps\n  extends BoxProps,\n    __BaseInputProps,\n    StylesApiProps<InputBaseFactory> {\n  __staticSelector?: string;\n\n  /** Props passed to the root element (`Input.Wrapper` component) */\n  wrapperProps?: Record<string, any>;\n}\n\nexport type InputBaseFactory = PolymorphicFactory<{\n  props: InputBaseProps;\n  defaultRef: HTMLInputElement;\n  defaultComponent: 'input';\n  stylesNames: __InputStylesNames;\n  variant: InputVariant;\n}>;\n\nconst defaultProps: Partial<InputBaseProps> = {\n  size: 'sm',\n  __staticSelector: 'InputBase',\n};\n\nexport const InputBase = polymorphicFactory<InputBaseFactory>((props, ref) => {\n  const { inputProps, wrapperProps, ...others } = useInputProps('InputBase', defaultProps, props);\n  return (\n    <Input.Wrapper {...wrapperProps}>\n      <Input {...inputProps} {...others} ref={ref} />\n    </Input.Wrapper>\n  );\n});\n\nInputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };\nInputBase.displayName = '@mantine/core/InputBase';\n"],"names":["polymorphicFactory","useInputProps","React","Input"],"mappings":"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"}

package/cjs/components/Kbd/Kbd.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var Kbd_module = require('./Kbd.module.css.js');
 var factory = require('../../core/factory/factory.js');
@@ -16,33 +15,62 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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 defaultProps = {
-    size: 'sm',
+  size: "sm"
 };
 const varsResolver = createVarsResolver.createVarsResolver((_, { size }) => ({
-    root: {
-        '--kbd-fz': getSize.getSize(size, 'kbd-fz'),
-        '--kbd-padding': getSize.getSize(size, 'kbd-padding'),
-    },
+  root: {
+    "--kbd-fz": getSize.getSize(size, "kbd-fz"),
+    "--kbd-padding": getSize.getSize(size, "kbd-padding")
+  }
 }));
 const Kbd = factory.factory((_props, ref) => {
-    const props = useProps.useProps('Kbd', defaultProps, _props);
-    const { classNames, className, style, styles, unstyled, vars } = props, others = tslib.__rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
-    const getStyles = useStyles.useStyles({
-        name: 'Kbd',
-        classes: Kbd_module['default'],
-        props,
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-        vars,
-        varsResolver,
-    });
-    return React__default.createElement(Box.Box, Object.assign({ component: "kbd", ref: ref }, getStyles('root'), others));
+  const props = useProps.useProps("Kbd", defaultProps, _props);
+  const _a = props, { classNames, className, style, styles, unstyled, vars } = _a, others = __objRest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars"]);
+  const getStyles = useStyles.useStyles({
+    name: "Kbd",
+    classes: Kbd_module['default'],
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React__default.createElement(Box.Box, __spreadValues(__spreadValues({ component: "kbd", ref }, getStyles("root")), others));
 });
-Kbd.displayName = '@mantine/core/Kbd';
+Kbd.classes = Kbd_module['default'];
+Kbd.displayName = "@mantine/core/Kbd";
 
 exports.Kbd = Kbd;
 //# sourceMappingURL=Kbd.js.map

package/cjs/components/Kbd/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  getSize,\n  MantineSize,\n} from '../../core';\nimport classes from './Kbd.module.css';\n\nexport type KbdStylesNames = 'root';\nexport type KbdVariant = string;\nexport type KbdCssVariables = {\n  root: '--kbd-padding' | '--kbd-fz';\n};\n\nexport interface KbdProps extends BoxProps, StylesApiProps<KbdFactory>, ElementProps<'kbd'> {\n  /** Controls font-size and padding, `'sm'` by default */\n  size?: MantineSize | (string & {});\n}\n\nexport type KbdFactory = Factory<{\n  props: KbdProps;\n  ref: HTMLElement;\n  stylesNames: KbdStylesNames;\n  vars: KbdCssVariables;\n  variant: KbdVariant;\n}>;\n\nconst defaultProps: Partial<KbdProps> = {\n  size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<KbdFactory>((_, { size }) => ({\n  root: {\n    '--kbd-fz': getSize(size, 'kbd-fz'),\n    '--kbd-padding': getSize(size, 'kbd-padding'),\n  },\n}));\n\nexport const Kbd = factory<KbdFactory>((_props, ref) => {\n  const props = useProps('Kbd', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n\n  const getStyles = useStyles<KbdFactory>({\n    name: 'Kbd',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return <Box component=\"kbd\" ref={ref} {...getStyles('root')} {...others} />;\n});\n\nKbd.displayName = '@mantine/core/Kbd';\n"],"names":["createVarsResolver","getSize","factory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;AAmCA,MAAM,YAAY,GAAsB;IACtC,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,YAAY,GAAGA,qCAAkB,CAAa,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;IACpE,IAAI,EAAE;QACJ,UAAU,EAAEC,eAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnC,eAAe,EAAEA,eAAO,CAAC,IAAI,EAAE,aAAa,CAAC;KAC9C;CACF,CAAC,CAAC,CAAC;MAES,GAAG,GAAGC,eAAO,CAAa,CAAC,MAAM,EAAE,GAAG;IACjD,MAAM,KAAK,GAAGC,iBAAQ,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACpD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,KAAgB,KAAK,EAAhB,MAAM,gBAAK,KAAK,EAA3E,kEAAmE,CAAQ,CAAC;IAElF,MAAM,SAAS,GAAGC,mBAAS,CAAa;QACtC,IAAI,EAAE,KAAK;iBACXC,qBAAO;QACP,KAAK;QACL,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,OAAOC,6BAACC,OAAG,kBAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAE,GAAG,IAAM,SAAS,CAAC,MAAM,CAAC,EAAM,MAAM,EAAI,CAAC;AAC9E,CAAC,EAAE;AAEH,GAAG,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"Kbd.js","sources":["../../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  createVarsResolver,\n  Factory,\n  getSize,\n  MantineSize,\n} from '../../core';\nimport classes from './Kbd.module.css';\n\nexport type KbdStylesNames = 'root';\nexport type KbdVariant = string;\nexport type KbdCssVariables = {\n  root: '--kbd-padding' | '--kbd-fz';\n};\n\nexport interface KbdProps extends BoxProps, StylesApiProps<KbdFactory>, ElementProps<'kbd'> {\n  /** Controls font-size and padding, `'sm'` by default */\n  size?: MantineSize | (string & {});\n}\n\nexport type KbdFactory = Factory<{\n  props: KbdProps;\n  ref: HTMLElement;\n  stylesNames: KbdStylesNames;\n  vars: KbdCssVariables;\n  variant: KbdVariant;\n}>;\n\nconst defaultProps: Partial<KbdProps> = {\n  size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<KbdFactory>((_, { size }) => ({\n  root: {\n    '--kbd-fz': getSize(size, 'kbd-fz'),\n    '--kbd-padding': getSize(size, 'kbd-padding'),\n  },\n}));\n\nexport const Kbd = factory<KbdFactory>((_props, ref) => {\n  const props = useProps('Kbd', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n\n  const getStyles = useStyles<KbdFactory>({\n    name: 'Kbd',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return <Box component=\"kbd\" ref={ref} {...getStyles('root')} {...others} />;\n});\n\nKbd.classes = classes;\nKbd.displayName = '@mantine/core/Kbd';\n"],"names":["createVarsResolver","getSize","factory","useProps","useStyles","classes","React","Box"],"mappings":"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"}

package/cjs/components/Loader/Loader.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
 var React = require('react');
 var Bars = require('./loaders/Bars.js');
 var Oval = require('./loaders/Oval.js');
@@ -20,40 +19,104 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 const defaultLoaders = {
-    bars: Bars.Bars,
-    oval: Oval.Oval,
-    dots: Dots.Dots,
+  bars: Bars.Bars,
+  oval: Oval.Oval,
+  dots: Dots.Dots
 };
 const defaultProps = {
-    size: 'md',
-    loaders: defaultLoaders,
-    type: 'oval',
+  size: "md",
+  loaders: defaultLoaders,
+  type: "oval"
 };
 const varsResolver = createVarsResolver.createVarsResolver((theme, { size, color }) => ({
-    root: {
-        '--loader-size': getSize.getSize(size, 'loader-size'),
-        '--loader-color': getThemeColor.getThemeColor(color, theme),
-    },
+  root: {
+    "--loader-size": getSize.getSize(size, "loader-size"),
+    "--loader-color": getThemeColor.getThemeColor(color, theme)
+  }
 }));
 const Loader = factory.factory((_props, ref) => {
-    const props = useProps.useProps('Loader', defaultProps, _props);
-    const { size, color, type, vars, className, style, classNames, styles, unstyled, loaders, variant } = props, others = tslib.__rest(props, ["size", "color", "type", "vars", "className", "style", "classNames", "styles", "unstyled", "loaders", "variant"]);
-    const getStyles = useStyles.useStyles({
-        name: 'Loader',
-        props,
-        classes: Loader_module['default'],
-        className,
-        style,
-        classNames,
-        styles,
-        unstyled,
-        vars,
-        varsResolver,
-    });
-    return (React__default.createElement(Box.Box, Object.assign({}, getStyles('root'), { ref: ref, component: loaders[type], variant: variant, size: size }, others)));
+  const props = useProps.useProps("Loader", defaultProps, _props);
+  const _a = props, {
+    size,
+    color,
+    type,
+    vars,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    loaders,
+    variant
+  } = _a, others = __objRest(_a, [
+    "size",
+    "color",
+    "type",
+    "vars",
+    "className",
+    "style",
+    "classNames",
+    "styles",
+    "unstyled",
+    "loaders",
+    "variant"
+  ]);
+  const getStyles = useStyles.useStyles({
+    name: "Loader",
+    props,
+    classes: Loader_module['default'],
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  return /* @__PURE__ */ React__default.createElement(
+    Box.Box,
+    __spreadValues(__spreadProps(__spreadValues({}, getStyles("root")), {
+      ref,
+      component: loaders[type],
+      variant,
+      size
+    }), others)
+  );
 });
-Loader.displayName = '@mantine/core/Loader';
+Loader.classes = Loader_module['default'];
+Loader.displayName = "@mantine/core/Loader";
 
 exports.Loader = Loader;
 exports.defaultLoaders = defaultLoaders;

package/cjs/components/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  MantineSize,\n  MantineColor,\n  BoxProps,\n  useProps,\n  getThemeColor,\n  StylesApiProps,\n  useStyles,\n  factory,\n  getSize,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { Bars } from './loaders/Bars';\nimport { Oval } from './loaders/Oval';\nimport { Dots } from './loaders/Dots';\nimport type { MantineLoader, MantineLoadersRecord } from './Loader.types';\nimport classes from './Loader.module.css';\n\nexport type LoaderStylesNames = 'root';\nexport type LoaderVariant = string;\nexport type LoaderCssVariables = {\n  root: '--loader-size' | '--loader-color';\n};\n\nexport interface LoaderProps\n  extends BoxProps,\n    StylesApiProps<LoaderFactory>,\n    Omit<React.ComponentPropsWithoutRef<'svg'>, keyof BoxProps> {\n  /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. Default value is `'md'` */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`  */\n  color?: MantineColor;\n\n  /** Loader type, key of `loaders` prop, default value is `'oval'` */\n  type?: MantineLoader;\n\n  /** Object of loaders components, can be customized via default props or inline. Default value contains `bars`, `oval` and `dots` */\n  loaders?: MantineLoadersRecord;\n}\n\nexport type LoaderFactory = Factory<{\n  props: LoaderProps;\n  ref: HTMLSpanElement;\n  stylesNames: LoaderStylesNames;\n  vars: LoaderCssVariables;\n  staticComponents: {\n    defaultLoaders: typeof defaultLoaders;\n  };\n}>;\n\nexport const defaultLoaders: MantineLoadersRecord = {\n  bars: Bars,\n  oval: Oval,\n  dots: Dots,\n};\n\nconst defaultProps: Partial<LoaderProps> = {\n  size: 'md',\n  loaders: defaultLoaders,\n  type: 'oval',\n};\n\nconst varsResolver = createVarsResolver<LoaderFactory>((theme, { size, color }) => ({\n  root: {\n    '--loader-size': getSize(size, 'loader-size'),\n    '--loader-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Loader = factory<LoaderFactory>((_props, ref) => {\n  const props = useProps('Loader', defaultProps, _props);\n  const {\n    size,\n    color,\n    type,\n    vars,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    loaders,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<LoaderFactory>({\n    name: 'Loader',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      ref={ref}\n      component={(loaders as any)[type!]}\n      variant={variant}\n      size={size}\n      {...others}\n    />\n  );\n});\n\nLoader.displayName = '@mantine/core/Loader';\n"],"names":["Bars","Oval","Dots","createVarsResolver","getSize","getThemeColor","factory","useProps","useStyles","classes","React","Box"],"mappings":";;;;;;;;;;;;;;;;;;;;;;MAsDa,cAAc,GAAyB;IAClD,IAAI,EAAEA,SAAI;IACV,IAAI,EAAEC,SAAI;IACV,IAAI,EAAEC,SAAI;EACV;AAEF,MAAM,YAAY,GAAyB;IACzC,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,YAAY,GAAGC,qCAAkB,CAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;IAClF,IAAI,EAAE;QACJ,eAAe,EAAEC,eAAO,CAAC,IAAI,EAAE,aAAa,CAAC;QAC7C,gBAAgB,EAAEC,2BAAa,CAAC,KAAK,EAAE,KAAK,CAAC;KAC9C;CACF,CAAC,CAAC,CAAC;MAES,MAAM,GAAGC,eAAO,CAAgB,CAAC,MAAM,EAAE,GAAG;IACvD,MAAM,KAAK,GAAGC,iBAAQ,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACvD,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,UAAU,EACV,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,KAEL,KAAK,EADJ,MAAM,gBACP,KAAK,EAbH,iHAaL,CAAQ,CAAC;IAEV,MAAM,SAAS,GAAGC,mBAAS,CAAgB;QACzC,IAAI,EAAE,QAAQ;QACd,KAAK;iBACLC,wBAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,QACEC,6BAACC,OAAG,oBACE,SAAS,CAAC,MAAM,CAAC,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,OAAe,CAAC,IAAK,CAAC,EAClC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;;"}
+{"version":3,"file":"Loader.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  MantineSize,\n  MantineColor,\n  BoxProps,\n  useProps,\n  getThemeColor,\n  StylesApiProps,\n  useStyles,\n  factory,\n  getSize,\n  createVarsResolver,\n  Factory,\n} from '../../core';\nimport { Bars } from './loaders/Bars';\nimport { Oval } from './loaders/Oval';\nimport { Dots } from './loaders/Dots';\nimport type { MantineLoader, MantineLoadersRecord } from './Loader.types';\nimport classes from './Loader.module.css';\n\nexport type LoaderStylesNames = 'root';\nexport type LoaderVariant = string;\nexport type LoaderCssVariables = {\n  root: '--loader-size' | '--loader-color';\n};\n\nexport interface LoaderProps\n  extends BoxProps,\n    StylesApiProps<LoaderFactory>,\n    Omit<React.ComponentPropsWithoutRef<'svg'>, keyof BoxProps> {\n  /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. Default value is `'md'` */\n  size?: MantineSize | (string & {}) | number;\n\n  /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`  */\n  color?: MantineColor;\n\n  /** Loader type, key of `loaders` prop, default value is `'oval'` */\n  type?: MantineLoader;\n\n  /** Object of loaders components, can be customized via default props or inline. Default value contains `bars`, `oval` and `dots` */\n  loaders?: MantineLoadersRecord;\n}\n\nexport type LoaderFactory = Factory<{\n  props: LoaderProps;\n  ref: HTMLSpanElement;\n  stylesNames: LoaderStylesNames;\n  vars: LoaderCssVariables;\n  staticComponents: {\n    defaultLoaders: typeof defaultLoaders;\n  };\n}>;\n\nexport const defaultLoaders: MantineLoadersRecord = {\n  bars: Bars,\n  oval: Oval,\n  dots: Dots,\n};\n\nconst defaultProps: Partial<LoaderProps> = {\n  size: 'md',\n  loaders: defaultLoaders,\n  type: 'oval',\n};\n\nconst varsResolver = createVarsResolver<LoaderFactory>((theme, { size, color }) => ({\n  root: {\n    '--loader-size': getSize(size, 'loader-size'),\n    '--loader-color': getThemeColor(color, theme),\n  },\n}));\n\nexport const Loader = factory<LoaderFactory>((_props, ref) => {\n  const props = useProps('Loader', defaultProps, _props);\n  const {\n    size,\n    color,\n    type,\n    vars,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    loaders,\n    variant,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<LoaderFactory>({\n    name: 'Loader',\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      {...getStyles('root')}\n      ref={ref}\n      component={(loaders as any)[type!]}\n      variant={variant}\n      size={size}\n      {...others}\n    />\n  );\n});\n\nLoader.classes = classes;\nLoader.displayName = '@mantine/core/Loader';\n"],"names":["Bars","Oval","Dots","createVarsResolver","getSize","getThemeColor","factory","useProps","useStyles","classes","React","Box"],"mappings":"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"}