Update dependencies

package.json

@@ -11,8 +11,7 @@
   "dependencies": {
     "@styled-system/css": "^5.1.5",
     "@styled-system/should-forward-prop": "^5.1.5",
-    "react-select": "^5.7.7",
-    "react-tag-input-component": "^2.0.2",
+    "react-select": "^5.8.0",
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
@@ -26,26 +25,26 @@
     "@rollup/plugin-terser": "^0.4.3",
     "@rollup/plugin-typescript": "^11.1.2",
     "@rollup/plugin-url": "^8.0.1",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/addon-mdx-gfm": "^7.6.7",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/react": "^7.6.7",
-    "@storybook/react-webpack5": "^7.6.7",
+    "@storybook/addon-essentials": "^7.6.15",
+    "@storybook/addon-interactions": "^7.6.15",
+    "@storybook/addon-links": "^7.6.15",
+    "@storybook/addon-mdx-gfm": "^7.6.15",
+    "@storybook/blocks": "^7.6.15",
+    "@storybook/react": "^7.6.15",
+    "@storybook/react-webpack5": "^7.6.15",
     "@storybook/testing-library": "^0.2.2",
     "@svgr/rollup": "^8.0.1",
     "@testing-library/dom": "^9.3.1",
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
-    "@types/jest": "^29.5.5",
-    "@types/react": "^18.2.33",
-    "@types/react-dom": "^18.2.14",
-    "@types/styled-system": "^5.1.16",
-    "@types/styled-system__css": "^5.0.17",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
+    "@types/jest": "^29.5.12",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@types/styled-system": "^5.1.22",
+    "@types/styled-system__css": "^5.0.21",
+    "@typescript-eslint/eslint-plugin": "^7.0.1",
+    "@typescript-eslint/parser": "^7.0.1",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-styled-components": "^2.1.4",
     "cheerio": "^1.0.0-rc.12",
@@ -67,7 +66,7 @@
     "prettier": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.10.1",
+    "react-icons": "^5.0.1",
     "rimraf": "^5.0.1",
     "rollup": "^3.27.0",
     "rollup-plugin-copy": "^3.4.0",
@@ -77,16 +76,15 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.35.0",
     "rollup-plugin-visualizer": "^5.9.2",
-    "storybook": "^7.6.7",
-    "styled-components": "^6.0.8",
+    "storybook": "^7.6.15",
+    "styled-components": "^6.1.8",
     "ts-jest": "^29.1.1",
-    "tslib": "^2.6.1",
-    "typescript": "^5.2.2"
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3"
   },
   "resolutions": {
     "serialize-javascript": "^6.0.0",
     "node-fetch": "^2.6.7",
-    "kind-of": "^6.0.3",
     "jackspeak": "2.1.1"
   },
   "peerDependencies": {

src/__test__/index.tsx

@@ -1,5 +1,5 @@
-import React, { JSXElementConstructor, ReactElement } from 'react'
 import { render } from '@testing-library/react'
+import React, { ReactElement } from 'react'
 import { ThemeProvider } from 'styled-components'
 import theme from '../theme'
 
@@ -9,7 +9,7 @@ interface IRenderWithWrapper {
 }
 
 interface IWrapper {
-  children: ReactElement
+  children: React.ReactNode
 }
 
 function renderWithWrapper({ component, options }: IRenderWithWrapper) {

src/components/Box.tsx

@@ -1,19 +1,19 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
+// @ts-nocheck
+import css, { get } from '@styled-system/css'
+import shouldForwardProp from '@styled-system/should-forward-prop'
+import { styled } from 'styled-components'
 import {
+  color,
   compose,
-  space,
+  flexbox,
   layout,
+  space,
   typography,
-  color,
-  flexbox,
 } from 'styled-system'
-import { styled } from 'styled-components'
-import css, { get } from '@styled-system/css'
-import shouldForwardProp from '@styled-system/should-forward-prop'
 import { BoxProps } from 'types'
 
 const sx = (props: any) => css(props?.sx)(props?.theme)
-const base = (props: any) => css(props.__css)(props.theme)
+const base = (props: any) => css(props?.__css)(props?.theme)
 const variant = ({ theme, variant, tx = 'variants' }: any) => {
   let styles = {}
   if (Array.isArray(variant)) {