@homefile/components-v2 2.7.13 → 2.7.15

package/dist/components/appBar/UserProfile.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { t } from 'i18next';
 import { Avatar, Flex, Text } from '@chakra-ui/react';
-import { ChevronDown, IconMenu } from '..';
+import { IconMenu } from '..';
 import { useWindowDimensions } from '../../hooks';
 import { MOBILE_WIDTH } from '../../utils';
 export const UserProfile = ({ avatarUrl, firstName, userName, menuItems, bg, }) => {
     const { windowDimensions: { width }, } = useWindowDimensions();
     const isMobile = width < MOBILE_WIDTH;
-    return (_jsxs(Flex, { alignItems: "center", gap: ['1', 'base'], children: [!isMobile && (_jsx(Text, { minW: "fit-content", noOfLines: 1, children: `${t('welcome.greeting2')} ${firstName}` })), _jsx(Avatar, { size: "sm", name: userName, bg: bg, src: avatarUrl, fontWeight: "bold", color: "neutral.white", id: "profile" }), _jsx(IconMenu, { icon: _jsx(ChevronDown, {}), menuItems: menuItems })] }));
+    return (_jsxs(Flex, { alignItems: "center", gap: ['1', 'base'], children: [!isMobile && (_jsx(Text, { minW: "fit-content", noOfLines: 1, children: `${t('welcome.greeting2')} ${firstName}` })), _jsx(Avatar, { size: "sm", name: userName, bg: bg, src: avatarUrl, fontWeight: "bold", color: "neutral.white", id: "profile" }), _jsx(IconMenu, { menuItems: menuItems })] }));
 };

package/dist/components/buttons/PreviousCircleButton.d.ts

