fix(build): peer dependencies, exclude story-form

.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: release
+name: 🚀 Release
 
 on:
   push:

.github/workflows/storybook.yml

@@ -1,4 +1,4 @@
-name: storybook
+name: 🎨 Storybook Docs 📄
 
 on:
   push:
@@ -42,7 +42,7 @@ jobs:
       - name: Build storybook
         uses: borales/actions-yarn@v4
         with:
-          cmd: build:storybook
+          cmd: sb:build
 
       - name: Upload storybook
         uses: actions/upload-pages-artifact@v2

package.json

@@ -35,8 +35,8 @@
     "publish": "yarn npm publish --access public",
     "build": "tsc --build ./tsconfig.build.json",
     "sb": "yarn storybook",
-    "build:storybook": "storybook build",
-    "storybook": "storybook dev -p 6006",
+    "sb:build": "storybook build",
+    "storybook": "storybook dev",
     "semantic-release": "semantic-release",
     "lint": "eslint --ext .tsx,.ts ./src",
     "lint:fix": "yarn run lint --fix",
@@ -80,7 +80,6 @@
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-prettier": "5.0.1",
-    "flowbite": "^2.3.0",
     "flowbite-react": "^0.7.3",
     "form-atoms": "3.2.4",
     "happy-dom": "12.10.3",
@@ -133,9 +132,11 @@
     ]
   },
   "peerDependencies": {
-    "@form-atoms/field": "^4",
-    "flowbite": "^1.8.1",
-    "flowbite-react": "^0.7.0"
+    "@form-atoms/field": "^5",
+    "flowbite-react": "^0.7.0",
+    "form-atoms": "^3",
+    "jotai": "^2",
+    "react": ">=16.8"
   },
   "packageManager": "[email protected]"
 }

src/components/checkbox-field/CheckboxField.stories.tsx

@@ -1,7 +1,7 @@
 import { checkboxField } from "@form-atoms/field";
 
 import { CheckboxField } from "./CheckboxField";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "CheckboxField",

src/components/checkbox-group-field/CheckboxGroupField.stories.tsx

@@ -2,7 +2,7 @@ import { stringArrayField } from "@form-atoms/field";
 
 import { CheckboxGroupField } from "./CheckboxGroupField";
 import { getLabel, getValue, options } from "./languages";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "CheckboxGroupField",

src/components/file-field/FilesField.stories.tsx

@@ -1,7 +1,7 @@
 import { filesField } from "@form-atoms/field";
 
 import { FilesField } from "./FilesField";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "FilesField",

src/components/list-field/NestedListField.stories.tsx

@@ -1,8 +1,8 @@
 import { List, listField, numberField, textField } from "@form-atoms/field";
 import { Button, Card } from "flowbite-react";
 
+import { formStory, meta } from "../../stories/story-form";
 import { NumberField } from "../number-field";
