From 7405f9d92b8249dde2e3147e50f349ad7c741e09 Mon Sep 17 00:00:00 2001
From: ujorgeleite <jorgefernandodamasio@gmail.com>
Date: Mon, 7 Mar 2022 16:17:55 -0300
Subject: [PATCH 1/6] feat: add totp form

---
 packages/onboarding-ui/.i18n/en.i18n.json     | 17 ++++
 .../src/forms/TotpForm/Totp.stories.tsx       | 18 ++++
 .../src/forms/TotpForm/TotpForm.spec.tsx      | 16 ++++
 .../src/forms/TotpForm/TotpForm.styles.tsx    | 27 ++++++
 .../src/forms/TotpForm/TotpForm.tsx           | 96 +++++++++++++++++++
 .../onboarding-ui/src/forms/TotpForm/index.ts |  1 +
 .../src/pages/LoginPage/LoginPage.tsx         | 41 +++++---
 7 files changed, 205 insertions(+), 11 deletions(-)
 create mode 100644 packages/onboarding-ui/src/forms/TotpForm/Totp.stories.tsx
 create mode 100644 packages/onboarding-ui/src/forms/TotpForm/TotpForm.spec.tsx
 create mode 100644 packages/onboarding-ui/src/forms/TotpForm/TotpForm.styles.tsx
 create mode 100644 packages/onboarding-ui/src/forms/TotpForm/TotpForm.tsx
 create mode 100644 packages/onboarding-ui/src/forms/TotpForm/index.ts

diff --git a/packages/onboarding-ui/.i18n/en.i18n.json b/packages/onboarding-ui/.i18n/en.i18n.json
index 4d2e6cfa63..2c88763b63 100644
--- a/packages/onboarding-ui/.i18n/en.i18n.json
+++ b/packages/onboarding-ui/.i18n/en.i18n.json
@@ -309,6 +309,23 @@
       "button": {
         "text": "Save new password"
       }
+    },
+    "totpForm": {
+      "fields": {
+        "totpCode": {
+          "label": "MFA CODE",
+          "placeholder": "TOTP Code"
+        },
+        "backupCode": {
+          "placeholder": "Backup Code"
+        }
+      },
+      "button": {
+        "text": "Log in"
+      },
+      "buttonBackupCode": {
+        "text": "Need to use backup code?"
+      }
     }
   }
 }
diff --git a/packages/onboarding-ui/src/forms/TotpForm/Totp.stories.tsx b/packages/onboarding-ui/src/forms/TotpForm/Totp.stories.tsx
new file mode 100644
index 0000000000..03cfc8460d
--- /dev/null
+++ b/packages/onboarding-ui/src/forms/TotpForm/Totp.stories.tsx
@@ -0,0 +1,18 @@
+import type { Meta, Story } from '@storybook/react';
+import type { ComponentProps } from 'react';
+
+import TotpForm from './TotpForm';
+
+type Args = ComponentProps<typeof TotpForm>;
+
+export default {
+  title: 'forms/TotpForm',
+  component: TotpForm,
+  parameters: {
+    layout: 'centered',
+    actions: { argTypesRegex: '^on.*' },
+  },
+} as Meta<Args>;
+
+export const _TotpForm: Story<Args> = (args) => <TotpForm {...args} />;
+_TotpForm.storyName = 'TotpForm';
diff --git a/packages/onboarding-ui/src/forms/TotpForm/TotpForm.spec.tsx b/packages/onboarding-ui/src/forms/TotpForm/TotpForm.spec.tsx
new file mode 100644
index 0000000000..5db6f567fb
--- /dev/null
+++ b/packages/onboarding-ui/src/forms/TotpForm/TotpForm.spec.tsx
@@ -0,0 +1,16 @@
+import ReactDOM from 'react-dom';
+
+import TotpForm from './TotpForm';
+
+it('renders without crashing', () => {
+  const div = document.createElement('div');
+  ReactDOM.render(
+    <TotpForm
+      onChangeTotpForm={() => undefined}
+      isBackupCode={false}
+      onSubmit={() => undefined}
+    />,
+    div
+  );
+  ReactDOM.unmountComponentAtNode(div);
+});
diff --git a/packages/onboarding-ui/src/forms/TotpForm/TotpForm.styles.tsx b/packages/onboarding-ui/src/forms/TotpForm/TotpForm.styles.tsx
new file mode 100644
index 0000000000..a0da98fdca
--- /dev/null
+++ b/packages/onboarding-ui/src/forms/TotpForm/TotpForm.styles.tsx
@@ -0,0 +1,27 @@
+import styled from '@rocket.chat/styled';
+
+export const TotpActionsWrapper = styled('div')`
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: flex-start;
+  justify-content: stretch;
+
+  a {
+    margin-block-start: 16px;
+  }
+
+  @media (min-width: 1440px) {
+    flex-flow: row nowrap;
+    padding: 0;
+    width: 100%;
+    align-items: center;
+    max-width: 1152px;
+
+    a {
+      padding-inline: 8px;
+      margin-block-start: 0;
+    }
+  }
+`;
diff --git a/packages/onboarding-ui/src/forms/TotpForm/TotpForm.tsx b/packages/onboarding-ui/src/forms/TotpForm/TotpForm.tsx
new file mode 100644
index 0000000000..e341dc239d
--- /dev/null
+++ b/packages/onboarding-ui/src/forms/TotpForm/TotpForm.tsx
@@ -0,0 +1,96 @@
+import {
+  FieldGroup,
+  Field,
+  NumberInput,
+  TextInput,
+  Button,
+} from '@rocket.chat/fuselage';
+import type { ReactElement } from 'react';
+import type { SubmitHandler } from 'react-hook-form';
+import { useForm } from 'react-hook-form';
+import { useTranslation } from 'react-i18next';
+
+import ActionLink from '../../common/ActionLink';
+import Form from '../../common/Form';
+import { TotpActionsWrapper } from './TotpForm.styles';
+
+export type TotpFormPayload = {
+  totpCode: string;
+  backupCode: string;
+};
+
+type TotpFormProps = {
+  initialValues?: TotpFormPayload;
+  onChangeTotpForm: () => void;
+  isBackupCode?: boolean;
+  formError?: string;
+  onSubmit: SubmitHandler<TotpFormPayload>;
+};
+
+const TotpForm = ({
+  onSubmit,
+  initialValues,
+  isBackupCode = false,
+  onChangeTotpForm,
+}: TotpFormProps): ReactElement => {
+  const { t } = useTranslation();
+
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isValidating, isSubmitting },
+  } = useForm<TotpFormPayload>({
+    defaultValues: {
+      ...initialValues,
+    },
+  });
+
+  return (
+    <Form onSubmit={handleSubmit(onSubmit)}>
+      <Form.Container>
+        <FieldGroup>
+          <Field>
+            <Field.Label>
+              {t('form.totpForm.fields.totpCode.label')}
+            </Field.Label>
+            <Field.Row>
+              {isBackupCode ? (
+                <TextInput
+                  {...register('backupCode', {
+                    required: String(t('component.form.requiredField')),
+                  })}
+                  placeholder={t('form.totpForm.fields.backupCode.placeholder')}
+                />
+              ) : (
+                <NumberInput
+                  {...register('totpCode', {
+                    required: String(t('component.form.requiredField')),
+                  })}
+                  placeholder={t('form.totpForm.fields.totpCode.placeholder')}
+                />
+              )}
+            </Field.Row>
+            {errors.backupCode && (
+              <Field.Error>{errors.backupCode.message}</Field.Error>
+            )}
+            {errors.totpCode && (
+              <Field.Error>{errors.totpCode.message}</Field.Error>
+            )}
+          </Field>
+        </FieldGroup>
+      </Form.Container>
+      <Form.Footer>
+        <TotpActionsWrapper>
+          <Button type='submit' disabled={isValidating || isSubmitting} primary>
+            {t('form.totpForm.button.text')}
+          </Button>
+          <ActionLink fontScale='p2' onClick={onChangeTotpForm}>
+            {t('form.totpForm.buttonBackupCode.text')}
+          </ActionLink>
+        </TotpActionsWrapper>
+      </Form.Footer>
+    </Form>
+  );
+};
+
+export default TotpForm;
diff --git a/packages/onboarding-ui/src/forms/TotpForm/index.ts b/packages/onboarding-ui/src/forms/TotpForm/index.ts
new file mode 100644
index 0000000000..a05d945c1d
--- /dev/null
+++ b/packages/onboarding-ui/src/forms/TotpForm/index.ts
@@ -0,0 +1 @@
+export { default } from './TotpForm';
diff --git a/packages/onboarding-ui/src/pages/LoginPage/LoginPage.tsx b/packages/onboarding-ui/src/pages/LoginPage/LoginPage.tsx
index 8227181d3c..f242b169e5 100644
--- a/packages/onboarding-ui/src/pages/LoginPage/LoginPage.tsx
+++ b/packages/onboarding-ui/src/pages/LoginPage/LoginPage.tsx
@@ -8,6 +8,16 @@ import BackgroundLayer from '../../common/BackgroundLayer';
 import { OnboardingLogo } from '../../common/OnboardingLogo';
 import LoginForm from '../../forms/LoginForm';
 import type { LoginFormPayload } from '../../forms/LoginForm/LoginForm';
