Implement typescript support and remove unused components

.storybook/main.ts

@@ -0,0 +1,23 @@
+import { StorybookConfig } from "@storybook/react-vite"
+
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/react-vite",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  },
+  typescript: {
+    reactDocgen: "react-docgen-typescript",
+  },
+} satisfies StorybookConfig
+
+export default config

.storybook/preview.js → .storybook/preview.ts

@@ -1,6 +1,6 @@
+import { Preview } from "@storybook/react"
 import "../src/shared/tailwind.css"
 
-/** @type { import('@storybook/react').Preview } */
 const preview = {
   parameters: {
     actions: { argTypesRegex: "^on[A-Z].*" },
@@ -11,6 +11,6 @@ const preview = {
       },
     },
   },
-}
+} satisfies Preview
 
 export default preview

package.json

@@ -34,6 +34,19 @@
     "@emotion/babel-plugin": "^11.11.0",
     "@emotion/react": "11.11.3",
     "@emotion/styled": "^11.11.0",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "2.0.6",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-portal": "^1.0.4",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.0.0",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tooltip": "^1.0.7",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "^24.1.0",
     "@rollup/plugin-node-resolve": "15.2.3",
@@ -46,11 +59,16 @@
     "@storybook/react": "^7.6.7",
     "@storybook/react-vite": "^7.6.7",
     "@storybook/test": "^7.6.7",
+    "@tabler/icons-react": "^2.45.0",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/typography": "^0.5.10",
     "@vitejs/plugin-react": "^3.1.0",
     "auto": "10.46.0",
     "autoprefixer": "^10.4.16",
     "boxen": "5.1.2",
     "chromatic": "^10.2.0",
+    "clsx": "^2.1.0",
+    "cva": "^1.0.0-beta.1",
     "dedent": "^0.7.0",
     "npm-run-all": "^4.1.5",
     "polished": "^4.2.2",
@@ -64,10 +82,12 @@
     "rollup-plugin-dts": "5.3.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "storybook": "^7.6.7",
+    "tailwind-merge": "^2.2.0",
     "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
     "typescript": "^5.3.3",
-    "vite": "4.5.1",
-    "zx": "1.15.2"
+    "vite": "^4.5.1",
+    "zx": "^1.15.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.11.1",