@mantine/core 6.0.10 → 7.0.0-alpha.10

package/esm/components/InlineInput/InlineInput.js

@@ -0,0 +1,35 @@
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import classes from './InlineInput.module.css.js';
+import { Input } from '../Input/Input.js';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.js';
+import { Box } from '../../core/Box/Box.js';
+import { getFontSize, getSize } from '../../core/utils/get-size/get-size.js';
+
+const InlineInput = forwardRef((_a, ref) => {
+    var { __staticSelector, __stylesApiProps, className, classNames, styles, unstyled, children, label, description, id, disabled, error, size = 'sm', labelPosition = 'left', variant, style, vars } = _a, others = __rest(_a, ["__staticSelector", "__stylesApiProps", "className", "classNames", "styles", "unstyled", "children", "label", "description", "id", "disabled", "error", "size", "labelPosition", "variant", "style", "vars"]);
+    const getStyles = useStyles({
+        name: __staticSelector,
+        props: __stylesApiProps,
+        className,
+        style,
+        classes,
+        classNames,
+        styles,
+        unstyled,
+    });
+    return (React.createElement(Box, Object.assign({}, getStyles('root'), { ref: ref, __vars: {
+            '--label-fz': getFontSize(size),
+            '--label-lh': getSize(size, 'label-lh'),
+        }, mod: { 'label-position': labelPosition }, variant: variant, size: size }, others),
+        React.createElement("div", Object.assign({}, getStyles('body')),
+            children,
+            React.createElement("div", Object.assign({}, getStyles('labelWrapper')),
+                label && (React.createElement("label", Object.assign({}, getStyles('label'), { "data-disabled": disabled || undefined, htmlFor: id }), label)),
+                description && (React.createElement(Input.Description, Object.assign({ size: size }, getStyles('description')), description)),
+                error && error !== 'boolean' && (React.createElement(Input.Error, Object.assign({ size: size }, getStyles('error')), error))))));
+});
+InlineInput.displayName = '@mantine/core/InlineInput';
+
+export { InlineInput };
+//# sourceMappingURL=InlineInput.js.map

