Merge pull request #248 from phucto2001/deps/update-justd-icons

chore(deps): upgrade justd-icons to v1.10.0

app/(app)/themes/blocks/revenue-chart.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -91,7 +91,7 @@ export function RevenueChart() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2 font-medium leading-none">
-              Profit increased by 5.2% this year <IconTrendingChart3 />
+              Profit increased by 5.2% this year <IconChartTrending />
             </div>
             <div className="flex items-center gap-2 leading-none text-muted-fg">
               January - December {new Date().getFullYear() - 1}

app/(app)/themes/blocks/subscription-chart.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Label, Pie, PieChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -91,7 +91,7 @@ export function SubscriptionChart() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <div className="flex items-center gap-2 font-medium leading-none">
-          Growth by 8.5% this month <IconTrendingChart3 />
+          Growth by 8.5% this month <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total subscribers for the last 9 months

app/(app)/themes/blocks/traffic-chart.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Bar, BarChart, Rectangle, XAxis, YAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -88,7 +88,7 @@ export function TrafficChart() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2 font-medium leading-none">
-              Trending up by 5.2% this month <IconTrendingChart3 />
+              Trending up by 5.2% this month <IconChartTrending />
             </div>
             <div className="flex items-center gap-2 leading-none text-muted-fg">
               August - October 2024

components/doc-refs.tsx

@@ -10,7 +10,7 @@ import {
   IconBrandFramer,
   IconBrandGithub,
   IconBrandJustd,
-  IconChart2,
+  IconChartBar,
   IconCommandFill
 } from "justd-icons"
 import { Menu, MenuItem } from "react-aria-components"
