@mantine/core 7.0.0-alpha.7 → 7.0.0-alpha.9

package/esm/components/Input/InputLabel/InputLabel.js

@@ -1,4 +1,4 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import { useInputWrapperContext } from '../InputWrapper.context.js';
 import classes from '../InputWrapper/InputWrapper.module.css.js';
@@ -9,113 +9,44 @@ import { Box } from '../../../core/Box/Box.js';
 import { createVarsResolver } from '../../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
 import { getFontSize } from '../../../core/utils/get-size/get-size.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;
-};
 const defaultProps = {
-  size: "sm",
-  labelElement: "label"
+    size: 'sm',
+    labelElement: 'label',
 };
 const varsResolver = createVarsResolver((_, { size }) => ({
-  label: {
-    "--input-label-size": getFontSize(size),
-    "--input-asterisk-color": "var(--mantine-color-red-filled)"
-  }
+    label: {
+        '--input-label-size': getFontSize(size),
+        '--input-asterisk-color': 'var(--mantine-color-red-filled)',
+    },
 }));
 const InputLabel = factory((_props, ref) => {
-  const props = useProps("InputLabel", defaultProps, _props);
-  const _a = useProps("InputLabel", defaultProps, props), {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    labelElement,
-    size,
-    required,
-    htmlFor,
-    onMouseDown,
-    children,
-    __staticSelector,
-    variant
-  } = _a, others = __objRest(_a, [
-    "classNames",
-    "className",
-    "style",
-    "styles",
-    "unstyled",
-    "vars",
-    "labelElement",
-    "size",
-    "required",
-    "htmlFor",
-    "onMouseDown",
-    "children",
-    "__staticSelector",
-    "variant"
-  ]);
-  const _getStyles = useStyles({
-    name: ["InputWrapper", __staticSelector],
-    props,
-    classes,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    rootSelector: "label",
-    vars,
-    varsResolver
-  });
-  const ctx = useInputWrapperContext();
-  const getStyles = ctx.getStyles || _getStyles;
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("label")), {
-    component: labelElement,
-    variant,
-    size,
-    ref,
-    htmlFor: labelElement === "label" ? htmlFor : void 0,
-    mod: { required },
-    onMouseDown: (event) => {
-      onMouseDown == null ? void 0 : onMouseDown(event);
-      if (!event.defaultPrevented && event.detail > 1) {
-        event.preventDefault();
-      }
-    }
-  }), others), children, required && /* @__PURE__ */ React.createElement("span", __spreadProps(__spreadValues({}, getStyles("required")), {
-    "aria-hidden": true
-  }), " *"));
+    const props = useProps('InputLabel', defaultProps, _props);
+    const _a = useProps('InputLabel', defaultProps, props), { classNames, className, style, styles, unstyled, vars, labelElement, size, required, htmlFor, onMouseDown, children, __staticSelector, variant } = _a, others = __rest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "labelElement", "size", "required", "htmlFor", "onMouseDown", "children", "__staticSelector", "variant"]);
+    const _getStyles = useStyles({
+        name: ['InputWrapper', __staticSelector],
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        rootSelector: 'label',
+        vars,
+        varsResolver,
+    });
+    const ctx = useInputWrapperContext();
+    const getStyles = ctx.getStyles || _getStyles;
+    return (React.createElement(Box, Object.assign({}, getStyles('label'), { component: labelElement, variant: variant, size: size, ref: ref, htmlFor: labelElement === 'label' ? htmlFor : undefined, mod: { required }, onMouseDown: (event) => {
+            onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
+            if (!event.defaultPrevented && event.detail > 1) {
+                event.preventDefault();
+            }
+        } }, others),
+        children,
+        required && (React.createElement("span", Object.assign({}, getStyles('required'), { "aria-hidden": true }), ' *'))));
 });
-InputLabel.displayName = "@mantine/core/InputLabel";
+InputLabel.displayName = '@mantine/core/InputLabel';
 
 export { InputLabel };
 //# sourceMappingURL=InputLabel.js.map

