@mantine/core 6.0.9 → 7.0.0-alpha.2

package/esm/PasswordInput/PasswordInput.js

@@ -1,223 +0,0 @@
-import React, { forwardRef } from 'react';
-import { useId, useUncontrolled } from '@mantine/hooks';
-import { rem, useComponentDefaultProps, getSize } from '@mantine/styles';
-import { PasswordToggleIcon } from './PasswordToggleIcon.js';
-import useStyles from './PasswordInput.styles.js';
-import { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';
-import { ActionIcon } from '../ActionIcon/ActionIcon.js';
-import { Input } from '../Input/Input.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 buttonSizes = {
-  xs: rem(22),
-  sm: rem(26),
-  md: rem(28),
-  lg: rem(32),
-  xl: rem(40)
-};
-const iconSizes = {
-  xs: rem(12),
-  sm: rem(15),
-  md: rem(17),
-  lg: rem(19),
-  xl: rem(21)
-};
-const rightSectionSizes = {
-  xs: rem(28),
-  sm: rem(32),
-  md: rem(34),
-  lg: rem(44),
-  xl: rem(54)
-};
-const defaultProps = {
-  size: "sm",
-  toggleTabIndex: -1,
-  visibilityToggleIcon: PasswordToggleIcon,
-  __staticSelector: "PasswordInput"
-};
-const PasswordInput = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("PasswordInput", defaultProps, props), {
-    radius,
-    disabled,
-    size,
-    toggleTabIndex,
-    className,
-    id,
-    label,
-    error,
-    required,
-    style,
-    icon,
-    description,
-    wrapperProps,
-    classNames,
-    styles,
-    variant,
-    visibilityToggleIcon: VisibilityToggleIcon,
-    __staticSelector,
-    rightSection: _rightSection,
-    rightSectionWidth: _rightSectionWidth,
-    rightSectionProps: _rightSectionProps,
-    sx,
-    labelProps,
-    descriptionProps,
-    errorProps,
-    unstyled,
-    visibilityToggleLabel,
-    withAsterisk,
-    inputContainer,
-    iconWidth,
-    inputWrapperOrder,
-    visible,
-    defaultVisible,
-    onVisibilityChange
-  } = _a, others = __objRest(_a, [
-    "radius",
-    "disabled",
-    "size",
-    "toggleTabIndex",
-    "className",
-    "id",
-    "label",
-    "error",
-    "required",
-    "style",
-    "icon",
-    "description",
-    "wrapperProps",
-    "classNames",
-    "styles",
-    "variant",
-    "visibilityToggleIcon",
-    "__staticSelector",
-    "rightSection",
-    "rightSectionWidth",
-    "rightSectionProps",
-    "sx",
-    "labelProps",
-    "descriptionProps",
-    "errorProps",
-    "unstyled",
-    "visibilityToggleLabel",
-    "withAsterisk",
-    "inputContainer",
-    "iconWidth",
-    "inputWrapperOrder",
-    "visible",
-    "defaultVisible",
-    "onVisibilityChange"
-  ]);
-  const rightSectionWidth = getSize({ size, sizes: rightSectionSizes });
-  const { classes } = useStyles({ rightSectionWidth }, { name: "PasswordInput", classNames, styles, unstyled, size, variant });
-  const uuid = useId(id);
-  const { systemStyles, rest } = extractSystemStyles(others);
-  const [_visible, setVisibility] = useUncontrolled({
-    value: visible,
-    defaultValue: defaultVisible,
-    finalValue: false,
-    onChange: onVisibilityChange
-  });
-  const toggleVisibility = () => setVisibility(!_visible);
-  const rightSection = /* @__PURE__ */ React.createElement(ActionIcon, {
-    className: classes.visibilityToggle,
-    tabIndex: toggleTabIndex,
-    radius,
-    size: getSize({ size, sizes: buttonSizes }),
-    "aria-hidden": !visibilityToggleLabel,
-    "aria-label": visibilityToggleLabel,
-    unstyled,
-    onMouseDown: (event) => {
-      event.preventDefault();
-      toggleVisibility();
-    },
-    onKeyDown: (event) => {
-      if (event.key === " ") {
-        event.preventDefault();
-        toggleVisibility();
-      }
-    }
-  }, /* @__PURE__ */ React.createElement(VisibilityToggleIcon, {
-    reveal: _visible,
-    size: getSize({ size, sizes: iconSizes })
-  }));
-  return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({
-    required,
-    id: uuid,
-    label,
-    error,
-    description,
-    size,
-    className,
-    style,
-    classNames,
-    styles,
-    __staticSelector,
-    sx,
-    errorProps,
-    descriptionProps,
-    labelProps,
-    unstyled,
-    withAsterisk,
-    inputWrapperOrder,
-    inputContainer,
-    variant
-  }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement(Input, {
-    component: "div",
-    error,
-    icon,
-    size,
-    classNames: __spreadProps(__spreadValues({}, classNames), { input: classes.input }),
-    styles,
-    radius,
-    disabled,
-    __staticSelector,
-    rightSectionWidth,
-    rightSection: !disabled && rightSection,
-    variant,
-    unstyled,
-    iconWidth
-  }, /* @__PURE__ */ React.createElement("input", __spreadValues({
-    type: _visible ? "text" : "password",
-    required,
-    "data-invalid": !!error || void 0,
-    "data-with-icon": !!icon || void 0,
-    className: classes.innerInput,
-    disabled,
-    id: uuid,
-    ref
-  }, rest))));
-});
-PasswordInput.displayName = "@mantine/core/PasswordInput";
-
-export { PasswordInput };
-//# sourceMappingURL=PasswordInput.js.map

