@dito-uai/components 5.1.0-alpha.29 → 5.1.0-alpha.30

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@dito-uai/components",
-  "version": "5.1.0-alpha.29",
-  "descriptin": "Dito's design system component library, made in TSX",
+  "version": "5.1.0-alpha.30",
+  "description": "Dito's design system component library, made in TSX",
+  "license": "MIT",
   "repository": "git+https://github.com/ditointernet/dito-uai.git",
+  "homepage": "https://github.com/ditointernet/dito-uai#readme",
+  "bugs": {
+    "url": "https://github.com/ditointernet/dito-uai/issues"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -28,34 +33,77 @@
     }
   },
   "scripts": {
-    "dev": "yarn build --watch",
-    "semantic-release": "semantic-release",
-    "build": "yarn bundle",
-    "bundle": "yarn build:js & yarn build:types & yarn build:css",
+    "dev": "storybook dev -p 6006 --config-dir ./src/storybook/.storybook",
+    "build:storybook": "storybook build --config-dir ./src/storybook/.storybook --output-dir ./src/storybook/storybook-static",
+    "build:uai": "yarn build:js & yarn build:types & yarn build:css",
     "build:js": "tsup",
-    "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir dist",
-    "build:css": "tailwindcss -i ./src/global.css -o ./dist/global.css --minify -v"
+    "build:types": "tsc --declaration --emitDeclarationOnly --declarationDir dist --project tsconfig.build.json",
+    "build:css": "tailwindcss -i ./src/global.css -o ./dist/global.css --minify -v",
+    "publish:uai": "semantic-release",
+    "format:ts": "prettier",
+    "format:ts:all": "yarn format:ts --check \"src/**/*.{ts,tsx}\"",
+    "format": "yarn format:ts:all",
+    "lint:ts": "eslint --cache",
+    "lint:ts:all": "yarn lint:ts \"src/**/*.{ts,tsx}\"",
+    "lint": "yarn lint:ts:all --fix",
+    "cz": "cz"
   },
-  "packageManager": "yarn@4.1.1",
   "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.3",
+    "@commitlint/cli": "^19.3.0",
+    "@commitlint/config-conventional": "13.1.0",
+    "@eslint/eslintrc": "^3.1.0",
+    "@eslint/js": "^9.8.0",
     "@semantic-release/commit-analyzer": "^13.0.0",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "9.0.0",
     "@semantic-release/github": "^10.1.3",
     "@semantic-release/release-notes-generator": "^14.0.1",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-onboarding": "8.6.14",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/react": "8.6.14",
+    "@storybook/react-vite": "8.6.14",
+    "@storybook/test": "^8.6.14",
+    "@types/eslint__js": "^8.42.3",
+    "@types/postcss-flexbugs-fixes": "^5",
+    "@types/prop-types": "^15.7.12",
     "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vitejs/plugin-react": "^4.3.1",
     "autoprefixer": "^10.4.19",
-    "esbuild": "^0.23.0",
+    "chromatic": "^11.7.0",
+    "commitizen": "^4.3.0",
+    "commitlint": "^19.3.0",
+    "cz-conventional-changelog": "3.3.0",
+    "cz-customizable": "6.9.2",
+    "dotenv-cli": "^7.4.2",
+    "esbuild": "^0.12.15",
     "esbuild-plugin-svgr": "^2.1.0",
     "esbuild-plugin-tsc": "^0.4.0",
     "esbuild-ts-paths": "^1.1.3",
+    "eslint": "^9.8.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-tailwindcss": "^3.17.4",
+    "firebase-tools": "13.14.2",
+    "husky": "7.0.1",
+    "lint-staged": "15.2.7",
     "postcss": "^8.4.38",
+    "prettier": "^3.3.3",
+    "prop-types": "^15.8.1",
     "semantic-release": "^17",
+    "storybook": "8.6.14",
     "supports-color": "^9.4.0",
     "tailwindcss": "^3.4.13",
     "tsup": "^8.2.3",
     "typescript": "^5.5.4",
-    "vite": "^5.3.5"
+    "typescript-eslint": "^8.0.0",
+    "vite": "^5.3.5",
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "dependencies": {
     "@dito-uai/icons": "^1.8.0",
@@ -74,7 +122,6 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/forms": "^0.5.9",
     "@tailwindcss/typography": "^0.5.15",
-    "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.15",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "lucide-react": "^0.418.0",
@@ -97,5 +144,29 @@
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.52.1",
     "zod": "^3.23.8"
-  }
+  },
+  "engines": {
+    "node": ">= 20"
+  },
+  "config": {
+    "commitizen": {
+      "path": "cz-customizable",
+      "defaultType": "fix",
+      "defaultScope": "components"
+    },
+    "cz-customizable": {
+      "config": ".cz-config.cjs"
+    }
+  },
+  "husky": {
+    "hooks": {
+      "prepare-commit-msg": "exec < /dev/tty && npx cz --hook || true"
+    }
+  },
+  "resolutions": {
+    "underscore.string": "npm:underscore.string@*",
+    "eslint": "npm:eslint@9.8.0",
+    "typescript-eslint": "npm:typescript-eslint@8.0.0"
+  },
+  "packageManager": "yarn@4.3.1"
 }

package/tailwind.config.ts

@@ -93,7 +93,7 @@ export const COLORS = {
 /** @type {import('tailwindcss').Config} */
 export default {
   mode: 'jit',
-  content: ['./src/**/*.{ts,tsx}'],
+  content: ['./src/ui/**/*.{ts,tsx}'],
   theme: {
     screens: {
       sm: '480px',