package/esm/components/Input/InputLabel/InputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.js","sources":["../../../../src/components/Input/InputLabel/InputLabel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineSize,\n  getFontSize,\n  createVarsResolver,\n  Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputLabelStylesNames = 'label' | 'required';\nexport type InputLabelVariant = string;\nexport type InputLabelCssVariables = {\n  label: '--input-asterisk-color' | '--input-label-size';\n};\n\nexport interface InputLabelProps\n  extends BoxProps,\n    StylesApiProps<InputLabelFactory>,\n    ElementProps<'label'> {\n  __staticSelector?: string;\n\n  /** Determines whether required asterisk should be displayed  */\n  required?: boolean;\n\n  /** Controls label `font-size`, `'sm'` by default */\n  size?: MantineSize | (string & {});\n\n  /** Root element of the label, `'label'` by default */\n  labelElement?: 'label' | 'div';\n}\n\nexport type InputLabelFactory = Factory<{\n  props: InputLabelProps;\n  ref: HTMLLabelElement;\n  stylesNames: InputLabelStylesNames;\n  vars: InputLabelCssVariables;\n  variant: InputLabelVariant;\n}>;\n\nconst defaultProps: Partial<InputLabelProps> = {\n  size: 'sm',\n  labelElement: 'label',\n};\n\nconst varsResolver = createVarsResolver<InputLabelFactory>((_, { size }) => ({\n  label: {\n    '--input-label-size': getFontSize(size),\n    '--input-asterisk-color': 'var(--mantine-color-red-filled)',\n  },\n}));\n\nexport const InputLabel = factory<InputLabelFactory>((_props, ref) => {\n  const props = useProps('InputLabel', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    labelElement,\n    size,\n    required,\n    htmlFor,\n    onMouseDown,\n    children,\n    __staticSelector,\n    variant,\n    ...others\n  } = useProps('InputLabel', defaultProps, props);\n\n  const _getStyles = useStyles<InputLabelFactory>({\n    name: ['InputWrapper', __staticSelector],\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'label',\n    vars,\n    varsResolver,\n  });\n\n  const ctx = useInputWrapperContext();\n  const getStyles = ctx.getStyles || _getStyles;\n\n  return (\n    <Box\n      {...getStyles('label')}\n      component={labelElement as 'label'}\n      variant={variant}\n      size={size}\n      ref={ref}\n      htmlFor={labelElement === 'label' ? htmlFor : undefined}\n      mod={{ required }}\n      onMouseDown={(event) => {\n        onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) {\n          event.preventDefault();\n        }\n      }}\n      {...others}\n    >\n      {children}\n      {required && (\n        <span {...getStyles('required')} aria-hidden>\n          {' *'}\n        </span>\n      )}\n    </Box>\n  );\n});\n\nInputLabel.displayName = '@mantine/core/InputLabel';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAYF,MAAM,YAAY,GAAG;AACrB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,YAAY,EAAE,OAAO;AACvB,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;AAC1D,EAAE,KAAK,EAAE;AACT,IAAI,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC;AAC3C,IAAI,wBAAwB,EAAE,iCAAiC;AAC/D,GAAG;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,UAAU,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACnD,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC7D,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;AAC1D,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,IAAI,OAAO;AACX,IAAI,WAAW;AACf,IAAI,QAAQ;AACZ,IAAI,gBAAgB;AACpB,IAAI,OAAO;AACX,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,cAAc;AAClB,IAAI,MAAM;AACV,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,aAAa;AACjB,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,IAAI,SAAS;AACb,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,UAAU,GAAG,SAAS,CAAC;AAC/B,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC;AAC5C,IAAI,KAAK;AACT,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,YAAY,EAAE,OAAO;AACzB,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,GAAG,GAAG,sBAAsB,EAAE,CAAC;AACvC,EAAE,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,IAAI,UAAU,CAAC;AAChD,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC,EAAE;AACvH,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,OAAO;AACX,IAAI,IAAI;AACR,IAAI,GAAG;AACP,IAAI,OAAO,EAAE,YAAY,KAAK,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AACxD,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE;AACrB,IAAI,WAAW,EAAE,CAAC,KAAK,KAAK;AAC5B,MAAM,WAAW,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;AACxD,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACvD,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,OAAO;AACP,KAAK;AACL,GAAG,CAAC,EAAE,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAQ,oBAAoB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,EAAE;AAC1I,IAAI,aAAa,EAAE,IAAI;AACvB,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;AACb,CAAC,EAAE;AACH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;"}
+{"version":3,"file":"InputLabel.js","sources":["../../../../src/components/Input/InputLabel/InputLabel.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineSize,\n  getFontSize,\n  createVarsResolver,\n  Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputLabelStylesNames = 'label' | 'required';\nexport type InputLabelVariant = string;\nexport type InputLabelCssVariables = {\n  label: '--input-asterisk-color' | '--input-label-size';\n};\n\nexport interface InputLabelProps\n  extends BoxProps,\n    StylesApiProps<InputLabelFactory>,\n    ElementProps<'label'> {\n  __staticSelector?: string;\n\n  /** Determines whether required asterisk should be displayed  */\n  required?: boolean;\n\n  /** Controls label `font-size`, `'sm'` by default */\n  size?: MantineSize | (string & {});\n\n  /** Root element of the label, `'label'` by default */\n  labelElement?: 'label' | 'div';\n}\n\nexport type InputLabelFactory = Factory<{\n  props: InputLabelProps;\n  ref: HTMLLabelElement;\n  stylesNames: InputLabelStylesNames;\n  vars: InputLabelCssVariables;\n  variant: InputLabelVariant;\n}>;\n\nconst defaultProps: Partial<InputLabelProps> = {\n  size: 'sm',\n  labelElement: 'label',\n};\n\nconst varsResolver = createVarsResolver<InputLabelFactory>((_, { size }) => ({\n  label: {\n    '--input-label-size': getFontSize(size),\n    '--input-asterisk-color': 'var(--mantine-color-red-filled)',\n  },\n}));\n\nexport const InputLabel = factory<InputLabelFactory>((_props, ref) => {\n  const props = useProps('InputLabel', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    labelElement,\n    size,\n    required,\n    htmlFor,\n    onMouseDown,\n    children,\n    __staticSelector,\n    variant,\n    ...others\n  } = useProps('InputLabel', defaultProps, props);\n\n  const _getStyles = useStyles<InputLabelFactory>({\n    name: ['InputWrapper', __staticSelector],\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'label',\n    vars,\n    varsResolver,\n  });\n\n  const ctx = useInputWrapperContext();\n  const getStyles = ctx.getStyles || _getStyles;\n\n  return (\n    <Box\n      {...getStyles('label')}\n      component={labelElement as 'label'}\n      variant={variant}\n      size={size}\n      ref={ref}\n      htmlFor={labelElement === 'label' ? htmlFor : undefined}\n      mod={{ required }}\n      onMouseDown={(event) => {\n        onMouseDown?.(event);\n        if (!event.defaultPrevented && event.detail > 1) {\n          event.preventDefault();\n        }\n      }}\n      {...others}\n    >\n      {children}\n      {required && (\n        <span {...getStyles('required')} aria-hidden>\n          {' *'}\n        </span>\n      )}\n    </Box>\n  );\n});\n\nInputLabel.displayName = '@mantine/core/InputLabel';\n"],"names":[],"mappings":";;;;;;;;;;;AA+CA,MAAM,YAAY,GAA6B;IAC7C,IAAI,EAAE,IAAI;IACV,YAAY,EAAE,OAAO;CACtB,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAoB,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;IAC3E,KAAK,EAAE;QACL,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC;QACvC,wBAAwB,EAAE,iCAAiC;KAC5D;CACF,CAAC,CAAC,CAAC;MAES,UAAU,GAAG,OAAO,CAAoB,CAAC,MAAM,EAAE,GAAG;IAC/D,MAAM,KAAK,GAAG,QAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IAC3D,MAAM,KAgBF,QAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,EAhBzC,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,OAAO,OAEsC,EAD1C,MAAM,cAfL,2KAgBL,CAA8C,CAAC;IAEhD,MAAM,UAAU,GAAG,SAAS,CAAoB;QAC9C,IAAI,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC;QACxC,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,YAAY,EAAE,OAAO;QACrB,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,sBAAsB,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,IAAI,UAAU,CAAC;IAE9C,QACE,oBAAC,GAAG,oBACE,SAAS,CAAC,OAAO,CAAC,IACtB,SAAS,EAAE,YAAuB,EAClC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,YAAY,KAAK,OAAO,GAAG,OAAO,GAAG,SAAS,EACvD,GAAG,EAAE,EAAE,QAAQ,EAAE,EACjB,WAAW,EAAE,CAAC,KAAK;YACjB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,KAAK,CAAC,CAAC;YACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;aACxB;SACF,IACG,MAAM;QAET,QAAQ;QACR,QAAQ,KACP,8CAAU,SAAS,CAAC,UAAU,CAAC,4BAC5B,IAAI,CACA,CACR,CACG,EACN;AACJ,CAAC,EAAE;AAEH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

package/esm/components/Input/InputPlaceholder/InputPlaceholder.js

@@ -1,4 +1,4 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import classes from './InputPlaceholder.module.css.js';
 import { factory } from '../../../core/factory/factory.js';
@@ -6,77 +6,24 @@ import { useProps } from '../../../core/MantineProvider/use-props/use-props.js';
 import { useStyles } from '../../../core/styles-api/use-styles/use-styles.js';
 import { Box } from '../../../core/Box/Box.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;
-};
 const defaultProps = {};
 const InputPlaceholder = factory((_props, ref) => {
-  const props = useProps("InputPlaceholder", defaultProps, _props);
-  const _a = useProps("InputPlaceholder", defaultProps, props), {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    __staticSelector,
-    variant
-  } = _a, others = __objRest(_a, [
-    "classNames",
-    "className",
-    "style",
-    "styles",
-    "unstyled",
-    "vars",
-    "__staticSelector",
-    "variant"
-  ]);
-  const getStyles = useStyles({
-    name: ["InputPlaceholder", __staticSelector],
-    props,
-    classes,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    rootSelector: "placeholder"
-  });
-  return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadProps(__spreadValues({}, getStyles("placeholder")), {
-    component: "span",
-    variant,
-    ref
-  }), others));
+    const props = useProps('InputPlaceholder', defaultProps, _props);
+    const _a = useProps('InputPlaceholder', defaultProps, props), { classNames, className, style, styles, unstyled, vars, __staticSelector, variant } = _a, others = __rest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "__staticSelector", "variant"]);
+    const getStyles = useStyles({
+        name: ['InputPlaceholder', __staticSelector],
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        rootSelector: 'placeholder',
+    });
+    return (React.createElement(Box, Object.assign({}, getStyles('placeholder'), { component: "span", variant: variant, ref: ref }, others)));
 });