package/esm/components/InlineInput/InlineInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineInput.js","sources":["../../../src/components/InlineInput/InlineInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Box,\n  BoxProps,\n  useStyles,\n  StylesApiProps,\n  ElementProps,\n  MantineSize,\n  getFontSize,\n  getSize,\n  Factory,\n} from '../../core';\nimport { Input } from '../Input';\nimport classes from './InlineInput.module.css';\n\nexport type InlineInputStylesNames =\n  | 'root'\n  | 'body'\n  | 'labelWrapper'\n  | 'label'\n  | 'description'\n  | 'error';\n\nexport interface InlineInputProps\n  extends BoxProps,\n    StylesApiProps<InlineInputFactory>,\n    ElementProps<'div'> {\n  __staticSelector: string;\n  __stylesApiProps: Record<string, any>;\n  label: React.ReactNode;\n  description: React.ReactNode;\n  id: string;\n  disabled: boolean | undefined;\n  error: React.ReactNode;\n  size: MantineSize | (string & {}) | undefined;\n  labelPosition?: 'left' | 'right';\n}\n\nexport type InlineInputFactory = Factory<{\n  props: any;\n  stylesNames: InlineInputStylesNames;\n}>;\n\nexport const InlineInput = forwardRef<HTMLDivElement, InlineInputProps>(\n  (\n    {\n      __staticSelector,\n      __stylesApiProps,\n      className,\n      classNames,\n      styles,\n      unstyled,\n      children,\n      label,\n      description,\n      id,\n      disabled,\n      error,\n      size = 'sm',\n      labelPosition = 'left',\n      variant,\n      style,\n      vars,\n      ...others\n    },\n    ref\n  ) => {\n    const getStyles = useStyles<InlineInputFactory>({\n      name: __staticSelector,\n      props: __stylesApiProps,\n      className,\n      style,\n      classes,\n      classNames,\n      styles,\n      unstyled,\n    });\n\n    return (\n      <Box\n        {...getStyles('root')}\n        ref={ref}\n        __vars={{\n          '--label-fz': getFontSize(size),\n          '--label-lh': getSize(size, 'label-lh'),\n        }}\n        mod={{ 'label-position': labelPosition }}\n        variant={variant}\n        size={size}\n        {...others}\n      >\n        <div {...getStyles('body')}>\n          {children}\n\n          <div {...getStyles('labelWrapper')}>\n            {label && (\n              <label {...getStyles('label')} data-disabled={disabled || undefined} htmlFor={id}>\n                {label}\n              </label>\n            )}\n\n            {description && (\n              <Input.Description size={size} {...getStyles('description')}>\n                {description}\n              </Input.Description>\n            )}\n\n            {error && error !== 'boolean' && (\n              <Input.Error size={size} {...getStyles('error')}>\n                {error}\n              </Input.Error>\n            )}\n          </div>\n        </div>\n      </Box>\n    );\n  }\n);\n\nInlineInput.displayName = '@mantine/core/InlineInput';\n"],"names":[],"mappings":";;;;;;;;MA2Ca,WAAW,GAAG,UAAU,CACnC,CACE,EAmBC,EACD,GAAG;QApBH,EACE,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,EAAE,EACF,QAAQ,EACR,KAAK,EACL,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,MAAM,EACtB,OAAO,EACP,KAAK,EACL,IAAI,OAEL,EADI,MAAM,cAlBX,6MAmBC,CADU;IAIX,MAAM,SAAS,GAAG,SAAS,CAAqB;QAC9C,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,gBAAgB;QACvB,SAAS;QACT,KAAK;QACL,OAAO;QACP,UAAU;QACV,MAAM;QACN,QAAQ;KACT,CAAC,CAAC;IAEH,QACE,oBAAC,GAAG,oBACE,SAAS,CAAC,MAAM,CAAC,IACrB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE;YACN,YAAY,EAAE,WAAW,CAAC,IAAI,CAAC;YAC/B,YAAY,EAAE,OAAO,CAAC,IAAI,EAAE,UAAU,CAAC;SACxC,EACD,GAAG,EAAE,EAAE,gBAAgB,EAAE,aAAa,EAAE,EACxC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,MAAM;QAEV,6CAAS,SAAS,CAAC,MAAM,CAAC;YACvB,QAAQ;YAET,6CAAS,SAAS,CAAC,cAAc,CAAC;gBAC/B,KAAK,KACJ,+CAAW,SAAS,CAAC,OAAO,CAAC,qBAAiB,QAAQ,IAAI,SAAS,EAAE,OAAO,EAAE,EAAE,KAC7E,KAAK,CACA,CACT;gBAEA,WAAW,KACV,oBAAC,KAAK,CAAC,WAAW,kBAAC,IAAI,EAAE,IAAI,IAAM,SAAS,CAAC,aAAa,CAAC,GACxD,WAAW,CACM,CACrB;gBAEA,KAAK,IAAI,KAAK,KAAK,SAAS,KAC3B,oBAAC,KAAK,CAAC,KAAK,kBAAC,IAAI,EAAE,IAAI,IAAM,SAAS,CAAC,OAAO,CAAC,GAC5C,KAAK,CACM,CACf,CACG,CACF,CACF,EACN;AACJ,CAAC,EACD;AAEF,WAAW,CAAC,WAAW,GAAG,2BAA2B;;;;"}

package/esm/components/InlineInput/InlineInput.module.css.js

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-3rVj5cu","body":"mantine-GFiygFd","labelWrapper":"mantine-G13Gjxh","label":"mantine-Q8C6aYL","description":"mantine-cILs42v","error":"mantine-6o0A46s"};
+
+export default classes;
+//# sourceMappingURL=InlineInput.module.css.js.map

package/esm/components/InlineInput/InlineInput.module.css.js.map

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

package/esm/components/Input/Input.js