@@ -32,7 +32,7 @@ export function DocRefs({ references }: { references: string[] }) {
         break
       case url.includes("recharts"):
         title = "Recharts"
-        icon = IconChart2
+        icon = IconChartBar
         break
       case url.includes("framer"):
         title = "Framer Motion"

components/docs/layouts/navbar/navbar-icon-demo.tsx

@@ -1,7 +1,7 @@
 import {
   IconBrandApple,
   IconBrandJustd,
-  IconChart3,
+  IconChartBar,
   IconChevronLgDown,
   IconColors,
   IconCommandRegular,
@@ -36,7 +36,7 @@ export default function NavbarIconDemo() {
             <IconColors /> Themes
           </Navbar.Item>
           <Navbar.Item href="https://getjustd.com/charts">
-            <IconChart3 /> Charts
+            <IconChartBar /> Charts
           </Navbar.Item>
         </Navbar.Section>
       </Navbar.Nav>

components/docs/overlays/sheet/sheet-menu-demo.tsx

@@ -8,7 +8,7 @@ import {
   IconBrandCopilot,
   IconBrandGithub,
   IconBuilding,
-  IconChart,
+  IconChartBar,
   IconCodeBrackets,
   IconFilter,
   IconGear,

components/docs/surfaces/chart/area/area-chart-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -66,7 +66,7 @@ export default function AreaChartDemo() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2 font-medium leading-none">
-              Sales increased by 8.4% this year <IconTrendingChart3 />
+              Sales increased by 8.4% this year <IconChartTrending />
             </div>
             <div className="flex items-center gap-2 leading-none text-muted-fg">
               January - December 2023

components/docs/surfaces/chart/area/area-chart-gradient-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -89,7 +89,7 @@ export default function AreaChartGradientDemo() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2 font-medium leading-none">
-              Profit increased by 10.2% this year <IconTrendingChart3 />
+              Profit increased by 10.2% this year <IconChartTrending />
             </div>
             <div className="flex items-center gap-2 leading-none text-muted-fg">
               January - December 2024

components/docs/surfaces/chart/area/area-chart-linear-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart5 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -69,7 +69,7 @@ export default function AreaChartLinearDemo() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2 font-medium leading-none">
-              Revenue increased by 12.5% this year <IconTrendingChart5 />
+              Revenue increased by 12.5% this year <IconChartTrending />
             </div>
             <div className="flex items-center gap-2 leading-none text-muted-fg">
               January - December 2024

components/docs/surfaces/chart/bar/bar-chart-analytic-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Bar, BarChart, Rectangle, XAxis, YAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -100,7 +100,7 @@ export default function BarChartAnalyticDemo() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2 font-medium leading-none">
-              Visitors increased by 5.2% this year <IconTrendingChart3 />
+              Visitors increased by 5.2% this year <IconChartTrending />
             </div>
             <div className="flex items-center gap-2 leading-none text-muted-fg">
               Showing total visitors for last year

components/docs/surfaces/chart/bar/bar-chart-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Bar, BarChart, CartesianGrid, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -55,7 +55,7 @@ export default function BarChartDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Trending up by 10.5% this month <IconTrendingChart3 />
+          Trending up by 10.5% this month <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">Showing total sales for the last 11 months</div>
       </Card.Footer>

components/docs/surfaces/chart/bar/bar-chart-horizontal-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Bar, BarChart, CartesianGrid, LabelList, XAxis, YAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -78,7 +78,7 @@ export default function BarChartHorizontalDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Sales increased by 5.2% this year <IconTrendingChart3 />
+          Sales increased by 5.2% this year <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total visitors for the last 7 months

components/docs/surfaces/chart/bar/bar-chart-mixed-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Bar, BarChart, XAxis, YAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -86,7 +86,7 @@ export default function BarChartMixedDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Trending up by 5.2% this month <IconTrendingChart3 />
+          Trending up by 5.2% this month <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total visitors for the last 9 months

components/docs/surfaces/chart/bar/bar-chart-multiple-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Bar, BarChart, CartesianGrid, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -64,7 +64,7 @@ export default function BarChartMultipleDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Online courses increased by 15.2% this year <IconTrendingChart3 />
+          Online courses increased by 15.2% this year <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total revenue for january 2023 to august 2024

components/docs/surfaces/chart/basic-chart-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Area, AreaChart, CartesianGrid, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -90,7 +90,7 @@ export default function BasicChartDemo() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2 font-medium leading-none">
-              Profit increased by 10.2% this year <IconTrendingChart3 />
+              Profit increased by 10.2% this year <IconChartTrending />
             </div>
             <div className="flex items-center gap-2 leading-none text-muted-fg">
               January - December 2024

components/docs/surfaces/chart/line/line-chart-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { CartesianGrid, Line, LineChart, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -64,7 +64,7 @@ export default function LineChartDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Sales increased by 5.2% this year <IconTrendingChart3 />
+          Sales increased by 5.2% this year <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">Showing total visitors for one year</div>
       </Card.Footer>

components/docs/surfaces/chart/line/line-chart-dots-color-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { CartesianGrid, Dot, Line, LineChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -85,7 +85,7 @@ export default function LineChartDotsColorDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Trending up by 5.2% this month <IconTrendingChart3 />
+          Trending up by 5.2% this month <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total visitors for the last 10 months

components/docs/surfaces/chart/line/line-chart-dots-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { CartesianGrid, Line, LineChart, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -73,7 +73,7 @@ export default function LineChartDotsDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Profit increased by 5.2% this year <IconTrendingChart3 />
+          Profit increased by 5.2% this year <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total profit for the last 10 months

components/docs/surfaces/chart/line/line-chart-label-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { CartesianGrid, LabelList, Line, LineChart, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -70,7 +70,7 @@ export default function LineChartLabelDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Revenue increased by 5.2% this year <IconTrendingChart3 />
+          Revenue increased by 5.2% this year <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total revenue for the last 10 months

components/docs/surfaces/chart/line/line-chart-linear-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { CartesianGrid, Line, LineChart, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -74,7 +74,7 @@ export default function LineChartLinearDemo() {
       </Card.Content>
       <Card.Footer className="flex-col items-start gap-2 text-sm">
         <div className="flex gap-2 font-medium leading-none">
-          Sales increased by 5.2% this year <IconTrendingChart3 />
+          Sales increased by 5.2% this year <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing sales for january 2023 to october 2024

components/docs/surfaces/chart/line/line-chart-multiple-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { CartesianGrid, Line, LineChart, XAxis } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -81,7 +81,7 @@ export default function LineChartMultipleDemo() {
         <div className="flex w-full items-start gap-2 text-sm">
           <div className="grid gap-2">
             <div className="flex items-center gap-2 font-medium leading-none">
-              Profit and sales increased by 12.5% this year <IconTrendingChart3 />
+              Profit and sales increased by 12.5% this year <IconChartTrending />
             </div>
             <div className="flex items-center gap-2 leading-none text-muted-fg">
               January 2023 - April 2024

components/docs/surfaces/chart/pie/pie-chart-demo.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Label, Pie, PieChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -83,7 +83,7 @@ export default function PieChartDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <div className="flex items-center gap-2 font-medium leading-none">
-          Subscribers increased by 8.5% this year <IconTrendingChart3 />
+          Subscribers increased by 8.5% this year <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total subscribers for the last 3 months

components/docs/surfaces/chart/pie/pie-chart-label-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Pie, PieChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -58,7 +58,7 @@ export default function PieChartLabelDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <div className="flex items-center gap-2 font-medium leading-none">
-          Trending up by 5.2% this month <IconTrendingChart3 />
+          Trending up by 5.2% this month <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total visitors for the last 6 months