chore(deps): bump package versions across workspaces

thevuong · thevuong · commit 237b576f8e12 · 2025-11-13T20:37:09.000+07:00
Upgraded several dependencies in `eslint-config`, `tailwind-variants`, `ui`, and `image-loader` packages to their latest versions. Updated `@rslib/core`, `@types/node`, and other key packages for improved compatibility and stability. Adjusted `ChartTooltipContentProps` type in `ui` package.
diff --git a/.changeset/red-lemons-do.md b/.changeset/red-lemons-do.md
@@ -0,0 +1,8 @@
+---
+"@codefast/tailwind-variants": patch
+"@codefast/eslint-config": patch
+"@codefast/image-loader": patch
+"@codefast/ui": patch
+---
+
+chore(deps): bump package versions across workspaces
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -28,15 +28,15 @@
     "js-cookie": "^3.0.5",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.553.0",
-    "next": "^16.0.1",
+    "next": "^16.0.3",
     "next-themes": "^0.4.6",
     "query-string": "^9.3.1",
     "react": "^19.2.0",
     "react-day-picker": "^9.11.1",
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.66.0",
     "react-resizable-panels": "^3.0.6",
-    "recharts": "^3.3.0",
+    "recharts": "^3.4.1",
     "shiki": "^3.15.0",
     "ts-morph": "^27.0.2",
     "zod": "^4.1.12"
@@ -48,11 +48,11 @@
     "@tailwindcss/postcss": "^4.1.17",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.10.0",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.4",
+    "@types/react-dom": "^19.2.3",
     "eslint": "^9.39.1",
-    "eslint-config-next": "^16.0.1",
+    "eslint-config-next": "^16.0.3",
     "postcss": "^8.5.6",
     "rimraf": "^6.1.0",
     "tailwindcss": "^4.1.17",
diff --git a/apps/docs/src/app/(examples)/examples/dashboard-03/_components/chart-visitors.tsx b/apps/docs/src/app/(examples)/examples/dashboard-03/_components/chart-visitors.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import type { JSX, ReactNode } from "react";
+import type { JSX } from "react";
 import type { LabelContentType, Props as LabelProps } from "recharts/types/component/Label";
 import type { PieSectorDataItem } from "recharts/types/polar/Pie";
 import type { ActiveShape } from "recharts/types/util/types";