@@ -0,0 +1,85 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useInputWrapperContext } from './InputWrapper.context.js';
+import { InputLabel } from './InputLabel/InputLabel.js';
+import { InputError } from './InputError/InputError.js';
+import { InputDescription } from './InputDescription/InputDescription.js';
+import { InputPlaceholder } from './InputPlaceholder/InputPlaceholder.js';
+import { InputWrapper } from './InputWrapper/InputWrapper.js';
+import classes from './Input.module.css.js';
+import { extractStyleProps } from '../../core/Box/style-props/extract-style-props/extract-style-props.js';
+import { polymorphicFactory } from '../../core/factory/polymorphic-factory.js';
+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';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getSize, getFontSize, getRadius } from '../../core/utils/get-size/get-size.js';
+import { rem } from '../../core/utils/units-converters/rem.js';
+
+const defaultProps = {
+    size: 'sm',
+    variant: 'default',
+    leftSectionPointerEvents: 'none',
+    rightSectionPointerEvents: 'none',
+};
+const varsResolver = createVarsResolver((_, props, ctx) => ({
+    wrapper: {
+        '--input-margin-top': ctx.offsetTop ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,
+        '--input-margin-bottom': ctx.offsetBottom ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,
+        '--input-height': getSize(props.size, 'input-height'),
+        '--input-fz': getFontSize(props.size),
+        '--input-radius': getRadius(props.radius),
+        '--input-left-section-width': props.leftSectionWidth !== undefined ? rem(props.leftSectionWidth) : undefined,
+        '--input-right-section-width': props.rightSectionWidth !== undefined ? rem(props.rightSectionWidth) : undefined,
+        '--input-padding-y': props.multiline ? getSize(props.size, 'input-padding-y') : undefined,
+        '--input-left-section-pointer-events': props.leftSectionPointerEvents,
+        '--input-right-section-pointer-events': props.rightSectionPointerEvents,
+    },
+}));
+const Input = polymorphicFactory((_props, ref) => {
+    const props = useProps('Input', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, required, __staticSelector, __stylesApiProps, size, wrapperProps, error, disabled, leftSection, leftSectionProps, leftSectionWidth, rightSection, rightSectionProps, rightSectionWidth, rightSectionPointerEvents, leftSectionPointerEvents, variant, vars, pointer, multiline, radius } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "required", "__staticSelector", "__stylesApiProps", "size", "wrapperProps", "error", "disabled", "leftSection", "leftSectionProps", "leftSectionWidth", "rightSection", "rightSectionProps", "rightSectionWidth", "rightSectionPointerEvents", "leftSectionPointerEvents", "variant", "vars", "pointer", "multiline", "radius"]);
+    const { styleProps, rest } = extractStyleProps(others);
+    const ctx = useInputWrapperContext();
+    const stylesCtx = { offsetBottom: ctx.offsetBottom, offsetTop: ctx.offsetTop };
+    const getStyles = useStyles({
+        name: ['Input', __staticSelector],
+        props: __stylesApiProps || props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        stylesCtx,
+        rootSelector: 'wrapper',
+        vars,
+        varsResolver,
+    });
+    return (React.createElement(Box, Object.assign({}, getStyles('wrapper'), styleProps, wrapperProps, { mod: {
+            error: !!error,
+            pointer,
+            disabled,
+            multiline,
+            'data-with-right-section': !!rightSection,
+            'data-with-left-section': !!leftSection,
+        }, variant: variant, size: size }),
+        leftSection && (React.createElement("div", Object.assign({}, leftSectionProps, { "data-position": "left" }, getStyles('section', {
+            className: leftSectionProps === null || leftSectionProps === void 0 ? void 0 : leftSectionProps.className,
+            style: leftSectionProps === null || leftSectionProps === void 0 ? void 0 : leftSectionProps.style,
+        })), leftSection)),
+        React.createElement(Box, Object.assign({ component: "input" }, rest, { ref: ref, required: required, mod: { disabled, error: !!error }, "aria-invalid": !!error, variant: variant, "aria-describedby": ctx.describedBy, disabled: disabled }, getStyles('input'))),
+        rightSection && (React.createElement("div", Object.assign({}, rightSectionProps, { "data-position": "right" }, getStyles('section', {
+            className: rightSectionProps === null || rightSectionProps === void 0 ? void 0 : rightSectionProps.className,
+            style: rightSectionProps === null || rightSectionProps === void 0 ? void 0 : rightSectionProps.style,
+        })), rightSection))));
+});
+Input.Wrapper = InputWrapper;
+Input.Label = InputLabel;
+Input.Error = InputError;
+Input.Description = InputDescription;
+Input.Placeholder = InputPlaceholder;
+Input.displayName = '@mantine/core/Input';
+
+export { Input };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  BoxProps,\n  StylesApiProps,\n  polymorphicFactory,\n  useProps,\n  useStyles,\n  MantineRadius,\n  MantineSize,\n  extractStyleProps,\n  getSize,\n  getFontSize,\n  getRadius,\n  rem,\n  createVarsResolver,\n  PolymorphicFactory,\n} from '../../core';\nimport { useInputWrapperContext } from './InputWrapper.context';\nimport { InputLabel } from './InputLabel/InputLabel';\nimport { InputError } from './InputError/InputError';\nimport { InputDescription } from './InputDescription/InputDescription';\nimport { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';\nimport {\n  InputWrapper,\n  __InputWrapperProps,\n  InputWrapperStylesNames,\n} from './InputWrapper/InputWrapper';\nimport classes from './Input.module.css';\n\nexport interface __BaseInputProps extends __InputWrapperProps, __InputProps {}\nexport type __InputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport type InputStylesNames = 'input' | 'wrapper' | 'section';\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\nexport type InputCssVariables = {\n  wrapper:\n    | '--input-height'\n    | '--input-fz'\n    | '--input-radius'\n    | '--input-left-section-width'\n    | '--input-right-section-width'\n    | '--input-left-section-pointer-events'\n    | '--input-right-section-pointer-events'\n    | '--input-padding-y'\n    | '--input-margin-top'\n    | '--input-margin-bottom';\n};\n\nexport interface InputStylesCtx {\n  offsetTop: boolean;\n  offsetBottom: boolean;\n}\n\nexport interface __InputProps {\n  /** Content section rendered on the left side of the input */\n  leftSection?: React.ReactNode;\n\n  /** Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height */\n  leftSectionWidth?: React.CSSProperties['width'];\n\n  /** Props added to the `leftSection` element */\n  leftSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Sets `pointer-events` styles on the `leftSection` element, `'none'` by default */\n  leftSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n  /** Content section rendered on the right side of the input */\n  rightSection?: React.ReactNode;\n\n  /** Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height */\n  rightSectionWidth?: React.CSSProperties['width'];\n\n  /** Props added to the `rightSection` element */\n  rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Sets `pointer-events` styles on the `rightSection` element, `'none'` by default */\n  rightSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n  /** Props added to the root element of the `Input` component */\n  wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n  /** Sets `required` attribute on the `input` element */\n  required?: boolean;\n\n  /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */\n  radius?: MantineRadius | (string & {}) | number;\n\n  /** Sets `disabled` attribute on the `input` element */\n  disabled?: boolean;\n\n  /** Controls input `height` and horizontal `padding`, `'sm'` by default */\n  size?: MantineSize | (string & {});\n\n  /** Determines whether the input should have `cursor: pointer` style, `false` by default */\n  pointer?: boolean;\n}\n\nexport interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {\n  __staticSelector?: string;\n\n  /** Props passed to Styles API context, replaces `Input.Wrapper` props */\n  __stylesApiProps?: Record<string, any>;\n\n  /** Determines whether the input should have error styles and `aria-invalid` attribute */\n  error?: React.ReactNode;\n\n  /** Determines whether the input can have multiple lines, for example when `component=\"textarea\"`, `false` by default */\n  multiline?: boolean;\n}\n\nexport type InputFactory = PolymorphicFactory<{\n  props: InputProps;\n  defaultRef: HTMLInputElement;\n  defaultComponent: 'input';\n  stylesNames: InputStylesNames;\n  variant: InputVariant;\n  vars: InputCssVariables;\n  ctx: InputStylesCtx;\n  staticComponents: {\n    Label: typeof InputLabel;\n    Error: typeof InputError;\n    Description: typeof InputDescription;\n    Placeholder: typeof InputPlaceholder;\n    Wrapper: typeof InputWrapper;\n  };\n}>;\n\nconst defaultProps: Partial<InputProps> = {\n  size: 'sm',\n  variant: 'default',\n  leftSectionPointerEvents: 'none',\n  rightSectionPointerEvents: 'none',\n};\n\nconst varsResolver = createVarsResolver<InputFactory>((_, props, ctx) => ({\n  wrapper: {\n    '--input-margin-top': ctx.offsetTop ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n    '--input-margin-bottom': ctx.offsetBottom ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n    '--input-height': getSize(props.size, 'input-height'),\n    '--input-fz': getFontSize(props.size),\n    '--input-radius': getRadius(props.radius),\n    '--input-left-section-width':\n      props.leftSectionWidth !== undefined ? rem(props.leftSectionWidth) : undefined,\n    '--input-right-section-width':\n      props.rightSectionWidth !== undefined ? rem(props.rightSectionWidth) : undefined,\n    '--input-padding-y': props.multiline ? getSize(props.size, 'input-padding-y') : undefined,\n    '--input-left-section-pointer-events': props.leftSectionPointerEvents,\n    '--input-right-section-pointer-events': props.rightSectionPointerEvents,\n  },\n}));\n\nexport const Input = polymorphicFactory<InputFactory>((_props, ref) => {\n  const props = useProps('Input', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    required,\n    __staticSelector,\n    __stylesApiProps,\n    size,\n    wrapperProps,\n    error,\n    disabled,\n    leftSection,\n    leftSectionProps,\n    leftSectionWidth,\n    rightSection,\n    rightSectionProps,\n    rightSectionWidth,\n    rightSectionPointerEvents,\n    leftSectionPointerEvents,\n    variant,\n    vars,\n    pointer,\n    multiline,\n    radius,\n    ...others\n  } = props;\n\n  const { styleProps, rest } = extractStyleProps(others);\n  const ctx = useInputWrapperContext();\n  const stylesCtx: InputStylesCtx = { offsetBottom: ctx.offsetBottom, offsetTop: ctx.offsetTop };\n\n  const getStyles = useStyles<InputFactory>({\n    name: ['Input', __staticSelector],\n    props: __stylesApiProps || props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    stylesCtx,\n    rootSelector: 'wrapper',\n    vars,\n    varsResolver,\n  });\n\n  return (\n    <Box\n      {...getStyles('wrapper')}\n      {...styleProps}\n      {...wrapperProps}\n      mod={{\n        error: !!error,\n        pointer,\n        disabled,\n        multiline,\n        'data-with-right-section': !!rightSection,\n        'data-with-left-section': !!leftSection,\n      }}\n      variant={variant}\n      size={size}\n    >\n      {leftSection && (\n        <div\n          {...leftSectionProps}\n          data-position=\"left\"\n          {...getStyles('section', {\n            className: leftSectionProps?.className,\n            style: leftSectionProps?.style,\n          })}\n        >\n          {leftSection}\n        </div>\n      )}\n\n      <Box\n        component=\"input\"\n        {...rest}\n        ref={ref}\n        required={required}\n        mod={{ disabled, error: !!error }}\n        aria-invalid={!!error}\n        variant={variant}\n        aria-describedby={ctx.describedBy}\n        disabled={disabled}\n        {...getStyles('input')}\n      />\n\n      {rightSection && (\n        <div\n          {...rightSectionProps}\n          data-position=\"right\"\n          {...getStyles('section', {\n            className: rightSectionProps?.className,\n            style: rightSectionProps?.style,\n          })}\n        >\n          {rightSection}\n        </div>\n      )}\n    </Box>\n  );\n});\n\nInput.Wrapper = InputWrapper;\nInput.Label = InputLabel;\nInput.Error = InputError;\nInput.Description = InputDescription;\nInput.Placeholder = InputPlaceholder;\nInput.displayName = '@mantine/core/Input';\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,4 @@
+var classes = {"wrapper":"mantine-RqD0YyD","input":"mantine-SbVPkHB","section":"mantine-gNNdAfw"};
+
+export default classes;
+//# sourceMappingURL=Input.module.css.js.map

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

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

package/esm/components/Input/InputDescription/InputDescription.js

@@ -0,0 +1,44 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useInputWrapperContext } from '../InputWrapper.context.js';
+import classes from '../InputWrapper/InputWrapper.module.css.js';
+import { factory } from '../../../core/factory/factory.js';
+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';
+import { createVarsResolver } from '../../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getFontSize } from '../../../core/utils/get-size/get-size.js';
+import { rem } from '../../../core/utils/units-converters/rem.js';
+
+const defaultProps = {
+    size: 'sm',
+};
+const varsResolver = createVarsResolver((_, { size }) => ({
+    description: {
+        '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,
+    },
+}));
+const InputDescription = factory((_props, ref) => {
+    const props = useProps('InputDescription', defaultProps, _props);
+    const _a = useProps('InputDescription', defaultProps, props), { classNames, className, style, styles, unstyled, vars, size, __staticSelector, variant } = _a, others = __rest(_a, ["classNames", "className", "style", "styles", "unstyled", "vars", "size", "__staticSelector", "variant"]);
+    const ctx = useInputWrapperContext();
+    const _getStyles = useStyles({
+        name: ['InputWrapper', __staticSelector],
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        rootSelector: 'description',
+        vars,
+        varsResolver,
+    });
+    const getStyles = ctx.getStyles || _getStyles;
+    return (React.createElement(Box, Object.assign({ component: "p", ref: ref, variant: variant, size: size }, getStyles('description'), others)));
+});
+InputDescription.displayName = '@mantine/core/InputDescription';
+
+export { InputDescription };
+//# sourceMappingURL=InputDescription.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputDescription.js","sources":["../../../../src/components/Input/InputDescription/InputDescription.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  rem,\n  createVarsResolver,\n  Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputDescriptionStylesNames = 'description';\nexport type InputDescriptionVariant = string;\nexport type InputDescriptionCssVariables = {\n  description: '--input-description-size';\n};\n\nexport interface InputDescriptionProps\n  extends BoxProps,\n    StylesApiProps<InputDescriptionFactory>,\n    ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Controls description `font-size`, `'sm'` by default */\n  size?: MantineSize | (string & {});\n}\n\nexport type InputDescriptionFactory = Factory<{\n  props: InputDescriptionProps;\n  ref: HTMLParagraphElement;\n  stylesNames: InputDescriptionStylesNames;\n  vars: InputDescriptionCssVariables;\n  variant: InputDescriptionVariant;\n}>;\n\nconst defaultProps: Partial<InputDescriptionProps> = {\n  size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<InputDescriptionFactory>((_, { size }) => ({\n  description: {\n    '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n  },\n}));\n\nexport const InputDescription = factory<InputDescriptionFactory>((_props, ref) => {\n  const props = useProps('InputDescription', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    __staticSelector,\n    variant,\n    ...others\n  } = useProps('InputDescription', defaultProps, props);\n  const ctx = useInputWrapperContext();\n\n  const _getStyles = useStyles<InputDescriptionFactory>({\n    name: ['InputWrapper', __staticSelector],\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'description',\n    vars,\n    varsResolver,\n  });\n\n  const getStyles = ctx.getStyles || _getStyles;\n\n  return (\n    <Box\n      component=\"p\"\n      ref={ref}\n      variant={variant}\n      size={size}\n      {...getStyles('description')}\n      {...others}\n    />\n  );\n});\n\nInputDescription.displayName = '@mantine/core/InputDescription';\n"],"names":[],"mappings":";;;;;;;;;;;;AA0CA,MAAM,YAAY,GAAmC;IACnD,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAA0B,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;IACjF,WAAW,EAAE;QACX,0BAA0B,EAAE,QAAQ,WAAW,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG;KACrE;CACF,CAAC,CAAC,CAAC;MAES,gBAAgB,GAAG,OAAO,CAA0B,CAAC,MAAM,EAAE,GAAG;IAC3E,MAAM,KAAK,GAAG,QAAQ,CAAC,kBAAkB,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;IACjE,MAAM,KAWF,QAAQ,CAAC,kBAAkB,EAAE,YAAY,EAAE,KAAK,CAAC,EAX/C,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,OAAO,OAE4C,EADhD,MAAM,cAVL,yGAWL,CAAoD,CAAC;IACtD,MAAM,GAAG,GAAG,sBAAsB,EAAE,CAAC;IAErC,MAAM,UAAU,GAAG,SAAS,CAA0B;QACpD,IAAI,EAAE,CAAC,cAAc,EAAE,gBAAgB,CAAC;QACxC,KAAK;QACL,OAAO;QACP,SAAS;QACT,KAAK;QACL,UAAU;QACV,MAAM;QACN,QAAQ;QACR,YAAY,EAAE,aAAa;QAC3B,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,IAAI,UAAU,CAAC;IAE9C,QACE,oBAAC,GAAG,kBACF,SAAS,EAAC,GAAG,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,SAAS,CAAC,aAAa,CAAC,EACxB,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,gBAAgB,CAAC,WAAW,GAAG,gCAAgC;;;;"}

