@homefile/components-v2 1.0.7 → 1.0.9

package/dist/components/inputs/PasswordInput.d.ts

@@ -1,2 +1,2 @@
 import { InputI } from '../../interfaces';
-export declare const PasswordInput: ({ errorMessage, id, handleChange, hasError, placeholder, value, }: InputI) => import("react/jsx-runtime").JSX.Element;
+export declare const PasswordInput: ({ errorMessage, id, handleChange, hasError, placeholder, value, ...props }: InputI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/PasswordInput.js

@@ -1,12 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { InputGroup, Input, InputRightElement, IconButton, FormControl, Text, } from '@chakra-ui/react';
 import { Eye, EyeOff } from '..';
-export const PasswordInput = ({ errorMessage, id, handleChange, hasError, placeholder, value = '', }) => {
+export const PasswordInput = (_a) => {
+    var { errorMessage, id, handleChange, hasError, placeholder, value = '' } = _a, props = __rest(_a, ["errorMessage", "id", "handleChange", "hasError", "placeholder", "value"]);
     const [show, setShow] = useState(false);
     const handleClick = () => setShow(!show);
     const ViewIcon = show ? _jsx(Eye, { size: 20 }) : _jsx(EyeOff, { size: 20 });
-    return (_jsxs(FormControl, { isInvalid: hasError, children: [_jsxs(InputGroup, { children: [_jsx(Input, { autoComplete: "current-password", autoCapitalize: "none", autoCorrect: "off", id: id, placeholder: placeholder, type: show ? 'text' : 'password', value: value, onChange: handleChange }), _jsx(InputRightElement, { width: "3rem", children: _jsx(IconButton, { variant: "icon", "aria-label": "Enter password", icon: ViewIcon, onClick: handleClick, _hover: {
+    return (_jsxs(FormControl, { isInvalid: hasError, children: [_jsxs(InputGroup, { children: [_jsx(Input, Object.assign({ autoCapitalize: "none", autoCorrect: "off", id: id, placeholder: placeholder, type: show ? 'text' : 'password', value: value, onChange: handleChange }, props)), _jsx(InputRightElement, { width: "3rem", children: _jsx(IconButton, { variant: "icon", "aria-label": "Enter password", icon: ViewIcon, onClick: handleClick, _hover: {
                                 svg: {
                                     fill: 'blue.3',
                                 },

package/dist/components/onboarding/pages/SignIn.js

@@ -15,12 +15,12 @@ import { isEmptyField } from '../../../utils';
 import { useSignIn } from '../../../hooks';
 export const SignIn = ({ isLoading, handleForgotPassword, handleSignIn, handleSignUp, loginError, values = { email: '', password: '' }, }) => {
     const { inputs, handleInputChange, isValidated, setIsValidated } = useSignIn(values);
-    return (_jsxs(Box, { w: "container.full", mt: "onboarding.top", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signin.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: loginError
+    return (_jsxs(Box, { w: "container.full", mt: "onboarding.top", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signin.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: 8, children: [_jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", autoComplete: "username", errorMessage: loginError
                                                 ? t('forms.errorLogin')
                                                 : t('forms.email') + ' ' + t('forms.required'), hasError: isValidated && (loginError || isEmptyField(inputs.email)), id: "email", placeholder: t('forms.email'), value: values.email || inputs.email, handleChange: (event) => {
                                                 values.email = event.target.value;
                                                 handleInputChange(event);
-                                            } }), _jsx(PasswordInput, { errorMessage: loginError
+                                            } }), _jsx(PasswordInput, { autoComplete: "current-password", errorMessage: loginError
                                                 ? t('forms.errorLogin')
                                                 : t('forms.password') + ' ' + t('forms.required'), hasError: isValidated && (loginError || isEmptyField(inputs.password)), id: "password", placeholder: t('forms.password'), value: values.password || inputs.password, handleChange: (event) => {
                                                 values.password = event.target.value;

package/dist/components/onboarding/pages/SignUp.js

@@ -17,10 +17,10 @@ export const SignUp = ({ isLoading, handleCreateAccount, handleSignIn, showPromo
         handleCreateAccount,
         values,
     });
-    return (_jsxs(Box, { w: "container.full", mt: "onboarding.top", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signup.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: "input.sm", children: [_jsx(TextInput, { errorMessage: t('forms.firstName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.firstName), id: "firstName", placeholder: t('forms.firstName'), value: inputs.firstName, handleChange: handleInputChange }), _jsx(TextInput, { errorMessage: t('forms.lastName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.lastName), id: "lastName", placeholder: t('forms.lastName'), value: inputs.lastName, handleChange: handleInputChange }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated &&
-                                        (isEmptyField(inputs.email) || !isValidEmail(inputs.email)), id: "email", placeholder: t('forms.email'), value: inputs.email, handleChange: handleInputChange }), showPromoCode && (_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", id: "promoCode", placeholder: t('forms.promoCode'), value: (_a = inputs.promoCode) !== null && _a !== void 0 ? _a : '', handleChange: handleInputChange })), _jsx(Text, { textAlign: "center", variant: "caption", children: t('signup.subtitle') }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(values.password), hasError: isValidated &&
+    return (_jsxs(Box, { w: "container.full", mt: "onboarding.top", zIndex: "2", position: "relative", children: [_jsxs(Container, { size: "onboarding", boxShadow: "lg", children: [_jsx(Logo, {}), _jsx(PageTitle, { title: t('signup.title') }), _jsx(Box, { px: ['container.sm', 'container.md', 'container.lg'], mb: 6, children: _jsxs(Stack, { spacing: "base", as: "form", children: [_jsx(TextInput, { errorMessage: t('forms.firstName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.firstName), id: "firstName", placeholder: t('forms.firstName'), value: inputs.firstName, handleChange: handleInputChange, autoComplete: 'given-name' }), _jsx(TextInput, { errorMessage: t('forms.lastName') + ' ' + t('forms.required'), hasError: isValidated && isEmptyField(inputs.lastName), id: "lastName", placeholder: t('forms.lastName'), value: inputs.lastName, handleChange: handleInputChange, autoComplete: 'family-name' }), _jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", errorMessage: t('forms.email') + ' ' + t('forms.required'), hasError: isValidated &&
+                                        (isEmptyField(inputs.email) || !isValidEmail(inputs.email)), id: "email", placeholder: t('forms.email'), value: inputs.email, handleChange: handleInputChange, autoComplete: 'email' }), showPromoCode && (_jsx(TextInput, { autoCapitalize: "none", autoCorrect: "off", id: "promoCode", placeholder: t('forms.promoCode'), value: (_a = inputs.promoCode) !== null && _a !== void 0 ? _a : '', handleChange: handleInputChange, autoComplete: 'off' })), _jsx(Text, { textAlign: "center", variant: "caption", children: t('signup.subtitle') }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(values.password), hasError: isValidated &&
                                         (!isValidPassword(inputs.password) ||
-                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "password", placeholder: t('forms.password'), value: (_b = inputs.password) !== null && _b !== void 0 ? _b : '', handleChange: (event) => handleInputChange(event) }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(inputs.confirmPassword), hasError: isValidated &&
+                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "password", placeholder: t('forms.password'), value: (_b = inputs.password) !== null && _b !== void 0 ? _b : '', handleChange: (event) => handleInputChange(event), autoComplete: 'new-password' }), _jsx(PasswordInput, { errorMessage: passwordErrorMessage(inputs.confirmPassword), hasError: isValidated &&
                                         (!isValidPassword(inputs.confirmPassword) ||
-                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "confirmPassword", placeholder: t('forms.passwordConfirm'), value: (_c = inputs.confirmPassword) !== null && _c !== void 0 ? _c : '', handleChange: (event) => handleInputChange(event) }), _jsx(Center, { px: ['container.sm', 'container.md', 'container.lg'], h: "4rem", children: _jsxs(Text, { textAlign: "center", variant: "info", w: "100%", children: [t('signup.terms'), _jsx("a", { target: "_blank", href: t('footer.termsUrl'), children: t('footer.termsLink') })] }) }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('signup.signupBt') })] }) }), _jsx(CardFooter, { title: t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
+                                            !passwordMatch(inputs.password, inputs.confirmPassword)), id: "confirmPassword", placeholder: t('forms.passwordConfirm'), value: (_c = inputs.confirmPassword) !== null && _c !== void 0 ? _c : '', handleChange: (event) => handleInputChange(event), autoComplete: 'new-password' }), _jsx(Center, { px: ['container.sm', 'container.md', 'container.lg'], h: "4rem", children: _jsxs(Text, { textAlign: "center", variant: "info", w: "100%", children: [t('signup.terms'), _jsx("a", { target: "_blank", href: t('footer.termsUrl'), children: t('footer.termsLink') })] }) }), _jsx(Button, { isLoading: isLoading, spinner: _jsx(ButtonLoader, {}), onClick: handleSubmit, children: t('signup.signupBt') })] }) }), _jsx(CardFooter, { title: t('signup.signin'), buttonLabel: t('signup.signinBt'), handleButtonClick: handleSignIn })] }), _jsx(Footer, {})] }));
 };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { ActivateAccount, ActiveSubscription, AddCardBanner, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeHeader, HomeSharedWith, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShortPartnerTile, SignIn, SignUp, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
-export { theme } from './theme';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy } from './proxies';
+import theme from './theme';
+export { theme };

package/dist/index.js

@@ -1,4 +1,5 @@
 export { ActivateAccount, ActiveSubscription, AddCardBanner, AddFolder, AddHomeContent, AddHomeItem, AddHomeItemHeader, AddMedia, AddPropertyRecords, Address, AddPopup, AddTile, AlertBanner, AphwTile, AppBar, AssignableReceipts, BackHeader, BarDivider, CancelAccount, CatalogPopup, CloudsAnimation, ContactList, ContactsContent, ContainerHeader, CreateDocumentHeader, CreateHouseholdItemHeader, CreditCardContainer, CreditCardError, CustomerTile, DeleteBanner, DisplayFiles, DisplayFilesDetail, DisplayOptions, DisplayReceipts, DocumentMenu, DocumentNameHeader, DocumentPreview, DynamicForm, EditAccountType, EditHomeBody, EditHomeFooter, EditHomeHeader, EditHomePanel, EmailPermissions, EmailValidation, Feedback, FileDetail, FilesUploader, FlowStep, FolderDetail, FolderDetailBody, FolderDetailContent, FolderDetailFooter, FolderDetailHeader, FolderInfo, FolderSharing, FolderTypeSelection, FooterButtons, FooterDrawer, GenericBackHeader, GroupCard, GroupsContainer, GroupsHeader, Header, HelpContent, HomeAssistant, HomeAssistantPanel, HomeBoardGrid, HomeBoardTour, HomeCard, HomeCardWithRecipent, HomeHeader, HomeSharedWith, InboxTile, ItemNameHeader, ItemsReviewBanner, ItemSubTypeSelect, Launchpad, LaunchpadAutofilerBanner, LaunchpadReceiptAutofiler, LaunchpadTour, LeftPanel, MediaDetailsStep, MonthlyCharge, MortgageInfo, MoveModal, MyHomes, MyProfileContent, MyProfileFooter, MyProfilePanel, NewCreditCard, NewCreditCardHeader, NewPassword, NotBeChargedBanner, Overlay, PanelHeader, PartnerActiveSubscription, PartnerCatalogPanel, PartnerContent, PartnerCustomerCode, PartnerDetails, PartnerImages, PartnerPanel, PasswordInput, PaymentReceipts, PdfButton, PeopleConnected, ProfileDetailsTab, ProfilePaymentTab, ProjectList, PropertyRecords, PropertyTaxes, ReadOnlyDynamicForm, ReadOnlyImage, ReadOnlyToggle, ReceiptAutofiler, ReceiptBody, ReceiptContent, ReceiptDetails, ReceiptFilters, ReceiptFooter, ReceiptHeader, ReceiptInfos, ReceiptItem, ReceiptItems, ReceiptPDF, ReceiptsDisplayOptions, ReceiptsFiled, ReceiptsHeader, ReceiptsInfo, ReceiptsReceivedContent, RecipientForm, RecipientsToShare, RecipientTab, RecordsInputs, ResendResetPassword, ResetPassword, ReviewBanner, RightPanel, RoomHeader, RoomsBoardTour, RoomsMenu, RoomsMenuMobile, RoomStep, RoomVideo, SalesTax, SatisfactionTile, SectionHeader, SendCommunication, SharedAccounts, SharedHomeContent, SharedHomeHeader, ShareHome, ShareHomeConnections, ShareHomeForm, ShortPartnerTile, SignIn, SignUp, StepHeader, StorageUsed, Subscription, SubscriptionCard, SubscriptionTable, Summary, TabsHeader, TextInput, ToBeDeletedBody, ToBeDeletedContent, ToBeDeletedFooter, ToBeDeletedHeader, TourButton, Trash, TrendingValue, TrialBanner, TutorialsButton, TwoFactor, TwoFactorSetting, UpdateList, UserDetails, ValueMonitor, VideoPlayer, VideoPlayerModal, WellDone, YtdTile, } from './components';
 export { useCustomToast } from './hooks';
-export { theme } from './theme';
 export { billingProxy, dynamicFormProxy, homeCardProxy, partnerContentProxy, partnerDetailsProxy, paymentMethodProxy, recordsInputsProxy, recordsInputsToDBProxy, userDetailsProxy, confirmAddressProxy } from './proxies';
+import theme from './theme';
+export { theme };

package/dist/theme/index.d.ts

@@ -1,3 +1,4 @@
 import '@fontsource/assistant';
 import '@fontsource/poppins';
-export declare const theme: Record<string, any>;
+declare const theme: Record<string, any>;
+export default theme;

package/dist/theme/index.js

@@ -3,7 +3,7 @@ import '@fontsource/poppins';
 import { extendTheme } from '@chakra-ui/react';
 import { Button, Checkbox, Container, Drawer, Input, Progress, Select, Switch, Text, Tooltip, Textarea, } from './components';
 import { colors } from './colors';
-export const theme = extendTheme({
+const theme = extendTheme({
     styles: {
         global: {
             'html, body': {
@@ -135,3 +135,4 @@ export const theme = extendTheme({
         },
     },
 });
+export default theme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",
@@ -25,36 +25,36 @@
     "@chakra-ui/storybook-addon": "^5.1.0",
     "@chromatic-com/storybook": "^1.6.1",
     "@faker-js/faker": "^8.1.0",
-    "@storybook/addon-a11y": "^8.2.3",
-    "@storybook/addon-essentials": "^8.2.3",
-    "@storybook/addon-interactions": "^8.2.3",
-    "@storybook/addon-links": "^8.2.3",
-    "@storybook/addon-onboarding": "^8.2.3",
-    "@storybook/addon-viewport": "^8.2.3",
-    "@storybook/blocks": "^8.2.3",
-    "@storybook/builder-vite": "^8.2.3",
+    "@storybook/addon-a11y": "^8.2.4",
+    "@storybook/addon-essentials": "^8.2.4",
+    "@storybook/addon-interactions": "^8.2.4",
+    "@storybook/addon-links": "^8.2.4",
+    "@storybook/addon-onboarding": "^8.2.4",
+    "@storybook/addon-viewport": "^8.2.4",
+    "@storybook/blocks": "^8.2.4",
+    "@storybook/builder-vite": "^8.2.4",
     "@storybook/jest": "^0.2.3",
-    "@storybook/react": "^8.2.3",
-    "@storybook/react-vite": "^8.2.3",
-    "@storybook/test": "^8.2.3",
-    "@types/node": "^20.14.10",
+    "@storybook/react": "^8.2.4",
+    "@storybook/react-vite": "^8.2.4",
+    "@storybook/test": "^8.2.4",
+    "@types/node": "^20.14.11",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.0.4",
     "axe-playwright": "^2.0.1",
     "copyfiles": "^2.4.1",
     "git-commit-msg-linter": "^5.0.4",
-    "husky": "^9.0.11",
+    "husky": "^9.1.0",
     "jest": "^29.7.0",
     "json-loader": "^0.5.7",
     "rimraf": "^5.0.1",
     "semantic-release": "^24.0.0",
-    "storybook": "^8.2.3",
+    "storybook": "^8.2.4",
     "storybook-react-i18next": "^3.1.1",
     "tsconfig-replace-paths": "^0.0.14",
     "tscpaths": "^0.0.9",
     "typescript": "^5.5.3",
-    "vite": "^5.3.3"
+    "vite": "^5.3.4"
   },
   "dependencies": {
     "@chakra-ui/react": "^2.8.1",
@@ -66,7 +66,7 @@
     "@hookform/resolvers": "^3.3.1",
     "axios": "^1.7.2",
     "date-fns": "^3.6.0",
-    "framer-motion": "^11.3.2",
+    "framer-motion": "^11.3.6",
     "i18next": "^23.12.1",
     "i18next-browser-languagedetector": "^8.0.0",
     "i18next-http-backend": "^2.2.2",
@@ -74,7 +74,7 @@
     "react-dom": "^18.2.0",
     "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.46.2",
-    "react-i18next": "^14.1.3",
+    "react-i18next": "^15.0.0",
     "react-icons": "^5.2.1",
     "react-modern-calendar-datepicker": "^3.1.6",
     "react-quill": "^2.0.0",
@@ -90,7 +90,7 @@
     "clean": "rimraf dist/",
     "convert": "tsc --project tsconfig.json && tscpaths -p tsconfig.json -s ./src -o ./dist",
     "copy": "copyfiles -u 1 src/assets/**/* src/assets/**/**/* src/styles/* src/components/**/**/**/**/* dist/",
-    "prepare": "husky install",
+    "prepare": "husky",
     "test-storybook": "test-storybook"
   },
   "plugins": [

package/src/components/inputs/PasswordInput.tsx

@@ -17,6 +17,7 @@ export const PasswordInput = ({
   hasError,
   placeholder,
   value = '',
+  ...props
 }: InputI) => {
   const [show, setShow] = useState(false)
   const handleClick = () => setShow(!show)
@@ -25,7 +26,6 @@ export const PasswordInput = ({
     <FormControl isInvalid={hasError}>
       <InputGroup>
         <Input
-          autoComplete="current-password"
           autoCapitalize="none"
           autoCorrect="off"
           id={id}
@@ -33,6 +33,7 @@ export const PasswordInput = ({
           type={show ? 'text' : 'password'}
           value={value}
           onChange={handleChange}
+          {...props}
         />
         <InputRightElement width="3rem">
           <IconButton

package/src/components/onboarding/pages/SignIn.tsx

@@ -36,6 +36,7 @@ export const SignIn = ({
               <TextInput
                 autoCapitalize="none"
                 autoCorrect="off"
+                autoComplete="username"
                 errorMessage={
                   loginError
                     ? t('forms.errorLogin')
@@ -53,6 +54,7 @@ export const SignIn = ({
                 }}
               />
               <PasswordInput
+                autoComplete="current-password"
                 errorMessage={
                   loginError
                     ? t('forms.errorLogin')

package/src/components/onboarding/pages/SignUp.tsx

@@ -50,7 +50,7 @@ export const SignUp = ({
         <Logo />
         <PageTitle title={t('signup.title')} />
         <Box px={['container.sm', 'container.md', 'container.lg']} mb={6}>
-          <Stack spacing="input.sm">
+          <Stack spacing="base" as="form">
             <TextInput
               errorMessage={t('forms.firstName') + ' ' + t('forms.required')}
               hasError={isValidated && isEmptyField(inputs.firstName)}
@@ -58,6 +58,7 @@ export const SignUp = ({
               placeholder={t('forms.firstName')}
               value={inputs.firstName}
               handleChange={handleInputChange}
+              autoComplete='given-name'
             />
             <TextInput
               errorMessage={t('forms.lastName') + ' ' + t('forms.required')}
@@ -66,6 +67,7 @@ export const SignUp = ({
               placeholder={t('forms.lastName')}
               value={inputs.lastName}
               handleChange={handleInputChange}
+              autoComplete='family-name'
             />
             <TextInput
               autoCapitalize="none"
@@ -79,6 +81,7 @@ export const SignUp = ({
               placeholder={t('forms.email')}
               value={inputs.email}
               handleChange={handleInputChange}
+              autoComplete='email'
             />
             {showPromoCode && (
               <TextInput
@@ -88,6 +91,7 @@ export const SignUp = ({
                 placeholder={t('forms.promoCode')}
                 value={inputs.promoCode ?? ''}
                 handleChange={handleInputChange}
+                autoComplete='off'
               />
             )}
             <Text textAlign="center" variant="caption">
@@ -104,6 +108,7 @@ export const SignUp = ({
               placeholder={t('forms.password')}
               value={inputs.password ?? ''}
               handleChange={(event) => handleInputChange(event)}
+              autoComplete='new-password' 
             />
             <PasswordInput
               errorMessage={passwordErrorMessage(inputs.confirmPassword)}
@@ -116,6 +121,7 @@ export const SignUp = ({
               placeholder={t('forms.passwordConfirm')}
               value={inputs.confirmPassword ?? ''}
               handleChange={(event) => handleInputChange(event)}
+              autoComplete='new-password'
             />
             <Center
               px={['container.sm', 'container.md', 'container.lg']}

package/src/index.ts

@@ -187,8 +187,6 @@ export {
 
 export { useCustomToast } from './hooks'
 
-export { theme} from './theme'
-
 export {
   billingProxy,
   dynamicFormProxy,
@@ -201,3 +199,6 @@ export {
   userDetailsProxy,
   confirmAddressProxy
 } from './proxies'
+
+import theme from './theme'
+export {theme}

package/src/theme/index.ts

@@ -16,7 +16,7 @@ import {
 } from './components'
 import { colors } from './colors'
 
-export const theme = extendTheme({
+const theme = extendTheme({
   styles: {
     global: {
       'html, body': {
@@ -150,3 +150,4 @@ export const theme = extendTheme({
 })
 
 
+export default theme