-InputPlaceholder.displayName = "@mantine/core/InputPlaceholder";
+InputPlaceholder.displayName = '@mantine/core/InputPlaceholder';
 
 export { InputPlaceholder };
 //# sourceMappingURL=InputPlaceholder.js.map

package/esm/components/Input/InputPlaceholder/InputPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPlaceholder.js","sources":["../../../../src/components/Input/InputPlaceholder/InputPlaceholder.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n} from '../../../core';\nimport classes from './InputPlaceholder.module.css';\n\nexport type InputPlaceholderStylesNames = 'placeholder';\nexport type InputPlaceholderVariant = string;\n\nexport interface InputPlaceholderProps\n  extends BoxProps,\n    StylesApiProps<InputPlaceholderFactory>,\n    ElementProps<'span'> {\n  __staticSelector?: string;\n}\n\nexport type InputPlaceholderFactory = Factory<{\n  props: InputPlaceholderProps;\n  ref: HTMLSpanElement;\n  stylesNames: InputPlaceholderStylesNames;\n  variant: InputPlaceholderVariant;\n}>;\n\nconst defaultProps: Partial<InputPlaceholderProps> = {};\n\nexport const InputPlaceholder = factory<InputPlaceholderFactory>((_props, ref) => {\n  const props = useProps('InputPlaceholder', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    variant,\n    ...others\n  } = useProps('InputPlaceholder', defaultProps, props);\n\n  const getStyles = useStyles<InputPlaceholderFactory>({\n    name: ['InputPlaceholder', __staticSelector],\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'placeholder',\n  });\n\n  return (\n    <Box {...getStyles('placeholder')} component=\"span\" variant={variant} ref={ref} {...others} />\n  );\n});\n\nInputPlaceholder.displayName = '@mantine/core/InputPlaceholder';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"InputPlaceholder.js","sources":["../../../../src/components/Input/InputPlaceholder/InputPlaceholder.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  Factory,\n} from '../../../core';\nimport classes from './InputPlaceholder.module.css';\n\nexport type InputPlaceholderStylesNames = 'placeholder';\nexport type InputPlaceholderVariant = string;\n\nexport interface InputPlaceholderProps\n  extends BoxProps,\n    StylesApiProps<InputPlaceholderFactory>,\n    ElementProps<'span'> {\n  __staticSelector?: string;\n}\n\nexport type InputPlaceholderFactory = Factory<{\n  props: InputPlaceholderProps;\n  ref: HTMLSpanElement;\n  stylesNames: InputPlaceholderStylesNames;\n  variant: InputPlaceholderVariant;\n}>;\n\nconst defaultProps: Partial<InputPlaceholderProps> = {};\n\nexport const InputPlaceholder = factory<InputPlaceholderFactory>((_props, ref) => {\n  const props = useProps('InputPlaceholder', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    __staticSelector,\n    variant,\n    ...others\n  } = useProps('InputPlaceholder', defaultProps, props);\n\n  const getStyles = useStyles<InputPlaceholderFactory>({\n    name: ['InputPlaceholder', __staticSelector],\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'placeholder',\n  });\n\n  return (\n    <Box {...getStyles('placeholder')} component=\"span\" variant={variant} ref={ref} {...others} />\n  );\n});\n\nInputPlaceholder.displayName = '@mantine/core/InputPlaceholder';\n"],"names":[],"mappings":";;;;;;;;AA8BA,MAAM,YAAY,GAAmC,EAAE,CAAC;MAE3C,gBAAgB,GAAG,OAAO,CAA0B,CAAC,MAAM,EAAE,GAAG;IAC3E,MAAM,KAAK,GAAG,QAAQ,CAAC,kBAAkB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACjE,MAAM,KAUF,QAAQ,CAAC,kBAAkB,EAAE,YAAY,EAAE,KAAK,CAAC,EAV/C,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,gBAAgB,EAChB,OAAO,OAE4C,EADhD,MAAM,cATL,iGAUL,CAAoD,CAAC;IAEtD,MAAM,SAAS,GAAG,SAAS,CAA0B;QACnD,IAAI,EAAE,CAAC,kBAAkB,EAAE,gBAAgB,CAAC;QAC5C,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,YAAY,EAAE,aAAa;KAC5B,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,oBAAK,SAAS,CAAC,aAAa,CAAC,IAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,MAAM,EAAI,EAC9F;AACJ,CAAC,EAAE;AAEH,gBAAgB,CAAC,WAAW,GAAG,gCAAgC;;;;"}

package/esm/components/Input/InputPlaceholder/InputPlaceholder.module.css.js

@@ -1,4 +1,3 @@
-'use client';
 var classes = {"placeholder":"mantine-7YWxW9a"};
 
 export default classes;

package/esm/components/Input/InputPlaceholder/InputPlaceholder.module.css.js.map

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

package/esm/components/Input/InputWrapper/InputWrapper.js

@@ -1,4 +1,4 @@
-'use client';
+import { __rest } from 'tslib';
 import React from 'react';
 import { InputLabel } from '../InputLabel/InputLabel.js';
 import { InputDescription } from '../InputDescription/InputDescription.js';
@@ -14,177 +14,74 @@ import { createVarsResolver } from '../../../core/styles-api/create-vars-resolve
 import { getFontSize } from '../../../core/utils/get-size/get-size.js';
 import { rem } from '../../../core/utils/units-converters/rem.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;
-};
 const defaultProps = {
-  labelElement: "label",
-  size: "sm",
-  inputContainer: (children) => children,
-  inputWrapperOrder: ["label", "description", "input", "error"]
+    labelElement: 'label',
+    size: 'sm',
+    inputContainer: (children) => children,
+    inputWrapperOrder: ['label', 'description', 'input', 'error'],
 };
 const varsResolver = createVarsResolver((_, { size }) => ({
-  label: {
-    "--input-label-size": getFontSize(size),
-    "--input-asterisk-color": "var(--mantine-color-red-filled)"
-  },
-  error: {
-    "--input-error-size": `calc(${getFontSize(size)} - ${rem(2)})`
-  },
-  description: {
-    "--input-description-size": `calc(${getFontSize(size)} - ${rem(2)})`
-  }
+    label: {
+        '--input-label-size': getFontSize(size),
+        '--input-asterisk-color': 'var(--mantine-color-red-filled)',
+    },
+    error: {
+        '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,
+    },
+    description: {
+        '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,
+    },
 }));
 const InputWrapper = factory((_props, ref) => {
-  const props = useProps("InputWrapper", defaultProps, _props);
-  const _a = props, {
-    classNames,
-    className,
-    style,
-    styles,
-    unstyled,
-    vars,
-    size,
-    variant,
-    __staticSelector,
-    inputContainer,
-    inputWrapperOrder,
-    label,
-    error,
-    description,
-    labelProps,
-    descriptionProps,
-    errorProps,
-    labelElement,
-    children,
-    withAsterisk,
-    id,
-    required,
-    __stylesApiProps
-  } = _a, others = __objRest(_a, [
-    "classNames",
-    "className",
-    "style",
-    "styles",
-    "unstyled",
-    "vars",
-    "size",
-    "variant",
-    "__staticSelector",
-    "inputContainer",
-    "inputWrapperOrder",
-    "label",
-    "error",
-    "description",
-    "labelProps",
-    "descriptionProps",
-    "errorProps",
-    "labelElement",
-    "children",
-    "withAsterisk",
-    "id",
-    "required",
-    "__stylesApiProps"
-  ]);
-  const getStyles = useStyles({
-    name: ["InputWrapper", __staticSelector],
-    props: __stylesApiProps || props,
-    classes,
-    className,
-    style,
-    classNames,
-    styles,
-    unstyled,
-    vars,
-    varsResolver
-  });
-  const sharedProps = {
-    size,
-    variant,
-    __staticSelector
-  };
-  const isRequired = typeof withAsterisk === "boolean" ? withAsterisk : required;
-  const errorId = id ? `${id}-error` : errorProps == null ? void 0 : errorProps.id;
-  const descriptionId = id ? `${id}-description` : descriptionProps == null ? void 0 : descriptionProps.id;
-  const hasError = !!error && typeof error !== "boolean";
-  const hasDescription = !!description;
-  const _describedBy = `${hasError ? errorId : ""} ${hasDescription ? descriptionId : ""}`;
-  const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : void 0;
-  const _label = label && /* @__PURE__ */ React.createElement(InputLabel, __spreadValues(__spreadValues({
-    key: "label",
-    labelElement,
-    id: id ? `${id}-label` : void 0,
-    htmlFor: id,
-    required: isRequired
-  }, sharedProps), labelProps), label);
-  const _description = hasDescription && /* @__PURE__ */ React.createElement(InputDescription, __spreadProps(__spreadValues(__spreadValues({
-    key: "description"
-  }, descriptionProps), sharedProps), {
-    size: (descriptionProps == null ? void 0 : descriptionProps.size) || sharedProps.size,
-    id: (descriptionProps == null ? void 0 : descriptionProps.id) || descriptionId
-  }), description);
-  const _input = /* @__PURE__ */ React.createElement(React.Fragment, {
-    key: "input"
-  }, inputContainer(children));
-  const _error = hasError && /* @__PURE__ */ React.createElement(InputError, __spreadProps(__spreadValues(__spreadValues({}, errorProps), sharedProps), {
-    size: (errorProps == null ? void 0 : errorProps.size) || sharedProps.size,
-    key: "error",
-    id: (errorProps == null ? void 0 : errorProps.id) || errorId
-  }), error);
-  const content = inputWrapperOrder.map((part) => {
-    switch (part) {
-      case "label":
-        return _label;
-      case "input":
-        return _input;
-      case "description":
-        return _description;
-      case "error":
-        return _error;
-      default:
-        return null;
-    }
-  });
-  return /* @__PURE__ */ React.createElement(InputWrapperProvider, {
-    value: __spreadValues({
-      getStyles,
-      describedBy
-    }, getInputOffsets(inputWrapperOrder, { hasDescription, hasError }))
-  }, /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({
-    ref,
-    variant,
-    size
-  }, getStyles("root")), others), content));
+    const props = useProps('InputWrapper', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, size, variant, __staticSelector, inputContainer, inputWrapperOrder, label, error, description, labelProps, descriptionProps, errorProps, labelElement, children, withAsterisk, id, required, __stylesApiProps } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "size", "variant", "__staticSelector", "inputContainer", "inputWrapperOrder", "label", "error", "description", "labelProps", "descriptionProps", "errorProps", "labelElement", "children", "withAsterisk", "id", "required", "__stylesApiProps"]);
+    const getStyles = useStyles({
+        name: ['InputWrapper', __staticSelector],
+        props: __stylesApiProps || props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver,
+    });
+    const sharedProps = {
+        size,
+        variant,
+        __staticSelector,
+    };
+    const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;
+    const errorId = id ? `${id}-error` : errorProps === null || errorProps === void 0 ? void 0 : errorProps.id;
+    const descriptionId = id ? `${id}-description` : descriptionProps === null || descriptionProps === void 0 ? void 0 : descriptionProps.id;
+    const hasError = !!error && typeof error !== 'boolean';
+    const hasDescription = !!description;
+    const _describedBy = `${hasError ? errorId : ''} ${hasDescription ? descriptionId : ''}`;
+    const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : undefined;
+    const _label = label && (React.createElement(InputLabel, Object.assign({ key: "label", labelElement: labelElement, id: id ? `${id}-label` : undefined, htmlFor: id, required: isRequired }, sharedProps, labelProps), label));
+    const _description = hasDescription && (React.createElement(InputDescription, Object.assign({ key: "description" }, descriptionProps, sharedProps, { size: (descriptionProps === null || descriptionProps === void 0 ? void 0 : descriptionProps.size) || sharedProps.size, id: (descriptionProps === null || descriptionProps === void 0 ? void 0 : descriptionProps.id) || descriptionId }), description));
+    const _input = React.createElement(React.Fragment, { key: "input" }, inputContainer(children));
+    const _error = hasError && (React.createElement(InputError, Object.assign({}, errorProps, sharedProps, { size: (errorProps === null || errorProps === void 0 ? void 0 : errorProps.size) || sharedProps.size, key: "error", id: (errorProps === null || errorProps === void 0 ? void 0 : errorProps.id) || errorId }), error));
+    const content = inputWrapperOrder.map((part) => {
+        switch (part) {
+            case 'label':
+                return _label;
+            case 'input':
+                return _input;
+            case 'description':
+                return _description;
+            case 'error':
+                return _error;
+            default:
+                return null;
+        }
+    });
+    return (React.createElement(InputWrapperProvider, { value: Object.assign({ getStyles,
+            describedBy }, getInputOffsets(inputWrapperOrder, { hasDescription, hasError })) },
+        React.createElement(Box, Object.assign({ ref: ref, variant: variant, size: size }, getStyles('root'), others), content)));
 });