package/esm/PasswordInput/PasswordInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../src/PasswordInput/PasswordInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport { Selectors, DefaultProps, useComponentDefaultProps, rem, getSize } from '@mantine/styles';\nimport { extractSystemStyles } from '../Box';\nimport { ActionIcon } from '../ActionIcon';\nimport { TextInputProps, TextInputStylesNames } from '../TextInput';\nimport { Input } from '../Input';\nimport { PasswordToggleIcon } from './PasswordToggleIcon';\nimport useStyles from './PasswordInput.styles';\n\nexport type PasswordInputStylesNames = Selectors<typeof useStyles> | TextInputStylesNames;\n\nexport interface PasswordInputProps\n  extends DefaultProps<PasswordInputStylesNames>,\n    Omit<TextInputProps, 'classNames' | 'styles'> {\n  /** Toggle button tabIndex, set to 0 to make button focusable with tab key */\n  toggleTabIndex?: -1 | 0;\n\n  /** Provide your own visibility toggle icon */\n  visibilityToggleIcon?: React.FC<{ reveal: boolean; size: number | string }>;\n\n  /** aria-label for visibility toggle button */\n  visibilityToggleLabel?: string;\n\n  /** Determines whether input content should be visible (controlled) */\n  visible?: boolean;\n\n  /** Determines whether input content should be visible (uncontrolled) */\n  defaultVisible?: boolean;\n\n  /** Called when visibility changes */\n  onVisibilityChange?(visible: boolean): void;\n}\n\nconst buttonSizes = {\n  xs: rem(22),\n  sm: rem(26),\n  md: rem(28),\n  lg: rem(32),\n  xl: rem(40),\n};\n\nconst iconSizes = {\n  xs: rem(12),\n  sm: rem(15),\n  md: rem(17),\n  lg: rem(19),\n  xl: rem(21),\n};\n\nconst rightSectionSizes = {\n  xs: rem(28),\n  sm: rem(32),\n  md: rem(34),\n  lg: rem(44),\n  xl: rem(54),\n};\n\nconst defaultProps: Partial<PasswordInputProps> = {\n  size: 'sm',\n  toggleTabIndex: -1,\n  visibilityToggleIcon: PasswordToggleIcon,\n  __staticSelector: 'PasswordInput',\n};\n\nexport const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>((props, ref) => {\n  const {\n    radius,\n    disabled,\n    size,\n    toggleTabIndex,\n    className,\n    id,\n    label,\n    error,\n    required,\n    style,\n    icon,\n    description,\n    wrapperProps,\n    classNames,\n    styles,\n    variant,\n    visibilityToggleIcon: VisibilityToggleIcon,\n    __staticSelector,\n    rightSection: _rightSection,\n    rightSectionWidth: _rightSectionWidth,\n    rightSectionProps: _rightSectionProps,\n    sx,\n    labelProps,\n    descriptionProps,\n    errorProps,\n    unstyled,\n    visibilityToggleLabel,\n    withAsterisk,\n    inputContainer,\n    iconWidth,\n    inputWrapperOrder,\n    visible,\n    defaultVisible,\n    onVisibilityChange,\n    ...others\n  } = useComponentDefaultProps('PasswordInput', defaultProps, props);\n\n  const rightSectionWidth = getSize({ size, sizes: rightSectionSizes });\n  const { classes } = useStyles(\n    { rightSectionWidth },\n    { name: 'PasswordInput', classNames, styles, unstyled, size, variant }\n  );\n  const uuid = useId(id);\n  const { systemStyles, rest } = extractSystemStyles(others);\n  const [_visible, setVisibility] = useUncontrolled({\n    value: visible,\n    defaultValue: defaultVisible,\n    finalValue: false,\n    onChange: onVisibilityChange,\n  });\n\n  const toggleVisibility = () => setVisibility(!_visible);\n\n  const rightSection = (\n    <ActionIcon<'button'>\n      className={classes.visibilityToggle}\n      tabIndex={toggleTabIndex}\n      radius={radius}\n      size={getSize({ size, sizes: buttonSizes })}\n      aria-hidden={!visibilityToggleLabel}\n      aria-label={visibilityToggleLabel}\n      unstyled={unstyled}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        toggleVisibility();\n      }}\n      onKeyDown={(event) => {\n        if (event.key === ' ') {\n          event.preventDefault();\n          toggleVisibility();\n        }\n      }}\n    >\n      <VisibilityToggleIcon reveal={_visible} size={getSize({ size, sizes: iconSizes })} />\n    </ActionIcon>\n  );\n\n  return (\n    <Input.Wrapper\n      required={required}\n      id={uuid}\n      label={label}\n      error={error}\n      description={description}\n      size={size}\n      className={className}\n      style={style}\n      classNames={classNames}\n      styles={styles}\n      __staticSelector={__staticSelector}\n      sx={sx}\n      errorProps={errorProps}\n      descriptionProps={descriptionProps}\n      labelProps={labelProps}\n      unstyled={unstyled}\n      withAsterisk={withAsterisk}\n      inputWrapperOrder={inputWrapperOrder}\n      inputContainer={inputContainer}\n      variant={variant}\n      {...systemStyles}\n      {...wrapperProps}\n    >\n      <Input<'div'>\n        component=\"div\"\n        error={error}\n        icon={icon}\n        size={size}\n        classNames={{ ...classNames, input: classes.input }}\n        styles={styles}\n        radius={radius}\n        disabled={disabled}\n        __staticSelector={__staticSelector}\n        rightSectionWidth={rightSectionWidth}\n        rightSection={!disabled && rightSection}\n        variant={variant}\n        unstyled={unstyled}\n        iconWidth={iconWidth}\n      >\n        <input\n          type={_visible ? 'text' : 'password'}\n          required={required}\n          data-invalid={!!error || undefined}\n          data-with-icon={!!icon || undefined}\n          className={classes.innerInput}\n          disabled={disabled}\n          id={uuid}\n          ref={ref}\n          {...rest}\n        />\n      </Input>\n    </Input.Wrapper>\n  );\n});\n\nPasswordInput.displayName = '@mantine/core/PasswordInput';\n"],"names":[],"mappings":"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"}

