docs(storybook): vite

.storybook/main.ts

@@ -0,0 +1,22 @@
+import tsconfigPaths from "vite-tsconfig-paths";
+
+export default {
+  stories: ["../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  staticDirs: ["../public"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+  ],
+  framework: { name: "@storybook/react-vite" },
+  core: {
+    builder: "@storybook/builder-vite",
+    disableTelemetry: true,
+  },
+  async viteFinal(config) {
+    return {
+      ...config,
+      plugins: [...(config.plugins || []), tsconfigPaths()],
+    };
+  },
+};

.storybook/manager.js → .storybook/manager.ts

@@ -1,4 +1,4 @@
-import { addons } from "@storybook/addons";
+import { addons } from "@storybook/manager-api";
 import theme from "./theme";
 
 addons.setConfig({

.storybook/preview.js → .storybook/preview.tsx

@@ -1,4 +1,5 @@
 import { DevTools } from "jotai-devtools";
+import React from "react";
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },

package.json

@@ -2,6 +2,7 @@
   "name": "@form-atoms/field",
   "packageManager": "[email protected]",
   "version": "0.0.0-semantic-release",
+  "type": "module",
   "author": "Miroslav Petrik <[email protected]>",
   "homepage": "https://github.com/MiroslavPetrik/form-atoms-field#readme",
   "repository": {
@@ -25,7 +26,7 @@
     "react form",
     "react hook field"
   ],
-  "main": "./dist/index.js",
+  "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
@@ -44,21 +45,22 @@
     "semantic-release": "semantic-release"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@emotion/react": "^11.11.0",
+    "@babel/core": "^7.23.3",
+    "@babel/preset-env": "^7.23.3",
+    "@babel/preset-react": "^7.23.3",
+    "@babel/preset-typescript": "^7.23.3",
+    "@emotion/react": "^11.11.1",
     "@mdx-js/react": "^1.6.22",
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-actions": "7.4.6",
-    "@storybook/addon-docs": "7.4.6",
-    "@storybook/addon-essentials": "7.4.6",
-    "@storybook/addon-interactions": "7.4.6",
-    "@storybook/addon-links": "7.4.6",
-    "@storybook/react": "7.4.6",
-    "@storybook/react-webpack5": "7.4.6",
+    "@storybook/addon-actions": "7.6.0",
+    "@storybook/addon-docs": "7.6.0",
+    "@storybook/addon-essentials": "7.6.0",
+    "@storybook/addon-interactions": "7.6.0",
+    "@storybook/addon-links": "7.6.0",
+    "@storybook/builder-vite": "^7.6.0",
+    "@storybook/react": "7.6.0",
+    "@storybook/react-vite": "^7.6.0",
     "@storybook/testing-library": "0.2.2",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0",
@@ -94,8 +96,9 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "semantic-release": "^20.1.0",
-    "storybook": "7.4.6",
+    "storybook": "7.6.0",
     "typescript": "5.2.2",
+    "vite-tsconfig-paths": "^4.2.1",
     "vitest": "^0.32.0",
     "zod": "3.21.4"
   },