@mantine/core 7.13.5-alpha.1 → 7.13.5

package/esm/components/Pill/Pill.module.css.mjs

@@ -0,0 +1,5 @@
+'use client';
+var classes = {"root":"m_7cda1cd6","root--default":"m_44da308b","root--contrast":"m_e3a01f8","label":"m_1e0e6180","remove":"m_ae386778","group":"m_1dcfd90b"};
+
+export { classes as default };
+//# sourceMappingURL=Pill.module.css.mjs.map

package/esm/components/Pill/Pill.module.css.mjs.map

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

package/esm/components/Pill/PillGroup/PillGroup.mjs

@@ -0,0 +1,53 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { getSize } from '../../../core/utils/get-size/get-size.mjs';
+import '@mantine/hooks';
+import { createVarsResolver } from '../../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs';
+import 'clsx';
+import '../../../core/MantineProvider/Mantine.context.mjs';
+import '../../../core/MantineProvider/default-theme.mjs';
+import '../../../core/MantineProvider/MantineProvider.mjs';
+import '../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.mjs';
+import '../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
+import { useStyles } from '../../../core/styles-api/use-styles/use-styles.mjs';
+import { Box } from '../../../core/Box/Box.mjs';
+import { factory } from '../../../core/factory/factory.mjs';
+import '../../../core/DirectionProvider/DirectionProvider.mjs';
+import { usePillsInputContext } from '../../PillsInput/PillsInput.context.mjs';
+import { PillGroupProvider } from '../PillGroup.context.mjs';
+import classes from '../Pill.module.css.mjs';
+
+const defaultProps = {};
+const varsResolver = createVarsResolver((_, { gap }, { size }) => ({
+  group: {
+    "--pg-gap": gap !== void 0 ? getSize(gap) : getSize(size, "pg-gap")
+  }
+}));
+const PillGroup = factory((_props, ref) => {
+  const props = useProps("PillGroup", defaultProps, _props);
+  const { classNames, className, style, styles, unstyled, vars, size, disabled, ...others } = props;
+  const pillsInputCtx = usePillsInputContext();
+  const _size = pillsInputCtx?.size || size || void 0;
+  const getStyles = useStyles({
+    name: "PillGroup",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver,
+    stylesCtx: { size: _size },
+    rootSelector: "group"
+  });
+  return /* @__PURE__ */ jsx(PillGroupProvider, { value: { size: _size, disabled }, children: /* @__PURE__ */ jsx(Box, { ref, size: _size, ...getStyles("group"), ...others }) });
+});
+PillGroup.classes = classes;
+PillGroup.displayName = "@mantine/core/PillGroup";
+
+export { PillGroup };
+//# sourceMappingURL=PillGroup.mjs.map

package/esm/components/Pill/PillGroup/PillGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillGroup.mjs","sources":["../../../../src/components/Pill/PillGroup/PillGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  createVarsResolver,\n  ElementProps,\n  factory,\n  Factory,\n  getSize,\n  MantineSize,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport { usePillsInputContext } from '../../PillsInput/PillsInput.context';\nimport { PillGroupProvider } from '../PillGroup.context';\nimport classes from '../Pill.module.css';\n\nexport type PillGroupStylesNames = 'group';\nexport type PillGroupCssVariables = {\n  group: '--pg-gap';\n};\n\nexport interface PillGroupProps\n  extends BoxProps,\n    StylesApiProps<PillGroupFactory>,\n    ElementProps<'div'> {\n  /** Controls spacing between pills, by default controlled by `size` */\n  gap?: MantineSize | (string & {}) | number;\n\n  /** Controls size of the child `Pill` components and gap between them, `'sm'` by default */\n  size?: MantineSize | (string & {});\n\n  /** Determines whether child `Pill` components should be disabled */\n  disabled?: boolean;\n}\n\nexport type PillGroupFactory = Factory<{\n  props: PillGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: PillGroupStylesNames;\n  vars: PillGroupCssVariables;\n  ctx: { size: MantineSize | (string & {}) | undefined };\n}>;\n\nconst defaultProps: Partial<PillGroupProps> = {};\n\nconst varsResolver = createVarsResolver<PillGroupFactory>((_, { gap }, { size }) => ({\n  group: {\n    '--pg-gap': gap !== undefined ? getSize(gap) : getSize(size, 'pg-gap'),\n  },\n}));\n\nexport const PillGroup = factory<PillGroupFactory>((_props, ref) => {\n  const props = useProps('PillGroup', defaultProps, _props);\n  const { classNames, className, style, styles, unstyled, vars, size, disabled, ...others } = props;\n  const pillsInputCtx = usePillsInputContext();\n  const _size = pillsInputCtx?.size || size || undefined;\n\n  const getStyles = useStyles<PillGroupFactory>({\n    name: 'PillGroup',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    vars,\n    varsResolver,\n    stylesCtx: { size: _size },\n    rootSelector: 'group',\n  });\n\n  return (\n    <PillGroupProvider value={{ size: _size, disabled }}>\n      <Box ref={ref} size={_size} {...getStyles('group')} {...others} />\n    </PillGroupProvider>\n  );\n});\n\nPillGroup.classes = classes;\nPillGroup.displayName = '@mantine/core/PillGroup';\n"],"names":[],"mappings":"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"}