package/esm/PasswordInput/PasswordInput.styles.js

@@ -1,68 +0,0 @@
-import { createStyles, rem, getSize } from '@mantine/styles';
-import { sizes } from '../Input/Input.styles.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 useStyles = createStyles((theme, { rightSectionWidth }, { size }) => ({
-  visibilityToggle: {},
-  input: {
-    position: "relative",
-    overflow: "hidden"
-  },
-  innerInput: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.cover(0)), {
-    backgroundColor: "transparent",
-    border: `${rem(1)} solid transparent`,
-    borderLeftWidth: 0,
-    borderRightWidth: 0,
-    boxSizing: "border-box",
-    display: "block",
-    width: `calc(100% - ${rem(rightSectionWidth)})`,
-    paddingLeft: `calc(${getSize({ size, sizes: sizes })}  / 3)`,
-    fontSize: getSize({ size, sizes: theme.fontSizes }),
-    height: `calc(${getSize({ size, sizes: sizes })} - ${rem(2)})`,
-    lineHeight: `calc(${getSize({ size, sizes: sizes })} - ${rem(4)})`,
-    color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
-    "&::-ms-reveal, &::-ms-clear": {
-      display: "none"
-    },
-    "&:focus": {
-      outline: 0
-    },
-    "&:disabled": {
-      cursor: "not-allowed"
-    },
-    "&::placeholder": __spreadProps(__spreadValues({}, theme.fn.placeholderStyles()), {
-      opacity: 1
-    }),
-    "&[data-invalid]": {
-      color: theme.fn.variant({ variant: "filled", color: "red" }).background,
-      "&::placeholder": {
-        opacity: 1,
-        color: theme.fn.variant({ variant: "filled", color: "red" }).background
-      }
-    },
-    "&[data-with-icon]": {
-      paddingLeft: getSize({ size, sizes: sizes })
-    }
-  })
-}));
-
-export default useStyles;
-//# sourceMappingURL=PasswordInput.styles.js.map

