style: replace chakra for tailwind

Author: maximiliano forlenza

.babelrc

@@ -1,19 +1,19 @@
 {
   "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react"
-  ],
-  "plugins": [
-    "@babel/proposal-optional-chaining",
-    "@babel/plugin-transform-runtime",
-    ["transform-imports"],
       [
-        "module-resolver",
+        "@babel/preset-react",
         {
-          "alias": {
-            "@": "./src"
-          }
+          "runtime": "automatic"
         }
-      ]
+      ],
+      ["@babel/preset-env"]
+  ],
+  "plugins": [
+    ["module-resolver", {
+      "root": ["./"],
+      "alias": {
+        "@": "./src"
+      }
+    }]
   ]
-}
+}

.eslintrc.json

@@ -13,4 +13,5 @@ lib/
 .env-*
 .idea
 *.log
-.history/
+.history/
+*storybook.log

.gitignore

@@ -1 +1 @@
-16.15
+22.14

.nvmrc

@@ -0,0 +1,8 @@
+{
+    "arrowParens": "avoid",
+    "bracketSpacing": false,
+    "trailingComma": "none",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "printWidth": 125
+}

.prettierrc.json

@@ -1,19 +1,19 @@
-module.exports = {
-  "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx)"],
-  addons: ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", "@chakra-ui/storybook-addon"],
-  features: {
-    emotionAlias: false
-  },
-  framework: "@storybook/react",
-  core: {
-    builder: "webpack5"
-  },
-  refs: {
-    '@chakra-ui/react': {
-      disable: true
-    }
-  },
-  docs: {
-    autodocs: true
+
+
+/** @type { import('@storybook/react-vite').StorybookConfig } */
+const config = {
+  "stories": [
+    "../src/stories/*.stories.@(js)"
+  ],
+  "addons": [
+    "@storybook/addon-essentials",
+    "@storybook/addon-onboarding",
+    "@chromatic-com/storybook",
+    "@storybook/experimental-addon-test"
+  ],
+  "framework": {
+    "name": "@storybook/react-vite",
+    "options": {}
   }
-};
+};
+export default config;

.storybook/main.js

@@ -1,9 +1 @@
-import theme from '@/theme'
-import 'react-datepicker/dist/react-datepicker.css';
-
-export const parameters = {
-    chakra: {
-        theme,
-        enableColorModeControl: false,
-    }
-}
+export const parameters = {}

.storybook/preview.js

@@ -0,0 +1,9 @@
+import { beforeAll } from 'vitest';
+import { setProjectAnnotations } from '@storybook/react';
+import * as projectAnnotations from './preview';
+
+// This is an important step to apply the right configuration when testing your stories.
+// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
+const project = setProjectAnnotations([projectAnnotations]);
+
+beforeAll(project.beforeAll);

.storybook/vitest.setup.js

@@ -0,0 +1,26 @@
+{
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnPaste": false,
+  "editor.formatOnType": false,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[html]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "prettier.requireConfig": true,
+  "prettier.configPath": ".prettierrc.json"
+}