+import TotpForm from '../../forms/TotpForm';
+import type { TotpFormPayload } from '../../forms/TotpForm/TotpForm';
+
+type TotpFormProps = {
+  initialValues?: TotpFormPayload;
+  onChangeTotpForm: () => void;
+  isBackupCode?: boolean;
+  formError?: string;
+  onSubmit: SubmitHandler<TotpFormPayload>;
+};
 
 type LoginPageProps = {
   initialValues?: Omit<LoginFormPayload, 'password'>;
@@ -15,7 +25,9 @@ type LoginPageProps = {
   onResetPassword: () => void;
   formError?: string;
   isPasswordLess: boolean;
+  isMfa: boolean;
   onCreateAccount: () => void;
+  mfaProps?: TotpFormProps;
   onSubmit: SubmitHandler<LoginFormPayload>;
 };
 
@@ -24,6 +36,7 @@ const LoginPage = ({
   ...props
 }: LoginPageProps): ReactElement => {
   const { t } = useTranslation();
+  const { isMfa, mfaProps } = props;
 
   return (
     <BackgroundLayer>
@@ -51,20 +64,26 @@ const LoginPage = ({
 
         <Box width='full' backgroundColor='white'>
           <Box fontScale='c1'>
-            <LoginForm {...props} />
+            {isMfa && !!mfaProps ? (
+              <TotpForm {...mfaProps} />
+            ) : (
+              <LoginForm {...props} />
+            )}
           </Box>
         </Box>
         <Box mb='x30' fontScale='p2'>
-          <Trans i18nKey='page.loginPage.createAccount.label'>
-            New here?
-            <ActionLink
-              fontWeight={400}
-              fontScale='p2'
-              onClick={onCreateAccount}
-            >
-              Create account
-            </ActionLink>
-          </Trans>
+          {!isMfa && (
+            <Trans i18nKey='page.loginPage.createAccount.label'>
+              New here?
+              <ActionLink
+                fontWeight={400}
+                fontScale='p2'
+                onClick={onCreateAccount}
+              >
+                Create account
+              </ActionLink>
+            </Trans>
+          )}
         </Box>
       </Box>
     </BackgroundLayer>

From 3013e97ab802ce435c3b5e2edd99dc0ea15bf6fb Mon Sep 17 00:00:00 2001
From: ujorgeleite <jorgefernandodamasio@gmail.com>
Date: Mon, 7 Mar 2022 18:13:47 -0300
Subject: [PATCH 2/6] fix: login page test

---
 packages/onboarding-ui/src/pages/LoginPage/LoginPage.spec.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/onboarding-ui/src/pages/LoginPage/LoginPage.spec.tsx b/packages/onboarding-ui/src/pages/LoginPage/LoginPage.spec.tsx
index 823f1381f8..fca9a2b76b 100644
--- a/packages/onboarding-ui/src/pages/LoginPage/LoginPage.spec.tsx
+++ b/packages/onboarding-ui/src/pages/LoginPage/LoginPage.spec.tsx
@@ -6,6 +6,7 @@ it('renders without crashing', () => {
   const div = document.createElement('div');
   ReactDOM.render(
     <LoginPage
+      isMfa={false}
       initialValues={undefined}
       onChangeForm={() => undefined}
       onResetPassword={() => undefined}

From 316a97eea4e38a3464cf602f3c430f255148fd4b Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Mon, 7 Mar 2022 18:15:42 -0300
Subject: [PATCH 3/6] fix(fuselage): `onChange` prop on
 `PaginatedSelectFiltered` (#659)

---
 ....stories.tsx => PaginatedSelect.stories.tsx} |  2 +-
 .../SelectPaginated/PaginatedSelectFiltered.tsx | 17 ++++++++++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)
 rename packages/fuselage/src/components/SelectPaginated/{SelectPaginated.stories.tsx => PaginatedSelect.stories.tsx} (99%)

diff --git a/packages/fuselage/src/components/SelectPaginated/SelectPaginated.stories.tsx b/packages/fuselage/src/components/SelectPaginated/PaginatedSelect.stories.tsx
similarity index 99%
rename from packages/fuselage/src/components/SelectPaginated/SelectPaginated.stories.tsx
rename to packages/fuselage/src/components/SelectPaginated/PaginatedSelect.stories.tsx
index a6b02a60e7..66c2ec43b0 100644
--- a/packages/fuselage/src/components/SelectPaginated/SelectPaginated.stories.tsx
+++ b/packages/fuselage/src/components/SelectPaginated/PaginatedSelect.stories.tsx
@@ -26,7 +26,7 @@ const optionsEllipses = [
 ];
 
 export default {
-  title: 'Inputs/SelectPaginated',
+  title: 'Inputs/PaginatedSelect',
   component: PaginatedSelect,
   parameters: {
     docs: {
diff --git a/packages/fuselage/src/components/SelectPaginated/PaginatedSelectFiltered.tsx b/packages/fuselage/src/components/SelectPaginated/PaginatedSelectFiltered.tsx
index b7ad6f229c..f7bf05e852 100644
--- a/packages/fuselage/src/components/SelectPaginated/PaginatedSelectFiltered.tsx
+++ b/packages/fuselage/src/components/SelectPaginated/PaginatedSelectFiltered.tsx
@@ -8,6 +8,11 @@ import { InputBox } from '../InputBox';
 
 type PaginatedSelectFilteredProps = PaginatedSelectProps;
 
+type PaginatedSelectFilteredAnchorProps = Omit<
+  PaginatedSelectProps,
+  'onChange'
+>;
+
 export const PaginatedSelectFiltered = ({
   // filter,
   // setFilter,
@@ -16,15 +21,19 @@ export const PaginatedSelectFiltered = ({
   ...props
 }: PaginatedSelectFilteredProps) => {
   const [filter, setFilter] = useState('');
+
+  const handleChange = useMutableCallback((e: FormEvent<HTMLInputElement>) => {
+    setFilter(e.currentTarget.value);
+  });
+
   const anchor = useCallback(
     forwardRef(
       (
         {
           children: _children,
           filter,
-          onChange: _onChange,
           ...props
-        }: PaginatedSelectFilteredProps,
+        }: PaginatedSelectFilteredAnchorProps,
         ref: Ref<HTMLInputElement>
       ) => (
         <InputBox.Input
@@ -34,9 +43,7 @@ export const PaginatedSelectFiltered = ({
           ref={ref}
           placeholder={placeholder}
           value={filter}
-          onChange={useMutableCallback((e: FormEvent<HTMLInputElement>) => {
-            setFilter(e.currentTarget.value);
-          })}
+          onChange={handleChange}
           {...props}
           rcx-input-box--undecorated
         />

From 14109eedac39f5cb75b8394158ffcec1a37df2e8 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Tue, 8 Mar 2022 16:49:36 -0300
Subject: [PATCH 4/6] fix(fuselage): `PaginatedSelectFiltered` filter state
 (#661)

* fix

* Simplify stories

* Split into subcomponents

* Rename directory

Co-authored-by: Tiago Evangelista Pinto <tiago.evangelista@rocket.chat>
---
 packages/fuselage/package.json                |    1 +
 .../PaginatedMultiSelect.tsx                  |    0
 .../PaginatedMultiSelectFiltered.stories.tsx  |   48 +
 .../PaginatedSelect.tsx                       |   62 +-
 .../PaginatedSelect/PaginatedSelectAddon.tsx  |   15 +
 .../PaginatedSelectFiltered.stories.tsx       |   37 +
 .../PaginatedSelectFiltered.tsx               |   58 +
 .../PaginatedSelect/PaginatedSelectFocus.tsx  |   25 +
 .../PaginatedSelectWrapper.tsx                |   15 +
 .../src/components/PaginatedSelect/index.ts   |    2 +
 .../styles.scss                               |    0
 .../PaginatedSelect.stories.tsx               |  204 -
 .../PaginatedSelectFiltered.tsx               |   63 -
 .../components/SelectPaginated/hugeList.tsx   | 4002 -----------------
 .../src/components/SelectPaginated/index.ts   |    3 -
 packages/fuselage/src/components/index.ts     |    2 +-
 yarn.lock                                     |  198 +
 17 files changed, 417 insertions(+), 4318 deletions(-)
 rename packages/fuselage/src/components/{SelectPaginated => PaginatedSelect}/PaginatedMultiSelect.tsx (100%)
 create mode 100644 packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelectFiltered.stories.tsx
 rename packages/fuselage/src/components/{SelectPaginated => PaginatedSelect}/PaginatedSelect.tsx (74%)
 create mode 100644 packages/fuselage/src/components/PaginatedSelect/PaginatedSelectAddon.tsx
 create mode 100644 packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFiltered.stories.tsx
 create mode 100644 packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFiltered.tsx
 create mode 100644 packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFocus.tsx
 create mode 100644 packages/fuselage/src/components/PaginatedSelect/PaginatedSelectWrapper.tsx
 create mode 100644 packages/fuselage/src/components/PaginatedSelect/index.ts
 rename packages/fuselage/src/components/{SelectPaginated => PaginatedSelect}/styles.scss (100%)
 delete mode 100644 packages/fuselage/src/components/SelectPaginated/PaginatedSelect.stories.tsx
 delete mode 100644 packages/fuselage/src/components/SelectPaginated/PaginatedSelectFiltered.tsx
 delete mode 100644 packages/fuselage/src/components/SelectPaginated/hugeList.tsx
 delete mode 100644 packages/fuselage/src/components/SelectPaginated/index.ts

diff --git a/packages/fuselage/package.json b/packages/fuselage/package.json
index acdc084bef..84c4df10f5 100644
--- a/packages/fuselage/package.json
+++ b/packages/fuselage/package.json
@@ -73,6 +73,7 @@
     "@storybook/addon-links": "~6.4.18",
     "@storybook/addons": "~6.4.18",
     "@storybook/builder-webpack5": "~6.4.18",
+    "@storybook/client-api": "~6.4.19",
     "@storybook/manager-webpack5": "~6.4.18",
     "@storybook/react": "~6.4.18",
     "@storybook/source-loader": "~6.4.18",
diff --git a/packages/fuselage/src/components/SelectPaginated/PaginatedMultiSelect.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelect.tsx
similarity index 100%
rename from packages/fuselage/src/components/SelectPaginated/PaginatedMultiSelect.tsx
rename to packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelect.tsx
diff --git a/packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelectFiltered.stories.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelectFiltered.stories.tsx
new file mode 100644
index 0000000000..4b171d5cf5
--- /dev/null
+++ b/packages/fuselage/src/components/PaginatedSelect/PaginatedMultiSelectFiltered.stories.tsx
@@ -0,0 +1,48 @@
+import { useArgs } from '@storybook/client-api';
+import type { ComponentStory, ComponentMeta } from '@storybook/react';
+import React from 'react';
+
+import { PaginatedMultiSelectFiltered } from '.';
+
+export default {
+  title: 'Inputs/PaginatedMultiSelectFiltered',
+  component: PaginatedMultiSelectFiltered,
+  args: {
+    placeholder: 'Placeholder here...',
+    options: Array.from({ length: 1000 }, (_, i) => ({
+      value: i,
+      label: `Item #${i}`,
+    })),
+  },
+  parameters: {
+    actions: { argTypesRegex: '^on.*' },
+    layout: 'centered',
+  },
+} as ComponentMeta<typeof PaginatedMultiSelectFiltered>;
+
+export const Normal: ComponentStory<typeof PaginatedMultiSelectFiltered> = (
+  args
+) => {
+  const [, updateArgs] = useArgs();
+
+  return (
+    <PaginatedMultiSelectFiltered
+      setFilter={(filter) => updateArgs({ filter })}
+      {...args}
+    />
+  );
+};
+
+export const Errored: ComponentStory<typeof PaginatedMultiSelectFiltered> = (
+  args
+) => <PaginatedMultiSelectFiltered {...args} />;
+Errored.args = {
+  error: true,
+};
+
+export const Disabled: ComponentStory<typeof PaginatedMultiSelectFiltered> = (
+  args
+) => <PaginatedMultiSelectFiltered {...args} />;
+Disabled.args = {
+  disabled: true,
+};
diff --git a/packages/fuselage/src/components/SelectPaginated/PaginatedSelect.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelect.tsx
similarity index 74%
rename from packages/fuselage/src/components/SelectPaginated/PaginatedSelect.tsx
rename to packages/fuselage/src/components/PaginatedSelect/PaginatedSelect.tsx
index 7b01495cd7..9038f1f56e 100644
--- a/packages/fuselage/src/components/SelectPaginated/PaginatedSelect.tsx
+++ b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelect.tsx
@@ -3,8 +3,8 @@ import {
   useMutableCallback,
   useResizeObserver,
 } from '@rocket.chat/fuselage-hooks';
-import type { SyntheticEvent, ComponentProps, Ref, ElementType } from 'react';
-import React, { useState, useRef, forwardRef, useMemo, useEffect } from 'react';
+import type { SyntheticEvent, ElementType } from 'react';
+import React, { useState, useRef, useMemo, useEffect } from 'react';
 
 import type { SelectProps } from '..';
 import AnimatedVisibility from '../AnimatedVisibility';
@@ -13,6 +13,9 @@ import { Icon } from '../Icon';
 import { useVisible } from '../Options/useVisible';
 import { OptionsPaginated } from '../OptionsPaginated';
 import PositionAnimated from '../PositionAnimated';
+import PaginatedSelectAddon from './PaginatedSelectAddon';
+import PaginatedSelectFocus from './PaginatedSelectFocus';
+import PaginatedSelectWrapper from './PaginatedSelectWrapper';
 
 type PaginatedOptionType = {
   value: string | number;
@@ -23,35 +26,9 @@ export type PaginatedSelectProps = Omit<SelectProps, 'options'> & {
   options: PaginatedOptionType[];
   withTitle?: boolean;
   endReached: (index: number) => void;
-  setFilter: (value: string | undefined | number) => void;
+  setFilter?: (value: string | undefined | number) => void;
 };
 
-type AddonProps = ComponentProps<typeof Box>;
-
-const Addon = forwardRef((props: AddonProps, ref: Ref<HTMLDivElement>) => (
-  <Box is='div' rcx-select__addon ref={ref} {...props} />
-));
-
-type WrapperProps = ComponentProps<typeof Box>;
-
-const Wrapper = forwardRef((props: WrapperProps, ref: Ref<HTMLDivElement>) => (
-  <Box is='div' rcx-select__wrapper ref={ref} {...props} />
-));
-
-type FocusProps = ComponentProps<typeof Box>;
-
-const Focus = forwardRef((props: FocusProps, ref: Ref<HTMLButtonElement>) => (
-  <Box
-    ref={ref}
-    fontScale='p2m'
-    color='hint'
-    rcx-select__focus
-    is='button'
-    type='button'
-    {...props}
-  />
-));
-
 const prevent = (e: SyntheticEvent) => {
   e.preventDefault();
   e.stopPropagation();
@@ -78,7 +55,7 @@ export const PaginatedSelect = ({
   error,
   disabled,
   options = [],
-  anchor: Anchor = Focus,
+  anchor: Anchor = PaginatedSelectFocus,
   onChange = () => {},
   placeholder = '',
   renderOptions: _Options = OptionsPaginated,
@@ -133,7 +110,7 @@ export const PaginatedSelect = ({
       )}
       {...props}
     >
-      <Wrapper
+      <PaginatedSelectWrapper
         display='flex'
         mi='neg-x4'
         rcx-select__wrapper--hidden={!!visibleText}
@@ -159,20 +136,15 @@ export const PaginatedSelect = ({
           onClick={show}
           onBlur={hide}
         />
-        <Addon
-          mi='x4'
-          children={
-            <Icon
-              name={
-                visible === AnimatedVisibility.VISIBLE
-                  ? 'cross'
-                  : 'chevron-down'
-              }
-              size='x20'
-            />
-          }
-        />
-      </Wrapper>
+        <PaginatedSelectAddon mi='x4'>
+          <Icon
+            name={
+              visible === AnimatedVisibility.VISIBLE ? 'cross' : 'chevron-down'
+            }
+            size='x20'
+          />
+        </PaginatedSelectAddon>
+      </PaginatedSelectWrapper>
       <PositionAnimated visible={visible} anchor={containerRef}>
         <_Options
           {...(withTitle && { title: withTitle })}
diff --git a/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectAddon.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectAddon.tsx
new file mode 100644
index 0000000000..99c7548c9b
--- /dev/null
+++ b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectAddon.tsx
@@ -0,0 +1,15 @@
+import type { ComponentProps, Ref } from 'react';
+import React, { forwardRef } from 'react';
+
+import { Box } from '../Box';
+
+type PaginatedSelectAddonProps = ComponentProps<typeof Box>;
+
+const PaginatedSelectAddon = forwardRef(function PaginatedSelectAddon(
+  props: PaginatedSelectAddonProps,
+  ref: Ref<HTMLDivElement>
+) {
+  return <Box is='div' rcx-select__addon ref={ref} {...props} />;
+});
+
+export default PaginatedSelectAddon;
diff --git a/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFiltered.stories.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFiltered.stories.tsx
new file mode 100644
index 0000000000..9fcf12a760
--- /dev/null
+++ b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFiltered.stories.tsx
@@ -0,0 +1,37 @@
+import type { ComponentStory, ComponentMeta } from '@storybook/react';
+import React from 'react';
+
+import { PaginatedSelectFiltered } from '.';
+
+export default {
+  title: 'Inputs/PaginatedSelectFiltered',
+  component: PaginatedSelectFiltered,
+  args: {
+    placeholder: 'Placeholder here...',
+    options: Array.from({ length: 1000 }, (_, i) => ({
+      value: i,
+      label: `Item #${i}`,
+    })),
+    width: '250px',
+  },
+  parameters: {
+    actions: { argTypesRegex: '^on.*' },
+    layout: 'centered',
+  },
+} as ComponentMeta<typeof PaginatedSelectFiltered>;
+
+const Template: ComponentStory<typeof PaginatedSelectFiltered> = (args) => (
+  <PaginatedSelectFiltered {...args} />
+);
+
+export const normal = Template.bind({});
+
+export const errored = Template.bind({});
+errored.args = {
+  error: 'Error',
+};
+
+export const disabled = Template.bind({});
+disabled.args = {
+  disabled: true,
+};
diff --git a/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFiltered.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFiltered.tsx
new file mode 100644
index 0000000000..9150a21334
--- /dev/null
+++ b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFiltered.tsx
@@ -0,0 +1,58 @@
+import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
+import type { FormEvent, Ref } from 'react';
+import React, { useMemo, forwardRef } from 'react';
+
+import { InputBox } from '../InputBox';
+import type { PaginatedSelectProps } from './PaginatedSelect';
+import { PaginatedSelect } from './PaginatedSelect';
+
+type PaginatedSelectFilteredProps = Omit<PaginatedSelectProps, 'setFilter'> & {
+  setFilter: (value: string | undefined | number) => void;
+};
+
+export const PaginatedSelectFiltered = ({
+  filter,
+  setFilter,
+  options,
+  placeholder,
+  ...props
+}: PaginatedSelectFilteredProps) => {
+  const anchor = useMemo(
+    () =>
+      forwardRef(
+        (
+          {
+            filter,
+            onChange: _onChange,
+            ...props
+          }: PaginatedSelectFilteredProps,
+          ref: Ref<HTMLInputElement>
+        ) => (
+          <InputBox.Input
+            mi='x4'
+            flexGrow={1}
+            className='rcx-select__focus'
+            ref={ref}
+            placeholder={placeholder}
+            value={filter}
+            onChange={useMutableCallback((e: FormEvent<HTMLInputElement>) => {
+              setFilter(e.currentTarget.value);
+            })}
+            {...props}
+            rcx-input-box--undecorated
+          />
+        )
+      ),
+    [placeholder, setFilter]
+  );
+
+  return (
+    <PaginatedSelect
+      placeholder={undefined}
+      filter={filter}
+      options={options}
+      {...props}
+      anchor={anchor}
+    />
+  );
+};
diff --git a/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFocus.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFocus.tsx
new file mode 100644
index 0000000000..05d496265c
--- /dev/null
+++ b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectFocus.tsx
@@ -0,0 +1,25 @@
+import type { ComponentProps, Ref } from 'react';
+import React, { forwardRef } from 'react';
+
+import { Box } from '../Box';
+
+type PaginatedSelectFocusProps = ComponentProps<typeof Box>;
+
+const PaginatedSelectFocus = forwardRef(function PaginatedSelectFocus(
+  props: PaginatedSelectFocusProps,
+  ref: Ref<HTMLButtonElement>
+) {
+  return (
+    <Box
+      ref={ref}
+      fontScale='p2m'
+      color='hint'
+      rcx-select__focus
+      is='button'
+      type='button'
+      {...props}
+    />
+  );
+});
+
+export default PaginatedSelectFocus;
diff --git a/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectWrapper.tsx b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectWrapper.tsx
new file mode 100644
index 0000000000..0322f0fe37
--- /dev/null
+++ b/packages/fuselage/src/components/PaginatedSelect/PaginatedSelectWrapper.tsx
@@ -0,0 +1,15 @@
+import type { ComponentProps, Ref } from 'react';
+import React, { forwardRef } from 'react';
+
+import { Box } from '../Box';
+
+type PaginatedSelectWrapperProps = ComponentProps<typeof Box>;
+
+const PaginatedSelectWrapper = forwardRef(function PaginatedSelectWrapper(
+  props: PaginatedSelectWrapperProps,
+  ref: Ref<HTMLDivElement>
+) {
+  return <Box is='div' rcx-select__wrapper ref={ref} {...props} />;
+});
+
+export default PaginatedSelectWrapper;
diff --git a/packages/fuselage/src/components/PaginatedSelect/index.ts b/packages/fuselage/src/components/PaginatedSelect/index.ts
new file mode 100644
index 0000000000..057e4e2a18
--- /dev/null
+++ b/packages/fuselage/src/components/PaginatedSelect/index.ts
@@ -0,0 +1,2 @@
+export { PaginatedSelectFiltered } from './PaginatedSelectFiltered';
+export { PaginatedMultiSelectFiltered } from './PaginatedMultiSelect';
diff --git a/packages/fuselage/src/components/SelectPaginated/styles.scss b/packages/fuselage/src/components/PaginatedSelect/styles.scss
similarity index 100%
rename from packages/fuselage/src/components/SelectPaginated/styles.scss
rename to packages/fuselage/src/components/PaginatedSelect/styles.scss
diff --git a/packages/fuselage/src/components/SelectPaginated/PaginatedSelect.stories.tsx b/packages/fuselage/src/components/SelectPaginated/PaginatedSelect.stories.tsx
deleted file mode 100644
index 66c2ec43b0..0000000000
--- a/packages/fuselage/src/components/SelectPaginated/PaginatedSelect.stories.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import { action } from '@storybook/addon-actions';
-import {
-  Title,
-  Description,
-  Primary,
-  Stories,
-  ArgsTable,
-} from '@storybook/addon-docs';
-import type { ComponentStory, ComponentMeta } from '@storybook/react';
-import React, { useState } from 'react';
-
-import {
-  PaginatedSelect,
-  PaginatedMultiSelect,
-  PaginatedMultiSelectFiltered,
-  PaginatedSelectFiltered,
-} from '.';
-import { options } from './hugeList';
-
-const optionsEllipses = [
-  {
-    value: 1000,
-    label: 'Very very very very very very very very very large text',
-  },
-  ...options,
-];
-
-export default {
-  title: 'Inputs/PaginatedSelect',
-  component: PaginatedSelect,
-  parameters: {
-    docs: {
-      description: {
-        component: 'An input for selection of options.',
-      },
-      page: () => (
-        <>
-          <Title />
-          <Description />
-          <Primary />
-          <ArgsTable />
-          <Stories title={''} />
-        </>
-      ),
-    },
-  },
-} as ComponentMeta<typeof PaginatedSelect>;
-
-const Template: ComponentStory<typeof PaginatedSelect> = (args) => (
-  <PaginatedSelect {...args} />
-);
-
-export const Default: ComponentStory<typeof PaginatedSelect> = Template.bind(
-  {}
-);
-Default.args = {
-  width: '250px',
-  placeholder: 'Placeholder here...',
-  options,
-};
-
-export const WithTitle: ComponentStory<typeof PaginatedSelect> = Template.bind(
-  {}
-);
-WithTitle.args = {
-  withTitle: true,
-  width: '250px',
-  placeholder: 'Placeholder here...',
-  options: optionsEllipses,
-};
-
-export const Error: ComponentStory<typeof PaginatedSelect> = Template.bind({});
-Error.args = {
-  error: 'Error',
-  width: '250px',
-  placeholder: 'Placeholder here...',
-  options,
-};
-
-export const Disabled: ComponentStory<typeof PaginatedSelect> = Template.bind(
-  {}
-);
-Disabled.args = {
-  disabled: true,
-  width: '250px',
-  placeholder: 'Placeholder here...',
-  options,
-};
-
-export const NoPlaceholder = Template.bind({});
-NoPlaceholder.args = {
-  width: '250px',
-  options,
-};
-
-const TemplateWithFilter: ComponentStory<typeof PaginatedSelectFiltered> = (
-  args
-) => <PaginatedSelectFiltered {...args} />;
-
-export const SelectWithFilter: ComponentStory<typeof PaginatedSelectFiltered> =
-  TemplateWithFilter.bind({});
-SelectWithFilter.args = {
-  width: '250px',
-  options,
-  placeholder: 'Placeholder here...',
-};
-
-export const SelectWithFilterAndEllipses = TemplateWithFilter.bind({});
-SelectWithFilterAndEllipses.args = {
-  width: '250px',
-  options: optionsEllipses,
-  placeholder: 'Placeholder here...',
-};
-
-export const SelectWithFilterAndError = TemplateWithFilter.bind({});
-SelectWithFilterAndError.args = {
-  width: '250px',
-  options,
-  placeholder: 'Placeholder here...',
-  error: 'Error',
-};
-
-export const SelectWithFilterAndDisabled = TemplateWithFilter.bind({});
-SelectWithFilterAndDisabled.args = {
-  width: '250px',
-  options,
-  placeholder: 'Placeholder here...',
-  disabled: true,
-};
-
-const TemplateMultiSelect: ComponentStory<typeof PaginatedMultiSelect> = (
-  args
-) => <PaginatedMultiSelect {...args} />;
-
-export const PaginatedMultiSelectStory: ComponentStory<
-  typeof PaginatedMultiSelect
-> = TemplateMultiSelect.bind({});
-PaginatedMultiSelectStory.args = {
-  value: 1000,
-  options: optionsEllipses,
-  placeholder: 'Placeholder here...',
-  withTitle: true,
-};
-PaginatedMultiSelectStory.storyName = 'PaginatedMultiSelect';
-
-export const PaginatedMultiSelectDisabled: ComponentStory<
-  typeof PaginatedMultiSelect
-> = TemplateMultiSelect.bind({});
-PaginatedMultiSelectDisabled.args = {
-  options,
-  placeholder: 'Placeholder here...',
-  disabled: true,
-};
-
-export const PaginatedMultiSelectError: ComponentStory<
-  typeof PaginatedMultiSelect
-> = TemplateMultiSelect.bind({});
-PaginatedMultiSelectError.args = {
-  options,
-  placeholder: 'Placeholder here...',
-  error: true,
-};
-
-export const PaginatedMultiSelectFilteredStory: ComponentStory<
-  typeof PaginatedMultiSelectFiltered
-> = () => {
-  const [filter, setFilter] = useState<string | undefined | number>('');
-  return (
-    <PaginatedMultiSelectFiltered
-      placeholder='Placeholder here...'
-      onChange={action('change')}
-      options={options}
-      filter={String(filter)}
-      setFilter={setFilter}
-    />
-  );
-};
-PaginatedMultiSelectFilteredStory.storyName = 'PaginatedMultiSelectFiltered';
-
-export const PaginatedMultiSelectFilteredError: ComponentStory<
-  typeof PaginatedMultiSelectFiltered
-> = () => (
-  <PaginatedMultiSelectFiltered
-    error
-    placeholder='Placeholder here...'
-    onChange={action('change')}
-    options={options}
-    filter={undefined}
-    setFilter={undefined}
-  />
-);
-
-export const PaginatedMultiSelectFilteredDisabled: ComponentStory<
-  typeof PaginatedMultiSelectFiltered
-> = () => (
-  <PaginatedMultiSelectFiltered
-    disabled
-    placeholder='Placeholder here...'
-    onChange={action('change')}
-    options={options}
-    filter={undefined}
-    setFilter={undefined}
-  />
-);
diff --git a/packages/fuselage/src/components/SelectPaginated/PaginatedSelectFiltered.tsx b/packages/fuselage/src/components/SelectPaginated/PaginatedSelectFiltered.tsx
deleted file mode 100644
index f7bf05e852..0000000000
--- a/packages/fuselage/src/components/SelectPaginated/PaginatedSelectFiltered.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
-import type { FormEvent, Ref } from 'react';
-import React, { forwardRef, useCallback, useState } from 'react';
-
-import type { PaginatedSelectProps } from '.';
-import { PaginatedSelect } from '.';
-import { InputBox } from '../InputBox';
-
-type PaginatedSelectFilteredProps = PaginatedSelectProps;
-
-type PaginatedSelectFilteredAnchorProps = Omit<
-  PaginatedSelectProps,
-  'onChange'
->;
-
-export const PaginatedSelectFiltered = ({
-  // filter,
-  // setFilter,
-  options,
-  placeholder,
-  ...props
-}: PaginatedSelectFilteredProps) => {
-  const [filter, setFilter] = useState('');
-
-  const handleChange = useMutableCallback((e: FormEvent<HTMLInputElement>) => {
-    setFilter(e.currentTarget.value);
-  });
-
-  const anchor = useCallback(
-    forwardRef(
-      (
-        {
-          children: _children,
-          filter,
-          ...props
-        }: PaginatedSelectFilteredAnchorProps,
-        ref: Ref<HTMLInputElement>
-      ) => (
-        <InputBox.Input
-          mi='x4'
-          flexGrow={1}
-          className='rcx-select__focus'
-          ref={ref}
-          placeholder={placeholder}
-          value={filter}
-          onChange={handleChange}
-          {...props}
-          rcx-input-box--undecorated
-        />
-      )
-    ),
-    []
-  );
-  return (
-    <PaginatedSelect
-      placeholder={undefined}
-      filter={filter}
-      options={options}
-      {...props}
-      anchor={anchor}
-    />
-  );
-};
diff --git a/packages/fuselage/src/components/SelectPaginated/hugeList.tsx b/packages/fuselage/src/components/SelectPaginated/hugeList.tsx
deleted file mode 100644
index ccaa177942..0000000000
--- a/packages/fuselage/src/components/SelectPaginated/hugeList.tsx
+++ /dev/null
@@ -1,4002 +0,0 @@
-export const options = [
-  {
-    value: 0,
-    label: 'teste 0',
-  },
-  {
-    value: 1,
-    label: 'teste 1',
-  },
-  {
-    value: 2,
-    label: 'teste 2',
-  },
-  {
-    value: 3,
-    label: 'teste 3',
-  },
-  {
-    value: 4,
-    label: 'teste 4',
-  },
-  {
-    value: 5,
-    label: 'teste 5',
-  },
-  {
-    value: 6,
-    label: 'teste 6',
-  },
-  {
-    value: 7,
-    label: 'teste 7',
-  },
-  {
-    value: 8,
-    label: 'teste 8',
-  },
-  {
-    value: 9,
-    label: 'teste 9',
-  },
-  {
-    value: 10,
-    label: 'teste 10',
-  },
-  {
-    value: 11,
-    label: 'teste 11',
-  },
-  {
-    value: 12,
-    label: 'teste 12',
-  },
-  {
-    value: 13,
-    label: 'teste 13',
-  },
-  {
-    value: 14,
-    label: 'teste 14',
-  },
-  {
-    value: 15,
-    label: 'teste 15',
-  },
-  {
-    value: 16,
-    label: 'teste 16',
-  },
-  {
-    value: 17,
-    label: 'teste 17',
-  },
-  {
-    value: 18,
-    label: 'teste 18',
-  },
-  {
-    value: 19,
-    label: 'teste 19',
-  },
-  {
-    value: 20,
-    label: 'teste 20',
-  },
-  {
-    value: 21,
-    label: 'teste 21',
-  },
-  {
-    value: 22,
-    label: 'teste 22',
-  },
-  {
-    value: 23,
-    label: 'teste 23',
-  },
-  {
-    value: 24,
-    label: 'teste 24',
-  },
-  {
-    value: 25,
-    label: 'teste 25',
-  },
-  {
-    value: 26,
-    label: 'teste 26',
-  },
-  {
-    value: 27,
-    label: 'teste 27',
-  },
-  {
-    value: 28,
-    label: 'teste 28',
-  },
-  {
-    value: 29,
-    label: 'teste 29',
-  },
-  {
-    value: 30,
-    label: 'teste 30',
-  },
-  {
-    value: 31,
-    label: 'teste 31',
-  },
-  {
-    value: 32,
-    label: 'teste 32',
-  },
-  {
-    value: 33,
-    label: 'teste 33',
-  },
-  {
-    value: 34,
-    label: 'teste 34',
-  },
-  {
-    value: 35,
-    label: 'teste 35',
-  },
-  {
-    value: 36,
-    label: 'teste 36',
-  },
-  {
-    value: 37,
-    label: 'teste 37',
-  },
-  {
-    value: 38,
-    label: 'teste 38',
-  },
-  {
-    value: 39,
-    label: 'teste 39',
-  },
-  {
-    value: 40,
-    label: 'teste 40',
-  },
-  {
-    value: 41,
-    label: 'teste 41',
-  },
-  {
-    value: 42,
-    label: 'teste 42',
-  },
-  {
-    value: 43,
-    label: 'teste 43',
-  },
-  {
-    value: 44,
-    label: 'teste 44',
-  },
-  {
-    value: 45,
-    label: 'teste 45',
-  },
-  {
-    value: 46,
-    label: 'teste 46',
-  },
-  {
-    value: 47,
-    label: 'teste 47',
-  },
-  {
-    value: 48,
-    label: 'teste 48',
-  },
-  {
-    value: 49,
-    label: 'teste 49',
-  },
-  {
-    value: 50,
-    label: 'teste 50',
-  },
-  {
-    value: 51,
-    label: 'teste 51',
-  },
-  {
-    value: 52,
-    label: 'teste 52',
-  },
-  {
-    value: 53,
-    label: 'teste 53',
-  },
-  {
-    value: 54,
-    label: 'teste 54',
-  },
-  {
-    value: 55,
-    label: 'teste 55',
-  },
-  {
-    value: 56,
-    label: 'teste 56',
-  },
-  {
-    value: 57,
-    label: 'teste 57',
-  },
-  {
-    value: 58,
-    label: 'teste 58',
-  },
-  {
-    value: 59,
-    label: 'teste 59',
-  },
-  {
-    value: 60,
-    label: 'teste 60',
-  },
-  {
-    value: 61,
-    label: 'teste 61',
-  },
-  {
-    value: 62,
-    label: 'teste 62',
-  },
-  {
-    value: 63,
-    label: 'teste 63',
-  },
-  {
-    value: 64,
-    label: 'teste 64',
-  },
-  {
-    value: 65,
-    label: 'teste 65',
-  },
-  {
-    value: 66,
-    label: 'teste 66',
-  },
-  {
-    value: 67,
-    label: 'teste 67',
-  },
-  {
-    value: 68,
-    label: 'teste 68',
-  },
-  {
-    value: 69,
-    label: 'teste 69',
-  },
-  {
-    value: 70,
-    label: 'teste 70',
-  },
-  {
-    value: 71,
-    label: 'teste 71',
-  },
-  {
-    value: 72,
-    label: 'teste 72',
-  },
-  {
-    value: 73,
-    label: 'teste 73',
-  },
-  {
-    value: 74,
-    label: 'teste 74',
-  },
-  {
-    value: 75,
-    label: 'teste 75',
-  },
-  {
-    value: 76,
-    label: 'teste 76',
-  },
-  {
-    value: 77,
-    label: 'teste 77',
-  },
-  {
-    value: 78,
-    label: 'teste 78',
-  },
-  {
-    value: 79,
-    label: 'teste 79',
-  },
-  {
-    value: 80,
-    label: 'teste 80',
-  },
-  {
-    value: 81,
-    label: 'teste 81',
-  },
-  {
-    value: 82,
-    label: 'teste 82',
-  },
-  {
-    value: 83,
-    label: 'teste 83',
-  },
-  {
-    value: 84,
-    label: 'teste 84',
-  },
-  {
-    value: 85,
-    label: 'teste 85',
-  },
-  {
-    value: 86,
-    label: 'teste 86',
-  },
-  {
-    value: 87,
-    label: 'teste 87',
-  },
-  {
-    value: 88,
-    label: 'teste 88',
-  },
-  {
-    value: 89,
-    label: 'teste 89',
-  },
-  {
-    value: 90,
-    label: 'teste 90',
-  },
-  {
-    value: 91,
-    label: 'teste 91',
-  },
-  {
-    value: 92,
-    label: 'teste 92',
-  },
-  {
-    value: 93,
-    label: 'teste 93',
-  },
-  {
-    value: 94,
-    label: 'teste 94',
-  },
-  {
-    value: 95,
-    label: 'teste 95',
-  },
-  {
-    value: 96,
-    label: 'teste 96',
-  },
-  {
-    value: 97,
-    label: 'teste 97',
-  },
-  {
-    value: 98,
-    label: 'teste 98',
-  },
-  {
-    value: 99,
-    label: 'teste 99',
-  },
-  {
-    value: 100,
-    label: 'teste 100',
-  },
-  {
-    value: 101,
-    label: 'teste 101',
-  },
-  {
-    value: 102,
-    label: 'teste 102',
-  },
-  {
-    value: 103,
-    label: 'teste 103',
-  },
-  {
-    value: 104,
-    label: 'teste 104',
-  },
-  {
-    value: 105,
-    label: 'teste 105',
-  },
-  {
-    value: 106,
-    label: 'teste 106',
-  },
-  {
-    value: 107,
-    label: 'teste 107',
-  },
-  {
-    value: 108,
-    label: 'teste 108',
-  },
-  {
-    value: 109,
-    label: 'teste 109',
-  },
-  {
-    value: 110,
-    label: 'teste 110',
-  },
-  {
-    value: 111,
-    label: 'teste 111',
-  },
-  {
-    value: 112,
-    label: 'teste 112',
-  },
-  {
-    value: 113,
-    label: 'teste 113',
-  },
-  {
-    value: 114,
-    label: 'teste 114',
-  },
-  {
-    value: 115,
-    label: 'teste 115',
-  },
-  {
-    value: 116,
-    label: 'teste 116',
-  },
-  {
-    value: 117,
-    label: 'teste 117',
-  },
-  {
-    value: 118,
-    label: 'teste 118',
-  },
-  {
-    value: 119,
-    label: 'teste 119',
-  },
-  {
-    value: 120,
-    label: 'teste 120',
-  },
-  {
-    value: 121,
-    label: 'teste 121',
-  },
-  {
-    value: 122,
-    label: 'teste 122',
-  },
-  {
-    value: 123,
-    label: 'teste 123',
-  },
-  {
-    value: 124,
-    label: 'teste 124',
-  },
-  {
-    value: 125,
-    label: 'teste 125',
-  },
-  {
-    value: 126,
-    label: 'teste 126',
-  },
-  {
-    value: 127,
-    label: 'teste 127',
-  },
-  {
-    value: 128,
-    label: 'teste 128',
-  },
-  {
-    value: 129,
-    label: 'teste 129',
-  },
-  {
-    value: 130,
-    label: 'teste 130',
-  },
-  {
-    value: 131,
-    label: 'teste 131',
-  },
-  {
-    value: 132,
-    label: 'teste 132',
-  },
-  {
-    value: 133,
-    label: 'teste 133',
-  },
-  {
-    value: 134,
-    label: 'teste 134',
-  },
-  {
-    value: 135,
-    label: 'teste 135',
-  },
-  {
-    value: 136,
-    label: 'teste 136',
-  },
-  {
-    value: 137,
-    label: 'teste 137',
-  },
-  {
-    value: 138,
-    label: 'teste 138',
-  },
-  {
-    value: 139,
-    label: 'teste 139',
-  },
-  {
-    value: 140,
-    label: 'teste 140',
-  },
-  {
-    value: 141,
-    label: 'teste 141',
-  },
-  {
-    value: 142,
-    label: 'teste 142',
-  },
-  {
-    value: 143,
-    label: 'teste 143',
-  },
-  {
-    value: 144,
-    label: 'teste 144',
-  },
-  {
-    value: 145,
-    label: 'teste 145',
-  },
-  {
-    value: 146,
-    label: 'teste 146',
-  },
-  {
-    value: 147,
-    label: 'teste 147',
-  },
-  {
-    value: 148,
-    label: 'teste 148',
-  },
-  {
-    value: 149,
-    label: 'teste 149',
-  },
-  {
-    value: 150,
-    label: 'teste 150',
-  },
-  {
-    value: 151,
-    label: 'teste 151',
-  },
-  {
-    value: 152,
-    label: 'teste 152',
-  },
-  {
-    value: 153,
-    label: 'teste 153',
-  },
-  {
-    value: 154,
-    label: 'teste 154',
-  },
-  {
-    value: 155,
-    label: 'teste 155',
-  },
-  {
-    value: 156,
-    label: 'teste 156',
-  },
-  {
-    value: 157,
-    label: 'teste 157',
-  },
-  {
-    value: 158,
-    label: 'teste 158',
-  },
-  {
-    value: 159,
-    label: 'teste 159',
-  },
-  {
-    value: 160,
-    label: 'teste 160',
-  },
-  {
-    value: 161,
-    label: 'teste 161',
-  },
-  {
-    value: 162,
-    label: 'teste 162',
-  },
-  {
-    value: 163,
-    label: 'teste 163',
-  },
-  {
-    value: 164,
-    label: 'teste 164',
-  },
-  {
-    value: 165,
-    label: 'teste 165',
-  },
-  {
-    value: 166,
-    label: 'teste 166',
-  },
-  {
-    value: 167,
-    label: 'teste 167',
-  },
-  {
-    value: 168,
-    label: 'teste 168',
-  },
-  {
-    value: 169,
-    label: 'teste 169',
-  },
-  {
-    value: 170,
-    label: 'teste 170',
-  },
-  {
-    value: 171,
-    label: 'teste 171',
-  },
-  {
-    value: 172,
-    label: 'teste 172',
-  },
-  {
-    value: 173,
-    label: 'teste 173',
-  },
-  {
-    value: 174,
-    label: 'teste 174',
-  },
-  {
-    value: 175,
-    label: 'teste 175',
-  },
-  {
-    value: 176,
-    label: 'teste 176',
-  },
-  {
-    value: 177,
-    label: 'teste 177',
-  },
-  {
-    value: 178,
-    label: 'teste 178',
-  },
-  {
-    value: 179,
-    label: 'teste 179',
-  },
-  {
-    value: 180,
-    label: 'teste 180',
-  },
-  {
-    value: 181,
-    label: 'teste 181',
-  },
-  {
-    value: 182,
-    label: 'teste 182',
-  },
-  {
-    value: 183,
-    label: 'teste 183',
-  },
-  {
-    value: 184,
-    label: 'teste 184',
-  },
-  {
-    value: 185,
-    label: 'teste 185',
-  },
-  {
-    value: 186,
-    label: 'teste 186',
-  },
-  {
-    value: 187,
-    label: 'teste 187',
-  },
-  {
-    value: 188,
-    label: 'teste 188',
-  },
-  {
-    value: 189,
-    label: 'teste 189',
-  },
-  {
-    value: 190,
-    label: 'teste 190',
-  },
-  {
-    value: 191,
-    label: 'teste 191',
-  },
-  {
-    value: 192,
-    label: 'teste 192',
-  },
-  {
-    value: 193,
-    label: 'teste 193',
-  },
-  {
-    value: 194,
-    label: 'teste 194',
-  },
-  {
-    value: 195,
-    label: 'teste 195',
-  },
-  {
-    value: 196,
-    label: 'teste 196',
-  },
-  {
-    value: 197,
-    label: 'teste 197',
-  },
-  {
-    value: 198,
-    label: 'teste 198',
-  },
-  {
-    value: 199,
-    label: 'teste 199',
-  },
-  {
-    value: 200,
-    label: 'teste 200',
-  },
-  {
-    value: 201,
-    label: 'teste 201',
-  },
-  {
-    value: 202,
-    label: 'teste 202',
-  },
-  {
-    value: 203,
-    label: 'teste 203',
-  },
-  {
-    value: 204,
-    label: 'teste 204',
-  },
-  {
-    value: 205,
-    label: 'teste 205',
-  },
-  {
-    value: 206,
-    label: 'teste 206',
-  },
-  {
-    value: 207,
-    label: 'teste 207',
-  },
-  {
-    value: 208,
-    label: 'teste 208',
-  },
-  {
-    value: 209,
-    label: 'teste 209',
-  },
-  {
-    value: 210,
-    label: 'teste 210',
-  },
-  {
-    value: 211,
-    label: 'teste 211',
-  },
-  {
-    value: 212,
-    label: 'teste 212',
-  },
-  {
-    value: 213,
-    label: 'teste 213',
-  },
-  {
-    value: 214,
-    label: 'teste 214',
-  },
-  {
-    value: 215,
-    label: 'teste 215',
-  },
-  {
-    value: 216,
-    label: 'teste 216',
-  },
-  {
-    value: 217,
-    label: 'teste 217',
-  },
-  {
-    value: 218,
-    label: 'teste 218',
-  },
-  {
-    value: 219,
-    label: 'teste 219',
-  },
-  {
-    value: 220,
-    label: 'teste 220',
-  },
-  {
-    value: 221,
-    label: 'teste 221',
-  },
-  {
-    value: 222,
-    label: 'teste 222',
-  },
-  {
-    value: 223,
-    label: 'teste 223',
-  },
-  {
-    value: 224,
-    label: 'teste 224',
-  },
-  {
-    value: 225,
-    label: 'teste 225',
-  },
-  {
-    value: 226,
-    label: 'teste 226',
-  },
-  {
-    value: 227,
-    label: 'teste 227',
-  },
-  {
-    value: 228,
-    label: 'teste 228',
-  },
-  {
-    value: 229,
-    label: 'teste 229',
-  },
-  {
-    value: 230,
-    label: 'teste 230',
-  },
-  {
-    value: 231,
-    label: 'teste 231',
-  },
-  {
-    value: 232,
-    label: 'teste 232',
-  },
-  {
-    value: 233,
-    label: 'teste 233',
-  },
-  {
-    value: 234,
-    label: 'teste 234',
-  },
-  {
-    value: 235,
-    label: 'teste 235',
-  },
-  {
-    value: 236,
-    label: 'teste 236',
-  },
-  {
-    value: 237,
-    label: 'teste 237',
-  },
-  {
-    value: 238,
-    label: 'teste 238',
-  },
-  {
-    value: 239,
-    label: 'teste 239',
-  },
-  {
-    value: 240,
-    label: 'teste 240',
-  },
-  {
-    value: 241,
-    label: 'teste 241',
-  },
-  {
-    value: 242,
-    label: 'teste 242',
-  },
-  {
-    value: 243,
-    label: 'teste 243',
-  },
-  {
-    value: 244,
-    label: 'teste 244',
-  },
-  {
-    value: 245,
-    label: 'teste 245',
-  },
-  {
-    value: 246,
-    label: 'teste 246',
-  },
-  {
-    value: 247,
-    label: 'teste 247',
-  },
-  {
-    value: 248,
-    label: 'teste 248',
-  },
-  {
-    value: 249,
-    label: 'teste 249',
-  },
-  {
-    value: 250,
-    label: 'teste 250',
-  },
-  {
-    value: 251,
-    label: 'teste 251',
-  },
-  {
-    value: 252,
-    label: 'teste 252',
-  },
-  {
-    value: 253,
-    label: 'teste 253',
-  },
-  {
-    value: 254,
-    label: 'teste 254',
-  },
-  {
-    value: 255,
-    label: 'teste 255',
-  },
-  {
-    value: 256,
-    label: 'teste 256',
-  },
-  {
-    value: 257,
-    label: 'teste 257',
-  },
-  {
-    value: 258,
-    label: 'teste 258',
-  },
-  {
-    value: 259,
-    label: 'teste 259',
-  },
-  {
-    value: 260,
-    label: 'teste 260',
-  },
-  {
-    value: 261,
-    label: 'teste 261',
-  },
-  {
-    value: 262,
-    label: 'teste 262',
-  },
-  {
-    value: 263,
-    label: 'teste 263',
-  },
-  {
-    value: 264,
-    label: 'teste 264',
-  },
-  {
-    value: 265,
-    label: 'teste 265',
-  },
-  {
-    value: 266,
-    label: 'teste 266',
-  },
-  {
-    value: 267,
-    label: 'teste 267',
-  },
-  {
-    value: 268,
-    label: 'teste 268',
-  },
-  {
-    value: 269,
-    label: 'teste 269',
-  },
-  {
-    value: 270,
-    label: 'teste 270',
-  },
-  {
-    value: 271,
-    label: 'teste 271',
-  },
-  {
-    value: 272,
-    label: 'teste 272',
-  },
-  {
-    value: 273,
-    label: 'teste 273',
-  },
-  {
-    value: 274,
-    label: 'teste 274',
-  },
-  {
-    value: 275,
-    label: 'teste 275',
-  },
-  {
-    value: 276,
-    label: 'teste 276',
-  },
-  {
-    value: 277,
-    label: 'teste 277',
-  },
-  {
-    value: 278,
-    label: 'teste 278',
-  },
-  {
-    value: 279,
-    label: 'teste 279',
-  },
-  {
-    value: 280,
-    label: 'teste 280',
-  },
-  {
-    value: 281,
-    label: 'teste 281',
-  },
-  {
-    value: 282,
-    label: 'teste 282',
-  },
-  {
-    value: 283,
-    label: 'teste 283',
-  },
-  {
-    value: 284,
-    label: 'teste 284',
-  },
-  {
-    value: 285,
-    label: 'teste 285',
-  },
-  {
-    value: 286,
-    label: 'teste 286',
-  },
-  {
-    value: 287,
-    label: 'teste 287',
-  },
-  {
-    value: 288,
-    label: 'teste 288',
-  },
-  {
-    value: 289,
-    label: 'teste 289',
-  },
-  {
-    value: 290,
-    label: 'teste 290',
-  },
-  {
-    value: 291,
-    label: 'teste 291',
-  },
-  {
-    value: 292,
-    label: 'teste 292',
-  },
-  {
-    value: 293,
-    label: 'teste 293',
-  },
-  {
-    value: 294,
-    label: 'teste 294',
-  },
-  {
-    value: 295,
-    label: 'teste 295',
-  },
-  {
-    value: 296,
-    label: 'teste 296',
-  },
-  {
-    value: 297,
-    label: 'teste 297',
-  },
-  {
-    value: 298,
-    label: 'teste 298',
-  },
-  {
-    value: 299,
-    label: 'teste 299',
-  },
-  {
-    value: 300,
-    label: 'teste 300',
-  },
-  {
-    value: 301,
-    label: 'teste 301',
-  },
-  {
-    value: 302,
-    label: 'teste 302',
-  },
-  {
-    value: 303,
-    label: 'teste 303',
-  },
-  {
-    value: 304,
-    label: 'teste 304',
-  },
-  {
-    value: 305,
-    label: 'teste 305',
-  },
-  {
-    value: 306,
-    label: 'teste 306',
-  },
-  {
-    value: 307,
-    label: 'teste 307',
-  },
-  {
-    value: 308,
-    label: 'teste 308',
-  },
-  {
-    value: 309,
-    label: 'teste 309',
-  },
-  {
-    value: 310,
-    label: 'teste 310',
-  },
-  {
-    value: 311,
-    label: 'teste 311',
-  },
-  {
-    value: 312,
-    label: 'teste 312',
-  },
-  {
-    value: 313,
-    label: 'teste 313',
-  },
-  {
-    value: 314,
-    label: 'teste 314',
-  },
-  {
-    value: 315,
-    label: 'teste 315',
-  },
-  {
-    value: 316,
-    label: 'teste 316',
-  },
-  {
-    value: 317,
-    label: 'teste 317',
-  },
-  {
-    value: 318,
-    label: 'teste 318',
-  },
-  {
-    value: 319,
-    label: 'teste 319',
-  },
-  {
-    value: 320,
-    label: 'teste 320',
-  },
-  {
-    value: 321,
-    label: 'teste 321',
-  },
-  {
-    value: 322,
-    label: 'teste 322',
-  },
-  {
-    value: 323,
-    label: 'teste 323',
-  },
-  {
-    value: 324,
-    label: 'teste 324',
-  },
-  {
-    value: 325,
-    label: 'teste 325',
-  },
-  {
-    value: 326,
-    label: 'teste 326',
-  },
-  {
-    value: 327,
-    label: 'teste 327',
-  },
-  {
-    value: 328,
-    label: 'teste 328',
-  },
-  {
-    value: 329,
-    label: 'teste 329',
-  },
-  {
-    value: 330,
-    label: 'teste 330',
-  },
-  {
-    value: 331,
-    label: 'teste 331',
-  },
-  {
-    value: 332,
-    label: 'teste 332',
-  },
-  {
-    value: 333,
-    label: 'teste 333',
-  },
-  {
-    value: 334,
-    label: 'teste 334',
-  },
-  {
-    value: 335,
-    label: 'teste 335',
-  },
-  {
-    value: 336,
-    label: 'teste 336',
-  },
-  {
-    value: 337,
-    label: 'teste 337',
-  },
-  {
-    value: 338,
-    label: 'teste 338',
-  },
-  {
-    value: 339,
-    label: 'teste 339',
-  },
-  {
-    value: 340,
-    label: 'teste 340',
-  },
-  {
-    value: 341,
-    label: 'teste 341',
-  },
-  {
-    value: 342,
-    label: 'teste 342',
-  },
-  {
-    value: 343,
-    label: 'teste 343',
-  },
-  {
-    value: 344,
-    label: 'teste 344',
-  },
-  {
-    value: 345,
-    label: 'teste 345',
-  },
-  {
-    value: 346,
-    label: 'teste 346',
-  },
-  {
-    value: 347,
-    label: 'teste 347',
-  },
-  {
-    value: 348,
-    label: 'teste 348',
-  },
-  {
-    value: 349,
-    label: 'teste 349',
-  },
-  {
-    value: 350,
-    label: 'teste 350',
-  },
-  {
-    value: 351,
-    label: 'teste 351',
-  },
-  {
-    value: 352,
-    label: 'teste 352',
-  },
-  {
-    value: 353,
-    label: 'teste 353',
-  },
-  {
-    value: 354,
-    label: 'teste 354',
-  },
-  {
-    value: 355,
-    label: 'teste 355',
-  },
-  {
-    value: 356,
-    label: 'teste 356',
-  },
-  {
-    value: 357,
-    label: 'teste 357',
-  },
-  {
-    value: 358,
-    label: 'teste 358',
-  },
-  {
-    value: 359,
-    label: 'teste 359',
-  },
-  {
-    value: 360,
-    label: 'teste 360',
-  },
-  {
-    value: 361,
-    label: 'teste 361',
-  },
-  {
-    value: 362,
-    label: 'teste 362',
-  },
-  {
-    value: 363,
-    label: 'teste 363',
-  },
-  {
-    value: 364,
-    label: 'teste 364',
-  },
-  {
-    value: 365,
-    label: 'teste 365',
-  },
-  {
-    value: 366,
-    label: 'teste 366',
-  },
-  {
-    value: 367,
-    label: 'teste 367',
-  },
-  {
-    value: 368,
-    label: 'teste 368',
-  },
-  {
-    value: 369,
-    label: 'teste 369',
-  },
-  {
-    value: 370,
-    label: 'teste 370',
-  },
-  {
-    value: 371,
-    label: 'teste 371',
-  },
-  {
-    value: 372,
-    label: 'teste 372',
-  },
-  {
-    value: 373,
-    label: 'teste 373',
-  },
-  {
-    value: 374,
-    label: 'teste 374',
-  },
-  {
-    value: 375,
-    label: 'teste 375',
-  },
-  {
-    value: 376,
-    label: 'teste 376',
-  },
-  {
-    value: 377,
-    label: 'teste 377',
-  },
-  {
-    value: 378,
-    label: 'teste 378',
-  },
-  {
-    value: 379,
-    label: 'teste 379',
-  },
-  {
-    value: 380,
-    label: 'teste 380',
-  },
-  {
-    value: 381,
-    label: 'teste 381',
-  },
-  {
-    value: 382,
-    label: 'teste 382',
-  },
-  {
-    value: 383,
-    label: 'teste 383',
-  },
-  {
-    value: 384,
-    label: 'teste 384',
-  },
-  {
-    value: 385,
-    label: 'teste 385',
-  },
-  {
-    value: 386,
-    label: 'teste 386',
-  },
-  {
-    value: 387,
-    label: 'teste 387',
-  },
-  {
-    value: 388,
-    label: 'teste 388',
-  },
-  {
-    value: 389,
-    label: 'teste 389',
-  },
-  {
-    value: 390,
-    label: 'teste 390',
-  },
-  {
-    value: 391,
-    label: 'teste 391',
-  },
-  {
-    value: 392,
-    label: 'teste 392',
-  },
-  {
-    value: 393,
-    label: 'teste 393',
-  },
-  {
-    value: 394,
-    label: 'teste 394',
-  },
-  {
-    value: 395,
-    label: 'teste 395',
-  },
-  {
-    value: 396,
-    label: 'teste 396',
-  },
-  {
-    value: 397,
-    label: 'teste 397',
-  },
-  {
-    value: 398,
-    label: 'teste 398',
-  },
-  {
-    value: 399,
-    label: 'teste 399',
-  },
-  {
-    value: 400,
-    label: 'teste 400',
-  },
-  {
-    value: 401,
-    label: 'teste 401',
-  },
-  {
-    value: 402,
-    label: 'teste 402',
-  },
-  {
-    value: 403,
-    label: 'teste 403',
-  },
-  {
-    value: 404,
-    label: 'teste 404',
-  },
-  {
-    value: 405,
-    label: 'teste 405',
-  },
-  {
-    value: 406,
-    label: 'teste 406',
-  },
-  {
-    value: 407,
-    label: 'teste 407',
-  },
-  {
-    value: 408,
-    label: 'teste 408',
-  },
-  {
-    value: 409,
-    label: 'teste 409',
-  },
-  {
-    value: 410,
-    label: 'teste 410',
-  },
-  {
-    value: 411,
-    label: 'teste 411',
-  },
-  {
-    value: 412,
-    label: 'teste 412',
-  },
-  {
-    value: 413,
-    label: 'teste 413',
-  },
-  {
-    value: 414,
-    label: 'teste 414',
-  },
-  {
-    value: 415,
-    label: 'teste 415',
-  },
-  {
-    value: 416,
-    label: 'teste 416',
-  },
-  {
-    value: 417,
-    label: 'teste 417',
-  },
-  {
-    value: 418,
-    label: 'teste 418',
-  },
-  {
-    value: 419,
-    label: 'teste 419',
-  },
-  {
-    value: 420,
-    label: 'teste 420',
-  },
-  {
-    value: 421,
-    label: 'teste 421',
-  },
-  {
-    value: 422,
-    label: 'teste 422',
-  },
-  {
-    value: 423,
-    label: 'teste 423',
-  },
-  {
-    value: 424,
-    label: 'teste 424',
-  },
-  {
-    value: 425,
-    label: 'teste 425',
-  },
-  {
-    value: 426,
-    label: 'teste 426',
-  },
-  {
-    value: 427,
-    label: 'teste 427',
-  },
-  {
-    value: 428,
-    label: 'teste 428',
-  },
-  {
-    value: 429,
-    label: 'teste 429',
-  },
-  {
-    value: 430,
-    label: 'teste 430',
-  },
-  {
-    value: 431,
-    label: 'teste 431',
-  },
-  {
-    value: 432,
-    label: 'teste 432',
-  },
-  {
-    value: 433,
-    label: 'teste 433',
-  },
-  {
-    value: 434,
-    label: 'teste 434',
-  },
-  {
-    value: 435,
-    label: 'teste 435',
-  },
-  {
-    value: 436,
-    label: 'teste 436',
-  },
-  {
-    value: 437,
-    label: 'teste 437',
-  },
-  {
-    value: 438,
-    label: 'teste 438',
-  },
-  {
-    value: 439,
-    label: 'teste 439',
-  },
-  {
-    value: 440,
-    label: 'teste 440',
-  },
-  {
-    value: 441,
-    label: 'teste 441',
-  },
-  {
-    value: 442,
-    label: 'teste 442',
-  },
-  {
-    value: 443,
-    label: 'teste 443',
-  },
-  {
-    value: 444,
-    label: 'teste 444',
-  },
-  {
-    value: 445,
-    label: 'teste 445',
-  },
-  {
-    value: 446,
-    label: 'teste 446',
-  },
-  {
-    value: 447,
-    label: 'teste 447',
-  },
-  {
-    value: 448,
-    label: 'teste 448',
-  },
-  {
-    value: 449,
-    label: 'teste 449',
-  },
-  {
-    value: 450,
-    label: 'teste 450',
-  },
-  {
-    value: 451,
-    label: 'teste 451',
-  },
-  {
-    value: 452,
-    label: 'teste 452',
-  },
-  {
-    value: 453,
-    label: 'teste 453',
-  },
-  {
-    value: 454,
-    label: 'teste 454',
-  },
-  {
-    value: 455,
-    label: 'teste 455',
-  },
-  {
-    value: 456,
-    label: 'teste 456',
-  },
-  {
-    value: 457,
-    label: 'teste 457',
-  },
-  {
-    value: 458,
-    label: 'teste 458',
-  },
-  {
-    value: 459,
-    label: 'teste 459',
-  },
-  {
-    value: 460,
-    label: 'teste 460',
-  },
-  {
-    value: 461,
-    label: 'teste 461',
-  },
-  {
-    value: 462,
-    label: 'teste 462',
-  },
-  {
-    value: 463,
-    label: 'teste 463',
-  },
-  {
-    value: 464,
-    label: 'teste 464',
-  },
-  {
-    value: 465,
-    label: 'teste 465',
-  },
-  {
-    value: 466,
-    label: 'teste 466',
-  },
-  {
-    value: 467,
-    label: 'teste 467',
-  },
-  {
-    value: 468,
-    label: 'teste 468',
-  },
-  {
-    value: 469,
-    label: 'teste 469',
-  },
-  {
-    value: 470,
-    label: 'teste 470',
-  },
-  {
-    value: 471,
-    label: 'teste 471',
-  },
-  {
-    value: 472,
-    label: 'teste 472',
-  },
-  {
-    value: 473,
-    label: 'teste 473',
-  },
-  {
-    value: 474,
-    label: 'teste 474',
-  },
-  {
-    value: 475,
-    label: 'teste 475',
-  },
-  {
-    value: 476,
-    label: 'teste 476',
-  },
-  {
-    value: 477,
-    label: 'teste 477',
-  },
-  {
-    value: 478,
-    label: 'teste 478',
-  },
-  {
-    value: 479,
-    label: 'teste 479',
-  },
-  {
-    value: 480,
-    label: 'teste 480',
-  },
-  {
-    value: 481,
-    label: 'teste 481',
-  },
-  {
-    value: 482,
-    label: 'teste 482',
-  },
-  {
-    value: 483,
-    label: 'teste 483',
-  },
-  {
-    value: 484,
-    label: 'teste 484',
-  },
-  {
-    value: 485,
-    label: 'teste 485',
-  },
-  {
-    value: 486,
-    label: 'teste 486',
-  },
-  {
-    value: 487,
-    label: 'teste 487',
-  },
-  {
-    value: 488,
-    label: 'teste 488',
-  },
-  {
-    value: 489,
-    label: 'teste 489',
-  },
-  {
-    value: 490,
-    label: 'teste 490',
-  },
-  {
-    value: 491,
-    label: 'teste 491',
-  },
-  {
-    value: 492,
-    label: 'teste 492',
-  },
-  {
-    value: 493,
-    label: 'teste 493',
-  },
-  {
-    value: 494,
-    label: 'teste 494',
-  },
-  {
-    value: 495,
-    label: 'teste 495',
-  },
-  {
-    value: 496,
-    label: 'teste 496',
-  },
-  {
-    value: 497,
-    label: 'teste 497',
-  },
-  {
-    value: 498,
-    label: 'teste 498',
-  },
-  {
-    value: 499,
-    label: 'teste 499',
-  },
-  {
-    value: 500,
-    label: 'teste 500',
-  },
-  {
-    value: 501,
-    label: 'teste 501',
-  },
-  {
-    value: 502,
-    label: 'teste 502',
-  },
-  {
-    value: 503,
-    label: 'teste 503',
-  },
-  {
-    value: 504,
-    label: 'teste 504',
-  },
-  {
-    value: 505,
-    label: 'teste 505',
-  },
-  {
-    value: 506,
-    label: 'teste 506',
-  },
-  {
-    value: 507,
-    label: 'teste 507',
-  },
-  {
-    value: 508,
-    label: 'teste 508',
-  },
-  {
-    value: 509,
-    label: 'teste 509',
-  },
-  {
-    value: 510,
-    label: 'teste 510',
-  },
-  {
-    value: 511,
-    label: 'teste 511',
-  },
-  {
-    value: 512,
-    label: 'teste 512',
-  },
-  {
-    value: 513,
-    label: 'teste 513',
-  },
-  {
-    value: 514,
-    label: 'teste 514',
-  },
-  {
-    value: 515,
-    label: 'teste 515',
-  },
-  {
-    value: 516,
-    label: 'teste 516',
-  },
-  {
-    value: 517,
-    label: 'teste 517',
-  },
-  {
-    value: 518,
-    label: 'teste 518',
-  },
-  {
-    value: 519,
-    label: 'teste 519',
-  },
-  {
-    value: 520,
-    label: 'teste 520',
-  },
-  {
-    value: 521,
-    label: 'teste 521',
-  },
-  {
-    value: 522,
-    label: 'teste 522',
-  },
-  {
-    value: 523,
-    label: 'teste 523',
-  },
-  {
-    value: 524,
-    label: 'teste 524',
-  },
-  {
-    value: 525,
-    label: 'teste 525',
-  },
-  {
-    value: 526,
-    label: 'teste 526',
-  },
-  {
-    value: 527,
-    label: 'teste 527',
-  },
-  {
-    value: 528,
-    label: 'teste 528',
-  },
-  {
-    value: 529,
-    label: 'teste 529',
-  },
-  {
-    value: 530,
-    label: 'teste 530',
-  },
-  {
-    value: 531,
-    label: 'teste 531',
-  },
-  {
-    value: 532,
-    label: 'teste 532',
-  },
-  {
-    value: 533,
-    label: 'teste 533',
-  },
-  {
-    value: 534,
-    label: 'teste 534',
-  },
-  {
-    value: 535,
-    label: 'teste 535',
-  },
-  {
-    value: 536,
-    label: 'teste 536',
-  },
-  {
-    value: 537,
-    label: 'teste 537',
-  },
-  {
-    value: 538,
-    label: 'teste 538',
-  },
-  {
-    value: 539,
-    label: 'teste 539',
-  },
-  {
-    value: 540,
-    label: 'teste 540',
-  },
-  {
-    value: 541,
-    label: 'teste 541',
-  },
-  {
-    value: 542,
-    label: 'teste 542',
-  },
-  {
-    value: 543,
-    label: 'teste 543',
-  },
-  {
-    value: 544,
-    label: 'teste 544',
-  },
-  {
-    value: 545,
-    label: 'teste 545',
-  },
-  {
-    value: 546,
-    label: 'teste 546',
-  },
-  {
-    value: 547,
-    label: 'teste 547',
-  },
-  {
-    value: 548,
-    label: 'teste 548',
-  },
-  {
-    value: 549,
-    label: 'teste 549',
-  },
-  {
-    value: 550,
-    label: 'teste 550',
-  },
-  {
-    value: 551,
-    label: 'teste 551',
-  },
-  {
-    value: 552,
-    label: 'teste 552',
-  },
-  {
-    value: 553,
-    label: 'teste 553',
-  },
-  {
-    value: 554,
-    label: 'teste 554',
-  },
-  {
-    value: 555,
-    label: 'teste 555',
-  },
-  {
-    value: 556,
-    label: 'teste 556',
-  },
-  {
-    value: 557,
-    label: 'teste 557',
-  },
-  {
-    value: 558,
-    label: 'teste 558',
-  },
-  {
-    value: 559,
-    label: 'teste 559',
-  },
-  {
-    value: 560,
-    label: 'teste 560',
-  },
-  {
-    value: 561,
-    label: 'teste 561',
-  },
-  {
-    value: 562,
-    label: 'teste 562',
-  },
-  {
-    value: 563,
-    label: 'teste 563',
-  },
-  {
-    value: 564,
-    label: 'teste 564',
-  },
-  {
-    value: 565,
-    label: 'teste 565',
-  },
-  {
-    value: 566,
-    label: 'teste 566',
-  },
-  {
-    value: 567,
-    label: 'teste 567',
-  },
-  {
-    value: 568,
-    label: 'teste 568',
-  },
-  {
-    value: 569,
-    label: 'teste 569',
-  },
-  {
-    value: 570,
-    label: 'teste 570',
-  },
-  {
-    value: 571,
-    label: 'teste 571',
-  },
-  {
-    value: 572,
-    label: 'teste 572',
-  },
-  {
-    value: 573,
-    label: 'teste 573',
-  },
-  {
-    value: 574,
-    label: 'teste 574',
-  },
-  {
-    value: 575,
-    label: 'teste 575',
-  },
-  {
-    value: 576,
-    label: 'teste 576',
-  },
-  {
-    value: 577,
-    label: 'teste 577',
-  },
-  {
-    value: 578,
-    label: 'teste 578',
-  },
-  {
-    value: 579,
-    label: 'teste 579',
-  },
-  {
-    value: 580,
-    label: 'teste 580',
-  },
-  {
-    value: 581,
-    label: 'teste 581',
-  },
-  {
-    value: 582,
-    label: 'teste 582',
-  },
-  {
-    value: 583,
-    label: 'teste 583',
-  },
-  {
-    value: 584,
-    label: 'teste 584',
-  },
-  {
-    value: 585,
-    label: 'teste 585',
-  },
-  {
-    value: 586,
-    label: 'teste 586',
-  },
-  {
-    value: 587,
-    label: 'teste 587',
-  },
-  {
-    value: 588,
-    label: 'teste 588',
-  },
-  {
-    value: 589,
-    label: 'teste 589',
-  },
-  {
-    value: 590,
-    label: 'teste 590',
-  },
-  {
-    value: 591,
-    label: 'teste 591',
-  },
-  {
-    value: 592,
-    label: 'teste 592',
-  },
-  {
-    value: 593,
-    label: 'teste 593',
-  },
-  {
-    value: 594,
-    label: 'teste 594',
-  },
-  {
-    value: 595,
-    label: 'teste 595',
-  },
-  {
-    value: 596,
-    label: 'teste 596',
-  },
-  {
-    value: 597,
-    label: 'teste 597',
-  },
-  {
-    value: 598,
-    label: 'teste 598',
-  },
-  {
-    value: 599,
-    label: 'teste 599',
-  },
-  {
-    value: 600,
-    label: 'teste 600',
-  },
-  {
-    value: 601,
-    label: 'teste 601',
-  },
-  {
-    value: 602,
-    label: 'teste 602',
-  },
-  {
-    value: 603,
-    label: 'teste 603',
-  },
-  {
-    value: 604,
-    label: 'teste 604',
-  },
-  {
-    value: 605,
-    label: 'teste 605',
-  },
-  {
-    value: 606,
-    label: 'teste 606',
-  },
-  {
-    value: 607,
-    label: 'teste 607',
-  },
-  {
-    value: 608,
-    label: 'teste 608',
-  },
-  {
-    value: 609,
-    label: 'teste 609',
-  },
-  {
-    value: 610,
-    label: 'teste 610',
-  },
-  {
-    value: 611,
-    label: 'teste 611',
-  },
-  {
-    value: 612,
-    label: 'teste 612',
-  },
-  {
-    value: 613,
-    label: 'teste 613',
-  },
-  {
-    value: 614,
-    label: 'teste 614',
-  },
-  {
-    value: 615,
-    label: 'teste 615',
-  },
-  {
-    value: 616,
-    label: 'teste 616',
-  },
-  {
-    value: 617,
-    label: 'teste 617',
-  },
-  {
-    value: 618,
-    label: 'teste 618',
-  },
-  {
-    value: 619,
-    label: 'teste 619',
-  },
-  {
-    value: 620,
-    label: 'teste 620',
-  },
-  {
-    value: 621,
-    label: 'teste 621',
-  },
-  {
-    value: 622,
-    label: 'teste 622',
-  },
-  {
-    value: 623,
-    label: 'teste 623',
-  },
-  {
-    value: 624,
-    label: 'teste 624',
-  },
-  {
-    value: 625,
-    label: 'teste 625',
-  },
-  {
-    value: 626,
-    label: 'teste 626',
-  },
-  {
-    value: 627,
-    label: 'teste 627',
-  },
-  {
-    value: 628,
-    label: 'teste 628',
-  },
-  {
-    value: 629,
-    label: 'teste 629',
-  },
-  {
-    value: 630,
-    label: 'teste 630',
-  },
-  {
-    value: 631,
-    label: 'teste 631',
-  },
-  {
-    value: 632,
-    label: 'teste 632',
-  },
-  {
-    value: 633,
-    label: 'teste 633',
-  },
-  {
-    value: 634,
-    label: 'teste 634',
-  },
-  {
-    value: 635,
-    label: 'teste 635',
-  },
-  {
-    value: 636,
-    label: 'teste 636',
-  },
-  {
-    value: 637,
-    label: 'teste 637',
-  },
-  {
-    value: 638,
-    label: 'teste 638',
-  },
-  {
-    value: 639,
-    label: 'teste 639',
-  },
-  {
-    value: 640,
-    label: 'teste 640',
-  },
-  {
-    value: 641,
-    label: 'teste 641',
-  },
-  {
-    value: 642,
-    label: 'teste 642',
-  },
-  {
-    value: 643,
-    label: 'teste 643',
-  },
-  {
-    value: 644,
-    label: 'teste 644',
-  },
-  {
-    value: 645,
-    label: 'teste 645',
-  },
-  {
-    value: 646,
-    label: 'teste 646',
-  },
-  {
-    value: 647,
-    label: 'teste 647',
-  },
-  {
-    value: 648,
-    label: 'teste 648',
-  },
-  {
-    value: 649,
-    label: 'teste 649',
-  },
-  {
-    value: 650,
-    label: 'teste 650',
-  },
-  {
-    value: 651,
-    label: 'teste 651',
-  },
-  {
-    value: 652,
-    label: 'teste 652',
-  },
-  {
-    value: 653,
-    label: 'teste 653',
-  },
-  {
-    value: 654,
-    label: 'teste 654',
-  },
-  {
-    value: 655,
-    label: 'teste 655',
-  },
-  {
-    value: 656,
-    label: 'teste 656',
-  },
-  {
-    value: 657,
-    label: 'teste 657',
-  },
-  {
-    value: 658,
-    label: 'teste 658',
-  },
-  {
-    value: 659,
-    label: 'teste 659',
-  },
-  {
-    value: 660,
-    label: 'teste 660',
-  },
-  {
-    value: 661,
-    label: 'teste 661',
-  },
-  {
-    value: 662,
-    label: 'teste 662',
-  },
-  {
-    value: 663,
-    label: 'teste 663',
-  },
-  {
-    value: 664,
-    label: 'teste 664',
-  },
-  {
-    value: 665,
-    label: 'teste 665',
-  },
-  {
-    value: 666,
-    label: 'teste 666',
-  },
-  {
-    value: 667,
-    label: 'teste 667',
-  },
-  {
-    value: 668,
-    label: 'teste 668',
-  },
-  {
-    value: 669,
-    label: 'teste 669',
-  },
-  {
-    value: 670,
-    label: 'teste 670',
-  },
-  {
-    value: 671,
-    label: 'teste 671',
-  },
-  {
-    value: 672,
-    label: 'teste 672',
-  },
-  {
-    value: 673,
-    label: 'teste 673',
-  },
-  {
-    value: 674,
-    label: 'teste 674',
-  },
-  {
-    value: 675,
-    label: 'teste 675',
-  },
-  {
-    value: 676,
-    label: 'teste 676',
-  },
-  {
-    value: 677,
-    label: 'teste 677',
-  },
-  {
-    value: 678,
-    label: 'teste 678',
-  },
-  {
-    value: 679,
-    label: 'teste 679',
-  },
-  {
-    value: 680,
-    label: 'teste 680',
-  },
-  {
-    value: 681,
-    label: 'teste 681',
-  },
-  {
-    value: 682,
-    label: 'teste 682',
-  },
-  {
-    value: 683,
-    label: 'teste 683',
-  },
-  {
-    value: 684,
-    label: 'teste 684',
-  },
-  {
-    value: 685,
-    label: 'teste 685',
-  },
-  {
-    value: 686,
-    label: 'teste 686',
-  },
-  {
-    value: 687,
-    label: 'teste 687',
-  },
-  {
-    value: 688,
-    label: 'teste 688',
-  },
-  {
-    value: 689,
-    label: 'teste 689',
-  },
-  {
-    value: 690,
-    label: 'teste 690',
-  },
-  {
-    value: 691,
-    label: 'teste 691',
-  },
-  {
-    value: 692,
-    label: 'teste 692',
-  },
-  {
-    value: 693,
-    label: 'teste 693',
-  },
-  {
-    value: 694,
-    label: 'teste 694',
-  },
-  {
-    value: 695,
-    label: 'teste 695',
-  },
-  {
-    value: 696,
-    label: 'teste 696',
-  },
-  {
-    value: 697,
-    label: 'teste 697',
-  },
-  {
-    value: 698,
-    label: 'teste 698',
-  },
-  {
-    value: 699,
-    label: 'teste 699',
-  },
-  {
-    value: 700,
-    label: 'teste 700',
-  },
-  {
-    value: 701,
-    label: 'teste 701',
-  },
-  {
-    value: 702,
-    label: 'teste 702',
-  },
-  {
-    value: 703,
-    label: 'teste 703',
-  },
-  {
-    value: 704,
-    label: 'teste 704',
-  },
-  {
-    value: 705,
-    label: 'teste 705',
-  },
-  {
-    value: 706,
-    label: 'teste 706',
-  },
-  {
-    value: 707,
-    label: 'teste 707',
-  },
-  {
-    value: 708,
-    label: 'teste 708',
-  },
-  {
-    value: 709,
-    label: 'teste 709',
-  },
-  {
-    value: 710,
-    label: 'teste 710',
-  },
-  {
-    value: 711,
-    label: 'teste 711',
-  },
-  {
-    value: 712,
-    label: 'teste 712',
-  },
-  {
-    value: 713,
-    label: 'teste 713',
-  },
-  {
-    value: 714,
-    label: 'teste 714',
-  },
-  {
-    value: 715,
-    label: 'teste 715',
-  },
-  {
-    value: 716,
-    label: 'teste 716',
-  },
-  {
-    value: 717,
-    label: 'teste 717',
-  },
-  {
-    value: 718,
-    label: 'teste 718',
-  },
-  {
-    value: 719,
-    label: 'teste 719',
-  },
-  {
-    value: 720,
-    label: 'teste 720',
-  },
-  {
-    value: 721,
-    label: 'teste 721',
-  },
-  {
-    value: 722,
-    label: 'teste 722',
-  },
-  {
-    value: 723,
-    label: 'teste 723',
-  },
-  {
-    value: 724,
-    label: 'teste 724',
-  },
-  {
-    value: 725,
-    label: 'teste 725',
-  },
-  {
-    value: 726,
-    label: 'teste 726',
-  },
-  {
-    value: 727,
-    label: 'teste 727',
-  },
-  {
-    value: 728,
-    label: 'teste 728',
-  },
-  {
-    value: 729,
-    label: 'teste 729',
-  },
-  {
-    value: 730,
-    label: 'teste 730',
-  },
-  {
-    value: 731,
-    label: 'teste 731',
-  },
-  {
-    value: 732,
-    label: 'teste 732',
-  },
-  {
-    value: 733,
-    label: 'teste 733',
-  },
-  {
-    value: 734,
-    label: 'teste 734',
-  },
-  {
-    value: 735,
-    label: 'teste 735',
-  },
-  {
-    value: 736,
-    label: 'teste 736',
-  },
-  {
-    value: 737,
-    label: 'teste 737',
-  },
-  {
-    value: 738,
-    label: 'teste 738',
-  },
-  {
-    value: 739,
-    label: 'teste 739',
-  },
-  {
-    value: 740,
-    label: 'teste 740',
-  },
-  {
-    value: 741,
-    label: 'teste 741',
-  },
-  {
-    value: 742,
-    label: 'teste 742',
-  },
-  {
-    value: 743,
-    label: 'teste 743',
-  },
-  {
-    value: 744,
-    label: 'teste 744',
-  },
-  {
-    value: 745,
-    label: 'teste 745',
-  },
-  {
-    value: 746,
-    label: 'teste 746',
-  },
-  {
-    value: 747,
-    label: 'teste 747',
-  },
-  {
-    value: 748,
-    label: 'teste 748',
-  },
-  {
-    value: 749,
-    label: 'teste 749',
-  },
-  {
-    value: 750,
-    label: 'teste 750',
-  },
-  {
-    value: 751,
-    label: 'teste 751',
-  },
-  {
-    value: 752,
-    label: 'teste 752',
-  },
-  {
-    value: 753,
-    label: 'teste 753',
-  },
-  {
-    value: 754,
-    label: 'teste 754',
-  },
-  {
-    value: 755,
-    label: 'teste 755',
-  },
-  {
-    value: 756,
-    label: 'teste 756',
-  },
-  {
-    value: 757,
-    label: 'teste 757',
-  },
-  {
-    value: 758,
-    label: 'teste 758',
-  },
-  {
-    value: 759,
-    label: 'teste 759',
-  },
-  {
-    value: 760,
-    label: 'teste 760',
-  },
-  {
-    value: 761,
-    label: 'teste 761',
-  },
-  {
-    value: 762,
-    label: 'teste 762',
-  },
-  {
-    value: 763,
-    label: 'teste 763',
-  },
-  {
-    value: 764,
-    label: 'teste 764',
-  },
-  {
-    value: 765,
-    label: 'teste 765',
-  },
-  {
-    value: 766,
-    label: 'teste 766',
-  },
-  {
-    value: 767,
-    label: 'teste 767',
-  },
-  {
-    value: 768,
-    label: 'teste 768',
-  },
-  {
-    value: 769,
-    label: 'teste 769',
-  },
-  {
-    value: 770,
-    label: 'teste 770',
-  },
-  {
-    value: 771,
-    label: 'teste 771',
-  },
-  {
-    value: 772,
-    label: 'teste 772',
-  },
-  {
-    value: 773,
-    label: 'teste 773',
-  },
-  {
-    value: 774,
-    label: 'teste 774',
-  },
-  {
-    value: 775,
-    label: 'teste 775',
-  },
-  {
-    value: 776,
-    label: 'teste 776',
-  },
-  {
-    value: 777,
-    label: 'teste 777',
-  },
-  {
-    value: 778,
-    label: 'teste 778',
-  },
-  {
-    value: 779,
-    label: 'teste 779',
-  },
-  {
-    value: 780,
-    label: 'teste 780',
-  },
-  {
-    value: 781,
-    label: 'teste 781',
-  },
-  {
-    value: 782,
-    label: 'teste 782',
-  },
-  {
-    value: 783,
-    label: 'teste 783',
-  },
-  {
-    value: 784,
-    label: 'teste 784',
-  },
-  {
-    value: 785,
-    label: 'teste 785',
-  },
-  {
-    value: 786,
-    label: 'teste 786',
-  },
-  {
-    value: 787,
-    label: 'teste 787',
-  },
-  {
-    value: 788,
-    label: 'teste 788',
-  },
-  {
-    value: 789,
-    label: 'teste 789',
-  },
-  {
-    value: 790,
-    label: 'teste 790',
-  },
-  {
-    value: 791,
-    label: 'teste 791',
-  },
-  {
-    value: 792,
-    label: 'teste 792',
-  },
-  {
-    value: 793,
-    label: 'teste 793',
-  },
-  {
-    value: 794,
-    label: 'teste 794',
-  },
-  {
-    value: 795,
-    label: 'teste 795',
-  },
-  {
-    value: 796,
-    label: 'teste 796',
-  },
-  {
-    value: 797,
-    label: 'teste 797',
-  },
-  {
-    value: 798,
-    label: 'teste 798',
-  },
-  {
-    value: 799,
-    label: 'teste 799',
-  },
-  {
-    value: 800,
-    label: 'teste 800',
-  },
-  {
-    value: 801,
-    label: 'teste 801',
-  },
-  {
-    value: 802,
-    label: 'teste 802',
-  },
-  {
-    value: 803,
-    label: 'teste 803',
-  },
-  {
-    value: 804,
-    label: 'teste 804',
-  },
-  {
-    value: 805,
-    label: 'teste 805',
-  },
-  {
-    value: 806,
-    label: 'teste 806',
-  },
-  {
-    value: 807,
-    label: 'teste 807',
-  },
-  {
-    value: 808,
-    label: 'teste 808',
-  },
-  {
-    value: 809,
-    label: 'teste 809',
-  },
-  {
-    value: 810,
-    label: 'teste 810',
-  },
-  {
-    value: 811,
-    label: 'teste 811',
-  },
-  {
-    value: 812,
-    label: 'teste 812',
-  },
-  {
-    value: 813,
-    label: 'teste 813',
-  },
-  {
-    value: 814,
-    label: 'teste 814',
-  },
-  {
-    value: 815,
-    label: 'teste 815',
-  },
-  {
-    value: 816,
-    label: 'teste 816',
-  },
-  {
-    value: 817,
-    label: 'teste 817',
-  },
-  {
-    value: 818,
-    label: 'teste 818',
-  },
-  {
-    value: 819,
-    label: 'teste 819',
-  },
-  {
-    value: 820,
-    label: 'teste 820',
-  },
-  {
-    value: 821,
-    label: 'teste 821',
-  },
-  {
-    value: 822,
-    label: 'teste 822',
-  },
-  {
-    value: 823,
-    label: 'teste 823',
-  },
-  {
-    value: 824,
-    label: 'teste 824',
-  },
-  {
-    value: 825,
-    label: 'teste 825',
-  },
-  {
-    value: 826,
-    label: 'teste 826',
-  },
-  {
-    value: 827,
-    label: 'teste 827',
-  },
-  {
-    value: 828,
-    label: 'teste 828',
-  },
-  {
-    value: 829,
-    label: 'teste 829',
-  },
-  {
-    value: 830,
-    label: 'teste 830',
-  },
-  {
-    value: 831,
-    label: 'teste 831',
-  },
-  {
-    value: 832,
-    label: 'teste 832',
-  },
-  {
-    value: 833,
-    label: 'teste 833',
-  },
-  {
-    value: 834,
-    label: 'teste 834',
-  },
-  {
-    value: 835,
-    label: 'teste 835',
-  },
-  {
-    value: 836,
-    label: 'teste 836',
-  },
-  {
-    value: 837,
-    label: 'teste 837',
-  },
-  {
-    value: 838,
-    label: 'teste 838',
-  },
-  {
-    value: 839,
-    label: 'teste 839',
-  },
-  {
-    value: 840,
-    label: 'teste 840',
-  },
-  {
-    value: 841,
-    label: 'teste 841',
-  },
-  {
-    value: 842,
-    label: 'teste 842',
-  },
-  {
-    value: 843,
-    label: 'teste 843',
-  },
-  {
-    value: 844,
-    label: 'teste 844',
-  },
-  {
-    value: 845,
-    label: 'teste 845',
-  },
-  {
-    value: 846,
-    label: 'teste 846',
-  },
-  {
-    value: 847,
-    label: 'teste 847',
-  },
-  {
-    value: 848,
-    label: 'teste 848',
-  },
-  {
-    value: 849,
-    label: 'teste 849',
-  },
-  {
-    value: 850,
-    label: 'teste 850',
-  },
-  {
-    value: 851,
-    label: 'teste 851',
-  },
-  {
-    value: 852,
-    label: 'teste 852',
-  },
-  {
-    value: 853,
-    label: 'teste 853',
-  },
-  {
-    value: 854,
-    label: 'teste 854',
-  },
-  {
-    value: 855,
-    label: 'teste 855',
-  },
-  {
-    value: 856,
-    label: 'teste 856',
-  },
-  {
-    value: 857,
-    label: 'teste 857',
-  },
-  {
-    value: 858,
-    label: 'teste 858',
-  },
-  {
-    value: 859,
-    label: 'teste 859',
-  },
-  {
-    value: 860,
-    label: 'teste 860',
-  },
-  {
-    value: 861,
-    label: 'teste 861',
-  },
-  {
-    value: 862,
-    label: 'teste 862',
-  },
-  {
-    value: 863,
-    label: 'teste 863',
-  },
-  {
-    value: 864,
-    label: 'teste 864',
-  },
-  {
-    value: 865,
-    label: 'teste 865',
-  },
-  {
-    value: 866,
-    label: 'teste 866',
-  },
-  {
-    value: 867,
-    label: 'teste 867',
-  },
-  {
-    value: 868,
-    label: 'teste 868',
-  },
-  {
-    value: 869,
-    label: 'teste 869',
-  },
-  {
-    value: 870,
-    label: 'teste 870',
-  },
-  {
-    value: 871,
-    label: 'teste 871',
-  },
-  {
-    value: 872,
-    label: 'teste 872',
-  },
-  {
-    value: 873,
-    label: 'teste 873',
-  },
-  {
-    value: 874,
-    label: 'teste 874',
-  },
-  {
-    value: 875,
-    label: 'teste 875',
-  },
-  {
-    value: 876,
-    label: 'teste 876',
-  },
-  {
-    value: 877,
-    label: 'teste 877',
-  },
-  {
-    value: 878,
-    label: 'teste 878',
-  },
-  {
-    value: 879,
-    label: 'teste 879',
-  },
-  {
-    value: 880,
-    label: 'teste 880',
-  },
-  {
-    value: 881,
-    label: 'teste 881',
-  },
-  {
-    value: 882,
-    label: 'teste 882',
-  },
-  {
-    value: 883,
-    label: 'teste 883',
-  },
-  {
-    value: 884,
-    label: 'teste 884',
-  },
-  {
-    value: 885,
-    label: 'teste 885',
-  },
-  {
-    value: 886,
-    label: 'teste 886',
-  },
-  {
-    value: 887,
-    label: 'teste 887',
-  },
-  {
-    value: 888,
-    label: 'teste 888',
-  },
-  {
-    value: 889,
-    label: 'teste 889',
-  },
-  {
-    value: 890,
-    label: 'teste 890',
-  },
-  {
-    value: 891,
-    label: 'teste 891',
-  },
-  {
-    value: 892,
-    label: 'teste 892',
-  },
-  {
-    value: 893,
-    label: 'teste 893',
-  },
-  {
-    value: 894,
-    label: 'teste 894',
-  },
-  {
-    value: 895,
-    label: 'teste 895',
-  },
-  {
-    value: 896,
-    label: 'teste 896',
-  },
-  {
-    value: 897,
-    label: 'teste 897',
-  },
-  {
-    value: 898,
-    label: 'teste 898',
-  },
-  {
-    value: 899,
-    label: 'teste 899',
-  },
-  {
-    value: 900,
-    label: 'teste 900',
-  },
-  {
-    value: 901,
-    label: 'teste 901',
-  },
-  {
-    value: 902,
-    label: 'teste 902',
-  },
-  {
-    value: 903,
-    label: 'teste 903',
-  },
-  {
-    value: 904,
-    label: 'teste 904',
-  },
-  {
-    value: 905,
-    label: 'teste 905',
-  },
-  {
-    value: 906,
-    label: 'teste 906',
-  },
-  {
-    value: 907,
-    label: 'teste 907',
-  },
-  {
-    value: 908,
-    label: 'teste 908',
-  },
-  {
-    value: 909,
-    label: 'teste 909',
-  },
-  {
-    value: 910,
-    label: 'teste 910',
-  },
-  {
-    value: 911,
-    label: 'teste 911',
-  },
-  {
-    value: 912,
-    label: 'teste 912',
-  },
-  {
-    value: 913,
-    label: 'teste 913',
-  },
-  {
-    value: 914,
-    label: 'teste 914',
-  },
-  {
-    value: 915,
-    label: 'teste 915',
-  },
-  {
-    value: 916,
-    label: 'teste 916',
-  },
-  {
-    value: 917,
-    label: 'teste 917',
-  },
-  {
-    value: 918,
-    label: 'teste 918',
-  },
-  {
-    value: 919,
-    label: 'teste 919',
-  },
-  {
-    value: 920,
-    label: 'teste 920',
-  },
-  {
-    value: 921,
-    label: 'teste 921',
-  },
-  {
-    value: 922,
-    label: 'teste 922',
-  },
-  {
-    value: 923,
-    label: 'teste 923',
-  },
-  {
-    value: 924,
-    label: 'teste 924',
-  },
-  {
-    value: 925,
-    label: 'teste 925',
-  },
-  {
-    value: 926,
-    label: 'teste 926',
-  },
-  {
-    value: 927,
-    label: 'teste 927',
-  },
-  {
-    value: 928,
-    label: 'teste 928',
-  },
-  {
-    value: 929,
-    label: 'teste 929',
-  },
-  {
-    value: 930,
-    label: 'teste 930',
-  },
-  {
-    value: 931,
-    label: 'teste 931',
-  },
-  {
-    value: 932,
-    label: 'teste 932',
-  },
-  {
-    value: 933,
-    label: 'teste 933',
-  },
-  {
-    value: 934,
-    label: 'teste 934',
-  },
-  {
-    value: 935,
-    label: 'teste 935',
-  },
-  {
-    value: 936,
-    label: 'teste 936',
-  },
-  {
-    value: 937,
-    label: 'teste 937',
-  },
-  {
-    value: 938,
-    label: 'teste 938',
-  },
-  {
-    value: 939,
-    label: 'teste 939',
-  },
-  {
-    value: 940,
-    label: 'teste 940',
-  },
-  {
-    value: 941,
-    label: 'teste 941',
-  },
-  {
-    value: 942,
-    label: 'teste 942',
-  },
-  {
-    value: 943,
-    label: 'teste 943',
-  },
-  {
-    value: 944,
-    label: 'teste 944',
-  },
-  {
-    value: 945,
-    label: 'teste 945',
-  },
-  {
-    value: 946,
-    label: 'teste 946',
-  },
-  {
-    value: 947,
-    label: 'teste 947',
-  },
-  {
-    value: 948,
-    label: 'teste 948',
-  },
-  {
-    value: 949,
-    label: 'teste 949',
-  },
-  {
-    value: 950,
-    label: 'teste 950',
-  },
-  {
-    value: 951,
-    label: 'teste 951',
-  },
-  {
-    value: 952,
-    label: 'teste 952',
-  },
-  {
-    value: 953,
-    label: 'teste 953',
-  },
-  {
-    value: 954,
-    label: 'teste 954',
-  },
-  {
-    value: 955,
-    label: 'teste 955',
-  },
-  {
-    value: 956,
-    label: 'teste 956',
-  },
-  {
-    value: 957,
-    label: 'teste 957',
-  },
-  {
-    value: 958,
-    label: 'teste 958',
-  },
-  {
-    value: 959,
-    label: 'teste 959',
-  },
-  {
-    value: 960,
-    label: 'teste 960',
-  },
-  {
-    value: 961,
-    label: 'teste 961',
-  },
-  {
-    value: 962,
-    label: 'teste 962',
-  },
-  {
-    value: 963,
-    label: 'teste 963',
-  },
-  {
-    value: 964,
-    label: 'teste 964',
-  },
-  {
-    value: 965,
-    label: 'teste 965',
-  },
-  {
-    value: 966,
-    label: 'teste 966',
-  },
-  {
-    value: 967,
-    label: 'teste 967',
-  },
-  {
-    value: 968,
-    label: 'teste 968',
-  },
-  {
-    value: 969,
-    label: 'teste 969',
-  },
-  {
-    value: 970,
-    label: 'teste 970',
-  },
-  {
-    value: 971,
-    label: 'teste 971',
-  },
-  {
-    value: 972,
-    label: 'teste 972',
-  },
-  {
-    value: 973,
-    label: 'teste 973',
-  },
-  {
-    value: 974,
-    label: 'teste 974',
-  },
-  {
-    value: 975,
-    label: 'teste 975',
-  },
-  {
-    value: 976,
-    label: 'teste 976',
-  },
-  {
-    value: 977,
-    label: 'teste 977',
-  },
-  {
-    value: 978,
-    label: 'teste 978',
-  },
-  {
-    value: 979,
-    label: 'teste 979',
-  },
-  {
-    value: 980,
-    label: 'teste 980',
-  },
-  {
-    value: 981,
-    label: 'teste 981',
-  },
-  {
-    value: 982,
-    label: 'teste 982',
-  },
-  {
-    value: 983,
-    label: 'teste 983',
-  },
-  {
-    value: 984,
-    label: 'teste 984',
-  },
-  {
-    value: 985,
-    label: 'teste 985',
-  },
-  {
-    value: 986,
-    label: 'teste 986',
-  },
-  {
-    value: 987,
-    label: 'teste 987',
-  },
-  {
-    value: 988,
-    label: 'teste 988',
-  },
-  {
-    value: 989,
-    label: 'teste 989',
-  },
-  {
-    value: 990,
-    label: 'teste 990',
-  },
-  {
-    value: 991,
-    label: 'teste 991',
-  },
-  {
-    value: 992,
-    label: 'teste 992',
-  },
-  {
-    value: 993,
-    label: 'teste 993',
-  },
-  {
-    value: 994,
-    label: 'teste 994',
-  },
-  {
-    value: 995,
-    label: 'teste 995',
-  },
-  {
-    value: 996,
-    label: 'teste 996',
-  },
-  {
-    value: 997,
-    label: 'teste 997',
-  },
-  {
-    value: 998,
-    label: 'teste 998',
-  },
-  {
-    value: 999,
-    label: 'teste 999',
-  },
-];
diff --git a/packages/fuselage/src/components/SelectPaginated/index.ts b/packages/fuselage/src/components/SelectPaginated/index.ts
deleted file mode 100644
index d4c19fa2e5..0000000000
--- a/packages/fuselage/src/components/SelectPaginated/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './PaginatedSelect';
-export * from './PaginatedSelectFiltered';
-export * from './PaginatedMultiSelect';
diff --git a/packages/fuselage/src/components/index.ts b/packages/fuselage/src/components/index.ts
index 8d9da7ab86..7d22b8e48d 100644
--- a/packages/fuselage/src/components/index.ts
+++ b/packages/fuselage/src/components/index.ts
@@ -45,7 +45,7 @@ export * from './RadioButton';
 export { default as Scrollable } from './Scrollable';
 export * from './SearchInput';
 export * from './Select';
-export * from './SelectPaginated';
+export * from './PaginatedSelect';
 export * from './SelectInput';
 export { default as Sidebar } from './Sidebar';
 export * from './Sidebar';
diff --git a/yarn.lock b/yarn.lock
index f342f665eb..403e7176d3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5661,6 +5661,7 @@ __metadata:
     "@storybook/addon-links": ~6.4.18
     "@storybook/addons": ~6.4.18
     "@storybook/builder-webpack5": ~6.4.18
+    "@storybook/client-api": ~6.4.19
     "@storybook/manager-webpack5": ~6.4.18
     "@storybook/react": ~6.4.18
     "@storybook/source-loader": ~6.4.18
@@ -6507,6 +6508,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/addons@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/addons@npm:6.4.19"
+  dependencies:
+    "@storybook/api": 6.4.19
+    "@storybook/channels": 6.4.19
+    "@storybook/client-logger": 6.4.19
+    "@storybook/core-events": 6.4.19
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/router": 6.4.19
+    "@storybook/theming": 6.4.19
+    "@types/webpack-env": ^1.16.0
+    core-js: ^3.8.2
+    global: ^4.4.0
+    regenerator-runtime: ^0.13.7
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 867e93a83c1145443693a4af04a83b597afde2663d779cf81db53cc1f77d53da1d4255bd7b403a19685cd0df739c4863eed31f2ef2f1a5c9ca4ae025e191240a
+  languageName: node
+  linkType: hard
+
 "@storybook/api@npm:6.4.18":
   version: 6.4.18
   resolution: "@storybook/api@npm:6.4.18"
@@ -6535,6 +6558,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/api@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/api@npm:6.4.19"
+  dependencies:
+    "@storybook/channels": 6.4.19
+    "@storybook/client-logger": 6.4.19
+    "@storybook/core-events": 6.4.19
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/router": 6.4.19
+    "@storybook/semver": ^7.3.2
+    "@storybook/theming": 6.4.19
+    core-js: ^3.8.2
+    fast-deep-equal: ^3.1.3
+    global: ^4.4.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    regenerator-runtime: ^0.13.7
+    store2: ^2.12.0
+    telejson: ^5.3.2
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 305c413ee81f98c0064bbefdd88ee61f4ce0af18465412d7e771ba7af9825c4aa134d827d21f5e7e0dafbb41fafd5a68c65df29525de8bd382b24a960b78e97a
+  languageName: node
+  linkType: hard
+
 "@storybook/builder-webpack4@npm:6.4.18":
   version: 6.4.18
   resolution: "@storybook/builder-webpack4@npm:6.4.18"
@@ -6704,6 +6755,21 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/channel-postmessage@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/channel-postmessage@npm:6.4.19"
+  dependencies:
+    "@storybook/channels": 6.4.19
+    "@storybook/client-logger": 6.4.19
+    "@storybook/core-events": 6.4.19
+    core-js: ^3.8.2
+    global: ^4.4.0
+    qs: ^6.10.0
+    telejson: ^5.3.2
+  checksum: 1cb783c13209859d4f4a43e79b348aef749842e323f48f8ce49fe67f7a9aecdda7b4b1722c18ac8c186ca55fccc29fe8426e303d8f2486aeb0a4db04836c981b
+  languageName: node
+  linkType: hard
+
 "@storybook/channel-websocket@npm:6.4.18":
   version: 6.4.18
   resolution: "@storybook/channel-websocket@npm:6.4.18"
@@ -6728,6 +6794,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/channels@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/channels@npm:6.4.19"
+  dependencies:
+    core-js: ^3.8.2
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  checksum: 034c26467cb6dad9b893ee1655a5a550b588fa96d3306d38a775e8fb5b3b9e9da22da2111fc315c0c85a8aaf31f417242b1bd2238e1df84a56d6cef22fac9f64
+  languageName: node
+  linkType: hard
+
 "@storybook/client-api@npm:6.4.18":
   version: 6.4.18
   resolution: "@storybook/client-api@npm:6.4.18"
@@ -6759,6 +6836,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/client-api@npm:~6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/client-api@npm:6.4.19"
+  dependencies:
+    "@storybook/addons": 6.4.19
+    "@storybook/channel-postmessage": 6.4.19
+    "@storybook/channels": 6.4.19
+    "@storybook/client-logger": 6.4.19
+    "@storybook/core-events": 6.4.19
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    "@storybook/store": 6.4.19
+    "@types/qs": ^6.9.5
+    "@types/webpack-env": ^1.16.0
+    core-js: ^3.8.2
+    fast-deep-equal: ^3.1.3
+    global: ^4.4.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    qs: ^6.10.0
+    regenerator-runtime: ^0.13.7
+    store2: ^2.12.0
+    synchronous-promise: ^2.0.15
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 1e94a98d99d4011a1b61a77ee928c90c2d7dfedb7e692c83a571158a8bae74cbe478a2d3a41623ecec69b28f34da21869dd3f25517425d5fce6117367048ebaf
+  languageName: node
+  linkType: hard
+
 "@storybook/client-logger@npm:6.4.18":
   version: 6.4.18
   resolution: "@storybook/client-logger@npm:6.4.18"
@@ -6769,6 +6877,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/client-logger@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/client-logger@npm:6.4.19"
+  dependencies:
+    core-js: ^3.8.2
+    global: ^4.4.0
+  checksum: 06eb583d05c951d526c7a7e2de461a693d2b491fc35f35a716762e031b3978d4d479c9dcdd81c855d3051318ee4fbd43fe0718b66d560b9d97e28bde1ce7378c
+  languageName: node
+  linkType: hard
+
 "@storybook/components@npm:6.4.18":
   version: 6.4.18
   resolution: "@storybook/components@npm:6.4.18"
@@ -6911,6 +7029,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/core-events@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/core-events@npm:6.4.19"
+  dependencies:
+    core-js: ^3.8.2
+  checksum: a10620f3f6b6e0dd22951c3c2287482bdb3e53c98b4b482f142aa2e979ae993a9ee626686a7320f97ce2fe82dcb5afec037346abfda4f33c2f612b1cd83c74a2
+  languageName: node
+  linkType: hard
+
 "@storybook/core-server@npm:6.4.18":
   version: 6.4.18
   resolution: "@storybook/core-server@npm:6.4.18"
@@ -7258,6 +7385,28 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/router@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/router@npm:6.4.19"
+  dependencies:
+    "@storybook/client-logger": 6.4.19
+    core-js: ^3.8.2
+    fast-deep-equal: ^3.1.3
+    global: ^4.4.0
+    history: 5.0.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    qs: ^6.10.0
+    react-router: ^6.0.0
+    react-router-dom: ^6.0.0
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 80aafb3f492113e49ead84e5ad6458df5e49c09adad72d63db4fb6218309cd11160109b0b07f9f17199717fe30313a2831b516200d206c6023368610d6868211
+  languageName: node
+  linkType: hard
+
 "@storybook/semver@npm:^7.3.2":
   version: 7.3.2
   resolution: "@storybook/semver@npm:7.3.2"
@@ -7317,6 +7466,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/store@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/store@npm:6.4.19"
+  dependencies:
+    "@storybook/addons": 6.4.19
+    "@storybook/client-logger": 6.4.19
+    "@storybook/core-events": 6.4.19
+    "@storybook/csf": 0.0.2--canary.87bc651.0
+    core-js: ^3.8.2
+    fast-deep-equal: ^3.1.3
+    global: ^4.4.0
+    lodash: ^4.17.21
+    memoizerific: ^1.11.3
+    regenerator-runtime: ^0.13.7
+    slash: ^3.0.0
+    stable: ^0.1.8
+    synchronous-promise: ^2.0.15
+    ts-dedent: ^2.0.0
+    util-deprecate: ^1.0.2
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 665f5605c2cd98e1ba001cf9106f0e14f5d3e035d79ee2a2c7f8166a579a9f6f500c40da7b3e419886b774b69d300fb900da5a652a4565639d86646624264e21
+  languageName: node
+  linkType: hard
+
 "@storybook/theming@npm:6.4.18, @storybook/theming@npm:~6.4.18":
   version: 6.4.18
   resolution: "@storybook/theming@npm:6.4.18"
@@ -7340,6 +7515,29 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/theming@npm:6.4.19":
+  version: 6.4.19
+  resolution: "@storybook/theming@npm:6.4.19"
+  dependencies:
+    "@emotion/core": ^10.1.1
+    "@emotion/is-prop-valid": ^0.8.6
+    "@emotion/styled": ^10.0.27
+    "@storybook/client-logger": 6.4.19
+    core-js: ^3.8.2
+    deep-object-diff: ^1.1.0
+    emotion-theming: ^10.0.27
+    global: ^4.4.0
+    memoizerific: ^1.11.3
+    polished: ^4.0.5
+    resolve-from: ^5.0.0
+    ts-dedent: ^2.0.0
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0
+    react-dom: ^16.8.0 || ^17.0.0
+  checksum: 59e980a602bfff4f7643c9f43fdd09d75b6c08cf8eed59da45f2d9b8a8fc3233057eda953c2de98e5440d29196d0abc7f3d7838f98d66f41b57579e7b2cef5e5
+  languageName: node
+  linkType: hard
+
 "@storybook/ui@npm:6.4.18":
   version: 6.4.18
   resolution: "@storybook/ui@npm:6.4.18"

From e3f8e83525ad509f52c154ed2d4beb6b360a9121 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Tue, 8 Mar 2022 21:12:18 -0300
Subject: [PATCH 5/6] chore(release): 0.31.6

---
 CHANGELOG.md                                          | 7 +++++++
 lerna.json                                            | 2 +-
 package.json                                          | 2 +-
 packages/css-in-js/package.json                       | 2 +-
 packages/css-supports/package.json                    | 2 +-
 packages/emitter/package.json                         | 2 +-
 packages/eslint-config-alt/package.json               | 2 +-
 packages/fuselage-hooks/package.json                  | 2 +-
 packages/fuselage-polyfills/package.json              | 2 +-
 packages/fuselage-tokens/package.json                 | 2 +-
 packages/fuselage-ui-kit/package.json                 | 2 +-
 packages/fuselage/package.json                        | 2 +-
 packages/icons/package.json                           | 2 +-
 packages/logo/package.json                            | 2 +-
 packages/memo/package.json                            | 2 +-
 packages/message-parser/package.json                  | 2 +-
 packages/mp3-encoder/package.json                     | 2 +-
 packages/onboarding-ui/package.json                   | 2 +-
 packages/peggy-loader/package.json                    | 2 +-
 packages/prettier-config/package.json                 | 2 +-
 packages/string-helpers/package.json                  | 2 +-
 packages/styled/package.json                          | 2 +-
 packages/stylis-logical-props-middleware/package.json | 2 +-
 packages/ui-kit/package.json                          | 2 +-
 tools/build-design-tokens/package.json                | 2 +-
 tools/build-icons/package.json                        | 2 +-
 tools/build-logo/package.json                         | 2 +-
 tools/bump/package.json                               | 2 +-
 tools/lint-all/package.json                           | 2 +-
 tools/scripts/package.json                            | 2 +-
 tools/testing-utils/package.json                      | 2 +-
 tools/tools-utils/package.json                        | 2 +-
 tools/update-readme/package.json                      | 2 +-
 tools/write-version-module/package.json               | 2 +-
 34 files changed, 40 insertions(+), 33 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6891a88888..bbffec238c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.31.6](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.31.5...v0.31.6) (2022-03-09)
+
+### Bug Fixes
+
+- **fuselage:** `onChange` prop on `PaginatedSelectFiltered` ([#659](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues/659)) ([9e170ff](https://github.com/RocketChat/Rocket.Chat.Fuselage/commit/9e170ffbb36aa4825dcbe21c8db01eac8c407ee1))
+- **fuselage:** `PaginatedSelectFiltered` filter state ([#661](https://github.com/RocketChat/Rocket.Chat.Fuselage/issues/661)) ([0975754](https://github.com/RocketChat/Rocket.Chat.Fuselage/commit/0975754a53ebdb32e8bcb4a7912a0335d5dcf2eb))
+
 ### [0.31.5](https://github.com/RocketChat/Rocket.Chat.Fuselage/compare/v0.31.4...v0.31.5) (2022-03-02)
 
 ### Bug Fixes
diff --git a/lerna.json b/lerna.json
index 5e6232f9e3..a7185a2757 100644
--- a/lerna.json
+++ b/lerna.json
@@ -1,5 +1,5 @@
 {
-  "version": "0.31.5",
+  "version": "0.31.6",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "packages": ["packages/*", "scripts"],
diff --git a/package.json b/package.json
index cfe780f7d4..aa5bb3d00e 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@rocket.chat/fuselage-root",
   "private": true,
-  "version": "0.31.5",
+  "version": "0.31.6",
   "workspaces": [
     "packages/*",
     "tools/*"
diff --git a/packages/css-in-js/package.json b/packages/css-in-js/package.json
index 2b172f739b..024328fe76 100644
--- a/packages/css-in-js/package.json
+++ b/packages/css-in-js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/css-in-js",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Toolset to transpile and use CSS on runtime",
   "homepage": "https://rocketchat.github.io/Rocket.Chat.Fuselage/",
   "author": {
diff --git a/packages/css-supports/package.json b/packages/css-supports/package.json
index 62079252d6..d0b306633f 100644
--- a/packages/css-supports/package.json
+++ b/packages/css-supports/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/css-supports",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Memoized and SSR-compatible facade of CSS.supports API",
   "author": {
     "name": "Rocket.Chat",
diff --git a/packages/emitter/package.json b/packages/emitter/package.json
index 6828fc3799..81b294f008 100644
--- a/packages/emitter/package.json
+++ b/packages/emitter/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/emitter",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Event Emitter by Rocket.Chat",
   "homepage": "https://rocketchat.github.io/Rocket.Chat.Fuselage/",
   "author": {
diff --git a/packages/eslint-config-alt/package.json b/packages/eslint-config-alt/package.json
index 9bc7c01a2e..751cb90eac 100644
--- a/packages/eslint-config-alt/package.json
+++ b/packages/eslint-config-alt/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@rocket.chat/eslint-config-alt",
   "description": "ESLint configuration for Rocket.Chat repositories",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "author": {
     "name": "Rocket.Chat",
     "url": "https://rocket.chat/"
diff --git a/packages/fuselage-hooks/package.json b/packages/fuselage-hooks/package.json
index 965c7ed02f..ff1475dfc1 100644
--- a/packages/fuselage-hooks/package.json
+++ b/packages/fuselage-hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage-hooks",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "React hooks for Fuselage, Rocket.Chat's design system and UI toolkit",
   "homepage": "https://rocketchat.github.io/Rocket.Chat.Fuselage/",
   "author": {
diff --git a/packages/fuselage-polyfills/package.json b/packages/fuselage-polyfills/package.json
index 7520e26090..c3a29e4f0c 100644
--- a/packages/fuselage-polyfills/package.json
+++ b/packages/fuselage-polyfills/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage-polyfills",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "A bundle of useful poly/ponyfills used by fuselage",
   "author": {
     "name": "Rocket.Chat",
diff --git a/packages/fuselage-tokens/package.json b/packages/fuselage-tokens/package.json
index ded1b51b5a..631071100b 100644
--- a/packages/fuselage-tokens/package.json
+++ b/packages/fuselage-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage-tokens",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Design tokens for Fuselage, Rocket.Chat's design system",
   "homepage": "https://rocketchat.github.io/Rocket.Chat.Fuselage/",
   "author": {
diff --git a/packages/fuselage-ui-kit/package.json b/packages/fuselage-ui-kit/package.json
index e6a539454c..c3872d08ed 100644
--- a/packages/fuselage-ui-kit/package.json
+++ b/packages/fuselage-ui-kit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage-ui-kit",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "UiKit elements for Rocket.Chat Apps built under Fuselage design system",
   "homepage": "https://rocketchat.github.io/Rocket.Chat.Fuselage/",
   "author": {
diff --git a/packages/fuselage/package.json b/packages/fuselage/package.json
index 84c4df10f5..4d344328cd 100644
--- a/packages/fuselage/package.json
+++ b/packages/fuselage/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/fuselage",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "author": {
     "name": "Rocket.Chat",
     "url": "https://rocket.chat/"
diff --git a/packages/icons/package.json b/packages/icons/package.json
index 2a77326bf0..fee056131b 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/icons",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "author": {
     "name": "Rocket.Chat",
     "url": "https://rocket.chat/"
diff --git a/packages/logo/package.json b/packages/logo/package.json
index 67f8938391..6f45831e52 100644
--- a/packages/logo/package.json
+++ b/packages/logo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/logo",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Rocket.Chat logo package",
   "keywords": [
     "rocketchat",
diff --git a/packages/memo/package.json b/packages/memo/package.json
index 83e0ddec0d..3ca88a205a 100644
--- a/packages/memo/package.json
+++ b/packages/memo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/memo",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Memoization utilities",
   "keywords": [
     "memoize"
diff --git a/packages/message-parser/package.json b/packages/message-parser/package.json
index 01f5318500..d1e83cd500 100644
--- a/packages/message-parser/package.json
+++ b/packages/message-parser/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@rocket.chat/message-parser",
   "description": "Rocket.Chat parser for messages",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "author": {
     "name": "Rocket.Chat",
     "url": "https://rocket.chat/"
diff --git a/packages/mp3-encoder/package.json b/packages/mp3-encoder/package.json
index 7825856598..2b4bfe3538 100644
--- a/packages/mp3-encoder/package.json
+++ b/packages/mp3-encoder/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/mp3-encoder",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "A LAME encoder to be used in web workers",
   "homepage": "https://rocketchat.github.io/Rocket.Chat.Fuselage/",
   "author": {
diff --git a/packages/onboarding-ui/package.json b/packages/onboarding-ui/package.json
index 6eb829d069..1e328bd9a9 100644
--- a/packages/onboarding-ui/package.json
+++ b/packages/onboarding-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/onboarding-ui",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Set of components and functions for the onboarding experience on Rocket.Chat",
   "keywords": [
     "rocketchat"
diff --git a/packages/peggy-loader/package.json b/packages/peggy-loader/package.json
index 2685230e68..8f96a84d71 100644
--- a/packages/peggy-loader/package.json
+++ b/packages/peggy-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/peggy-loader",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Peggy loader for webpack",
   "keywords": [
     "peggy",
diff --git a/packages/prettier-config/package.json b/packages/prettier-config/package.json
index e585325255..fd1845ccfa 100644
--- a/packages/prettier-config/package.json
+++ b/packages/prettier-config/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@rocket.chat/prettier-config",
   "description": "Prettier configuration for Rocket.Chat repositories",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "author": {
     "name": "Rocket.Chat",
     "url": "https://rocket.chat/"
diff --git a/packages/string-helpers/package.json b/packages/string-helpers/package.json
index a062b64288..3724e11223 100644
--- a/packages/string-helpers/package.json
+++ b/packages/string-helpers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/string-helpers",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Helper functions for string manipulation",
   "keywords": [
     "string",
diff --git a/packages/styled/package.json b/packages/styled/package.json
index 18412f564e..2c4d48f0f5 100644
--- a/packages/styled/package.json
+++ b/packages/styled/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/styled",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "A simple styled API for React components",
   "author": {
     "name": "Rocket.Chat",
diff --git a/packages/stylis-logical-props-middleware/package.json b/packages/stylis-logical-props-middleware/package.json
index 879e209a92..9633a0bea9 100644
--- a/packages/stylis-logical-props-middleware/package.json
+++ b/packages/stylis-logical-props-middleware/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/stylis-logical-props-middleware",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Stylis middleware to handle CSS Logical Properties and their fallbacks",
   "author": {
     "name": "Rocket.Chat",
diff --git a/packages/ui-kit/package.json b/packages/ui-kit/package.json
index 527d2a7262..c4582bda47 100644
--- a/packages/ui-kit/package.json
+++ b/packages/ui-kit/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rocket.chat/ui-kit",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "description": "Interactive UI elements for Rocket.Chat Apps",
   "homepage": "https://rocketchat.github.io/Rocket.Chat.Fuselage/",
   "author": {
diff --git a/tools/build-design-tokens/package.json b/tools/build-design-tokens/package.json
index 5513f401a9..17b68bd188 100644
--- a/tools/build-design-tokens/package.json
+++ b/tools/build-design-tokens/package.json
@@ -10,5 +10,5 @@
     "stylelint": "~14.5.0",
     "tools-utils": "workspace:~"
   },
-  "version": "0.31.5"
+  "version": "0.31.6"
 }
diff --git a/tools/build-icons/package.json b/tools/build-icons/package.json
index e0070e5f8e..fe6620d898 100644
--- a/tools/build-icons/package.json
+++ b/tools/build-icons/package.json
@@ -12,5 +12,5 @@
     "unicode": "~14.0.0",
     "xml2js": "~0.4.23"
   },
-  "version": "0.31.5"
+  "version": "0.31.6"
 }
diff --git a/tools/build-logo/package.json b/tools/build-logo/package.json
index 2c9d62d53b..7e0a70f018 100644
--- a/tools/build-logo/package.json
+++ b/tools/build-logo/package.json
@@ -2,7 +2,7 @@
   "name": "build-logo",
   "private": true,
   "bin": "./index.mjs",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "dependencies": {
     "prettier": "~2.5.1",
     "react": "^17.0.2",
diff --git a/tools/bump/package.json b/tools/bump/package.json
index c48a90884e..dcdbec975a 100644
--- a/tools/bump/package.json
+++ b/tools/bump/package.json
@@ -2,7 +2,7 @@
   "name": "bump",
   "private": true,
   "bin": "./bump.mjs",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "dependencies": {
     "prettier": "~2.5.1",
     "standard-version": "^9.3.2",
diff --git a/tools/lint-all/package.json b/tools/lint-all/package.json
index 43ab2727ae..98f063e0b2 100644
--- a/tools/lint-all/package.json
+++ b/tools/lint-all/package.json
@@ -5,7 +5,7 @@
     "lint": "./lint.mjs",
     "lint-and-fix": "./lint-and-fix.mjs"
   },
-  "version": "0.31.5",
+  "version": "0.31.6",
   "dependencies": {
     "@prettier/plugin-xml": "~1.2.0",
     "eslint": "~8.8.0",
diff --git a/tools/scripts/package.json b/tools/scripts/package.json
index 98d135c5b0..914a5a0958 100644
--- a/tools/scripts/package.json
+++ b/tools/scripts/package.json
@@ -23,5 +23,5 @@
     "ts-node": "~10.5.0",
     "typescript": "~4.3.5"
   },
-  "version": "0.31.5"
+  "version": "0.31.6"
 }
diff --git a/tools/testing-utils/package.json b/tools/testing-utils/package.json
index 6419c22983..e5a0903e55 100644
--- a/tools/testing-utils/package.json
+++ b/tools/testing-utils/package.json
@@ -10,5 +10,5 @@
   "dependencies": {
     "css-mediaquery": "^0.1.2"
   },
-  "version": "0.31.5"
+  "version": "0.31.6"
 }
diff --git a/tools/tools-utils/package.json b/tools/tools-utils/package.json
index 86da0bfef4..0f90d4308a 100644
--- a/tools/tools-utils/package.json
+++ b/tools/tools-utils/package.json
@@ -14,5 +14,5 @@
     "json5": "^2.2.0",
     "rimraf": "^3.0.2"
   },
-  "version": "0.31.5"
+  "version": "0.31.6"
 }
diff --git a/tools/update-readme/package.json b/tools/update-readme/package.json
index 2ae593fe7d..36b8306936 100644
--- a/tools/update-readme/package.json
+++ b/tools/update-readme/package.json
@@ -2,7 +2,7 @@
   "name": "update-readme",
   "private": true,
   "bin": "./update-readme.mjs",
-  "version": "0.31.5",
+  "version": "0.31.6",
   "dependencies": {
     "outdent": "^0.8.0",
     "zx": "~4.3.0"
diff --git a/tools/write-version-module/package.json b/tools/write-version-module/package.json
index a251abf832..9b4c5c5ae1 100644
--- a/tools/write-version-module/package.json
+++ b/tools/write-version-module/package.json
@@ -2,5 +2,5 @@
   "name": "write-version-module",
   "private": true,
   "bin": "./index.mjs",
-  "version": "0.31.5"
+  "version": "0.31.6"
 }

From e4f9b2417ac3f54c7a3b1d443bd2e0f706a96b0e Mon Sep 17 00:00:00 2001
From: ujorgeleite <jorgefernandodamasio@gmail.com>
Date: Thu, 10 Mar 2022 14:45:37 -0300
Subject: [PATCH 6/6] feat: add button to login with totp

---
 packages/onboarding-ui/.i18n/en.i18n.json        |  6 +++++-
 .../src/forms/TotpForm/TotpForm.tsx              | 16 ++++++++++++----
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/packages/onboarding-ui/.i18n/en.i18n.json b/packages/onboarding-ui/.i18n/en.i18n.json
index 2c88763b63..fcdbbd7b93 100644
--- a/packages/onboarding-ui/.i18n/en.i18n.json
+++ b/packages/onboarding-ui/.i18n/en.i18n.json
@@ -313,10 +313,11 @@
     "totpForm": {
       "fields": {
         "totpCode": {
-          "label": "MFA CODE",
+          "label": "TOTP Code",
           "placeholder": "TOTP Code"
         },
         "backupCode": {
+          "label": "Backup Code",
           "placeholder": "Backup Code"
         }
       },
@@ -325,6 +326,9 @@
       },
       "buttonBackupCode": {
         "text": "Need to use backup code?"
+      },
+      "buttonTotpCode": {
+        "text": "Use TOTP code."
       }
     }
   }
diff --git a/packages/onboarding-ui/src/forms/TotpForm/TotpForm.tsx b/packages/onboarding-ui/src/forms/TotpForm/TotpForm.tsx
index e341dc239d..24cc893444 100644
--- a/packages/onboarding-ui/src/forms/TotpForm/TotpForm.tsx
+++ b/packages/onboarding-ui/src/forms/TotpForm/TotpForm.tsx
@@ -50,9 +50,15 @@ const TotpForm = ({
       <Form.Container>
         <FieldGroup>
           <Field>
-            <Field.Label>
-              {t('form.totpForm.fields.totpCode.label')}
-            </Field.Label>
+            {isBackupCode ? (
+              <Field.Label>
+                {t('form.totpForm.fields.backupCode.label')}
+              </Field.Label>
+            ) : (
+              <Field.Label>
+                {t('form.totpForm.fields.totpCode.label')}
+              </Field.Label>
+            )}
             <Field.Row>
               {isBackupCode ? (
                 <TextInput
@@ -85,7 +91,9 @@ const TotpForm = ({
             {t('form.totpForm.button.text')}
           </Button>
           <ActionLink fontScale='p2' onClick={onChangeTotpForm}>
-            {t('form.totpForm.buttonBackupCode.text')}
+            {isBackupCode
+              ? t('form.totpForm.buttonTotpCode.text')
+              : t('form.totpForm.buttonBackupCode.text')}
           </ActionLink>
         </TotpActionsWrapper>
       </Form.Footer>