Update package versions

Updated several dependencies and devDependencies in `packages/ui/package.json`, `app/docs/package.json` and `pnpm-lock.yaml`. This includes updates to version numbers for tanstack, tiptap, react-table, and clsx among others.

Author: thevuong

apps/docs/package.json

@@ -6,54 +6,58 @@
   "scripts": {
     "build": "next build",
     "build-storybook": "storybook build",
-    "clean": "rm -rf .next && rm -rf .turbo && rm -rf node_modules",
-    "dev": "next dev",
-    "lint": "next lint",
+    "clean": "rm -rf .next && rm -rf .turbo && rm -rf storybook-static && rm -rf node_modules",
+    "dev": "concurrently -k -p \"[{name}]\" -n \"next,storybook\" -c \"cyan,yellow\" \"pnpm run dev-next\" \"pnpm run dev-storybook\"",
+    "dev-next": "next dev --turbo",
+    "dev-storybook": "storybook dev -p 6006 --no-open --quiet",
+    "lint": "next lint --fix --max-warnings 0",
     "start": "next start",
-    "storybook": "storybook dev -p 6006 --quiet"
+    "start-storybook": "serve storybook-static",
+    "storybook": "storybook dev -p 6006"
   },
   "dependencies": {
     "@codefixlabs/lib": "workspace:*",
     "@codefixlabs/ui": "workspace:*",
     "@faker-js/faker": "^8.4.1",
-    "@hookform/resolvers": "^3.3.4",
-    "@storybook/addon-a11y": "^8.0.0",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-interactions": "^8.0.0",
-    "@storybook/addon-links": "^8.0.0",
-    "@storybook/blocks": "^8.0.0",
-    "@storybook/manager-api": "^8.0.0",
-    "@storybook/nextjs": "^8.0.0",
-    "@storybook/react": "^8.0.0",
+    "@hookform/resolvers": "^3.4.2",
+    "@storybook/addon-a11y": "^8.1.2",
+    "@storybook/addon-essentials": "^8.1.2",
+    "@storybook/addon-interactions": "^8.1.2",
+    "@storybook/addon-links": "^8.1.2",
+    "@storybook/blocks": "^8.1.2",
+    "@storybook/manager-api": "^8.1.2",
+    "@storybook/nextjs": "^8.1.2",
+    "@storybook/react": "^8.1.2",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.0.0",
-    "@storybook/types": "^8.0.0",
-    "@tanstack/react-table": "^8.13.2",
+    "@storybook/theming": "^8.1.2",
+    "@storybook/types": "^8.1.2",
+    "@tanstack/react-table": "^8.17.3",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
-    "date-fns": "^3.5.0",
-    "lucide-react": "^0.358.0",
-    "next": "^14.1.3",
-    "react": "^18.2.0",
-    "react-day-picker": "^8.10.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.51.0",
-    "storybook": "^8.0.0",
-    "tailwind-merge": "^2.2.1",
-    "zod": "^3.22.4"
+    "clsx": "^2.1.1",
+    "date-fns": "^3.6.0",
+    "lucide-react": "^0.379.0",
+    "next": "^14.2.3",
+    "react": "^18.3.1",
+    "react-day-picker": "^8.10.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.51.5",
+    "storybook": "^8.1.2",
+    "tailwind-merge": "^2.3.0",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@codefixlabs/tailwindcss": "workspace:*",
     "@codefixlabs/tsconfig": "workspace:*",
-    "@next/eslint-plugin-next": "^14.1.3",
-    "@types/node": "^20.11.28",
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
-    "autoprefixer": "^10.4.18",
-    "chromatic": "^11.0.8",
+    "@next/eslint-plugin-next": "^14.2.3",
+    "@types/node": "^20.12.12",
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
+    "autoprefixer": "^10.4.19",
+    "chromatic": "^11.4.0",
+    "concurrently": "^8.2.2",
     "eslint-config-codefixlabs": "workspace:*",
-    "postcss": "^8.4.35",
-    "tailwindcss": "^3.4.1",
-    "typescript": "^5.4.2"
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
+    "typescript": "^5.4.5"
   }
 }

