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

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

@@ -2,7 +2,7 @@
 
 import * as React from "react"
 
-import { IconTrendingChart4 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Pie, PieChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -86,7 +86,7 @@ export default function PieChartStackedDemo() {
       </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 <IconTrendingChart4 />
+          Trending up by 5.2% this month <IconChartTrending />
         </div>
         <div className="leading-none text-muted-fg">
           Showing total visitors for the last 6 months

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

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -45,7 +45,7 @@ export default function RadarChartDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <div className="flex items-center 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="flex items-center gap-2 leading-none text-muted-fg">
           January - December 2023

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

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -53,7 +53,7 @@ export default function RadarChartDotsDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <div className="flex items-center 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="flex items-center gap-2 leading-none text-muted-fg">
           January - December 2023

components/docs/surfaces/chart/radar/radar-chart-icon-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconArrowWall2Down, IconArrowWallUp, IconTrendingChart3 } from "justd-icons"
+import { IconArrowWall2Down, IconArrowWallUp, IconChartTrending } from "justd-icons"
 import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -53,7 +53,7 @@ export default function RadarChartIconDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 pt-4 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="flex items-center gap-2 leading-none text-muted-fg">
           January - June 2024

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

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -62,7 +62,7 @@ export default function RadarChartLineOnlyDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <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 2023

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

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -50,7 +50,7 @@ export default function RadarChartMultipleDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <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 2023

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

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { RadialBar, RadialBarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -58,7 +58,7 @@ export default function RadialChartDemo() {
       </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

components/docs/surfaces/chart/radial/radial-chart-grid-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { PolarGrid, RadialBar, RadialBarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -59,7 +59,7 @@ export default function RadialChartGridDemo() {
       </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

components/docs/surfaces/chart/radial/radial-chart-shape-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Label, PolarGrid, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -62,7 +62,7 @@ export default function RadialChartShapeDemo() {
       </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

components/docs/surfaces/chart/radial/radial-chart-stacked-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Label, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -71,7 +71,7 @@ export default function RadialChartStackedDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <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="leading-none text-muted-fg">
           Showing total profit and sales for the last 3 months

components/docs/surfaces/chart/radial/radial-chart-text-demo.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { IconTrendingChart3 } from "justd-icons"
+import { IconChartTrending } from "justd-icons"
 import { Label, PolarGrid, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts"
 import { Card, Chart, type ChartConfig } from "ui"
 
@@ -68,7 +68,7 @@ export default function RadialChartTextDemo() {
       </Card.Content>
       <Card.Footer className="flex-col gap-2 text-sm">
         <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="leading-none text-muted-fg">
           Showing total visitors for the last 3 months

components/ui/meter.tsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 
 import { motion } from "framer-motion"
-import { IconTriangleInfo } from "justd-icons"
+import { IconTriangleExclamation } from "justd-icons"
 import {
   Meter as MeterPrimitive,
   type MeterProps as MeterPrimitiveProps
@@ -27,7 +27,7 @@ const Meter = ({ label, ...props }: MeterProps) => {
               className={`text-sm tabular-nums ${percentage >= 80 ? "text-danger" : "text-muted-fg"}`}
             >
               {percentage >= 80 && (
-                <IconTriangleInfo
+                <IconTriangleExclamation
                   aria-label="Alert"
                   className="inline-block fill-danger/20 text-danger size-4 align-text-bottom"
                 />

components/ui/note.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react"
 
-import { IconCircleCheck, IconCircleInfo, IconTriangleInfo } from "justd-icons"
+import { IconCircleCheck, IconCircleInfo, IconTriangleExclamation } from "justd-icons"
 import { Text } from "react-aria-components"
 import { tv, type VariantProps } from "tailwind-variants"
 
@@ -47,7 +47,7 @@ const Note = ({ hideIndicator = false, intent = "info", className, ...props }: N
             ) : intent === "success" ? (
               <IconCircleCheck />
             ) : (
-              <IconTriangleInfo />
+              <IconTriangleExclamation />
             )}
           </div>
         )}

components/ui/toast.tsx

@@ -3,7 +3,7 @@
 import React from "react"
 
 import { useTheme } from "@/components/theme-provider"
-import { IconCheck, IconCircleInfoFill, IconTriangleInfoFill } from "justd-icons"
+import { IconCheck, IconCircleExclamationFill, IconTriangleExclamationFill } from "justd-icons"
 import { Toaster as ToasterPrimitive, type ToasterProps } from "sonner"
 import { twJoin } from "tailwind-merge"
 
@@ -17,10 +17,10 @@ const Toast = ({ ...props }: ToasterProps) => {
       theme={theme as ToasterProps["theme"]}
       className="toaster group"
       icons={{
-        info: <IconCircleInfoFill />,
+        info: <IconCircleExclamationFill />,
         success: <IconCheck />,
-        warning: <IconTriangleInfoFill />,
-        error: <IconTriangleInfoFill />,
+        warning: <IconTriangleExclamationFill />,
+        error: <IconTriangleExclamationFill />,
         loading: <Loader variant="spin" />
       }}
       toastOptions={{

package.json

@@ -27,7 +27,7 @@
     "embla-carousel-react": "^8.5.1",
     "framer-motion": "12.0.0-alpha.1",
     "input-otp": "^1.4.1",
-    "justd-icons": "^1.8.1",
+    "justd-icons": "^1.10.0",
     "next": "^15.0.3",
     "next-themes": "^0.2.1",
     "ntcjs": "^1.1.3",