-InputWrapper.displayName = "@mantine/core/InputWrapper";
+InputWrapper.displayName = '@mantine/core/InputWrapper';
 
 export { InputWrapper };
 //# sourceMappingURL=InputWrapper.js.map

package/esm/components/Input/InputWrapper/InputWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputWrapper.js","sources":["../../../../src/components/Input/InputWrapper/InputWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineSize,\n  Factory,\n  createVarsResolver,\n  getFontSize,\n  rem,\n} from '../../../core';\nimport {\n  InputLabel,\n  InputLabelStylesNames,\n  InputLabelCssVariables,\n} from '../InputLabel/InputLabel';\nimport {\n  InputDescription,\n  InputDescriptionStylesNames,\n  InputDescriptionCssVariables,\n} from '../InputDescription/InputDescription';\nimport {\n  InputError,\n  InputErrorStylesNames,\n  InputErrorCssVariables,\n} from '../InputError/InputError';\nimport { InputWrapperProvider } from '../InputWrapper.context';\nimport { getInputOffsets } from './get-input-offsets/get-input-offsets';\nimport classes from './InputWrapper.module.css';\n\nexport type InputWrapperCssVariables = InputLabelCssVariables &\n  InputErrorCssVariables &\n  InputDescriptionCssVariables;\n\nexport type InputWrapperStylesNames =\n  | 'root'\n  | InputLabelStylesNames\n  | InputDescriptionStylesNames\n  | InputErrorStylesNames;\n\nexport interface __InputWrapperProps {\n  /** Contents of `Input.Label` component, if not set, label is not rendered. */\n  label?: React.ReactNode;\n\n  /** Contents of `Input.Description` component, if not set, description is not rendered. */\n  description?: React.ReactNode;\n\n  /** Contents of `Input.Error` component, if not set, error is not rendered. */\n  error?: React.ReactNode;\n\n  /** Adds required attribute to the input and a red asterisk on the right side of label, `false` by default */\n  required?: boolean;\n\n  /** Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, `false` by default */\n  withAsterisk?: boolean;\n\n  /** Props passed down to the `Input.Label` component */\n  labelProps?: Record<string, any>;\n\n  /** Props passed down to the `Input.Description` component */\n  descriptionProps?: Record<string, any>;\n\n  /** Props passed down to the `InputError` component */\n  errorProps?: Record<string, any>;\n\n  /** Input container component, defaults to `React.Fragment` */\n  inputContainer?(children: React.ReactNode): React.ReactNode;\n\n  /** Controls order of the elements, `['label', 'description', 'input', 'error']` by default */\n  inputWrapperOrder?: ('label' | 'input' | 'description' | 'error')[];\n}\n\nexport interface InputWrapperProps\n  extends __InputWrapperProps,\n    BoxProps,\n    StylesApiProps<InputWrapperFactory>,\n    ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Props passed to Styles API context, replaces Input.Wrapper props */\n  __stylesApiProps?: Record<string, any>;\n\n  /** Static id used as base to generate `aria-` attributes, by default generates random id */\n  id?: string;\n\n  /** Controls size of `Input.Label`, `Input.Description` and `Input.Error` components */\n  size?: MantineSize | (string & {});\n\n  /** `Input.Label` root element, `'label'` by default */\n  labelElement?: 'label' | 'div';\n}\n\nexport type InputWrapperFactory = Factory<{\n  props: InputWrapperProps;\n  ref: HTMLDivElement;\n  stylesNames: InputWrapperStylesNames;\n  vars: InputWrapperCssVariables;\n}>;\n\nconst defaultProps: Partial<InputWrapperProps> = {\n  labelElement: 'label',\n  size: 'sm',\n  inputContainer: (children) => children,\n  inputWrapperOrder: ['label', 'description', 'input', 'error'],\n};\n\nconst varsResolver = createVarsResolver<InputWrapperFactory>((_, { size }) => ({\n  label: {\n    '--input-label-size': getFontSize(size),\n    '--input-asterisk-color': 'var(--mantine-color-red-filled)',\n  },\n\n  error: {\n    '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n  },\n\n  description: {\n    '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n  },\n}));\n\nexport const InputWrapper = factory<InputWrapperFactory>((_props, ref) => {\n  const props = useProps('InputWrapper', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    variant,\n    __staticSelector,\n    inputContainer,\n    inputWrapperOrder,\n    label,\n    error,\n    description,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    labelElement,\n    children,\n    withAsterisk,\n    id,\n    required,\n    __stylesApiProps,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<InputWrapperFactory>({\n    name: ['InputWrapper', __staticSelector],\n    props: __stylesApiProps || props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const sharedProps = {\n    size,\n    variant,\n    __staticSelector,\n  };\n\n  const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n  const errorId = id ? `${id}-error` : errorProps?.id;\n  const descriptionId = id ? `${id}-description` : descriptionProps?.id;\n  const hasError = !!error && typeof error !== 'boolean';\n  const hasDescription = !!description;\n  const _describedBy = `${hasError ? errorId : ''} ${hasDescription ? descriptionId : ''}`;\n  const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : undefined;\n\n  const _label = label && (\n    <InputLabel\n      key=\"label\"\n      labelElement={labelElement}\n      id={id ? `${id}-label` : undefined}\n      htmlFor={id}\n      required={isRequired}\n      {...sharedProps}\n      {...labelProps}\n    >\n      {label}\n    </InputLabel>\n  );\n\n  const _description = hasDescription && (\n    <InputDescription\n      key=\"description\"\n      {...descriptionProps}\n      {...sharedProps}\n      size={descriptionProps?.size || sharedProps.size}\n      id={descriptionProps?.id || descriptionId}\n    >\n      {description}\n    </InputDescription>\n  );\n\n  const _input = <React.Fragment key=\"input\">{inputContainer!(children)}</React.Fragment>;\n\n  const _error = hasError && (\n    <InputError\n      {...errorProps}\n      {...sharedProps}\n      size={errorProps?.size || sharedProps.size}\n      key=\"error\"\n      id={errorProps?.id || errorId}\n    >\n      {error}\n    </InputError>\n  );\n\n  const content = inputWrapperOrder!.map((part) => {\n    switch (part) {\n      case 'label':\n        return _label;\n      case 'input':\n        return _input;\n      case 'description':\n        return _description;\n      case 'error':\n        return _error;\n      default:\n        return null;\n    }\n  });\n\n  return (\n    <InputWrapperProvider\n      value={{\n        getStyles,\n        describedBy,\n        ...getInputOffsets(inputWrapperOrder!, { hasDescription, hasError }),\n      }}\n    >\n      <Box ref={ref} variant={variant} size={size} {...getStyles('root')} {...others}>\n        {content}\n      </Box>\n    </InputWrapperProvider>\n  );\n});\n\nInputWrapper.displayName = '@mantine/core/InputWrapper';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAuBF,MAAM,YAAY,GAAG;AACrB,EAAE,YAAY,EAAE,OAAO;AACvB,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,cAAc,EAAE,CAAC,QAAQ,KAAK,QAAQ;AACxC,EAAE,iBAAiB,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,CAAC;AAC/D,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;AAC1D,EAAE,KAAK,EAAE;AACT,IAAI,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC;AAC3C,IAAI,wBAAwB,EAAE,iCAAiC;AAC/D,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,oBAAoB,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,0BAA0B,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACxE,GAAG;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,YAAY,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACrD,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC/D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,IAAI;AACR,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,YAAY;AAChB,IAAI,EAAE;AACN,IAAI,QAAQ;AACZ,IAAI,gBAAgB;AACpB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,MAAM;AACV,IAAI,SAAS;AACb,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,mBAAmB;AACvB,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,aAAa;AACjB,IAAI,YAAY;AAChB,IAAI,kBAAkB;AACtB,IAAI,YAAY;AAChB,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,cAAc;AAClB,IAAI,IAAI;AACR,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAG,SAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC;AAC5C,IAAI,KAAK,EAAE,gBAAgB,IAAI,KAAK;AACpC,IAAI,OAAO;AACX,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,WAAW,GAAG;AACtB,IAAI,IAAI;AACR,IAAI,OAAO;AACX,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ,EAAE,MAAM,UAAU,GAAG,OAAO,YAAY,KAAK,SAAS,GAAG,YAAY,GAAG,QAAQ,CAAC;AACjF,EAAE,MAAM,OAAO,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,EAAE,CAAC;AACnF,EAAE,MAAM,aAAa,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,gBAAgB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,EAAE,CAAC;AAC3G,EAAE,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;AACzD,EAAE,MAAM,cAAc,GAAG,CAAC,CAAC,WAAW,CAAC;AACvC,EAAE,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,EAAE,CAAC,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,EAAE,CAAC,CAAC,CAAC;AAC3F,EAAE,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,CAAC;AACpF,EAAE,MAAM,MAAM,GAAG,KAAK,oBAAoB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC,cAAc,CAAC;AACxG,IAAI,GAAG,EAAE,OAAO;AAChB,IAAI,YAAY;AAChB,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;AACnC,IAAI,OAAO,EAAE,EAAE;AACf,IAAI,QAAQ,EAAE,UAAU;AACxB,GAAG,EAAE,WAAW,CAAC,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,CAAC;AACvC,EAAE,MAAM,YAAY,GAAG,cAAc,oBAAoB,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC;AAC3I,IAAI,GAAG,EAAE,aAAa;AACtB,GAAG,EAAE,gBAAgB,CAAC,EAAE,WAAW,CAAC,EAAE;AACtC,IAAI,IAAI,EAAE,CAAC,gBAAgB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;AACzF,IAAI,EAAE,EAAE,CAAC,gBAAgB,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,gBAAgB,CAAC,EAAE,KAAK,aAAa;AAClF,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC;AACnB,EAAE,MAAM,MAAM,mBAAmB,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE;AACrE,IAAI,GAAG,EAAE,OAAO;AAChB,GAAG,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC/B,EAAE,MAAM,MAAM,GAAG,QAAQ,oBAAoB,KAAK,CAAC,aAAa,CAAC,UAAU,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,WAAW,CAAC,EAAE;AACxJ,IAAI,IAAI,EAAE,CAAC,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI;AAC7E,IAAI,GAAG,EAAE,OAAO;AAChB,IAAI,EAAE,EAAE,CAAC,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,EAAE,KAAK,OAAO;AAChE,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AACb,EAAE,MAAM,OAAO,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAClD,IAAI,QAAQ,IAAI;AAChB,MAAM,KAAK,OAAO;AAClB,QAAQ,OAAO,MAAM,CAAC;AACtB,MAAM,KAAK,OAAO;AAClB,QAAQ,OAAO,MAAM,CAAC;AACtB,MAAM,KAAK,aAAa;AACxB,QAAQ,OAAO,YAAY,CAAC;AAC5B,MAAM,KAAK,OAAO;AAClB,QAAQ,OAAO,MAAM,CAAC;AACtB,MAAM;AACN,QAAQ,OAAO,IAAI,CAAC;AACpB,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE;AACnE,IAAI,KAAK,EAAE,cAAc,CAAC;AAC1B,MAAM,SAAS;AACf,MAAM,WAAW;AACjB,KAAK,EAAE,eAAe,CAAC,iBAAiB,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC;AACxE,GAAG,kBAAkB,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,cAAc,CAAC,cAAc,CAAC;AAC5E,IAAI,GAAG;AACP,IAAI,OAAO;AACX,IAAI,IAAI;AACR,GAAG,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC;AAC5C,CAAC,EAAE;AACH,YAAY,CAAC,WAAW,GAAG,4BAA4B;;"}
+{"version":3,"file":"InputWrapper.js","sources":["../../../../src/components/Input/InputWrapper/InputWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  factory,\n  ElementProps,\n  useProps,\n  useStyles,\n  MantineSize,\n  Factory,\n  createVarsResolver,\n  getFontSize,\n  rem,\n} from '../../../core';\nimport {\n  InputLabel,\n  InputLabelStylesNames,\n  InputLabelCssVariables,\n} from '../InputLabel/InputLabel';\nimport {\n  InputDescription,\n  InputDescriptionStylesNames,\n  InputDescriptionCssVariables,\n} from '../InputDescription/InputDescription';\nimport {\n  InputError,\n  InputErrorStylesNames,\n  InputErrorCssVariables,\n} from '../InputError/InputError';\nimport { InputWrapperProvider } from '../InputWrapper.context';\nimport { getInputOffsets } from './get-input-offsets/get-input-offsets';\nimport classes from './InputWrapper.module.css';\n\nexport type InputWrapperCssVariables = InputLabelCssVariables &\n  InputErrorCssVariables &\n  InputDescriptionCssVariables;\n\nexport type InputWrapperStylesNames =\n  | 'root'\n  | InputLabelStylesNames\n  | InputDescriptionStylesNames\n  | InputErrorStylesNames;\n\nexport interface __InputWrapperProps {\n  /** Contents of `Input.Label` component, if not set, label is not rendered. */\n  label?: React.ReactNode;\n\n  /** Contents of `Input.Description` component, if not set, description is not rendered. */\n  description?: React.ReactNode;\n\n  /** Contents of `Input.Error` component, if not set, error is not rendered. */\n  error?: React.ReactNode;\n\n  /** Adds required attribute to the input and a red asterisk on the right side of label, `false` by default */\n  required?: boolean;\n\n  /** Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, `false` by default */\n  withAsterisk?: boolean;\n\n  /** Props passed down to the `Input.Label` component */\n  labelProps?: Record<string, any>;\n\n  /** Props passed down to the `Input.Description` component */\n  descriptionProps?: Record<string, any>;\n\n  /** Props passed down to the `InputError` component */\n  errorProps?: Record<string, any>;\n\n  /** Input container component, defaults to `React.Fragment` */\n  inputContainer?(children: React.ReactNode): React.ReactNode;\n\n  /** Controls order of the elements, `['label', 'description', 'input', 'error']` by default */\n  inputWrapperOrder?: ('label' | 'input' | 'description' | 'error')[];\n}\n\nexport interface InputWrapperProps\n  extends __InputWrapperProps,\n    BoxProps,\n    StylesApiProps<InputWrapperFactory>,\n    ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Props passed to Styles API context, replaces Input.Wrapper props */\n  __stylesApiProps?: Record<string, any>;\n\n  /** Static id used as base to generate `aria-` attributes, by default generates random id */\n  id?: string;\n\n  /** Controls size of `Input.Label`, `Input.Description` and `Input.Error` components */\n  size?: MantineSize | (string & {});\n\n  /** `Input.Label` root element, `'label'` by default */\n  labelElement?: 'label' | 'div';\n}\n\nexport type InputWrapperFactory = Factory<{\n  props: InputWrapperProps;\n  ref: HTMLDivElement;\n  stylesNames: InputWrapperStylesNames;\n  vars: InputWrapperCssVariables;\n}>;\n\nconst defaultProps: Partial<InputWrapperProps> = {\n  labelElement: 'label',\n  size: 'sm',\n  inputContainer: (children) => children,\n  inputWrapperOrder: ['label', 'description', 'input', 'error'],\n};\n\nconst varsResolver = createVarsResolver<InputWrapperFactory>((_, { size }) => ({\n  label: {\n    '--input-label-size': getFontSize(size),\n    '--input-asterisk-color': 'var(--mantine-color-red-filled)',\n  },\n\n  error: {\n    '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n  },\n\n  description: {\n    '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n  },\n}));\n\nexport const InputWrapper = factory<InputWrapperFactory>((_props, ref) => {\n  const props = useProps('InputWrapper', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    variant,\n    __staticSelector,\n    inputContainer,\n    inputWrapperOrder,\n    label,\n    error,\n    description,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    labelElement,\n    children,\n    withAsterisk,\n    id,\n    required,\n    __stylesApiProps,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<InputWrapperFactory>({\n    name: ['InputWrapper', __staticSelector],\n    props: __stylesApiProps || props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n  });\n\n  const sharedProps = {\n    size,\n    variant,\n    __staticSelector,\n  };\n\n  const isRequired = typeof withAsterisk === 'boolean' ? withAsterisk : required;\n  const errorId = id ? `${id}-error` : errorProps?.id;\n  const descriptionId = id ? `${id}-description` : descriptionProps?.id;\n  const hasError = !!error && typeof error !== 'boolean';\n  const hasDescription = !!description;\n  const _describedBy = `${hasError ? errorId : ''} ${hasDescription ? descriptionId : ''}`;\n  const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : undefined;\n\n  const _label = label && (\n    <InputLabel\n      key=\"label\"\n      labelElement={labelElement}\n      id={id ? `${id}-label` : undefined}\n      htmlFor={id}\n      required={isRequired}\n      {...sharedProps}\n      {...labelProps}\n    >\n      {label}\n    </InputLabel>\n  );\n\n  const _description = hasDescription && (\n    <InputDescription\n      key=\"description\"\n      {...descriptionProps}\n      {...sharedProps}\n      size={descriptionProps?.size || sharedProps.size}\n      id={descriptionProps?.id || descriptionId}\n    >\n      {description}\n    </InputDescription>\n  );\n\n  const _input = <React.Fragment key=\"input\">{inputContainer!(children)}</React.Fragment>;\n\n  const _error = hasError && (\n    <InputError\n      {...errorProps}\n      {...sharedProps}\n      size={errorProps?.size || sharedProps.size}\n      key=\"error\"\n      id={errorProps?.id || errorId}\n    >\n      {error}\n    </InputError>\n  );\n\n  const content = inputWrapperOrder!.map((part) => {\n    switch (part) {\n      case 'label':\n        return _label;\n      case 'input':\n        return _input;\n      case 'description':\n        return _description;\n      case 'error':\n        return _error;\n      default:\n        return null;\n    }\n  });\n\n  return (\n    <InputWrapperProvider\n      value={{\n        getStyles,\n        describedBy,\n        ...getInputOffsets(inputWrapperOrder!, { hasDescription, hasError }),\n      }}\n    >\n      <Box ref={ref} variant={variant} size={size} {...getStyles('root')} {...others}>\n        {content}\n      </Box>\n    </InputWrapperProvider>\n  );\n});\n\nInputWrapper.displayName = '@mantine/core/InputWrapper';\n"],"names":[],"mappings":"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"}

package/esm/components/Input/InputWrapper/InputWrapper.module.css.js

@@ -1,4 +1,3 @@
-'use client';
 var classes = {"root":"mantine-k-roXEr","label":"mantine-BMQXnww","required":"mantine-7gKrkkZ","error":"mantine-mToQZGN","description":"mantine-G6m1fCH"};
 
 export default classes;

package/esm/components/Input/InputWrapper/InputWrapper.module.css.js.map

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