package/esm/components/Input/InputError/InputError.js

@@ -0,0 +1,44 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useInputWrapperContext } from '../InputWrapper.context.js';
+import classes from '../InputWrapper/InputWrapper.module.css.js';
+import { factory } from '../../../core/factory/factory.js';
+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';
+import { createVarsResolver } from '../../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getFontSize } from '../../../core/utils/get-size/get-size.js';
+import { rem } from '../../../core/utils/units-converters/rem.js';
+
+const defaultProps = {
+    size: 'sm',
+};
+const varsResolver = createVarsResolver((_, { size }) => ({
+    error: {
+        '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,
+    },
+}));
+const InputError = factory((_props, ref) => {
+    const props = useProps('InputError', defaultProps, _props);
+    const { classNames, className, style, styles, unstyled, vars, size, __staticSelector, variant } = props, others = __rest(props, ["classNames", "className", "style", "styles", "unstyled", "vars", "size", "__staticSelector", "variant"]);
+    const _getStyles = useStyles({
+        name: ['InputWrapper', __staticSelector],
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        rootSelector: 'error',
+        vars,
+        varsResolver,
+    });
+    const ctx = useInputWrapperContext();
+    const getStyles = ctx.getStyles || _getStyles;
+    return (React.createElement(Box, Object.assign({ component: "p", ref: ref, variant: variant, size: size }, getStyles('error'), others)));
+});
+InputError.displayName = '@mantine/core/InputError';
+
+export { InputError };
+//# sourceMappingURL=InputError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputError.js","sources":["../../../../src/components/Input/InputError/InputError.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  rem,\n  createVarsResolver,\n  Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../InputWrapper/InputWrapper.module.css';\n\nexport type InputErrorStylesNames = 'error';\nexport type InputErrorVariant = string;\nexport type InputErrorCssVariables = {\n  error: '--input-error-size';\n};\n\nexport interface InputErrorProps\n  extends BoxProps,\n    StylesApiProps<InputErrorFactory>,\n    ElementProps<'div'> {\n  __staticSelector?: string;\n\n  /** Controls error `font-size`, `'sm'` by default */\n  size?: MantineSize | (string & {});\n}\n\nexport type InputErrorFactory = Factory<{\n  props: InputErrorProps;\n  ref: HTMLParagraphElement;\n  stylesNames: InputErrorStylesNames;\n  vars: InputErrorCssVariables;\n  variant: InputErrorVariant;\n}>;\n\nconst defaultProps: Partial<InputErrorProps> = {\n  size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<InputErrorFactory>((_, { size }) => ({\n  error: {\n    '--input-error-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n  },\n}));\n\nexport const InputError = factory<InputErrorFactory>((_props, ref) => {\n  const props = useProps('InputError', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    size,\n    __staticSelector,\n    variant,\n    ...others\n  } = props;\n\n  const _getStyles = useStyles<InputErrorFactory>({\n    name: ['InputWrapper', __staticSelector],\n    props,\n    classes,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'error',\n    vars,\n    varsResolver,\n  });\n\n  const ctx = useInputWrapperContext();\n  const getStyles = ctx.getStyles || _getStyles;\n\n  return (\n    <Box\n      component=\"p\"\n      ref={ref}\n      variant={variant}\n      size={size}\n      {...getStyles('error')}\n      {...others}\n    />\n  );\n});\n\nInputError.displayName = '@mantine/core/InputError';\n"],"names":[],"mappings":";;;;;;;;;;;;AA0CA,MAAM,YAAY,GAA6B;IAC7C,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,CAAoB,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM;IAC3E,KAAK,EAAE;QACL,oBAAoB,EAAE,QAAQ,WAAW,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG;KAC/D;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,EACJ,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,gBAAgB,EAChB,OAAO,KAEL,KAAK,EADJ,MAAM,UACP,KAAK,EAXH,yGAWL,CAAQ,CAAC;IAEV,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,kBACF,SAAS,EAAC,GAAG,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,IACN,SAAS,CAAC,OAAO,CAAC,EAClB,MAAM,EACV,EACF;AACJ,CAAC,EAAE;AAEH,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}

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