package/esm/PasswordInput/PasswordInput.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordInput.styles.js","sources":["../../src/PasswordInput/PasswordInput.styles.ts"],"sourcesContent":["import { createStyles, rem, getSize } from '@mantine/styles';\nimport { INPUT_SIZES } from '../Input';\n\nexport interface PasswordInputStylesParams {\n  rightSectionWidth: number | string;\n}\n\nexport default createStyles(\n  (theme, { rightSectionWidth }: PasswordInputStylesParams, { size }) => ({\n    visibilityToggle: {},\n\n    input: {\n      position: 'relative',\n      overflow: 'hidden',\n    },\n\n    innerInput: {\n      ...theme.fn.fontStyles(),\n      ...theme.fn.cover(0),\n      backgroundColor: 'transparent',\n      border: `${rem(1)} solid transparent`,\n      borderLeftWidth: 0,\n      borderRightWidth: 0,\n      boxSizing: 'border-box',\n      display: 'block',\n      width: `calc(100% - ${rem(rightSectionWidth)})`,\n      paddingLeft: `calc(${getSize({ size, sizes: INPUT_SIZES })}  / 3)`,\n      fontSize: getSize({ size, sizes: theme.fontSizes }),\n      height: `calc(${getSize({ size, sizes: INPUT_SIZES })} - ${rem(2)})`,\n      lineHeight: `calc(${getSize({ size, sizes: INPUT_SIZES })} - ${rem(4)})`,\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n      '&::-ms-reveal, &::-ms-clear': {\n        display: 'none',\n      },\n\n      '&:focus': {\n        outline: 0,\n      },\n\n      '&:disabled': {\n        cursor: 'not-allowed',\n      },\n\n      '&::placeholder': {\n        ...theme.fn.placeholderStyles(),\n        opacity: 1,\n      },\n\n      '&[data-invalid]': {\n        color: theme.fn.variant({ variant: 'filled', color: 'red' }).background,\n\n        '&::placeholder': {\n          opacity: 1,\n          color: theme.fn.variant({ variant: 'filled', color: 'red' }).background,\n        },\n      },\n\n      '&[data-with-icon]': {\n        paddingLeft: getSize({ size, sizes: INPUT_SIZES }),\n      },\n    },\n  })\n);\n"],"names":["INPUT_SIZES"],"mappings":"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"}

package/esm/PasswordInput/PasswordToggleIcon.js