package.json

@@ -39,15 +39,15 @@
     "trailingComma": "all"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.27.1",
+    "@changesets/cli": "^2.27.3",
     "@codefixlabs/tsconfig": "workspace:*",
     "eslint": "^8.57.0",
-    "lint-staged": "^15.2.2",
+    "lint-staged": "^15.2.4",
     "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.12",
-    "simple-git-hooks": "^2.10.0",
-    "turbo": "^1.12.5",
-    "typescript": "^5.4.2"
+    "prettier-plugin-tailwindcss": "^0.5.14",
+    "simple-git-hooks": "^2.11.1",
+    "turbo": "^1.13.3",
+    "typescript": "^5.4.5"
   },
-  "packageManager": "pnpm@8.9.2"
+  "packageManager": "pnpm@9.1.2"
 }

packages/hooks/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codefixlabs/hooks",
-  "version": "0.1.36",
+  "version": "0.1.37",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -30,15 +30,15 @@
   },
   "dependencies": {
     "country-state-city": "^3.2.1",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
     "@codefixlabs/tsconfig": "workspace:*",
-    "@types/react": "^18.2.66",
+    "@types/react": "^18.3.2",
     "eslint-config-codefixlabs": "workspace:*",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.2"
+    "typescript": "^5.4.5"
   },
   "publishConfig": {
     "access": "public"

packages/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codefixlabs/lib",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -29,8 +29,8 @@
     "lint": "eslint src/"
   },
   "dependencies": {
-    "libphonenumber-js": "^1.10.58",
-    "react": "^18.2.0",
+    "libphonenumber-js": "^1.11.1",
+    "react": "^18.3.1",
     "rehype-format": "^5.0.0",
     "rehype-parse": "^9.0.0",
     "rehype-raw": "^7.0.0",
@@ -44,10 +44,10 @@
   },
   "devDependencies": {
     "@codefixlabs/tsconfig": "workspace:*",
-    "@types/react": "^18.2.66",
+    "@types/react": "^18.3.2",
     "eslint-config-codefixlabs": "workspace:*",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.2"
+    "typescript": "^5.4.5"
   },
   "publishConfig": {
     "access": "public"

packages/tailwindcss/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codefixlabs/tailwindcss",
-  "version": "0.1.50",
+  "version": "0.1.51",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -30,14 +30,14 @@
   },
   "dependencies": {
     "@tailwindcss/container-queries": "^0.1.1",
-    "@tailwindcss/typography": "^0.5.10",
-    "tailwindcss": "^3.4.1"
+    "@tailwindcss/typography": "^0.5.13",
+    "tailwindcss": "^3.4.3"
   },
   "devDependencies": {
     "@codefixlabs/tsconfig": "workspace:*",
     "eslint-config-codefixlabs": "workspace:*",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.2"
+    "typescript": "^5.4.5"
   },
   "publishConfig": {
     "access": "public"

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codefixlabs/ui",
-  "version": "0.1.101",
+  "version": "0.1.102",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -59,46 +59,46 @@
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-toolbar": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@tanstack/react-table": "^8.13.2",
-    "@tanstack/table-core": "^8.13.2",
-    "@tiptap/extension-highlight": "^2.2.4",
-    "@tiptap/extension-image": "^2.2.4",
-    "@tiptap/extension-table": "^2.2.4",
-    "@tiptap/extension-table-cell": "^2.2.4",
-    "@tiptap/extension-table-header": "^2.2.4",
-    "@tiptap/extension-table-row": "^2.2.4",
-    "@tiptap/extension-task-item": "^2.2.4",
-    "@tiptap/extension-task-list": "^2.2.4",
-    "@tiptap/extension-text-align": "^2.2.4",
-    "@tiptap/extension-youtube": "^2.2.4",
-    "@tiptap/pm": "^2.2.4",
-    "@tiptap/react": "^2.2.4",
-    "@tiptap/starter-kit": "^2.2.4",
+    "@tanstack/react-table": "^8.17.3",
+    "@tanstack/table-core": "^8.17.3",
+    "@tiptap/extension-highlight": "^2.4.0",
+    "@tiptap/extension-image": "^2.4.0",
+    "@tiptap/extension-table": "^2.4.0",
+    "@tiptap/extension-table-cell": "^2.4.0",
+    "@tiptap/extension-table-header": "^2.4.0",
+    "@tiptap/extension-table-row": "^2.4.0",
+    "@tiptap/extension-task-item": "^2.4.0",
+    "@tiptap/extension-task-list": "^2.4.0",
+    "@tiptap/extension-text-align": "^2.4.0",
+    "@tiptap/extension-youtube": "^2.4.0",
+    "@tiptap/pm": "^2.4.0",
+    "@tiptap/react": "^2.4.0",
+    "@tiptap/starter-kit": "^2.4.0",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.1.0",
+    "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
-    "date-fns": "^3.5.0",
-    "lucide-react": "^0.358.0",
+    "date-fns": "^3.6.0",
+    "lucide-react": "^0.379.0",
     "pluralize": "^8.0.0",
-    "react": "^18.2.0",
-    "react-day-picker": "^8.10.0",
-    "react-hook-form": "^7.51.0",
-    "sonner": "^1.4.3",
-    "tailwind-merge": "^2.2.1",
+    "react": "^18.3.1",
+    "react-day-picker": "^8.10.1",
+    "react-hook-form": "^7.51.5",
+    "sonner": "^1.4.41",
+    "tailwind-merge": "^2.3.0",
     "use-debounce": "^10.0.0"
   },
   "devDependencies": {
     "@codefixlabs/tailwindcss": "workspace:*",
     "@codefixlabs/tsconfig": "workspace:*",
-    "@types/node": "^20.11.28",
+    "@types/node": "^20.12.12",
     "@types/pluralize": "^0.0.33",
-    "@types/react": "^18.2.66",
-    "autoprefixer": "^10.4.18",
+    "@types/react": "^18.3.2",
+    "autoprefixer": "^10.4.19",
     "eslint-config-codefixlabs": "workspace:*",
-    "postcss": "^8.4.35",
-    "tailwindcss": "^3.4.1",
+    "postcss": "^8.4.38",
+    "tailwindcss": "^3.4.3",
     "tsup": "^8.0.2",
-    "typescript": "^5.4.2"
+    "typescript": "^5.4.5"
   },
   "publishConfig": {
     "access": "public"

packages/ui/src/react/form.tsx

@@ -1,16 +1,18 @@
-import { type SlotProps as FormControlProps, Slot } from '@radix-ui/react-slot';
-import { type VariantProps, cva } from 'class-variance-authority';
+import { Slot, type SlotProps as FormControlProps } from '@radix-ui/react-slot';
+import { cva, type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import {
+  Controller,
   type ControllerProps as FormFieldProps,
   type FieldError,
+  type FieldErrorsImpl,
   type FieldPath,
   type FieldValues,
-  Controller,
   FormProvider,
+  type Merge,
   useFormContext,
 } from 'react-hook-form';
-import { type LabelProps as FormLabelProps, Label } from '@/react/label';
+import { Label, type LabelProps as FormLabelProps } from '@/react/label';
 import { cn } from '@/server/cn';
 
 /* -----------------------------------------------------------------------------
@@ -55,15 +57,16 @@ export const FormItemContext = React.createContext<{
 }>({} as FormItemContextValue);
 
 export function useFormField(): {
+  error?: FieldError | Merge<FieldError, FieldErrorsImpl> | undefined;
+  formDescriptionId: string;
+  formItemId: string;
+  formMessageId: string;
+  id: string;
   invalid: boolean;
   isDirty: boolean;
   isTouched: boolean;
-  error?: FieldError;
-  id: string;
+  isValidating: boolean;
   name: string;
-  formItemId: string;
-  formDescriptionId: string;
-  formMessageId: string;
 } {
   const fieldContext = React.useContext(FormFieldContext);
   const itemContext = React.useContext(FormItemContext);