package/esm/components/Pill/PillGroup.context.mjs

@@ -0,0 +1,18 @@
+'use client';
+import 'react';
+import 'react/jsx-runtime';
+import { createOptionalContext } from '../../core/utils/create-optional-context/create-optional-context.mjs';
+import '@mantine/hooks';
+import 'clsx';
+import '../../core/MantineProvider/Mantine.context.mjs';
+import '../../core/MantineProvider/default-theme.mjs';
+import '../../core/MantineProvider/MantineProvider.mjs';
+import '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
+import '../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
+import '../../core/Box/Box.mjs';
+import '../../core/DirectionProvider/DirectionProvider.mjs';
+
+const [PillGroupProvider, usePillGroupContext] = createOptionalContext();
+
+export { PillGroupProvider, usePillGroupContext };
+//# sourceMappingURL=PillGroup.context.mjs.map

package/esm/components/Pill/PillGroup.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillGroup.context.mjs","sources":["../../../src/components/Pill/PillGroup.context.ts"],"sourcesContent":["import { createOptionalContext, MantineSize } from '../../core';\n\nexport interface PillGroupContextValue {\n  size: MantineSize | (string & {}) | undefined;\n  disabled: boolean | undefined;\n}\n\nexport const [PillGroupProvider, usePillGroupContext] =\n  createOptionalContext<PillGroupContextValue>();\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAiB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAmB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,GAAG,CAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}

package/esm/components/PillsInput/PillsInput.context.mjs

@@ -0,0 +1,18 @@
+'use client';
+import 'react';
+import 'react/jsx-runtime';
+import { createOptionalContext } from '../../core/utils/create-optional-context/create-optional-context.mjs';
+import '@mantine/hooks';
+import 'clsx';
+import '../../core/MantineProvider/Mantine.context.mjs';
+import '../../core/MantineProvider/default-theme.mjs';
+import '../../core/MantineProvider/MantineProvider.mjs';
+import '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
+import '../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
+import '../../core/Box/Box.mjs';
+import '../../core/DirectionProvider/DirectionProvider.mjs';
+
+const [PillsInputProvider, usePillsInputContext] = createOptionalContext();
+
+export { PillsInputProvider, usePillsInputContext };
+//# sourceMappingURL=PillsInput.context.mjs.map

package/esm/components/PillsInput/PillsInput.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillsInput.context.mjs","sources":["../../../src/components/PillsInput/PillsInput.context.ts"],"sourcesContent":["import { createOptionalContext, MantineSize } from '../../core';\nimport { InputVariant } from '../Input';\n\nexport interface PillsInputContextValue {\n  fieldRef: React.MutableRefObject<HTMLInputElement | undefined>;\n  size: MantineSize | (string & {});\n  disabled: boolean | undefined;\n  hasError: boolean | undefined;\n  variant: InputVariant | (string & {}) | undefined;\n}\n\nexport const [PillsInputProvider, usePillsInputContext] =\n  createOptionalContext<PillsInputContextValue>();\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAEY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC,CAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAE,CAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,GAAG,CAAqB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;"}