@@ -0,0 +1,52 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { useInputWrapperContext } from '../InputWrapper.context.js';
+import classes from '../InputWrapper/InputWrapper.module.css.js';
+import { factory } from '../../../core/factory/factory.js';
+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';
+import { createVarsResolver } from '../../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getFontSize } from '../../../core/utils/get-size/get-size.js';
+
+const defaultProps = {
+    size: 'sm',
+    labelElement: 'label',
+};
+const varsResolver = createVarsResolver((_, { size }) => ({
+    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 = __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';
+
+export { InputLabel };
+//# sourceMappingURL=InputLabel.js.map

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

@@ -0,0 +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":";;;;;;;;;;;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

@@ -0,0 +1,29 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import classes from './InputPlaceholder.module.css.js';
+import { factory } from '../../../core/factory/factory.js';
+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';
+
+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 = __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';
+
+export { InputPlaceholder };
+//# sourceMappingURL=InputPlaceholder.js.map

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

@@ -0,0 +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":";;;;;;;;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

@@ -0,0 +1,4 @@
+var classes = {"placeholder":"mantine-7YWxW9a"};
+
+export default classes;
+//# sourceMappingURL=InputPlaceholder.module.css.js.map

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

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

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

@@ -0,0 +1,87 @@
+import { __rest } from 'tslib';
+import React from 'react';
+import { InputLabel } from '../InputLabel/InputLabel.js';
+import { InputDescription } from '../InputDescription/InputDescription.js';
+import { InputError } from '../InputError/InputError.js';
+import { InputWrapperProvider } from '../InputWrapper.context.js';
+import { getInputOffsets } from './get-input-offsets/get-input-offsets.js';
+import classes from './InputWrapper.module.css.js';
+import { factory } from '../../../core/factory/factory.js';
+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';
+import { createVarsResolver } from '../../../core/styles-api/create-vars-resolver/create-vars-resolver.js';
+import { getFontSize } from '../../../core/utils/get-size/get-size.js';
+import { rem } from '../../../core/utils/units-converters/rem.js';
+
+const defaultProps = {
+    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)})`,
+    },
+}));
+const InputWrapper = factory((_props, ref) => {
+    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';
+
+export { InputWrapper };
+//# sourceMappingURL=InputWrapper.js.map

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

@@ -0,0 +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":"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"}

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

@@ -0,0 +1,4 @@
+var classes = {"root":"mantine-k-roXEr","label":"mantine-BMQXnww","required":"mantine-7gKrkkZ","error":"mantine-mToQZGN","description":"mantine-G6m1fCH"};
+
+export default classes;
+//# sourceMappingURL=InputWrapper.module.css.js.map

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

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

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

@@ -0,0 +1,11 @@
+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 };
+}
+
+export { getInputOffsets };
+//# sourceMappingURL=get-input-offsets.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,13 @@
+import { useContext, createContext } from 'react';
+
+const InputWrapperContext = createContext({
+    offsetBottom: false,
+    offsetTop: false,
+    describedBy: undefined,
+    getStyles: null,
+});
+const InputWrapperProvider = InputWrapperContext.Provider;
+const useInputWrapperContext = () => useContext(InputWrapperContext);
+
+export { InputWrapperProvider, useInputWrapperContext };
+//# sourceMappingURL=InputWrapper.context.js.map

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

@@ -0,0 +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":[],"mappings":";;AAWA,MAAM,mBAAmB,GAAG,aAAa,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,MAAM,UAAU,CAAC,mBAAmB;;;;"}