@@ -1,20 +0,0 @@
-import React from 'react';
-
-const PasswordToggleIcon = ({
-  reveal,
-  size
-}) => /* @__PURE__ */ React.createElement("svg", {
-  width: size,
-  height: size,
-  viewBox: "0 0 15 15",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React.createElement("path", {
-  d: reveal ? "M13.3536 2.35355C13.5488 2.15829 13.5488 1.84171 13.3536 1.64645C13.1583 1.45118 12.8417 1.45118 12.6464 1.64645L10.6828 3.61012C9.70652 3.21671 8.63759 3 7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C0.902945 9.08812 2.02314 10.1861 3.36061 10.9323L1.64645 12.6464C1.45118 12.8417 1.45118 13.1583 1.64645 13.3536C1.84171 13.5488 2.15829 13.5488 2.35355 13.3536L4.31723 11.3899C5.29348 11.7833 6.36241 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C14.0971 5.9119 12.9769 4.81391 11.6394 4.06771L13.3536 2.35355ZM9.90428 4.38861C9.15332 4.1361 8.34759 4 7.5 4C4.80285 4 2.52952 5.37816 1.09622 7.50001C1.87284 8.6497 2.89609 9.58106 4.09974 10.1931L9.90428 4.38861ZM5.09572 10.6114L10.9003 4.80685C12.1039 5.41894 13.1272 6.35031 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11C6.65241 11 5.84668 10.8639 5.09572 10.6114Z" : "M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z",
-  fill: "currentColor",
-  fillRule: "evenodd",
-  clipRule: "evenodd"
-}));
-
-export { PasswordToggleIcon };
-//# sourceMappingURL=PasswordToggleIcon.js.map

package/esm/PasswordInput/PasswordToggleIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordToggleIcon.js","sources":["../../src/PasswordInput/PasswordToggleIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface PasswordToggleIconProps {\n  reveal: boolean;\n  size: number | string;\n}\n\nexport type PasswordInputVisibilityToggleIcon = React.FC<PasswordToggleIconProps>;\n\nexport const PasswordToggleIcon: PasswordInputVisibilityToggleIcon = ({\n  reveal,\n  size,\n}: PasswordToggleIconProps) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 15 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d={\n        reveal\n          ? 'M13.3536 2.35355C13.5488 2.15829 13.5488 1.84171 13.3536 1.64645C13.1583 1.45118 12.8417 1.45118 12.6464 1.64645L10.6828 3.61012C9.70652 3.21671 8.63759 3 7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C0.902945 9.08812 2.02314 10.1861 3.36061 10.9323L1.64645 12.6464C1.45118 12.8417 1.45118 13.1583 1.64645 13.3536C1.84171 13.5488 2.15829 13.5488 2.35355 13.3536L4.31723 11.3899C5.29348 11.7833 6.36241 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C14.0971 5.9119 12.9769 4.81391 11.6394 4.06771L13.3536 2.35355ZM9.90428 4.38861C9.15332 4.1361 8.34759 4 7.5 4C4.80285 4 2.52952 5.37816 1.09622 7.50001C1.87284 8.6497 2.89609 9.58106 4.09974 10.1931L9.90428 4.38861ZM5.09572 10.6114L10.9003 4.80685C12.1039 5.41894 13.1272 6.35031 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11C6.65241 11 5.84668 10.8639 5.09572 10.6114Z'\n          : 'M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z'\n      }\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n"],"names":[],"mappings":";;AACY,MAAC,kBAAkB,GAAG,CAAC;AACnC,EAAE,MAAM;AACR,EAAE,IAAI;AACN,CAAC,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AACjD,EAAE,KAAK,EAAE,IAAI;AACb,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,OAAO,EAAE,WAAW;AACtB,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,KAAK,EAAE,4BAA4B;AACrC,CAAC,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAC/C,EAAE,CAAC,EAAE,MAAM,GAAG,y6BAAy6B,GAAG,gjBAAgjB;AAC1+C,EAAE,IAAI,EAAE,cAAc;AACtB,EAAE,QAAQ,EAAE,SAAS;AACrB,EAAE,QAAQ,EAAE,SAAS;AACrB,CAAC,CAAC;;;;"}

package/esm/PinInput/PinInput.js

@@ -1,239 +0,0 @@
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
-import { useId, useUncontrolled } from '@mantine/hooks';
-import { useComponentDefaultProps } from '@mantine/styles';
-import { createPinArray } from './create-pin-array/create-pin-array.js';
-import useStyles from './PinInput.styles.js';
-import { Group } from '../Group/Group.js';
-import { Input } from '../Input/Input.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 regex = {
-  number: /^[0-9]+$/,
-  alphanumeric: /^[a-zA-Z0-9]+$/i
-};
-const defaultProps = {
-  spacing: "sm",
-  size: "sm",
-  length: 4,
-  manageFocus: true,
-  placeholder: "\u25CB",
-  type: "alphanumeric"
-};
-const PinInput = forwardRef((props, ref) => {
-  const _a = useComponentDefaultProps("PinInput", defaultProps, props), {
-    name,
-    form,
-    className,
-    value,
-    defaultValue,
-    variant,
-    spacing,
-    size,
-    classNames,
-    styles,
-    unstyled,
-    sx,
-    length,
-    onChange,
-    onComplete,
-    manageFocus,
-    autoFocus,
-    error,
-    radius,
-    disabled,
-    oneTimeCode,
-    placeholder,
-    type,
-    mask,
-    "aria-label": ariaLabel,
-    readOnly,
-    inputType,
-    inputMode
-  } = _a, others = __objRest(_a, [
-    "name",
-    "form",
-    "className",
-    "value",
-    "defaultValue",
-    "variant",
-    "spacing",
-    "size",
-    "classNames",
-    "styles",
-    "unstyled",
-    "sx",
-    "length",
-    "onChange",
-    "onComplete",
-    "manageFocus",
-    "autoFocus",
-    "error",
-    "radius",
-    "disabled",
-    "oneTimeCode",
-    "placeholder",
-    "type",
-    "mask",
-    "aria-label",
-    "readOnly",
-    "inputType",
-    "inputMode"
-  ]);
-  const uuid = useId(name);
-  const { classes, cx } = useStyles(null, {
-    name: "PinInput",
-    classNames,
-    styles,
-    unstyled,
-    variant,
-    size
-  });
-  const [focusedIndex, setFocusedIndex] = useState(-1);
-  const [_value, setValues] = useUncontrolled({
-    value,
-    defaultValue,
-    finalValue: "",
-    onChange
-  });
-  const inputsRef = useRef([]);
-  const validate = (code) => {
-    const re = type instanceof RegExp ? type : type in regex ? regex[type] : null;
-    return re == null ? void 0 : re.test(code);
-  };
-  const focusInputField = (dir, index) => {
-    if (!manageFocus)
-      return;
-    if (dir === "next") {
-      const nextIndex = index + 1;
-      inputsRef.current[nextIndex < length ? nextIndex : index].focus();
-    }
-    if (dir === "prev") {
-      const nextIndex = index - 1;
-      inputsRef.current[nextIndex > -1 ? nextIndex : index].focus();
-    }
-  };
-  const setFieldValue = (val, index) => {
-    const values = [...createPinArray(length, _value)];
-    values[index] = val;
-    setValues(values.join(""));
-  };
-  const handleChange = (event, index) => {
-    const inputValue = event.target.value;
-    const nextChar = inputValue.length > 1 ? inputValue.split("")[inputValue.length - 1] : inputValue;
-    const isValid = validate(nextChar);
-    if (isValid) {
-      setFieldValue(nextChar, index);
-      focusInputField("next", index);
-    } else {
-      setFieldValue("", index);
-    }
-  };
-  const handleKeyDown = (event, index) => {
-    if (event.key === "Backspace") {
-      if (event.target.value !== "") {
-        setFieldValue("", index);
-      } else {
-        focusInputField("prev", index);
-      }
-    }
-  };
-  const handleFocus = (event, index) => {
-    event.target.select();
-    setFocusedIndex(index);
-  };
-  const handleBlur = () => {
-    setFocusedIndex(-1);
-  };
-  const handlePaste = (event) => {
-    event.preventDefault();
-    const copyValue = event.clipboardData.getData("Text");
-    const isValid = validate(copyValue);
-    if (isValid) {
-      setValues(copyValue);
-    }
-  };
-  useEffect(() => {
-    if (_value.length !== length)
-      return;
-    onComplete == null ? void 0 : onComplete(_value);
-  }, [_value]);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Group, __spreadValues({
-    role: "group",
-    spacing,
-    ref,
-    className: cx(classes.root, className),
-    sx,
-    unstyled,
-    id: uuid,
-    noWrap: true
-  }, others), createPinArray(length, _value).map((char, index) => /* @__PURE__ */ React.createElement(Input, {
-    __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,
-    size,
-    disabled,
-    ref: (node) => {
-      inputsRef.current[index] = node;
-    },
-    autoComplete: oneTimeCode ? "one-time-code" : "off",
-    placeholder: focusedIndex === index ? "" : placeholder,
-    value: char,
-    autoFocus: autoFocus && index === 0,
-    classNames: __spreadProps(__spreadValues({}, classNames), {
-      input: cx(classes.input, classNames == null ? void 0 : classNames.input)
-    }),
-    styles,
-    unstyled,
-    "aria-label": ariaLabel,
-    readOnly
-  }))), /* @__PURE__ */ React.createElement("input", {
-    type: "hidden",
-    name,
-    form,
-    value: _value
-  }));
-});
-PinInput.displayName = "@mantine/core/PinInput";
-
-export { PinInput };
-//# sourceMappingURL=PinInput.js.map