@@ -158,7 +158,7 @@ const activeShape: ActiveShape<PieSectorDataItem> = ({
 );
 
 const content: (activeIndex: number) => LabelContentType = (activeIndex) =>
-  function Content(props: LabelProps): ReactNode {
+  function Content(props: LabelProps): JSX.Element | null {
     const { viewBox } = props;
 
     if (viewBox && "cx" in viewBox && "cy" in viewBox) {
diff --git a/apps/docs/src/registry/charts/chart-line-dots-colors.tsx b/apps/docs/src/registry/charts/chart-line-dots-colors.tsx
@@ -86,7 +86,7 @@ export function ChartLineDotsColors(): JSX.Element {
             />
             <Line
               dataKey="visitors"
-              dot={dot}
+              dot={dot as ComponentProps<typeof Line>["dot"]}
               stroke="var(--color-visitors)"
               strokeWidth={2}
               type="natural"
@@ -95,7 +95,7 @@ export function ChartLineDotsColors(): JSX.Element {
         </ChartContainer>
       </CardContent>
       <CardFooter className="flex-col items-start gap-2 text-sm">
-        <div className="flex gap-2 font-medium leading-none">
+        <div className="flex gap-2 leading-none font-medium">
           Trending up by 5.2% this month <TrendingUpIcon className="h-4 w-4" />
         </div>
         <div className="text-muted-foreground leading-none">
@@ -106,20 +106,14 @@ export function ChartLineDotsColors(): JSX.Element {
   );
 }
 
-const dot: ComponentProps<typeof Line>["dot"] = ({
+const dot = ({
+  cx = 0,
+  cy = 0,
   payload,
-  ...props
 }: DotProps & {
   payload: DataItem;
-}) => {
+}): JSX.Element => {
   return (
-    <Dot
-      key={payload.browser}
-      cx={props.cx}
-      cy={props.cy}
-      fill={payload.fill}
-      r={5}
-      stroke={payload.fill}
-    />
+    <Dot key={payload.browser} cx={cx} cy={cy} fill={payload.fill} r={5} stroke={payload.fill} />
   );
 };
diff --git a/apps/docs/src/registry/charts/chart-line-dots-custom.tsx b/apps/docs/src/registry/charts/chart-line-dots-custom.tsx
@@ -74,7 +74,7 @@ export function ChartLineDotsCustom(): JSX.Element {
             <ChartTooltip content={<ChartTooltipContent hideLabel />} cursor={false} />
             <Line
               dataKey="desktop"
-              dot={dot}
+              dot={dot as ComponentProps<typeof Line>["dot"]}
               stroke="var(--color-desktop)"
               strokeWidth={2}
               type="natural"
@@ -83,7 +83,7 @@ export function ChartLineDotsCustom(): JSX.Element {
         </ChartContainer>
       </CardContent>
       <CardFooter className="flex-col items-start gap-2 text-sm">
-        <div className="flex gap-2 font-medium leading-none">
+        <div className="flex gap-2 leading-none font-medium">
           Trending up by 5.2% this month <TrendingUpIcon className="h-4 w-4" />
         </div>
         <div className="text-muted-foreground leading-none">
@@ -94,13 +94,13 @@ export function ChartLineDotsCustom(): JSX.Element {
   );
 }
 
-const dot: ComponentProps<typeof Line>["dot"] = ({
+const dot = ({
   cx = 0,
   cy = 0,
   payload,
 }: DotProps & {
   payload: DataItem;
-}) => {
+}): JSX.Element => {
   const r = 24;
 
   return (
diff --git a/apps/docs/src/registry/charts/chart-line-label-custom.tsx b/apps/docs/src/registry/charts/chart-line-label-custom.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import type { JSX, ReactNode } from "react";
+import type { JSX } from "react";
 
 import { TrendingUpIcon } from "lucide-react";
 import { CartesianGrid, LabelList, Line, LineChart } from "recharts";
@@ -93,12 +93,12 @@ export function ChartLineLabelCustom(): JSX.Element {
                 className="fill-foreground"
                 dataKey="browser"
                 fontSize={12}
-                formatter={(value): ReactNode => {
+                formatter={(value) => {
                   if (typeof value === "string" && value in chartConfig) {
                     return chartConfig[value as keyof typeof chartConfig].label;
                   }
 
-                  return value;
+                  return String(value);
                 }}
                 offset={12}
                 position="top"
@@ -108,7 +108,7 @@ export function ChartLineLabelCustom(): JSX.Element {
         </ChartContainer>
       </CardContent>
       <CardFooter className="flex-col items-start gap-2 text-sm">
-        <div className="flex gap-2 font-medium leading-none">
+        <div className="flex gap-2 leading-none font-medium">
           Trending up by 5.2% this month <TrendingUpIcon className="h-4 w-4" />
         </div>
         <div className="text-muted-foreground leading-none">
diff --git a/apps/docs/src/registry/charts/chart-pie-donut-text.tsx b/apps/docs/src/registry/charts/chart-pie-donut-text.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import type { JSX, ReactNode } from "react";
+import type { JSX } from "react";
 import type { Props } from "recharts/types/component/Label";
 
 import { TrendingUpIcon } from "lucide-react";
@@ -79,7 +79,7 @@ export function ChartPieDonutText(): JSX.Element {
         </ChartContainer>
       </CardContent>
       <CardFooter className="flex-col gap-2 text-sm">
-        <div className="flex items-center gap-2 font-medium leading-none">
+        <div className="flex items-center gap-2 leading-none font-medium">
           Trending up by 5.2% this month <TrendingUpIcon className="h-4 w-4" />
         </div>
         <div className="text-muted-foreground leading-none">
@@ -90,7 +90,7 @@ export function ChartPieDonutText(): JSX.Element {
   );
 }
 
-function Content({ viewBox }: Props): ReactNode {
+function Content({ viewBox }: Props): JSX.Element | null {
   const totalVisitors = useMemo(() => {
     return chartData.reduce((accumulator, current) => accumulator + current.visitors, 0);
   }, []);
diff --git a/apps/docs/src/registry/charts/chart-pie-interactive.tsx b/apps/docs/src/registry/charts/chart-pie-interactive.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import type { JSX, ReactNode } from "react";
+import type { JSX } from "react";
 import type { LabelContentType, Props as LabelProps } from "recharts/types/component/Label";
 import type { PieSectorDataItem } from "recharts/types/polar/Pie";
 import type { ActiveShape } from "recharts/types/util/types";
@@ -105,7 +105,7 @@ export function ChartPieInteractive(): JSX.Element {
                 <SelectItem key={key} className="rounded-lg [&_span]:flex" value={key}>
                   <div className="flex items-center gap-2 text-xs">
                     <span
-                      className="rounded-xs flex h-3 w-3 shrink-0"
+                      className="flex h-3 w-3 shrink-0 rounded-xs"
                       style={{
                         backgroundColor: `var(--color-${key})`,
                       }}
@@ -158,7 +158,7 @@ const activeShape: ActiveShape<PieSectorDataItem> = ({
 );
 
 const content: (activeIndex: number) => LabelContentType = (activeIndex) =>
-  function Content(props: LabelProps): ReactNode {
+  function Content(props: LabelProps): JSX.Element | null {
     const { viewBox } = props;
 
     if (viewBox && "cx" in viewBox && "cy" in viewBox) {
diff --git a/apps/docs/src/registry/charts/chart-radial-shape.tsx b/apps/docs/src/registry/charts/chart-radial-shape.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import type { JSX, ReactNode } from "react";
+import type { JSX } from "react";
 import type { Props } from "recharts/types/component/Label";
 
 import { TrendingUpIcon } from "lucide-react";
@@ -55,7 +55,7 @@ export function ChartRadialShape(): JSX.Element {
         </ChartContainer>
       </CardContent>
       <CardFooter className="flex-col gap-2 text-sm">
-        <div className="flex items-center gap-2 font-medium leading-none">
+        <div className="flex items-center gap-2 leading-none font-medium">
           Trending up by 5.2% this month <TrendingUpIcon className="h-4 w-4" />
         </div>
         <div className="text-muted-foreground leading-none">
@@ -66,7 +66,7 @@ export function ChartRadialShape(): JSX.Element {
   );
 }
 
-function Content({ viewBox }: Props): ReactNode {
+function Content({ viewBox }: Props): JSX.Element | null {
   if (viewBox && "cx" in viewBox && "cy" in viewBox) {
     return (
       <text dominantBaseline="middle" textAnchor="middle" x={viewBox.cx} y={viewBox.cy}>
diff --git a/apps/docs/src/registry/charts/chart-radial-stacked.tsx b/apps/docs/src/registry/charts/chart-radial-stacked.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import type { JSX, ReactNode } from "react";
+import type { JSX } from "react";
 import type { Props } from "recharts/types/component/Label";
 
 import { TrendingUpIcon } from "lucide-react";
@@ -65,7 +65,7 @@ export function ChartRadialStacked(): JSX.Element {
         </ChartContainer>
       </CardContent>
       <CardFooter className="flex-col gap-2 text-sm">
-        <div className="flex items-center gap-2 font-medium leading-none">
+        <div className="flex items-center gap-2 leading-none font-medium">
           Trending up by 5.2% this month <TrendingUpIcon className="h-4 w-4" />
         </div>
         <div className="text-muted-foreground leading-none">
@@ -76,7 +76,7 @@ export function ChartRadialStacked(): JSX.Element {
   );
 }
 
-function Content({ viewBox }: Props): ReactNode {
+function Content({ viewBox }: Props): JSX.Element | null {
   const totalVisitors = chartData[0].desktop + chartData[0].mobile;
 
   if (viewBox && "cx" in viewBox && "cy" in viewBox) {
diff --git a/apps/docs/src/registry/charts/chart-radial-text.tsx b/apps/docs/src/registry/charts/chart-radial-text.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import type { JSX, ReactNode } from "react";
+import type { JSX } from "react";
 import type { Props } from "recharts/types/component/Label";
 
 import { TrendingUpIcon } from "lucide-react";
@@ -61,7 +61,7 @@ export function ChartRadialText(): JSX.Element {
         </ChartContainer>
       </CardContent>
       <CardFooter className="flex-col gap-2 text-sm">
-        <div className="flex items-center gap-2 font-medium leading-none">
+        <div className="flex items-center gap-2 leading-none font-medium">
           Trending up by 5.2% this month <TrendingUpIcon className="h-4 w-4" />
         </div>
         <div className="text-muted-foreground leading-none">
@@ -72,7 +72,7 @@ export function ChartRadialText(): JSX.Element {
   );
 }
 
-function Content({ viewBox }: Props): ReactNode {
+function Content({ viewBox }: Props): JSX.Element | null {
   if (viewBox && "cx" in viewBox && "cy" in viewBox) {
     return (
       <text dominantBaseline="middle" textAnchor="middle" x={viewBox.cx} y={viewBox.cy}>
diff --git a/package.json b/package.json
@@ -51,7 +51,7 @@
     "simple-git-hooks": "^2.13.1",
     "ts-node": "^10.9.2",
     "tsx": "^4.20.6",
-    "turbo": "^2.6.0"
+    "turbo": "^2.6.1"
   },
   "packageManager": "pnpm@10.20.0",
   "engines": {
diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
@@ -88,31 +88,31 @@
     "@eslint/js": "^9.39.1",
     "@eslint/json": "^0.14.0",
     "@eslint/markdown": "^7.5.1",
-    "@next/eslint-plugin-next": "^16.0.1",
+    "@next/eslint-plugin-next": "^16.0.3",
     "@stylistic/eslint-plugin": "^5.5.0",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import-x": "^4.16.1",
-    "eslint-plugin-jest": "^29.0.1",
+    "eslint-plugin-jest": "^29.1.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-only-warn": "^1.1.0",
     "eslint-plugin-perfectionist": "^4.15.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-tsdoc": "^0.4.0",
-    "eslint-plugin-turbo": "^2.6.0",
+    "eslint-plugin-tsdoc": "^0.5.0",
+    "eslint-plugin-turbo": "^2.6.1",
     "eslint-plugin-unicorn": "^62.0.0",
     "globals": "^16.5.0",
-    "typescript-eslint": "^8.46.3"
+    "typescript-eslint": "^8.46.4"
   },
   "devDependencies": {
     "@codefast/typescript-config": "workspace:*",
-    "@rslib/core": "^0.17.1",
+    "@rslib/core": "^0.17.2",
     "@swc/core": "^1.15.1",
     "@swc/jest": "^0.2.39",
     "@types/jest": "^30.0.0",
-    "@types/node": "^24.10.0",
+    "@types/node": "^24.10.1",
     "jest": "^30.2.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3"
diff --git a/packages/image-loader/package.json b/packages/image-loader/package.json
@@ -55,11 +55,11 @@
   "devDependencies": {
     "@codefast/eslint-config": "workspace:*",
     "@codefast/typescript-config": "workspace:*",
-    "@rslib/core": "^0.17.1",
+    "@rslib/core": "^0.17.2",
     "@swc/core": "^1.15.1",
     "@swc/jest": "^0.2.39",
     "@types/jest": "^30.0.0",
-    "@types/node": "^24.10.0",
+    "@types/node": "^24.10.1",
     "eslint": "^9.39.1",
     "jest": "^30.2.0",
     "ts-node": "^10.9.2",
diff --git a/packages/tailwind-variants/package.json b/packages/tailwind-variants/package.json
@@ -62,11 +62,11 @@
   "devDependencies": {
     "@codefast/eslint-config": "workspace:*",
     "@codefast/typescript-config": "workspace:*",
-    "@rslib/core": "^0.17.1",
+    "@rslib/core": "^0.17.2",
     "@swc/core": "^1.15.1",
     "@swc/jest": "^0.2.39",
     "@types/jest": "^30.0.0",
-    "@types/node": "^24.10.0",
+    "@types/node": "^24.10.1",
     "eslint": "^9.39.1",
     "expect-type": "^1.2.2",
     "jest": "^30.2.0",
diff --git a/packages/ui/package.json b/packages/ui/package.json
diff --git a/packages/ui/src/components/chart.tsx b/packages/ui/src/components/chart.tsx
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
