feat: input component (#27)

Author: Cahllagerfeld

.changeset/warm-jeans-hear.md

@@ -0,0 +1,5 @@
+---
+"@zenml-io/react-component-library": minor
+---
+
+add input component

.storybook/main.ts

@@ -7,10 +7,7 @@ const config: StorybookConfig = {
 		"@storybook/addon-essentials",
 		"@storybook/addon-onboarding",
 		"@storybook/addon-interactions",
-		{
-			name: "@storybook/addon-styling",
-			options: {}
-		}
+		"@storybook/addon-themes"
 	],
 	framework: {
 		name: "@storybook/react-vite",

.storybook/preview.ts

@@ -1,6 +1,5 @@
-import type { Preview } from "@storybook/react";
-
-import { withThemeByClassName } from "@storybook/addon-styling";
+import type { Preview, ReactRenderer } from "@storybook/react";
+import { withThemeByClassName } from "@storybook/addon-themes";
 
 /* TODO: update import to your tailwind styles file. If you're using Angular, inject this through your angular.json config instead */
 import "../src/index.css";
@@ -26,7 +25,7 @@ const preview: Preview = {
 	decorators: [
 		// Adds theme switching support.
 		// NOTE: requires setting "darkMode" to "class" in your tailwind config
-		withThemeByClassName({
+		withThemeByClassName<ReactRenderer>({
 			themes: {
 				light: "light",
 				dark: "dark"

package.json

@@ -62,12 +62,11 @@
 		"dist"
 	],
 	"scripts": {
-		"build": "tsup && npm run fix:types",
+		"build": "tsup",
 		"changeset": "changeset && pnpm install",
 		"changeset:publish": "changeset publish",
 		"changeset:version": "changeset version && pnpm install --lockfile-only",
 		"dev": "tsup --watch",
-		"fix:types": "node scripts/fix-type-defs.js",
 		"format": "prettier -w src",
 		"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
 		"prepare": "husky install",
@@ -87,37 +86,36 @@
 	"dependencies": {
 		"@radix-ui/react-slot": "^1.0.2",
 		"class-variance-authority": "^0.7.0",
-		"clsx": "^2.0.0",
-		"tailwind-merge": "^1.14.0"
+		"clsx": "^2.1.0",
+		"tailwind-merge": "^2.2.2"
 	},
 	"devDependencies": {
-		"@changesets/cli": "^2.26.2",
-		"@storybook/addon-essentials": "^7.3.1",
-		"@storybook/addon-interactions": "^7.3.1",
-		"@storybook/addon-links": "^7.3.1",
-		"@storybook/addon-onboarding": "^1.0.8",
-		"@storybook/addon-styling": "^1.3.6",
-		"@storybook/blocks": "^7.3.1",
-		"@storybook/react": "^7.3.1",
-		"@storybook/react-vite": "^7.3.1",
-		"@storybook/testing-library": "^0.2.0",
-		"@typescript-eslint/eslint-plugin": "^6.13.2",
-		"@typescript-eslint/parser": "^6.13.2",
-		"autoprefixer": "^10.4.15",
-		"eslint": "^8.55.0",
-		"eslint-plugin-react": "^7.33.2",
-		"eslint-plugin-storybook": "^0.6.15",
-		"husky": "^8.0.0",
-		"lint-staged": "^14.0.0",
-		"postcss": "^8.4.28",
-		"prettier": "^3.0.2",
-		"publint": "^0.2.0",
-		"replace-in-files": "^3.0.0",
-		"storybook": "^7.3.1",
-		"tailwindcss": "^3.3.3",
-		"tsup": "^7.2.0",
-		"typescript": "^5.1.6",
-		"vitest": "^1.0.1"
+		"@changesets/cli": "^2.27.1",
+		"@storybook/addon-essentials": "^8.0.1",
+		"@storybook/addon-interactions": "^8.0.1",
+		"@storybook/addon-links": "^8.0.1",
+		"@storybook/addon-onboarding": "^8.0.1",
+		"@storybook/addon-themes": "^8.0.1",
+		"@storybook/blocks": "^8.0.1",
+		"@storybook/react": "^8.0.1",
+		"@storybook/react-vite": "^8.0.1",
+		"@storybook/testing-library": "^0.2.2",
+		"@typescript-eslint/eslint-plugin": "^7.3.1",
+		"@typescript-eslint/parser": "^7.3.1",
+		"autoprefixer": "^10.4.18",
+		"eslint": "^8.57.0",
+		"eslint-plugin-react": "^7.34.1",
+		"eslint-plugin-storybook": "^0.8.0",
+		"husky": "^9.0.11",
+		"lint-staged": "^15.2.2",
+		"postcss": "^8.4.36",
+		"prettier": "^3.2.5",
+		"publint": "^0.2.7",
+		"storybook": "^8.0.1",
+		"tailwindcss": "^3.4.1",
+		"tsup": "^8.0.2",
+		"typescript": "^5.4.2",
+		"vitest": "^1.4.0"
 	},
 	"peerDependencies": {
 		"@types/react": "^18.0.0",