package/esm/components/PillsInput/PillsInput.mjs

@@ -0,0 +1,65 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import '@mantine/hooks';
+import 'clsx';
+import '../../core/MantineProvider/Mantine.context.mjs';
+import '../../core/MantineProvider/default-theme.mjs';
+import '../../core/MantineProvider/MantineProvider.mjs';
+import '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.mjs';
+import '../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
+import '../../core/Box/Box.mjs';
+import { factory } from '../../core/factory/factory.mjs';
+import '../../core/DirectionProvider/DirectionProvider.mjs';
+import { InputBase } from '../InputBase/InputBase.mjs';
+import { PillsInputProvider } from './PillsInput.context.mjs';
+import { PillsInputField } from './PillsInputField/PillsInputField.mjs';
+
+const defaultProps = {};
+const PillsInput = factory((_props, ref) => {
+  const props = useProps("PillsInput", defaultProps, _props);
+  const {
+    children,
+    onMouseDown,
+    onClick,
+    size,
+    disabled,
+    __staticSelector,
+    error,
+    variant,
+    ...others
+  } = props;
+  const fieldRef = useRef();
+  return /* @__PURE__ */ jsx(PillsInputProvider, { value: { fieldRef, size, disabled, hasError: !!error, variant }, children: /* @__PURE__ */ jsx(
+    InputBase,
+    {
+      size,
+      error,
+      variant,
+      component: "div",
+      ref,
+      onMouseDown: (event) => {
+        event.preventDefault();
+        onMouseDown?.(event);
+        fieldRef.current?.focus();
+      },
+      onClick: (event) => {
+        event.preventDefault();
+        onClick?.(event);
+        fieldRef.current?.focus();
+      },
+      ...others,
+      multiline: true,
+      disabled,
+      __staticSelector: __staticSelector || "PillsInput",
+      withAria: false,
+      children
+    }
+  ) });
+});
+PillsInput.displayName = "@mantine/core/PillsInput";
+PillsInput.Field = PillsInputField;
+
+export { PillsInput };
+//# sourceMappingURL=PillsInput.mjs.map