package/esm/PinInput/PinInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PinInput.js","sources":["../../src/PinInput/PinInput.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport { useUncontrolled, useId } from '@mantine/hooks';\nimport {\n  DefaultProps,\n  MantineNumberSize,\n  MantineSize,\n  useComponentDefaultProps,\n  Selectors,\n} from '@mantine/styles';\nimport { Group } from '../Group';\nimport { Input, InputSharedProps, InputStylesNames } from '../Input';\nimport { createPinArray } from './create-pin-array/create-pin-array';\nimport useStyles from './PinInput.styles';\n\nconst regex = {\n  number: /^[0-9]+$/,\n  alphanumeric: /^[a-zA-Z0-9]+$/i,\n};\n\nexport type PinInputStylesNames = Selectors<typeof useStyles> | InputStylesNames;\n\nexport interface PinInputProps\n  extends DefaultProps<PinInputStylesNames>,\n    InputSharedProps,\n    Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {\n  /** Hidden input name attribute */\n  name?: string;\n\n  /** Hidden input form attribute */\n  form?: string;\n\n  /** Key of theme.spacing or any valid CSS value to set spacing between inputs */\n  spacing?: MantineNumberSize;\n\n  /** Key of theme.radius or any valid CSS value to set border-radius, theme.defaultRadius by default */\n  radius?: MantineNumberSize;\n\n  /** Input width and height */\n  size?: MantineSize;\n\n  /** If set, first input is focused when component is mounted */\n  autoFocus?: boolean;\n\n  /** Value for controlled component */\n  value?: string;\n\n  /** Default value for uncontrolled component */\n  defaultValue?: string;\n\n  /** Called when value changes */\n  onChange?: (value: string) => void;\n\n  /** Called when user enters value to all inputs */\n  onComplete?(value: string): void;\n\n  /** Placeholder for every input field */\n  placeholder?: string;\n\n  /** Determines whether focus should be moved automatically to the next input once filled */\n  manageFocus?: boolean;\n\n  /** Determines whether autocomplete=\"one-time-code\" attribute should be set on all inputs */\n  oneTimeCode?: boolean;\n\n  /** The top-level id that is used as a base in all input fields */\n  id?: string;\n\n  /** Sets inputs disabled attribute */\n  disabled?: boolean;\n\n  /** Adds error styles to all inputs */\n  error?: boolean;\n\n  /** The type of allowed values */\n  type?: 'alphanumeric' | 'number' | RegExp;\n\n  /** Changes input type to \"password\" */\n  mask?: boolean;\n\n  /** Number of input boxes */\n  length?: number;\n\n  /** Determines whether the user can edit input content */\n  readOnly?: boolean;\n\n  /** Inputs type attribute, inferred from type prop if not specified */\n  inputType?: React.HTMLInputTypeAttribute;\n\n  /** inputmode attr, inferred from type prop if not specified */\n  inputMode?:\n    | 'none'\n    | 'text'\n    | 'tel'\n    | 'url'\n    | 'email'\n    | 'numeric'\n    | 'decimal'\n    | 'search'\n    | undefined;\n}\n\nconst defaultProps: Partial<PinInputProps> = {\n  spacing: 'sm',\n  size: 'sm',\n  length: 4,\n  manageFocus: true,\n  placeholder: '○',\n  type: 'alphanumeric',\n};\n\nexport const PinInput = forwardRef<HTMLDivElement, PinInputProps>((props, ref) => {\n  const {\n    name,\n    form,\n    className,\n    value,\n    defaultValue,\n    variant,\n    spacing,\n    size,\n    classNames,\n    styles,\n    unstyled,\n    sx,\n    length,\n    onChange,\n    onComplete,\n    manageFocus,\n    autoFocus,\n    error,\n    radius,\n    disabled,\n    oneTimeCode,\n    placeholder,\n    type,\n    mask,\n    'aria-label': ariaLabel,\n    readOnly,\n    inputType,\n    inputMode,\n    ...others\n  } = useComponentDefaultProps('PinInput', defaultProps, props);\n\n  const uuid = useId(name);\n  const { classes, cx } = useStyles(null, {\n    name: 'PinInput',\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    size,\n  });\n\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n\n  const [_value, setValues] = useUncontrolled({\n    value,\n    defaultValue,\n    finalValue: '',\n    onChange,\n  });\n\n  const inputsRef = useRef<Array<HTMLInputElement>>([]);\n\n  const validate = (code: string) => {\n    const re = type instanceof RegExp ? type : type in regex ? regex[type] : null;\n    return re?.test(code);\n  };\n\n  const focusInputField = (dir: 'next' | 'prev', index: number) => {\n    if (!manageFocus) return;\n\n    if (dir === 'next') {\n      const nextIndex = index + 1;\n      inputsRef.current[nextIndex < length ? nextIndex : index].focus();\n    }\n\n    if (dir === 'prev') {\n      const nextIndex = index - 1;\n\n      inputsRef.current[nextIndex > -1 ? nextIndex : index].focus();\n    }\n  };\n\n  const setFieldValue = (val: string, index: number) => {\n    const values = [...createPinArray(length, _value)];\n    values[index] = val;\n    setValues(values.join(''));\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>, index: number) => {\n    const inputValue = event.target.value;\n    const nextChar =\n      inputValue.length > 1 ? inputValue.split('')[inputValue.length - 1] : inputValue;\n\n    const isValid = validate(nextChar);\n\n    if (isValid) {\n      setFieldValue(nextChar, index);\n      focusInputField('next', index);\n    } else {\n      setFieldValue('', index);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>, index: number) => {\n    if (event.key === 'Backspace') {\n      if ((event.target as HTMLInputElement).value !== '') {\n        setFieldValue('', index);\n      } else {\n        focusInputField('prev', index);\n      }\n    }\n  };\n\n  const handleFocus = (event: React.FocusEvent<HTMLInputElement>, index: number) => {\n    event.target.select();\n    setFocusedIndex(index);\n  };\n\n  const handleBlur = () => {\n    setFocusedIndex(-1);\n  };\n\n  const handlePaste = (event: React.ClipboardEvent<HTMLInputElement>) => {\n    event.preventDefault();\n    const copyValue = event.clipboardData.getData('Text');\n    const isValid = validate(copyValue);\n\n    if (isValid) {\n      setValues(copyValue);\n    }\n  };\n\n  useEffect(() => {\n    if (_value.length !== length) return;\n\n    onComplete?.(_value);\n  }, [_value]);\n\n  return (\n    <>\n      <Group\n        role=\"group\"\n        spacing={spacing}\n        ref={ref}\n        className={cx(classes.root, className)}\n        sx={sx}\n        unstyled={unstyled}\n        id={uuid}\n        noWrap\n        {...others}\n      >\n        {createPinArray(length, _value).map((char, index) => (\n          <Input<'input'>\n            __staticSelector=\"PinInput\"\n            id={`${uuid}-${index + 1}`}\n            key={`${uuid}-${index}`}\n            inputMode={inputMode || (type === 'number' ? 'numeric' : 'text')}\n            onChange={(event) => handleChange(event, index)}\n            onKeyDown={(event) => handleKeyDown(event, index)}\n            onFocus={(event) => handleFocus(event, index)}\n            onBlur={handleBlur}\n            onPaste={handlePaste}\n            type={inputType || (mask ? 'password' : type === 'number' ? 'tel' : 'text')}\n            radius={radius}\n            error={error}\n            variant={variant}\n            size={size}\n            disabled={disabled}\n            ref={(node) => {\n              inputsRef.current[index] = node;\n            }}\n            autoComplete={oneTimeCode ? 'one-time-code' : 'off'}\n            placeholder={focusedIndex === index ? '' : placeholder}\n            value={char}\n            autoFocus={autoFocus && index === 0}\n            classNames={{\n              ...classNames,\n              input: cx(classes.input, classNames?.input),\n            }}\n            styles={styles}\n            unstyled={unstyled}\n            aria-label={ariaLabel}\n            readOnly={readOnly}\n          />\n        ))}\n      </Group>\n      <input type=\"hidden\" name={name} form={form} value={_value} />\n    </>\n  );\n});\n\nPinInput.displayName = '@mantine/core/PinInput';\n"],"names":[],"mappings":"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"}

package/esm/PinInput/PinInput.styles.js

@@ -1,26 +0,0 @@
-import { createStyles, getSize, rem } from '@mantine/styles';
-
-const sizes = {
-  xs: rem(28),
-  sm: rem(32),
-  md: rem(36),
-  lg: rem(40),
-  xl: rem(48)
-};
-var useStyles = createStyles((_theme, _params, { size }) => ({
-  root: {},
-  input: {
-    width: getSize({ size, sizes }),
-    height: getSize({ size, sizes }),
-    textAlign: "center",
-    minHeight: "auto",
-    padding: 0,
-    lineHeight: getSize({ size, sizes }),
-    "&::selection": {
-      background: "transparent"
-    }
-  }
-}));
-
-export default useStyles;
-//# sourceMappingURL=PinInput.styles.js.map

package/esm/PinInput/PinInput.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PinInput.styles.js","sources":["../../src/PinInput/PinInput.styles.ts"],"sourcesContent":["import { createStyles, getSize, rem } from '@mantine/styles';\n\nconst sizes = {\n  xs: rem(28),\n  sm: rem(32),\n  md: rem(36),\n  lg: rem(40),\n  xl: rem(48),\n};\n\nexport default createStyles((_theme, _params, { size }) => ({\n  root: {},\n  input: {\n    width: getSize({ size, sizes }),\n    height: getSize({ size, sizes }),\n    textAlign: 'center',\n    minHeight: 'auto',\n    padding: 0,\n    lineHeight: getSize({ size, sizes }),\n\n    '&::selection': {\n      background: 'transparent',\n    },\n  },\n}));\n"],"names":[],"mappings":";;AACA,MAAM,KAAK,GAAG;AACd,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;AACb,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,CAAC;AACb,CAAC,CAAC;AACF,gBAAe,YAAY,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM;AAC5D,EAAE,IAAI,EAAE,EAAE;AACV,EAAE,KAAK,EAAE;AACT,IAAI,KAAK,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACnC,IAAI,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACpC,IAAI,SAAS,EAAE,QAAQ;AACvB,IAAI,SAAS,EAAE,MAAM;AACrB,IAAI,OAAO,EAAE,CAAC;AACd,IAAI,UAAU,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACxC,IAAI,cAAc,EAAE;AACpB,MAAM,UAAU,EAAE,aAAa;AAC/B,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}