@@ -1,2 +1,2 @@
-import { CircleButtonI } from "../../interfaces";
+import { CircleButtonI } from '../../interfaces';
 export declare const PreviousCircleButton: ({ disabled, onClick }: CircleButtonI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/buttons/PreviousCircleButton.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { t } from "i18next";
-import { IconButton } from "@chakra-ui/react";
-import { ChevronLeft } from "..";
+import { t } from 'i18next';
+import { IconButton } from '@chakra-ui/react';
+import { ChevronLeft } from '..';
 export const PreviousCircleButton = ({ disabled, onClick }) => {
     return (_jsx(IconButton, { variant: "menuIcon", "aria-label": t('buttons.previous'), w: "fit-content", h: "fit-content", onClick: onClick, icon: _jsx(ChevronLeft, {}), p: "1", rounded: "full", border: "1px", disabled: disabled }));
 };

package/dist/components/folderPanel/displayFiles/IconMenuWithMove.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { MenuButton, IconButton, Menu, MenuItem, MenuList, MenuDivider, } from '@chakra-ui/react';
+import { MenuButton, IconButton, Menu, MenuItem, MenuList, MenuDivider, Box, } from '@chakra-ui/react';
 import { ChevronRight, Overlay } from '../..';
 import { colors } from '../../../theme/colors';
-import { Fragment } from 'react/jsx-runtime';
 export const IconMenuWithMove = ({ disabled = false, icon, itemForm, menuItems, onMove, }) => {
-    return (_jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed", zIndex: "4" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Fragment, { children: icon }), variant: "menuIcon", w: "fit-content", disabled: disabled }), _jsxs(MenuList, { zIndex: "5", children: [menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { onClick: () => handleClick(itemForm), _hover: {
+    return (_jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed", zIndex: "4" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Box, { children: icon }), variant: "menuIcon", w: "fit-content", disabled: disabled }), _jsxs(MenuList, { zIndex: "5", children: [menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { onClick: () => handleClick(itemForm), _hover: {
                                 bg: 'lightGreen.1',
                             }, _focus: {
                                 bg: 'lightGreen.1',

package/dist/components/folderPanel/fileDetails/FileDetailsTab.js

@@ -4,10 +4,9 @@ import { Stack, Flex, Text, Button, Image, Box, Center } from '@chakra-ui/react'
 import { BeatLoader } from 'react-spinners';
 import { TextInput } from '../..';
 import { DocIcon } from '../../../assets/images';
-import { useFileDetailsTab } from '../../../hooks';
+import { useFileDetailsTab, useDisplayFiles } from '../../../hooks';
 import { formatDate } from '../../../utils';
 import { fileTypes } from '../../../helpers';
-import { useDisplayFiles } from '../../../hooks';
 export const FileDetailsTab = ({ addedBy, handleEdit, file, editing, }) => {
     const { fileDescription, fileName, handleChangeDescription, handleChangeName, } = useFileDetailsTab({
         title: file.title,

package/dist/components/icons/DisplayGrid.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '@chakra-ui/react';
 import { colors } from '../../theme/colors';
-import { Icon } from '@chakra-ui/icons';
 export const DisplayGrid = ({ stroke = colors.blue[3], }) => {
     return (_jsx(Icon, { children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.5 19.5", children: _jsxs("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", "data-name": "Group 14495", children: [_jsx("path", { d: "M.75.75h7.321v7.321H.75Z", "data-name": "Path 10064" }), _jsx("path", { d: "M11.429.75h7.321v7.321h-7.321Z", "data-name": "Path 10065" }), _jsx("path", { d: "M11.429 11.428h7.321v7.321h-7.321Z", "data-name": "Path 10066" }), _jsx("path", { d: "M.75 11.428h7.321v7.321H.75Z", "data-name": "Path 10067" })] }) }) }));
 };

package/dist/components/icons/DisplayItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@chakra-ui/icons';
+import { Icon } from '@chakra-ui/react';
 import { colors } from '../../theme/colors';
 export const DisplayItem = ({ stroke = colors.blue[3], }) => {
     return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.79 17.374", children: _jsxs("g", { stroke: stroke, "data-name": "Group 14548", children: [_jsx("path", { fill: "none", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M.75.75h18.29v11.438H.75Z", "data-name": "Path 10082" }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16845", children: [_jsx("path", { stroke: "none", d: "M.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M1.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16846", children: [_jsx("path", { stroke: "none", d: "M5.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M6.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16847", children: [_jsx("path", { stroke: "none", d: "M10.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M11.333 14.874h2v2h-2z" })] }), _jsxs("g", { fill: stroke, "data-name": "Rectangle 16848", children: [_jsx("path", { stroke: "none", d: "M15.833 14.374h3v3h-3z" }), _jsx("path", { fill: "none", d: "M16.333 14.874h2v2h-2z" })] })] }) }) }));

package/dist/components/icons/DisplayList.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@chakra-ui/icons';
+import { Icon } from '@chakra-ui/react';
 import { colors } from '../../theme/colors';
 export const DisplayList = ({ stroke = colors.blue[3], }) => {
     return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 18 14", children: _jsxs("g", { fill: stroke, "data-name": "Group 14455", children: [_jsx("path", { d: "M5 0h13v2H5z", "data-name": "Rectangle 14122" }), _jsx("path", { d: "M5 6h13v2H5z", "data-name": "Rectangle 14123" }), _jsx("path", { d: "M5 12h13v2H5z", "data-name": "Rectangle 14124" }), _jsx("path", { d: "M0 0h3v2H0z", "data-name": "Rectangle 14122" }), _jsx("path", { d: "M0 6h3v2H0z", "data-name": "Rectangle 14123" }), _jsx("path", { d: "M0 12h3v2H0z", "data-name": "Rectangle 14124" })] }) }) }));

package/dist/components/icons/Upload.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from '@chakra-ui/icons';
+import { Icon } from '@chakra-ui/react';
 import { colors } from '../../theme/colors';
 export const Upload = ({ stroke = colors.blue[6], }) => {
     return (_jsx(Icon, { viewBox: "0 0 200 200", color: "red.500", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 19.878 19.878", children: _jsxs("g", { fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", "data-name": "Icon feather-upload", children: [_jsx("path", { d: "M18.878 12.919v3.973a1.986 1.986 0 0 1-1.986 1.986H2.986A1.986 1.986 0 0 1 1 16.892v-3.973", "data-name": "Path 10078" }), _jsx("path", { d: "M14.905 5.966 9.939 1 4.973 5.966", "data-name": "Path 10079" }), _jsx("path", { d: "M9.939 1v11.919", "data-name": "Path 10080" })] }) }) }));

package/dist/components/icons/index.d.ts

@@ -5,7 +5,6 @@ export * from './ChevronDown';
 export * from './ChevronRight';
 export * from './ChevronUp';
 export * from './Close';
-export * from './CustomIcon';
 export * from './DisplayGrid';
 export * from './ChevronLeft';
 export * from './DisplayItem';

package/dist/components/icons/index.js

@@ -5,7 +5,6 @@ export * from './ChevronDown';
 export * from './ChevronRight';
 export * from './ChevronUp';
 export * from './Close';
-export * from './CustomIcon';
 export * from './DisplayGrid';
 export * from './ChevronLeft';
 export * from './DisplayItem';

package/dist/components/launchpad/IconMenu.d.ts

@@ -1,2 +1,2 @@
 import { IconMenuI } from '../../interfaces';
-export declare const IconMenu: <T extends unknown>({ disabled, icon, itemForm, menuItems, onClick, variant, width, zIndex, }: IconMenuI<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const IconMenu: ({ disabled, icon, itemForm, menuItems, onClick, variant, width, zIndex, }: IconMenuI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/launchpad/IconMenu.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuButton, IconButton, Menu, MenuItem, MenuList, Box, } from '@chakra-ui/react';
-import { Overlay } from '..';
-import { Fragment } from 'react/jsx-runtime';
-export const IconMenu = ({ disabled = false, icon, itemForm, menuItems, onClick, variant = 'menuIcon', width = 'fit-content', zIndex = '999', }) => {
-    return (_jsx(Box, { zIndex: zIndex, children: _jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Fragment, { children: icon }), variant: variant, w: width, disabled: disabled, marginTop: "0 !important", onClick: onClick, "data-testid": "icon-menu" }), _jsx(MenuList, { zIndex: "5", children: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { "data-testid": label, onClick: () => handleClick(itemForm), _hover: {
+import { ChevronDown, Overlay } from '..';
+export const IconMenu = ({ disabled = false, icon = _jsx(ChevronDown, {}), itemForm, menuItems, onClick, variant = 'menuIcon', width = 'fit-content', zIndex = '999', }) => {
+    return (_jsx(Box, { zIndex: zIndex, children: _jsx(Menu, { isLazy: true, children: ({ isOpen }) => (_jsxs(_Fragment, { children: [_jsx(Overlay, { bg: "overlay", showOverlay: isOpen, position: "fixed" }), _jsx(MenuButton, { as: IconButton, "aria-label": "Options", icon: _jsx(Box, { children: icon }), variant: variant, w: width, disabled: disabled, marginTop: "0 !important", onClick: onClick, "data-testid": "icon-menu" }), _jsx(MenuList, { zIndex: "5", children: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ handleClick, label }) => (_jsx(MenuItem, { "data-testid": label, onClick: () => handleClick(itemForm), _hover: {
                                 bg: 'lightGreen.1',
                             }, _focus: {
                                 bg: 'lightGreen.1',

package/dist/interfaces/launchpad/IconMenu.interface.d.ts

@@ -3,7 +3,7 @@ export interface MenuItemI {
     handleClick: (form: any) => void;
     label: string;
 }
-export interface IconMenuI<T> {
+export interface IconMenuI<T = unknown> {
     disabled?: boolean;
     icon?: ReactNode;
     itemForm?: T;

package/dist/interfaces/myProfile/details/TwoFactorSetting.interface.d.ts

@@ -6,7 +6,7 @@ export interface TwoFactorSettingI {
     defaultValue?: string;
     email?: string;
     loading?: boolean;
-    onChange: (value: string) => void;
+    onChange?: (value: string) => void;
     onSave: (value: TwoFactorFormI) => void;
     sms?: string;
     twoFactor?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.7.13",
+  "version": "2.7.15",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",
@@ -24,15 +24,15 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",
     "@faker-js/faker": "^9.4.0",
-    "@storybook/addon-a11y": "^8.5.0",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/addon-viewport": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
-    "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
+    "@storybook/addon-a11y": "^8.5.2",
+    "@storybook/addon-essentials": "^8.5.2",
+    "@storybook/addon-interactions": "^8.5.2",
+    "@storybook/addon-links": "^8.5.2",
+    "@storybook/addon-viewport": "^8.5.2",
+    "@storybook/blocks": "^8.5.2",
+    "@storybook/react": "^8.5.2",
+    "@storybook/react-vite": "^8.5.2",
+    "@storybook/test": "^8.5.2",
     "@types/node": "^22.10.7",
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
@@ -45,7 +45,7 @@
     "json-loader": "^0.5.7",
     "rimraf": "^6.0.1",
     "semantic-release": "^24.2.1",
-    "storybook": "^8.5.0",
+    "storybook": "^8.5.2",
     "storybook-react-i18next": "^3.2.1",
     "tsconfig-replace-paths": "^0.0.14",
     "tscpaths": "^0.0.9",
@@ -53,7 +53,6 @@
     "vite": "^6.0.9"
   },
   "dependencies": {
-    "@chakra-ui/icons": "^2.2.4",
     "@chakra-ui/react": "^2.10.3",
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
@@ -61,14 +60,14 @@
     "@fontsource/poppins": "^5.1.1",
     "@hassanmojab/react-modern-calendar-datepicker": "^3.1.7",
     "@hookform/resolvers": "^3.10.0",
-    "@rive-app/react-canvas": "^4.17.6",
-    "@storybook/addon-themes": "^8.5.0",
+    "@rive-app/react-canvas": "^4.17.9",
+    "@storybook/addon-themes": "^8.5.2",
     "axios": "^1.7.9",
     "date-fns": "^4.1.0",
     "framer-motion": "^11.11.9",
-    "i18next": "^24.2.1",
+    "i18next": "^24.2.2",
     "i18next-browser-languagedetector": "^8.0.2",
-    "i18next-http-backend": "^3.0.1",
+    "i18next-http-backend": "^3.0.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.5",
@@ -79,7 +78,7 @@
     "react-quill": "^2.0.0",
     "react-spinners": "^0.15.0",
     "recharts": "^2.15.0",
-    "valtio": "^2.1.2",
+    "valtio": "^2.1.3",
     "yup": "^1.6.1"
   },
   "scripts": {

package/src/components/appBar/UserProfile.tsx

@@ -32,7 +32,7 @@ export const UserProfile = ({
         color="neutral.white"
         id="profile"
       />
-      <IconMenu icon={<ChevronDown />} menuItems={menuItems} />
+      <IconMenu menuItems={menuItems} />
     </Flex>
   )
 }

package/src/components/buttons/PreviousCircleButton.tsx

@@ -1,9 +1,9 @@
-import { t } from "i18next"
-import { IconButton } from "@chakra-ui/react"
-import { ChevronLeft, CustomIcon } from "@/components"
-import { CircleButtonI } from "@/interfaces"
+import { t } from 'i18next'
+import { IconButton } from '@chakra-ui/react'
+import { ChevronLeft } from '@/components'
+import { CircleButtonI } from '@/interfaces'
 
-export const PreviousCircleButton = ({ disabled, onClick}: CircleButtonI) => {
+export const PreviousCircleButton = ({ disabled, onClick }: CircleButtonI) => {
   return (
     <IconButton
       variant="menuIcon"
@@ -18,4 +18,4 @@ export const PreviousCircleButton = ({ disabled, onClick}: CircleButtonI) => {
       disabled={disabled}
     />
   )
-}
+}

package/src/components/folderPanel/displayFiles/IconMenuWithMove.tsx

@@ -6,11 +6,11 @@ import {
   MenuItem,
   MenuList,
   MenuDivider,
+  Box,
 } from '@chakra-ui/react'
 import { IconMenuWithMoveI } from '@/interfaces'
 import { ChevronRight, Overlay } from '@/components'
 import { colors } from '@/theme/colors'
-import { Fragment } from 'react/jsx-runtime'
 
 export const IconMenuWithMove = <T extends unknown>({
   disabled = false,
@@ -32,7 +32,7 @@ export const IconMenuWithMove = <T extends unknown>({
           <MenuButton
             as={IconButton}
             aria-label="Options"
-            icon={<Fragment>{icon}</Fragment>}
+            icon={<Box>{icon}</Box>}
             variant="menuIcon"
             w="fit-content"
             disabled={disabled}

package/src/components/folderPanel/fileDetails/FileDetailsTab.tsx

@@ -4,10 +4,9 @@ import { BeatLoader } from 'react-spinners'
 import { TextInput } from '@/components'
 import { FolderFileI } from '@/interfaces'
 import { DocIcon } from '@/assets/images'
-import { useFileDetailsTab } from '@/hooks'
+import { useFileDetailsTab, useDisplayFiles } from '@/hooks'
 import { formatDate } from '@/utils'
 import { fileTypes } from '@/helpers'
-import { useDisplayFiles } from '@/hooks'
 
 interface FileDetailsTabI {
   addedBy: string

package/src/components/icons/DisplayGrid.tsx

@@ -1,5 +1,5 @@
+import { Icon } from '@chakra-ui/react'
 import { colors } from '@/theme/colors'
-import { Icon } from '@chakra-ui/icons'
 
 export const DisplayGrid = ({
   stroke = colors.blue[3],

package/src/components/icons/DisplayItem.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@chakra-ui/icons'
+import { Icon } from '@chakra-ui/react'
 import { colors } from '@/theme/colors'
 
 export const DisplayItem = ({

package/src/components/icons/DisplayList.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@chakra-ui/icons'
+import { Icon } from '@chakra-ui/react'
 import { colors } from '@/theme/colors'
 
 export const DisplayList = ({

package/src/components/icons/Upload.tsx

@@ -1,4 +1,4 @@
-import { Icon } from '@chakra-ui/icons'
+import { Icon } from '@chakra-ui/react'
 import { colors } from '@/theme/colors'
 
 export const Upload = ({

package/src/components/icons/index.ts

@@ -5,7 +5,6 @@ export * from './ChevronDown'
 export * from './ChevronRight'
 export * from './ChevronUp'
 export * from './Close'
-export * from './CustomIcon'
 export * from './DisplayGrid'
 export * from './ChevronLeft'
 export * from './DisplayItem'

package/src/components/launchpad/IconMenu.tsx

@@ -7,19 +7,18 @@ import {
   Box,
 } from '@chakra-ui/react'
 import { IconMenuI } from '@/interfaces'
-import { Overlay } from '@/components'
-import { Fragment } from 'react/jsx-runtime'
+import { ChevronDown, Overlay } from '@/components'
 
-export const IconMenu = <T extends unknown>({
+export const IconMenu = ({
   disabled = false,
-  icon,
+  icon = <ChevronDown />,
   itemForm,
   menuItems,
   onClick,
   variant = 'menuIcon',
   width = 'fit-content',
   zIndex = '999',
-}: IconMenuI<T>) => {
+}: IconMenuI) => {
   return (
     <Box zIndex={zIndex}>
       <Menu isLazy>
@@ -29,7 +28,7 @@ export const IconMenu = <T extends unknown>({
             <MenuButton
               as={IconButton}
               aria-label="Options"
-              icon={<Fragment>{icon}</Fragment>}
+              icon={<Box>{icon}</Box>}
               variant={variant}
               w={width}
               disabled={disabled}

package/src/interfaces/launchpad/IconMenu.interface.ts

@@ -5,7 +5,7 @@ export interface MenuItemI {
   label: string
 }
 
-export interface IconMenuI<T> {
+export interface IconMenuI<T = unknown> {
   disabled?: boolean
   icon?: ReactNode
   itemForm?: T

package/src/interfaces/myProfile/details/TwoFactorSetting.interface.ts

@@ -7,7 +7,7 @@ export interface TwoFactorSettingI {
   defaultValue?: string
   email?: string
   loading?: boolean
-  onChange: (value: string) => void
+  onChange?: (value: string) => void
   onSave: (value: TwoFactorFormI) => void
   sms?: string
   twoFactor?: string

package/dist/components/icons/CustomIcon.d.ts

@@ -1,2 +0,0 @@
-import { IconsI } from '../../interfaces';
-export declare const CustomIcon: ({ color, type, size, style }: IconsI) => import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/CustomIcon.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from '@chakra-ui/react';
-export const CustomIcon = ({ color = '', type, size = '5', style }) => (_jsx(Icon, { as: type, w: size, h: size, color: color, style: style }));

package/dist/stories/icons/CustomIcon.stories.d.ts

@@ -1,14 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IconsI } from '../../interfaces';
-declare const _default: Meta<IconsI>;
-export default _default;
-export declare const CustomIconComponent: {
-    (args: IconsI): import("react/jsx-runtime").JSX.Element;
-    args: {
-        type: ({ stroke, size }: {
-            stroke?: string | undefined;
-            size?: number | undefined;
-        }) => import("react/jsx-runtime").JSX.Element;
-        size: number;
-    };
-};

package/dist/stories/icons/CustomIcon.stories.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Center } from '@chakra-ui/react';
-import { Close, CustomIcon } from '../../components';
-export default {
-    title: 'Components/Icons',
-    component: CustomIcon,
-};
-export const CustomIconComponent = (args) => {
-    return (_jsx(Center, { width: "10rem", p: "base", bg: "white", children: _jsx(CustomIcon, Object.assign({}, args)) }));
-};
-CustomIconComponent.args = {
-    type: Close,
-    size: 8,
-};

package/src/components/icons/CustomIcon.tsx

@@ -1,6 +0,0 @@
-import { Icon } from '@chakra-ui/react'
-import { IconsI } from '@/interfaces'
-
-export const CustomIcon = ({ color = '', type, size = '5', style }: IconsI) => (
-  <Icon as={type} w={size} h={size} color={color} style={style} />
-)

package/src/stories/icons/CustomIcon.stories.tsx

@@ -1,22 +0,0 @@
-import { Meta } from '@storybook/react'
-import { Center } from '@chakra-ui/react'
-import { Close, CustomIcon } from '@/components'
-import { IconsI } from '@/interfaces'
-
-export default {
-  title: 'Components/Icons',
-  component: CustomIcon,
-} as Meta<IconsI>
-
-export const CustomIconComponent = (args: IconsI) => {
-  return (
-    <Center width="10rem" p="base" bg="white">
-      <CustomIcon {...args} />
-    </Center>
-  )
-}
-
-CustomIconComponent.args = {
-  type: Close,
-  size: 8,
-}