package/esm/components/PillsInput/PillsInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillsInput.mjs","sources":["../../../src/components/PillsInput/PillsInput.tsx"],"sourcesContent":["import { useRef } from 'react';\nimport { BoxProps, ElementProps, factory, Factory, StylesApiProps, useProps } from '../../core';\nimport { __BaseInputProps, __InputStylesNames } from '../Input';\nimport { InputBase } from '../InputBase';\nimport { PillsInputProvider } from './PillsInput.context';\nimport { PillsInputField } from './PillsInputField/PillsInputField';\n\nexport interface PillsInputProps\n  extends BoxProps,\n    __BaseInputProps,\n    StylesApiProps<PillsInputFactory>,\n    ElementProps<'div', 'size'> {\n  __stylesApiProps?: Record<string, any>;\n  __staticSelector?: string;\n  multiline?: boolean;\n}\n\nexport type PillsInputFactory = Factory<{\n  props: PillsInputProps;\n  ref: HTMLInputElement;\n  stylesNames: __InputStylesNames;\n  staticComponents: {\n    Field: typeof PillsInputField;\n  };\n}>;\n\nconst defaultProps: Partial<PillsInputProps> = {};\n\nexport const PillsInput = factory<PillsInputFactory>((_props, ref) => {\n  const props = useProps('PillsInput', defaultProps, _props);\n  const {\n    children,\n    onMouseDown,\n    onClick,\n    size,\n    disabled,\n    __staticSelector,\n    error,\n    variant,\n    ...others\n  } = props;\n\n  const fieldRef = useRef<HTMLInputElement>();\n\n  return (\n    <PillsInputProvider value={{ fieldRef, size: size!, disabled, hasError: !!error, variant }}>\n      <InputBase\n        size={size}\n        error={error}\n        variant={variant}\n        component=\"div\"\n        ref={ref}\n        onMouseDown={(event) => {\n          event.preventDefault();\n          onMouseDown?.(event);\n          fieldRef.current?.focus();\n        }}\n        onClick={(event) => {\n          event.preventDefault();\n          onClick?.(event);\n          fieldRef.current?.focus();\n        }}\n        {...others}\n        multiline\n        disabled={disabled}\n        __staticSelector={__staticSelector || 'PillsInput'}\n        withAria={false}\n      >\n        {children}\n      </InputBase>\n    </PillsInputProvider>\n  );\n});\n\nPillsInput.displayName = '@mantine/core/PillsInput';\nPillsInput.Field = PillsInputField;\n"],"names":[],"mappings":"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"}

package/esm/components/PillsInput/PillsInput.module.css.mjs

@@ -0,0 +1,5 @@
+'use client';
+var classes = {"field":"m_45c4369d"};
+
+export { classes as default };
+//# sourceMappingURL=PillsInput.module.css.mjs.map

package/esm/components/PillsInput/PillsInput.module.css.mjs.map

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

package/esm/components/PillsInput/PillsInputField/PillsInputField.mjs

@@ -0,0 +1,81 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { useMergedRef } from '@mantine/hooks';
+import 'react';
+import 'clsx';
+import '../../../core/MantineProvider/Mantine.context.mjs';
+import '../../../core/MantineProvider/default-theme.mjs';
+import '../../../core/MantineProvider/MantineProvider.mjs';
+import '../../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
+import { useProps } from '../../../core/MantineProvider/use-props/use-props.mjs';
+import '../../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
+import { useStyles } from '../../../core/styles-api/use-styles/use-styles.mjs';
+import { Box } from '../../../core/Box/Box.mjs';
+import { factory } from '../../../core/factory/factory.mjs';
+import '../../../core/DirectionProvider/DirectionProvider.mjs';
+import '../../Input/Input.mjs';
+import '../../Input/InputWrapper/InputWrapper.mjs';
+import '../../Input/InputDescription/InputDescription.mjs';
+import '../../Input/InputError/InputError.mjs';
+import '../../Input/InputLabel/InputLabel.mjs';
+import '../../Input/InputPlaceholder/InputPlaceholder.mjs';
+import { useInputWrapperContext } from '../../Input/InputWrapper.context.mjs';
+import { usePillsInputContext } from '../PillsInput.context.mjs';
+import classes from '../PillsInput.module.css.mjs';
+
+const defaultProps = {
+  type: "visible"
+};
+const PillsInputField = factory((_props, ref) => {
+  const props = useProps("PillsInputField", defaultProps, _props);
+  const {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    type,
+    disabled,
+    id,
+    pointer,
+    mod,
+    ...others
+  } = props;
+  const ctx = usePillsInputContext();
+  const inputWrapperCtx = useInputWrapperContext();
+  const getStyles = useStyles({
+    name: "PillsInputField",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    rootSelector: "field"
+  });
+  const _disabled = disabled || ctx?.disabled;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "input",
+      ref: useMergedRef(ref, ctx?.fieldRef),
+      "data-type": type,
+      disabled: _disabled,
+      mod: [{ disabled: _disabled, pointer }, mod],
+      ...getStyles("field"),
+      ...others,
+      id: inputWrapperCtx?.inputId || id,
+      "aria-invalid": ctx?.hasError,
+      "aria-describedby": inputWrapperCtx?.describedBy,
+      type: "text",
+      onMouseDown: (event) => !pointer && event.stopPropagation()
+    }
+  );
+});
+PillsInputField.classes = classes;
+PillsInputField.displayName = "@mantine/core/PillsInputField";
+
+export { PillsInputField };
+//# sourceMappingURL=PillsInputField.mjs.map