-import { formStory, meta } from "../story-form";
 import { TextField } from "../text-field";
 
 export default {

src/components/list-field/Phones.stories.tsx

@@ -8,8 +8,8 @@ import {
 } from "@form-atoms/field";
 import { Card } from "flowbite-react";
 
+import { formStory, meta } from "../../stories/story-form";
 import { RadioOption } from "../radio-option";
-import { formStory, meta } from "../story-form";
 import { TextField } from "../text-field";
 
 export default {

src/components/number-field/NumberField.stories.tsx

@@ -2,7 +2,7 @@ import { numberField } from "@form-atoms/field";
 import { userEvent, within } from "@storybook/testing-library";
 
 import { NumberField } from "./NumberField";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "NumberField",

src/components/radio-field/RadioField.stories.tsx

@@ -1,8 +1,8 @@
 import { stringField } from "@form-atoms/field";
 
 import { RadioField } from "./RadioField";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 import { country, getLabel, getValue, options } from "../select-field/country";
-import { FormStory, meta, optionalField } from "../story-form";
 
 export default {
   title: "RadioField",

src/components/rating-field/RatingField.stories.tsx

@@ -1,7 +1,7 @@
 import { numberField } from "@form-atoms/field";
 
 import { RatingField } from "./RatingField";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "RatingField",

src/components/select-field/SelectField.stories.tsx

@@ -2,7 +2,7 @@ import { stringField } from "@form-atoms/field";
 
 import { country, getLabel, getValue, options } from "./country";
 import { SelectField } from "./SelectField";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "SelectField",

src/components/slider-field/SliderField.stories.tsx

@@ -2,7 +2,7 @@ import { numberField } from "@form-atoms/field";
 import { z } from "zod";
 
 import { SliderField } from "./SliderField";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "SliderField",

src/components/text-field/TextField.stories.tsx

@@ -1,7 +1,7 @@
 import { textField } from "@form-atoms/field";
 
 import { TextField } from "./TextField";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "TextField",

src/components/textarea-field/TextareaField.stories.tsx

@@ -1,7 +1,7 @@
 import { textField } from "@form-atoms/field";
 
 import { TextareaField } from "./TextareaField";
-import { FormStory, meta, optionalField } from "../story-form";
+import { FormStory, meta, optionalField } from "../../stories/story-form";
 
 export default {
   title: "TextareaField",

src/showcase/advanced-search/AdvancedSearch.stories.tsx → src/stories/advanced-search/AdvancedSearch.stories.tsx

@@ -4,7 +4,7 @@ import { priceMax, priceMin } from "./PriceRange";
 import { productBrand } from "./ProductBrand";
 import { rating } from "./Rating";
 import { usageCondition } from "./UsageCondition";
-import { FormStory, meta } from "../../components/story-form";
+import { FormStory, meta } from "../story-form";
 
 export default {
   title: "showcase/AdvancedSearch",

src/showcase/review-list/ReviewList.stories.tsx → src/stories/review-list/ReviewList.stories.tsx

@@ -1,7 +1,7 @@
 import { listField, textField } from "@form-atoms/field";
 
 import { ReviewList } from "./ReviewList";
-import { formStory, meta } from "../../components/story-form";
+import { formStory, meta } from "../story-form";
 
 export default {
   title: "showcase/ReviewList",

tsconfig.build.json

@@ -10,7 +10,7 @@
   },
   "include": ["src"],
   "exclude": [
-    "src/showcase/*",
+    "src/stories/*",
     "src/**/*.stories.tsx",
     "src/**/*.test.tsx",
     "src/**/*.skip.tsx"

yarn.lock

@@ -2707,7 +2707,6 @@ __metadata:
     eslint-import-resolver-typescript: "npm:^3.6.1"
     eslint-plugin-import: "npm:^2.29.0"
     eslint-plugin-prettier: "npm:5.0.1"
-    flowbite: "npm:^2.3.0"
     flowbite-react: "npm:^0.7.3"
     form-atoms: "npm:3.2.4"
     happy-dom: "npm:12.10.3"
@@ -2729,9 +2728,11 @@ __metadata:
     vitest: "npm:1.1.3"
     zod: "npm:^3.22.4"
   peerDependencies:
-    "@form-atoms/field": ^4
-    flowbite: ^1.8.1
+    "@form-atoms/field": ^5
     flowbite-react: ^0.7.0
+    form-atoms: ^3
+    jotai: ^2
+    react: ">=16.8"
   languageName: unknown
   linkType: soft
 
@@ -9382,16 +9383,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"flowbite@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "flowbite@npm:2.3.0"
-  dependencies:
-    "@popperjs/core": "npm:^2.9.3"
-    mini-svg-data-uri: "npm:^1.4.3"
-  checksum: a72bc4c68fd6cc832e2df2fbf329eca5d96d8297da6f0578addca68fccc8e33fcc12c00403b2b8cf550a345e46831d86a35e69b2fd4e79b7087f01b7712310a3
-  languageName: node
-  linkType: hard
-
 "for-each@npm:^0.3.3":
   version: 0.3.3
   resolution: "for-each@npm:0.3.3"