package/esm/components/PillsInput/PillsInputField/PillsInputField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PillsInputField.mjs","sources":["../../../../src/components/PillsInput/PillsInputField/PillsInputField.tsx"],"sourcesContent":["import { useMergedRef } from '@mantine/hooks';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../../core';\nimport { useInputWrapperContext } from '../../Input';\nimport { usePillsInputContext } from '../PillsInput.context';\nimport classes from '../PillsInput.module.css';\n\nexport type PillsInputFieldStylesNames = 'field';\n\nexport interface PillsInputFieldProps\n  extends BoxProps,\n    StylesApiProps<PillsInputFieldFactory>,\n    ElementProps<'input', 'type'> {\n  /** Controls input styles when focused. If `auto` the input is hidden when not focused. If `visible` the input will always remain visible. `'visible'` by default  */\n  type?: 'auto' | 'visible' | 'hidden';\n\n  /** If set, cursor is changed to pointer */\n  pointer?: boolean;\n}\n\nexport type PillsInputFieldFactory = Factory<{\n  props: PillsInputFieldProps;\n  ref: HTMLInputElement;\n  stylesNames: PillsInputFieldStylesNames;\n}>;\n\nconst defaultProps: Partial<PillsInputFieldProps> = {\n  type: 'visible',\n};\n\nexport const PillsInputField = factory<PillsInputFieldFactory>((_props, ref) => {\n  const props = useProps('PillsInputField', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    type,\n    disabled,\n    id,\n    pointer,\n    mod,\n    ...others\n  } = props;\n  const ctx = usePillsInputContext();\n  const inputWrapperCtx = useInputWrapperContext();\n\n  const getStyles = useStyles<PillsInputFieldFactory>({\n    name: 'PillsInputField',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    rootSelector: 'field',\n  });\n\n  const _disabled = disabled || ctx?.disabled;\n\n  return (\n    <Box\n      component=\"input\"\n      ref={useMergedRef(ref, ctx?.fieldRef)}\n      data-type={type}\n      disabled={_disabled}\n      mod={[{ disabled: _disabled, pointer }, mod]}\n      {...getStyles('field')}\n      {...others}\n      id={inputWrapperCtx?.inputId || id}\n      aria-invalid={ctx?.hasError}\n      aria-describedby={inputWrapperCtx?.describedBy}\n      type=\"text\"\n      onMouseDown={(event) => !pointer && event.stopPropagation()}\n    />\n  );\n});\n\nPillsInputField.classes = classes;\nPillsInputField.displayName = '@mantine/core/PillsInputField';\n"],"names":[],"mappings":"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"}

package/esm/components/PinInput/PinInput.mjs

@@ -0,0 +1,294 @@
+'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, createElement } from 'react';
+import { useId, useUncontrolled, assignRef } from '@mantine/hooks';
+import { getSize } from '../../core/utils/get-size/get-size.mjs';
+import { createVarsResolver } from '../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs';
+import 'clsx';
+import { useResolvedStylesApi } from '../../core/styles-api/use-resolved-styles-api/use-resolved-styles-api.mjs';
+import { useStyles } from '../../core/styles-api/use-styles/use-styles.mjs';
+import '../../core/MantineProvider/Mantine.context.mjs';
+import '../../core/MantineProvider/default-theme.mjs';
+import '../../core/MantineProvider/MantineProvider.mjs';
+import '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs';
+import { useProps } from '../../core/MantineProvider/use-props/use-props.mjs';
+import '../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
+import '../../core/Box/Box.mjs';
+import { factory } from '../../core/factory/factory.mjs';
+import '../../core/DirectionProvider/DirectionProvider.mjs';
+import { Group } from '../Group/Group.mjs';
+import { Input } from '../Input/Input.mjs';
+import '../Input/InputWrapper/InputWrapper.mjs';
+import '../Input/InputDescription/InputDescription.mjs';
+import '../Input/InputError/InputError.mjs';
+import '../Input/InputLabel/InputLabel.mjs';
+import '../Input/InputPlaceholder/InputPlaceholder.mjs';
+import '../Input/InputWrapper.context.mjs';
+import { InputBase } from '../InputBase/InputBase.mjs';
+import { createPinArray } from './create-pin-array/create-pin-array.mjs';
+import classes from './PinInput.module.css.mjs';
+
+const regex = {
+  number: /^[0-9]+$/,
+  alphanumeric: /^[a-zA-Z0-9]+$/i
+};
+const defaultProps = {
+  gap: "sm",
+  length: 4,
+  manageFocus: true,
+  oneTimeCode: true,
+  placeholder: "\u25CB",
+  type: "alphanumeric",
+  ariaLabel: "PinInput"
+};
+const varsResolver = createVarsResolver((_, { size }) => ({
+  root: {
+    "--pin-input-size": getSize(size ?? defaultProps.size, "pin-input-size")
+  }
+}));
+const PinInput = factory((props, ref) => {
+  const {
+    name,
+    form,
+    className,
+    value,
+    defaultValue,
+    variant,
+    gap,
+    style,
+    size,
+    classNames,
+    styles,
+    unstyled,
+    length,
+    onChange,
+    onComplete,
+    manageFocus,
+    autoFocus,
+    error,
+    radius,
+    disabled,
+    oneTimeCode,
+    placeholder,
+    type,
+    mask,
+    readOnly,
+    inputType,
+    inputMode,
+    ariaLabel,
+    vars,
+    id,
+    hiddenInputProps,
+    rootRef,
+    getInputProps,
+    ...others
+  } = useProps("PinInput", defaultProps, props);
+  const uuid = useId(id);
+  const getStyles = useStyles({
+    name: "PinInput",
+    classes,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver
+  });
+  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+    classNames,
+    styles,
+    props
+  });
+  const [focusedIndex, setFocusedIndex] = useState(-1);
+  const [_value, setValues] = useUncontrolled({
+    value: value ? createPinArray(length ?? 0, value) : void 0,
+    defaultValue: defaultValue?.split("").slice(0, length ?? 0),
+    finalValue: createPinArray(length ?? 0, ""),
+    onChange: typeof onChange === "function" ? (val) => {
+      onChange(val.join("").trim());
+    } : void 0
+  });
+  const _valueToString = _value.join("").trim();
+  const inputsRef = useRef([]);
+  const validate = (code) => {
+    const re = type instanceof RegExp ? type : type && type in regex ? regex[type] : null;
+    return re?.test(code);
+  };
+  const focusInputField = (dir, index, event) => {
+    if (!manageFocus) {
+      event?.preventDefault();
+      return;
+    }
+    if (dir === "next") {
+      const nextIndex = index + 1;
+      const canFocusNext = nextIndex < (length ?? 0);
+      if (canFocusNext) {
+        event?.preventDefault();
+        inputsRef.current[nextIndex].focus();
+      }
+    }
+    if (dir === "prev") {
+      const nextIndex = index - 1;
+      const canFocusNext = nextIndex > -1;
+      if (canFocusNext) {
+        event?.preventDefault();
+        inputsRef.current[nextIndex].focus();
+      }
+    }
+  };
+  const setFieldValue = (val, index) => {
+    const values = [..._value];
+    values[index] = val;
+    setValues(values);
+  };
+  const handleChange = (event, index) => {
+    const inputValue = event.target.value;
+    const nextCharOrValue = inputValue.length === 2 ? inputValue.split("")[inputValue.length - 1] : inputValue;
+    const isValid = validate(nextCharOrValue);
+    if (nextCharOrValue.length < 2) {
+      if (isValid) {
+        setFieldValue(nextCharOrValue, index);
+        focusInputField("next", index);
+      } else {
+        setFieldValue("", index);
+      }
+    } else if (isValid) {
+      setValues(createPinArray(length ?? 0, inputValue));
+    }
+  };
+  const handleKeyDown = (event, index) => {
+    const { ctrlKey, metaKey, key, shiftKey, target } = event;
+    const inputValue = target.value;
+    if (inputMode === "numeric") {
+      const canTypeSign = key === "Backspace" || key === "Tab" || key === "Control" || key === "Delete" || ctrlKey && key === "v" || metaKey && key === "v" ? true : !Number.isNaN(Number(key));
+      if (!canTypeSign) {
+        event.preventDefault();
+      }
+    }
+    if (key === "ArrowLeft" || shiftKey && key === "Tab") {
+      focusInputField("prev", index, event);
+    } else if (key === "ArrowRight" || key === "Tab" || key === " ") {
+      focusInputField("next", index, event);
+    } else if (key === "Delete") {
+      setFieldValue("", index);
+    } else if (key === "Backspace") {
+      if (index !== 0) {
+        setFieldValue("", index);
+        if (length === index + 1) {
+          if (event.target.value === "") {
+            focusInputField("prev", index, event);
+          }
+        } else {
+          focusInputField("prev", index, event);
+        }
+      }
+    } else if (inputValue.length > 0 && key === _value[index]) {
+      focusInputField("next", index, event);
+    }
+  };
+  const handleFocus = (event, index) => {
+    event.target.select();
+    setFocusedIndex(index);
+  };
+  const handleBlur = () => {
+    setFocusedIndex(-1);
+  };
+  const handlePaste = (event) => {
+    event.preventDefault();
+    const copyValue = event.clipboardData.getData("text/plain").replace(/[\n\r\s]+/g, "");
+    const isValid = validate(copyValue.trim());
+    if (isValid) {
+      const copyValueToPinArray = createPinArray(length ?? 0, copyValue);
+      setValues(copyValueToPinArray);
+      focusInputField("next", copyValueToPinArray.length - 2);
+    }
+  };
+  useEffect(() => {
+    if (_valueToString.length !== length) {
+      return;
+    }
+    onComplete?.(_valueToString);
+  }, [length, _valueToString]);
+  useEffect(() => {
+    if (length !== _value.length) {
+      setValues(createPinArray(length ?? 0, _value.join("")));
+    }
+  }, [length, _value]);
+  useEffect(() => {
+    if (value === "") {
+      setValues(createPinArray(length ?? 0, value));
+    }
+  }, [value]);
+  useEffect(() => {
+    if (disabled) {
+      setFocusedIndex(-1);
+    }
+  }, [disabled]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Group,
+      {
+        ...others,
+        ...getStyles("root"),
+        ref: rootRef,
+        role: "group",
+        id: uuid,
+        gap,
+        unstyled,
+        wrap: "nowrap",
+        variant,
+        __size: size,
+        dir: "ltr",
+        children: _value.map((char, index) => /* @__PURE__ */ createElement(
+          Input,
+          {
+            component: "input",
+            ...getStyles("pinInput", {
+              style: {
+                "--input-padding": "0",
+                "--input-text-align": "center"
+              }
+            }),
+            classNames: resolvedClassNames,
+            styles: resolvedStyles,
+            size,
+            __staticSelector: "PinInput",
+            id: `${uuid}-${index + 1}`,
+            key: `${uuid}-${index}`,
+            inputMode: inputMode || (type === "number" ? "numeric" : "text"),
+            onChange: (event) => handleChange(event, index),
+            onKeyDown: (event) => handleKeyDown(event, index),
+            onFocus: (event) => handleFocus(event, index),
+            onBlur: handleBlur,
+            onPaste: handlePaste,
+            type: inputType || (mask ? "password" : type === "number" ? "tel" : "text"),
+            radius,
+            error,
+            variant,
+            disabled,
+            ref: (node) => {
+              index === 0 && assignRef(ref, node);
+              inputsRef.current[index] = node;
+            },
+            autoComplete: oneTimeCode ? "one-time-code" : "off",
+            placeholder: focusedIndex === index ? "" : placeholder,
+            value: char,
+            autoFocus: autoFocus && index === 0,
+            unstyled,
+            "aria-label": ariaLabel,
+            readOnly,
+            ...getInputProps?.(index)
+          }
+        ))
+      }
+    ),
+    /* @__PURE__ */ jsx("input", { type: "hidden", name, form, value: _valueToString, ...hiddenInputProps })
+  ] });
+});
+PinInput.classes = { ...classes, ...InputBase.classes };
+PinInput.displayName = "@mantine/core/PinInput";
+
+export { PinInput };
+//# sourceMappingURL=PinInput.mjs.map