diff --git a/README.md b/README.md
index 8361e1b..a42bb4a 100644
--- a/README.md
+++ b/README.md
@@ -57,6 +57,7 @@ To learn more about the available components, take a look at: https://periscope.
 All components live in `@signozhq/ui`. Import by subpath:
 
 ```ts
+import { AlertDialog } from '@signozhq/ui';
 import { AnnouncementBanner } from '@signozhq/ui';
 import { Badge } from '@signozhq/ui';
 import { Button } from '@signozhq/ui';
@@ -65,17 +66,23 @@ import { Callout } from '@signozhq/ui';
 import { Checkbox } from '@signozhq/ui';
 import { Combobox } from '@signozhq/ui';
 import { Command } from '@signozhq/ui';
+import { DatePicker } from '@signozhq/ui';
 import { Dialog } from '@signozhq/ui';
 import { Drawer } from '@signozhq/ui';
+import { DropdownMenu } from '@signozhq/ui';
 import { Input } from '@signozhq/ui';
 import { Pagination } from '@signozhq/ui';
+import { PinList } from '@signozhq/ui';
+import { Popover } from '@signozhq/ui';
 import { RadioGroup } from '@signozhq/ui';
 import { ResizablePanelGroup } from '@signozhq/ui';
-import { Toaster } from '@signozhq/ui';
 import { Switch } from '@signozhq/ui';
 import { Table } from '@signozhq/ui';
+import { Tabs } from '@signozhq/ui';
+import { Toaster } from '@signozhq/ui';
 import { Toggle } from '@signozhq/ui';
 import { ToggleGroup } from '@signozhq/ui';
+import { Tooltip } from '@signozhq/ui';
 ```
 
 ## Contributing
diff --git a/apps/docs/.storybook/modeDecorator.tsx b/apps/docs/.storybook/modeDecorator.tsx
index 182cafd..9afaf93 100644
--- a/apps/docs/.storybook/modeDecorator.tsx
+++ b/apps/docs/.storybook/modeDecorator.tsx
@@ -1,4 +1,4 @@
-import { ChevronDown, Moon, Palette, Sun } from 'lucide-react';
+import { ChevronDown, Moon, Palette, Sun } from '@signozhq/icons';
 import { useCallback, useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 
diff --git a/apps/docs/components/IconGallery.tsx b/apps/docs/components/IconGallery.tsx
index f35b568..7c76784 100644
--- a/apps/docs/components/IconGallery.tsx
+++ b/apps/docs/components/IconGallery.tsx
@@ -1,5 +1,5 @@
+import { Check, Copy } from '@signozhq/icons';
 import { Button, ButtonColor, ButtonSize, ButtonVariant, Input } from '@signozhq/ui';
-import { Check, Copy } from 'lucide-react';
 import React, { useMemo, useState } from 'react';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { FixedSizeGrid as Grid } from 'react-window';
diff --git a/apps/docs/package.json b/apps/docs/package.json
index 8801a6d..58614bb 100644
--- a/apps/docs/package.json
+++ b/apps/docs/package.json
@@ -16,11 +16,10 @@
 	"dependencies": {
 		"@radix-ui/react-tabs": "^1.1.3",
 		"@signozhq/design-tokens": "2.1.3",
-		"@signozhq/icons": "^0.1.0",
+		"@signozhq/icons": "^0.3.0",
 		"@signozhq/tailwind-config": "workspace:*",
 		"@signozhq/ui": "workspace:*",
 		"@tailwindcss/vite": "^4.2.1",
-		"lucide-react": "^0.445.0",
 		"motion": "^11.18.2",
 		"nuqs": "^2.8.9",
 		"react": "^18.2.0",
diff --git a/apps/docs/stories/combobox-simple.stories.tsx b/apps/docs/stories/combobox-simple.stories.tsx
index e7098b1..4529530 100644
--- a/apps/docs/stories/combobox-simple.stories.tsx
+++ b/apps/docs/stories/combobox-simple.stories.tsx
@@ -1,6 +1,6 @@
+import { Code, Database, GitBranch, Terminal } from '@signozhq/icons';
 import { ComboboxSimple } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Code2, Database, GitBranch, Terminal } from 'lucide-react';
 import { useState } from 'react';
 
 const meta: Meta<typeof ComboboxSimple> = {
@@ -140,7 +140,7 @@ const itemsWithIcons = [
 		value: 'react',
 		label: (
 			<>
-				<Code2 className="mr-2 h-4 w-4" />
+				<Code className="mr-2 h-4 w-4" />
 				React
 			</>
 		),
@@ -196,7 +196,7 @@ export const WithGroupsAndIcons: Story = {
 						value: 'react',
 						label: (
 							<>
-								<Code2 className="mr-2 h-4 w-4" />
+								<Code className="mr-2 h-4 w-4" />
 								React
 							</>
 						),
@@ -205,7 +205,7 @@ export const WithGroupsAndIcons: Story = {
 						value: 'vue',
 						label: (
 							<>
-								<Code2 className="mr-2 h-4 w-4" />
+								<Code className="mr-2 h-4 w-4" />
 								Vue
 							</>
 						),
diff --git a/apps/docs/stories/combobox.mdx b/apps/docs/stories/combobox.mdx
index f57e21d..02acaf3 100644
--- a/apps/docs/stories/combobox.mdx
+++ b/apps/docs/stories/combobox.mdx
@@ -56,11 +56,11 @@ export default function MyComponent() {
 ```tsx
 import { ComboboxSimple } from '@signozhq/ui';
 import { useState } from 'react';
-import { Code2, Database } from 'lucide-react';
+import { Code, Database } from '@signozhq/icons';
 
 const items = [
-	{ value: 'react', label: <><Code2 className="mr-2 h-4 w-4" />React</> },
-	{ value: 'vue', label: <><Code2 className="mr-2 h-4 w-4" />Vue</> },
+	{ value: 'react', label: <><Code className="mr-2 h-4 w-4" />React</> },
+	{ value: 'vue', label: <><Code className="mr-2 h-4 w-4" />Vue</> },
 	{ value: 'postgres', label: <><Database className="mr-2 h-4 w-4" />PostgreSQL</> },
 ];
 
@@ -83,11 +83,11 @@ export default function MyComponent() {
 ```tsx
 import { ComboboxSimple } from '@signozhq/ui';
 import { useState } from 'react';
-import { Code2 } from 'lucide-react';
+import { Code } from '@signozhq/icons';
 
 const items = [
-	{ value: 'react', label: <><Code2 className="mr-2 h-4 w-4" />React</>, displayValue: 'React' },
-	{ value: 'vue', label: <><Code2 className="mr-2 h-4 w-4" />Vue</>, displayValue: 'Vue' },
+	{ value: 'react', label: <><Code className="mr-2 h-4 w-4" />React</>, displayValue: 'React' },
+	{ value: 'vue', label: <><Code className="mr-2 h-4 w-4" />Vue</>, displayValue: 'Vue' },
 ];
 
 export default function MyComponent() {
diff --git a/apps/docs/stories/combobox.stories.tsx b/apps/docs/stories/combobox.stories.tsx
index 6250443..79b6c12 100644
--- a/apps/docs/stories/combobox.stories.tsx
+++ b/apps/docs/stories/combobox.stories.tsx
@@ -1,3 +1,4 @@
+import { Code, Database, GitBranch, Terminal } from '@signozhq/icons';
 import {
 	Combobox,
 	ComboboxCommand,
@@ -12,7 +13,6 @@ import {
 	ComboboxTrigger,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Code2, Database, GitBranch, Terminal } from 'lucide-react';
 import { useState } from 'react';
 
 const meta: Meta<typeof Combobox> = {
@@ -595,7 +595,7 @@ export const WithIcons: Story = {
 			{
 				value: 'react',
 				label: 'React',
-				icon: Code2,
+				icon: Code,
 			},
 			{
 				value: 'nodejs',
diff --git a/apps/docs/stories/data-table.stories.tsx b/apps/docs/stories/data-table.stories.tsx
index 4f8282e..20c840e 100644
--- a/apps/docs/stories/data-table.stories.tsx
+++ b/apps/docs/stories/data-table.stories.tsx
@@ -1,3 +1,4 @@
+import { CircleAlert, CircleCheck, CircleX, Clock, Eye, Pencil, Trash2 } from '@signozhq/icons';
 import {
 	Badge,
 	DataTable as BaseDataTable,
@@ -7,8 +8,9 @@ import {
 	type Row,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { LucideIcon } from 'lucide-react';
-import { AlertCircle, CheckCircle, Clock, Edit, Eye, Trash2, XCircle } from 'lucide-react';
+
+type IconComponent = React.ComponentType<{ className?: string; size?: number }>;
+
 import * as React from 'react';
 
 // Create a properly typed wrapper component
@@ -278,16 +280,16 @@ const enhancedColumns: ColumnDef<User>[] = [
 			const status = row.getValue('status') as User['status'];
 			const statusMap: Record<
 				User['status'],
-				{ label: string; icon: LucideIcon; className: string }
+				{ label: string; icon: IconComponent; className: string }
 			> = {
 				active: {
 					label: 'Active',
-					icon: CheckCircle,
+					icon: CircleCheck,
 					className: 'bg-green-100 text-green-800 border-green-200',
 				},
 				inactive: {
 					label: 'Inactive',
-					icon: XCircle,
+					icon: CircleX,
 					className: 'bg-red-100 text-red-800 border-red-200',
 				},
 				pending: {
@@ -297,7 +299,7 @@ const enhancedColumns: ColumnDef<User>[] = [
 				},
 				suspended: {
 					label: 'Suspended',
-					icon: AlertCircle,
+					icon: CircleAlert,
 					className: 'bg-gray-100 text-gray-800 border-gray-200',
 				},
 			};
@@ -397,7 +399,7 @@ const enhancedColumns: ColumnDef<User>[] = [
 						<Eye className="h-4 w-4" />
 					</Button>
 					<Button variant="ghost" color={ButtonColor.None} size="sm" className="h-8 w-8 p-0">
-						<Edit className="h-4 w-4" />
+						<Pencil className="h-4 w-4" />
 					</Button>
 					<Button
 						variant="ghost"
@@ -630,11 +632,11 @@ export const Compact: StoryObj<typeof DataTable<User>> = {
 				header: 'Status',
 				cell: ({ row }: { row: Row<User> }) => {
 					const status = row.original.status;
-					const statusMap: Record<User['status'], { icon: LucideIcon; className: string }> = {
-						active: { icon: CheckCircle, className: 'text-green-600' },
-						inactive: { icon: XCircle, className: 'text-red-600' },
+					const statusMap: Record<User['status'], { icon: IconComponent; className: string }> = {
+						active: { icon: CircleCheck, className: 'text-green-600' },
+						inactive: { icon: CircleX, className: 'text-red-600' },
 						pending: { icon: Clock, className: 'text-yellow-600' },
-						suspended: { icon: AlertCircle, className: 'text-gray-600' },
+						suspended: { icon: CircleAlert, className: 'text-gray-600' },
 					};
 					const statusInfo = statusMap[status];
 					const Icon = statusInfo.icon;
@@ -840,12 +842,12 @@ export const AllFeatures: StoryObj<typeof DataTable<User>> = {
 					> = {
 						active: {
 							label: 'Active',
-							icon: CheckCircle,
+							icon: CircleCheck,
 							className: 'bg-green-100 text-green-800 border-green-200',
 						},
 						inactive: {
 							label: 'Inactive',
-							icon: XCircle,
+							icon: CircleX,
 							className: 'bg-red-100 text-red-800 border-red-200',
 						},
 						pending: {
@@ -855,7 +857,7 @@ export const AllFeatures: StoryObj<typeof DataTable<User>> = {
 						},
 						suspended: {
 							label: 'Suspended',
-							icon: AlertCircle,
+							icon: CircleAlert,
 							className: 'bg-gray-100 text-gray-800 border-gray-200',
 						},
 					};
@@ -942,7 +944,7 @@ export const AllFeatures: StoryObj<typeof DataTable<User>> = {
 								<Eye className="h-4 w-4" />
 							</Button>
 							<Button variant="ghost" color={ButtonColor.None} size="sm" className="h-8 w-8 p-0">
-								<Edit className="h-4 w-4" />
+								<Pencil className="h-4 w-4" />
 							</Button>
 							<Button
 								variant="ghost"
@@ -1089,12 +1091,12 @@ export const VirtualizationWithFeatures: StoryObj<typeof DataTable<User>> = {
 					> = {
 						active: {
 							label: 'Active',
-							icon: CheckCircle,
+							icon: CircleCheck,
 							className: 'bg-green-100 text-green-800 border-green-200',
 						},
 						inactive: {
 							label: 'Inactive',
-							icon: XCircle,
+							icon: CircleX,
 							className: 'bg-red-100 text-red-800 border-red-200',
 						},
 						pending: {
@@ -1104,7 +1106,7 @@ export const VirtualizationWithFeatures: StoryObj<typeof DataTable<User>> = {
 						},
 						suspended: {
 							label: 'Suspended',
-							icon: AlertCircle,
+							icon: CircleAlert,
 							className: 'bg-gray-100 text-gray-800 border-gray-200',
 						},
 					};
@@ -1191,7 +1193,7 @@ export const VirtualizationWithFeatures: StoryObj<typeof DataTable<User>> = {
 								<Eye className="h-4 w-4" />
 							</Button>
 							<Button variant="ghost" color={ButtonColor.None} size="sm" className="h-8 w-8 p-0">
-								<Edit className="h-4 w-4" />
+								<Pencil className="h-4 w-4" />
 							</Button>
 							<Button
 								variant="ghost"
@@ -1540,11 +1542,11 @@ export const StickyHeaders: StoryObj<typeof DataTable<User>> = {
 				header: 'Status',
 				size: 120,
 				cell: ({ row }: { row: Row<User> }) => {
-					const statusMap: Record<User['status'], { icon: LucideIcon; className: string }> = {
-						active: { icon: CheckCircle, className: 'text-green-600' },
-						inactive: { icon: XCircle, className: 'text-red-600' },
+					const statusMap: Record<User['status'], { icon: IconComponent; className: string }> = {
+						active: { icon: CircleCheck, className: 'text-green-600' },
+						inactive: { icon: CircleX, className: 'text-red-600' },
 						pending: { icon: Clock, className: 'text-yellow-600' },
-						suspended: { icon: AlertCircle, className: 'text-orange-600' },
+						suspended: { icon: CircleAlert, className: 'text-orange-600' },
 					};
 					const status = statusMap[row.original.status];
 					const Icon = status.icon;
diff --git a/apps/docs/stories/dropdown-menu-item.stories.tsx b/apps/docs/stories/dropdown-menu-item.stories.tsx
index dda2d21..63fc0bf 100644
--- a/apps/docs/stories/dropdown-menu-item.stories.tsx
+++ b/apps/docs/stories/dropdown-menu-item.stories.tsx
@@ -1,3 +1,4 @@
+import { Check, LogOut, Settings, User } from '@signozhq/icons';
 import {
 	Button,
 	DropdownMenu,
@@ -7,7 +8,6 @@ import {
 	DropdownMenuTrigger,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Check, LogOut, Settings, User } from 'lucide-react';
 
 const meta: Meta<typeof DropdownMenuItem> = {
 	title: 'Components/DropdownMenu/DropdownMenuItem',
diff --git a/apps/docs/stories/dropdown-menu-multi-step.stories.tsx b/apps/docs/stories/dropdown-menu-multi-step.stories.tsx
index 7b35b52..f3382d7 100644
--- a/apps/docs/stories/dropdown-menu-multi-step.stories.tsx
+++ b/apps/docs/stories/dropdown-menu-multi-step.stories.tsx
@@ -1,3 +1,4 @@
+import { Settings, User } from '@signozhq/icons';
 import {
 	Button,
 	DropdownMenuItem,
@@ -7,7 +8,6 @@ import {
 	DropdownMenuTrigger,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Settings, User } from 'lucide-react';
 
 const meta: Meta<typeof DropdownMenuMultiStep> = {
 	title: 'Components/DropdownMenu/DropdownMenuMultiStep',
diff --git a/apps/docs/stories/dropdown-menu-sub-trigger.stories.tsx b/apps/docs/stories/dropdown-menu-sub-trigger.stories.tsx
index 4b722b9..81e647f 100644
--- a/apps/docs/stories/dropdown-menu-sub-trigger.stories.tsx
+++ b/apps/docs/stories/dropdown-menu-sub-trigger.stories.tsx
@@ -1,3 +1,4 @@
+import { Link, Settings } from '@signozhq/icons';
 import {
 	Button,
 	DropdownMenu,
@@ -9,7 +10,6 @@ import {
 	DropdownMenuTrigger,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Link, Settings } from 'lucide-react';
 
 const meta: Meta<typeof DropdownMenuSubTrigger> = {
 	title: 'Components/DropdownMenu/DropdownMenuSubTrigger',
diff --git a/apps/docs/stories/dropdown-menu-sub.stories.tsx b/apps/docs/stories/dropdown-menu-sub.stories.tsx
index 0cdce5a..7ea9e34 100644
--- a/apps/docs/stories/dropdown-menu-sub.stories.tsx
+++ b/apps/docs/stories/dropdown-menu-sub.stories.tsx
@@ -1,3 +1,4 @@
+import { Link, Settings } from '@signozhq/icons';
 import {
 	Button,
 	DropdownMenu,
@@ -9,7 +10,6 @@ import {
 	DropdownMenuTrigger,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Link, Settings } from 'lucide-react';
 import * as React from 'react';
 
 function SubMenuFrame({
diff --git a/apps/docs/stories/intro.mdx b/apps/docs/stories/intro.mdx
index 79da3f7..2d43b40 100644
--- a/apps/docs/stories/intro.mdx
+++ b/apps/docs/stories/intro.mdx
@@ -61,6 +61,7 @@ To learn more about the available components, take a look at: https://periscope.
 All components live in `@signozhq/ui`. Import by subpath:
 
 ```ts
+import { AlertDialog } from '@signozhq/ui';
 import { AnnouncementBanner } from '@signozhq/ui';
 import { Badge } from '@signozhq/ui';
 import { Button } from '@signozhq/ui';
@@ -69,15 +70,21 @@ import { Callout } from '@signozhq/ui';
 import { Checkbox } from '@signozhq/ui';
 import { Combobox } from '@signozhq/ui';
 import { Command } from '@signozhq/ui';
+import { DatePicker } from '@signozhq/ui';
 import { Dialog } from '@signozhq/ui';
 import { Drawer } from '@signozhq/ui';
+import { DropdownMenu } from '@signozhq/ui';
 import { Input } from '@signozhq/ui';
 import { Pagination } from '@signozhq/ui';
+import { PinList } from '@signozhq/ui';
+import { Popover } from '@signozhq/ui';
 import { RadioGroup } from '@signozhq/ui';
 import { ResizablePanelGroup } from '@signozhq/ui';
-import { Toaster } from '@signozhq/ui';
 import { Switch } from '@signozhq/ui';
 import { Table } from '@signozhq/ui';
+import { Tabs } from '@signozhq/ui';
+import { Toaster } from '@signozhq/ui';
 import { Toggle } from '@signozhq/ui';
 import { ToggleGroup } from '@signozhq/ui';
+import { Tooltip } from '@signozhq/ui';
 ```
diff --git a/apps/docs/stories/pin-list.mdx b/apps/docs/stories/pin-list.mdx
index c0d96aa..5603d74 100644
--- a/apps/docs/stories/pin-list.mdx
+++ b/apps/docs/stories/pin-list.mdx
@@ -13,7 +13,7 @@ A pin list component for displaying items that can be pinned/unpinned as shortcu
 
 ```tsx
 import { PinList } from '@signozhq/ui';
-import { FileText, BarChart } from 'lucide-react';
+import { FileText, ChartBar } from '@signozhq/icons';
 
 export default function MyComponent() {
 	const items = [
@@ -30,7 +30,7 @@ export default function MyComponent() {
 			key: '2',
 			itemKey: '2',
 			label: 'Metrics',
-			icon: <BarChart />,
+			icon: <ChartBar />,
 			isPinned: false,
 			isEnabled: true,
 		},
diff --git a/apps/docs/stories/pin-list.stories.tsx b/apps/docs/stories/pin-list.stories.tsx
index 3cac1cf..87c8e04 100644
--- a/apps/docs/stories/pin-list.stories.tsx
+++ b/apps/docs/stories/pin-list.stories.tsx
@@ -1,6 +1,6 @@
+import { Bug, ChartBar, FileText, GitBranch, Globe, Hexagon, List, Server } from '@signozhq/icons';
 import { PinList, type PinListItem } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { BarChart, Bug, FileText, GitBranch, Globe, Hexagon, List, Server } from 'lucide-react';
 import type React from 'react';
 
 /**
@@ -129,7 +129,7 @@ type Story = StoryObj<typeof PinList>;
 
 const defaultItems: PinListItem[] = [
 	createPinListItem('1', 'Logs', <FileText />, { isPinned: true, active: true }),
-	createPinListItem('2', 'Metrics', <BarChart />, { isPinned: false }),
+	createPinListItem('2', 'Metrics', <ChartBar />, { isPinned: false }),
 	createPinListItem('3', 'Traces', <GitBranch />, { isPinned: false }),
 	createPinListItem('4', 'Services', <Server />, { isPinned: false }),
 	createPinListItem('5', 'Infrastructure', <Hexagon />, { isPinned: false }),
@@ -174,7 +174,7 @@ export const EmptyShortcuts: Story = {
 	args: {
 		items: [
 			createPinListItem('1', 'Logs', <FileText />, { isPinned: false }),
-			createPinListItem('2', 'Metrics', <BarChart />, { isPinned: false }),
+			createPinListItem('2', 'Metrics', <ChartBar />, { isPinned: false }),
 			createPinListItem('3', 'Traces', <GitBranch />, { isPinned: false }),
 			createPinListItem('4', 'Services', <Server />, { isPinned: false }),
 			createPinListItem('5', 'Infrastructure', <Hexagon />, { isPinned: false }),
@@ -203,7 +203,7 @@ export const AllPinned: Story = {
 				isPinned: true,
 				active: true,
 			}),
-			createPinListItem('2', 'Metrics', <BarChart />, { isPinned: true }),
+			createPinListItem('2', 'Metrics', <ChartBar />, { isPinned: true }),
 			createPinListItem('3', 'Traces', <GitBranch />, { isPinned: true }),
 			createPinListItem('4', 'Services', <Server />, { isPinned: true }),
 			createPinListItem('5', 'Infrastructure', <Hexagon />, { isPinned: true }),
@@ -274,7 +274,7 @@ export const WithCustomClassNames: Story = {
 				active: true,
 				className: 'bg-primary/10',
 			}),
-			createPinListItem('2', 'Metrics', <BarChart />, { isPinned: false }),
+			createPinListItem('2', 'Metrics', <ChartBar />, { isPinned: false }),
 		],
 		shortcutsLabel: 'SHORTCUTS',
 		moreLabel: 'MORE',
diff --git a/apps/docs/stories/popover.stories.tsx b/apps/docs/stories/popover.stories.tsx
index bfedb94..ab21b92 100644
--- a/apps/docs/stories/popover.stories.tsx
+++ b/apps/docs/stories/popover.stories.tsx
@@ -1,3 +1,4 @@
+import { ChevronDown } from '@signozhq/icons';
 import {
 	Button,
 	ButtonColor,
@@ -9,7 +10,6 @@ import {
 	PopoverTrigger,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ChevronDown } from 'lucide-react';
 import React from 'react';
 import { popoverArgTypes } from './shared/popover-arg-types.js';
 
diff --git a/apps/docs/stories/resizable-panel.stories.tsx b/apps/docs/stories/resizable-panel.stories.tsx
index 4faca11..c4110b2 100644
--- a/apps/docs/stories/resizable-panel.stories.tsx
+++ b/apps/docs/stories/resizable-panel.stories.tsx
@@ -1,6 +1,6 @@
+import { Code, Settings } from '@signozhq/icons';
 import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Code, Settings } from 'lucide-react';
 
 const meta: Meta<typeof ResizablePanel> = {
 	title: 'Components/Resizable/ResizablePanel',
diff --git a/apps/docs/stories/resizable.stories.tsx b/apps/docs/stories/resizable.stories.tsx
index b5a8dea..929dff3 100644
--- a/apps/docs/stories/resizable.stories.tsx
+++ b/apps/docs/stories/resizable.stories.tsx
@@ -1,3 +1,4 @@
+import { ChartBar, Code, Database, FileText, Settings, Terminal } from '@signozhq/icons';
 import {
 	ResizableHandle,
 	ResizablePanel,
@@ -5,7 +6,6 @@ import {
 	useDefaultLayout,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { BarChart3, Code, Database, FileText, Settings, Terminal } from 'lucide-react';
 
 const meta: Meta<typeof ResizablePanelGroup> = {
 	title: 'Components/Resizable',
@@ -151,7 +151,7 @@ export const Default: Story = {
 						<ResizablePanel defaultSize="70%">
 							<div className="flex h-full items-center justify-center">
 								<div className="text-center">
-									<BarChart3 className="mx-auto mb-2 h-8 w-8 text-muted-foreground" />
+									<ChartBar className="mx-auto mb-2 h-8 w-8 text-muted-foreground" />
 									<span className="text-sm font-medium">Main Dashboard</span>
 								</div>
 							</div>
@@ -245,7 +245,7 @@ export const HorizontalLayout: Story = {
 					<ResizablePanelGroup orientation="horizontal">
 						<ResizablePanel defaultSize="20%" minSize="15%" maxSize="30%">
 							<div className="flex h-full flex-col p-4 bg-muted">
-								<BarChart3 className="h-5 w-5 mb-2 text-muted-foreground" />
+								<ChartBar className="h-5 w-5 mb-2 text-muted-foreground" />
 								<h3 className="font-medium mb-2">Metrics</h3>
 								<div className="text-xs text-muted-foreground space-y-1">
 									<div>CPU: 45%</div>
@@ -487,7 +487,7 @@ export const CollapsiblePanels: Story = {
 								<h3 className="font-medium mb-4">Main Workspace</h3>
 								<div className="flex-1 bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-lg flex items-center justify-center">
 									<div className="text-center">
-										<BarChart3 className="mx-auto mb-2 h-12 w-12 text-blue-500" />
+										<ChartBar className="mx-auto mb-2 h-12 w-12 text-blue-500" />
 										<span className="text-lg font-medium">Dashboard Content</span>
 									</div>
 								</div>
@@ -646,7 +646,7 @@ export const PanelPlayground: Story = {
 					<ResizablePanel defaultSize="30%" minSize="20%" maxSize="60%" collapsible={false}>
 						<div className="flex h-full items-center justify-center bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-blue-900/20 dark:to-indigo-900/20">
 							<div className="text-center">
-								<BarChart3 className="mx-auto mb-2 h-8 w-8 text-blue-600" />
+								<ChartBar className="mx-auto mb-2 h-8 w-8 text-blue-600" />
 								<span className="text-sm font-medium">Configurable Panel</span>
 								<div className="text-xs text-muted-foreground mt-2 space-y-1">
 									<div>Default: 30%</div>
diff --git a/apps/docs/stories/table.stories.tsx b/apps/docs/stories/table.stories.tsx
index d60b932..c371307 100644
--- a/apps/docs/stories/table.stories.tsx
+++ b/apps/docs/stories/table.stories.tsx
@@ -1,3 +1,13 @@
+import {
+	CircleAlert,
+	CircleCheck,
+	CircleX,
+	Clock,
+	Eye,
+	Pencil,
+	Trash2,
+	Upload,
+} from '@signozhq/icons';
 import {
 	Badge,
 	Button,
@@ -11,7 +21,6 @@ import {
 	TableRow,
 } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { AlertCircle, CheckCircle, Clock, Edit, Eye, Trash2, Upload, XCircle } from 'lucide-react';
 
 // Enhanced sample data
 const users = [
@@ -214,8 +223,8 @@ export const Enhanced: Story = {
 								</TableCell>
 								<TableCell>
 									<div className="flex items-center gap-2">
-										{user.status === 'active' && <CheckCircle className="h-4 w-4 text-green-600" />}
-										{user.status === 'inactive' && <XCircle className="h-4 w-4 text-red-600" />}
+										{user.status === 'active' && <CircleCheck className="h-4 w-4 text-green-600" />}
+										{user.status === 'inactive' && <CircleX className="h-4 w-4 text-red-600" />}
 										{user.status === 'pending' && <Clock className="h-4 w-4 text-yellow-600" />}
 										<Badge
 											variant="outline"
@@ -255,7 +264,7 @@ export const Enhanced: Story = {
 											size="sm"
 											className="h-8 w-8 p-0"
 										>
-											<Edit className="h-4 w-4" />
+											<Pencil className="h-4 w-4" />
 										</Button>
 										<Button
 											variant="ghost"
@@ -346,7 +355,7 @@ export const Empty: Story = {
 						<TableRow>
 							<TableCell colSpan={4} className="text-center py-12">
 								<div className="flex flex-col items-center gap-2">
-									<AlertCircle className="h-8 w-8 text-muted-foreground" />
+									<CircleAlert className="h-8 w-8 text-muted-foreground" />
 									<p className="text-sm font-medium text-foreground">No users found</p>
 									<p className="text-sm text-muted-foreground">
 										Get started by creating a new user.
@@ -405,8 +414,8 @@ export const Compact: Story = {
 									<Badge className="text-xs capitalize">{user.role}</Badge>
 								</TableCell>
 								<TableCell>
-									{user.status === 'active' && <CheckCircle className="h-4 w-4 text-green-600" />}
-									{user.status === 'inactive' && <XCircle className="h-4 w-4 text-red-600" />}
+									{user.status === 'active' && <CircleCheck className="h-4 w-4 text-green-600" />}
+									{user.status === 'inactive' && <CircleX className="h-4 w-4 text-red-600" />}
 									{user.status === 'pending' && <Clock className="h-4 w-4 text-yellow-600" />}
 								</TableCell>
 							</TableRow>
diff --git a/apps/docs/stories/tabs-root.stories.tsx b/apps/docs/stories/tabs-root.stories.tsx
index 6af7eec..8fc3c31 100644
--- a/apps/docs/stories/tabs-root.stories.tsx
+++ b/apps/docs/stories/tabs-root.stories.tsx
@@ -1,6 +1,6 @@
+import { CircleAlert, History, Settings } from '@signozhq/icons';
 import { TabsContent, TabsList, TabsRoot, TabsTrigger } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { AlertCircle, History, Settings } from 'lucide-react';
 
 const meta: Meta<typeof TabsRoot> = {
 	title: 'Components/Tabs/TabsRoot',
@@ -83,7 +83,7 @@ export const PrimaryVariant: Story = {
 					Overview
 				</TabsTrigger>
 				<TabsTrigger value="issues" variant="primary">
-					<AlertCircle className="size-4" />
+					<CircleAlert className="size-4" />
 					Issues
 				</TabsTrigger>
 				<TabsTrigger value="history" variant="primary">
diff --git a/apps/docs/stories/tabs.mdx b/apps/docs/stories/tabs.mdx
index 6f4c240..fdc1af9 100644
--- a/apps/docs/stories/tabs.mdx
+++ b/apps/docs/stories/tabs.mdx
@@ -19,7 +19,7 @@ Use the main `Tabs` component with an `items` array for the most common use case
 
 ```tsx
 import { Tabs } from '@signozhq/ui';
-import { Settings, AlertCircle } from 'lucide-react';
+import { Settings, CircleAlert } from '@signozhq/icons';
 
 export default function MyComponent() {
 	const items = [
@@ -33,7 +33,7 @@ export default function MyComponent() {
 			key: 'issues',
 			label: 'Issues',
 			children: 'Issues content',
-			prefixIcon: <AlertCircle className="size-4" />,
+			prefixIcon: <CircleAlert className="size-4" />,
 		},
 	];
 
@@ -75,14 +75,14 @@ export default function MyComponent() {
 
 ```tsx
 import { Tabs } from '@signozhq/ui';
-import { HomeIcon, LockIcon } from 'lucide-react';
+import { House, Lock } from '@signozhq/icons';
 
 <Tabs
 	items={[
 		{
 			key: 'home',
 			label: 'Home',
-			prefixIcon: <HomeIcon />,
+			prefixIcon: <House />,
 			children: <div>Home</div>,
 		},
 		{
diff --git a/apps/docs/stories/tabs.stories.tsx b/apps/docs/stories/tabs.stories.tsx
index e60680b..e2b035d 100644
--- a/apps/docs/stories/tabs.stories.tsx
+++ b/apps/docs/stories/tabs.stories.tsx
@@ -1,16 +1,17 @@
-import { Component, LayoutGrid } from '@signozhq/icons';
-import { type TabItemProps, Tabs, type TabVariants } from '@signozhq/ui';
-import type { Meta, StoryObj } from '@storybook/react-vite';
 import {
-	AlertCircle,
+	CircleAlert,
 	Clock,
+	Component,
 	History,
+	LayoutGrid,
 	List,
 	Lock,
 	Settings,
 	Settings2,
 	ShieldAlert,
-} from 'lucide-react';
+} from '@signozhq/icons';
+import { type TabItemProps, Tabs, type TabVariants } from '@signozhq/ui';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 
 const meta: Meta<typeof Tabs> = {
 	title: 'Components/Tabs',
@@ -104,7 +105,7 @@ const playgroundItems: (TabItemProps & { variant?: TabVariants })[] = [
 		children: 'Issues content panel',
 		disabled: true,
 		disabledReason: 'Issues are temporarily unavailable',
-		prefixIcon: <AlertCircle className="size-4" />,
+		prefixIcon: <CircleAlert className="size-4" />,
 	},
 	{
 		key: 'history',
@@ -153,7 +154,7 @@ const defaultItems: TabItemProps[] = [
 		children: 'Issues content panel',
 		disabled: true,
 		disabledReason: 'Issues are temporarily unavailable',
-		prefixIcon: <AlertCircle className="size-4" />,
+		prefixIcon: <CircleAlert className="size-4" />,
 	},
 	{
 		key: 'history',
@@ -348,7 +349,7 @@ const primaryItems = [
 		children: 'Issues content',
 		disabled: true,
 		disabledReason: 'Issues feature is currently under maintenance',
-		prefixIcon: <AlertCircle className="size-4" />,
+		prefixIcon: <CircleAlert className="size-4" />,
 	},
 	{
 		key: 'history',
diff --git a/apps/docs/stories/toggle-group-item.stories.tsx b/apps/docs/stories/toggle-group-item.stories.tsx
index ffd04f8..2f9bf8d 100644
--- a/apps/docs/stories/toggle-group-item.stories.tsx
+++ b/apps/docs/stories/toggle-group-item.stories.tsx
@@ -1,6 +1,6 @@
+import { AlignCenter, AlignLeft, AlignRight, Bold } from '@signozhq/icons';
 import { ToggleGroup, ToggleGroupItem } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { AlignCenter, AlignLeft, AlignRight, Bold } from 'lucide-react';
 
 const meta: Meta<typeof ToggleGroupItem> = {
 	title: 'Components/ToggleGroup/ToggleGroupItem',
diff --git a/apps/docs/stories/toggle-group-simple.stories.tsx b/apps/docs/stories/toggle-group-simple.stories.tsx
index 4aa276f..133f747 100644
--- a/apps/docs/stories/toggle-group-simple.stories.tsx
+++ b/apps/docs/stories/toggle-group-simple.stories.tsx
@@ -1,6 +1,6 @@
+import { Bold, Italic, LayoutGrid, List, Underline } from '@signozhq/icons';
 import { ToggleGroupSimple, type ToggleGroupSimpleItem } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Bold, Italic, LayoutGrid, List, Underline } from 'lucide-react';
 
 const meta: Meta<typeof ToggleGroupSimple> = {
 	title: 'Components/ToggleGroup/ToggleGroupSimple',
diff --git a/apps/docs/stories/toggle-group.mdx b/apps/docs/stories/toggle-group.mdx
index f5c8612..c941d81 100644
--- a/apps/docs/stories/toggle-group.mdx
+++ b/apps/docs/stories/toggle-group.mdx
@@ -59,7 +59,7 @@ For full control over each option, use `ToggleGroup` with `ToggleGroupItem` as c
 
 ```tsx
 import { ToggleGroup, ToggleGroupItem } from '@signozhq/ui';
-import { AlignLeft, AlignCenter, AlignRight } from 'lucide-react';
+import { AlignLeft, AlignCenter, AlignRight } from '@signozhq/icons';
 
 export default function MyComponent() {
   return (
diff --git a/apps/docs/stories/toggle.mdx b/apps/docs/stories/toggle.mdx
index b62e9ad..4bc2de0 100644
--- a/apps/docs/stories/toggle.mdx
+++ b/apps/docs/stories/toggle.mdx
@@ -13,7 +13,7 @@ A two-state button that can be toggled on or off. For grouped toggles, use Toggl
 
 ```tsx
 import { Toggle } from '@signozhq/ui';
-import { Bold } from 'lucide-react';
+import { Bold } from '@signozhq/icons';
 
 export default function MyComponent() {
   return (
@@ -28,7 +28,7 @@ export default function MyComponent() {
 
 ```tsx
 import { Toggle } from '@signozhq/ui';
-import { Bold } from 'lucide-react';
+import { Bold } from '@signozhq/icons';
 
 export default function MyComponent() {
   const [bold, setBold] = React.useState(false);
diff --git a/apps/docs/stories/toggle.stories.tsx b/apps/docs/stories/toggle.stories.tsx
index 9b0015e..28f2cd7 100644
--- a/apps/docs/stories/toggle.stories.tsx
+++ b/apps/docs/stories/toggle.stories.tsx
@@ -1,6 +1,6 @@
+import { Bold } from '@signozhq/icons';
 import { Toggle, type ToggleColor } from '@signozhq/ui';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Bold } from 'lucide-react';
 
 const meta: Meta<typeof Toggle> = {
 	title: 'Components/Toggle',
diff --git a/package.json b/package.json
index 0560e5c..d3e4c22 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
 	"name": "design-system",
 	"dependencies": {
 		"@signozhq/design-tokens": "2.1.3",
-		"@signozhq/icons": "^0.1.0"
+		"@signozhq/icons": "0.3.0"
 	},
 	"pnpm": {
 		"overrides": {
diff --git a/packages/typescript-config/vite.config.extend.ts b/packages/typescript-config/vite.config.extend.ts
index 064d2ce..a01e47a 100644
--- a/packages/typescript-config/vite.config.extend.ts
+++ b/packages/typescript-config/vite.config.extend.ts
@@ -12,11 +12,7 @@ export const externalPatterns = [
 	'react-dom',
 	'react/jsx-runtime',
 	'react/jsx-dev-runtime',
-	'tailwindcss',
 	'clsx',
-	'tailwind-merge',
-	'class-variance-authority',
-	'lucide-react',
 	'cmdk',
 	'sonner',
 	'next-themes',
diff --git a/packages/ui/package.json b/packages/ui/package.json
index b2c2332..8116440 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -34,17 +34,14 @@
 	},
 	"devDependencies": {
 		"@repo/typescript-config": "workspace:*",
-		"@signozhq/tailwind-config": "workspace:*",
-		"@tailwindcss/postcss": "^4.1.4",
 		"@testing-library/jest-dom": "^6.6.3",
 		"@testing-library/react": "^16.0.1",
 		"@types/node": "^22.5.5",
 		"@types/react": "^18.2.61",
+		"@vitejs/plugin-react": "^5.1.4",
 		"jsdom": "^28.1.0",
-		"postcss": "^8.4.47",
 		"publint": "^0.3.17",
-		"sass-embedded": "^1.97.3",
-		"tailwindcss": "^4.1.4",
+		"vite": "npm:rolldown-vite@7.3.1",
 		"vitest": "^4.0.18"
 	},
 	"dependencies": {
@@ -63,28 +60,21 @@
 		"@tanstack/react-table": "^8.21.3",
 		"@tanstack/react-virtual": "^3.13.9",
 		"@types/lodash-es": "^4.17.12",
-		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
-		"date-fns": "^4.1.0",
 		"dayjs": "^1.11.10",
 		"lodash-es": "^4.17.21",
-		"lucide-react": "^0.445.0",
-		"lucide-solid": "^0.510.0",
 		"motion": "^11.11.17",
 		"next-themes": "^0.4.6",
 		"nuqs": "^2.8.9",
 		"react-day-picker": "^9.8.1",
 		"react-resizable-panels": "^4.7.1",
-		"sonner": "^2.0.7",
-		"tailwind-merge": "^3.5.0"
+		"sonner": "^2.0.7"
 	},
 	"peerDependencies": {
-		"@signozhq/icons": "^0.1.0",
+		"@signozhq/icons": "0.3.0",
 		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"tailwindcss": "^4.1.4",
-		"tailwindcss-animate": "^1.0.7"
+		"react-dom": "^18.2.0"
 	},
 	"publishConfig": {
 		"access": "public"
diff --git a/packages/ui/src/button/button.tsx b/packages/ui/src/button/button.tsx
index ac533bf..180b1fd 100644
--- a/packages/ui/src/button/button.tsx
+++ b/packages/ui/src/button/button.tsx
@@ -1,5 +1,5 @@
 import { Slot } from '@radix-ui/react-slot';
-import { Loader2 } from 'lucide-react';
+import { LoaderCircle } from '@signozhq/icons';
 import type React from 'react';
 import { cloneElement, forwardRef } from 'react';
 import { cn } from '../lib/utils.js';
@@ -151,7 +151,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>(
 				{...props}
 			>
 				{loading ? (
-					<Loader2 size={iconSizes[size]} className="animate-fast-spin" />
+					<LoaderCircle size={iconSizes[size]} className="animate-fast-spin" />
 				) : (
 					(prefix &&
 						cloneElement(prefix, {
diff --git a/packages/ui/src/calendar/calendar.tsx b/packages/ui/src/calendar/calendar.tsx
index 7a079eb..9264b98 100644
--- a/packages/ui/src/calendar/calendar.tsx
+++ b/packages/ui/src/calendar/calendar.tsx
@@ -1,4 +1,4 @@
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from 'lucide-react';
+import { ChevronDown, ChevronLeft, ChevronRight } from '@signozhq/icons';
 import * as React from 'react';
 import {
 	type ClassNames,
@@ -166,20 +166,14 @@ export function Calendar({
 			// eslint-disable-next-line react/prop-types
 			Chevron: ({ className, orientation, ...props }) => {
 				if (orientation === 'left') {
-					return (
-						<ChevronLeftIcon className={cn(styles['calendar__chevron'], className)} {...props} />
-					);
+					return <ChevronLeft className={cn(styles['calendar__chevron'], className)} {...props} />;
 				}
 
 				if (orientation === 'right') {
-					return (
-						<ChevronRightIcon className={cn(styles['calendar__chevron'], className)} {...props} />
-					);
+					return <ChevronRight className={cn(styles['calendar__chevron'], className)} {...props} />;
 				}
 
-				return (
-					<ChevronDownIcon className={cn(styles['calendar__chevron'], className)} {...props} />
-				);
+				return <ChevronDown className={cn(styles['calendar__chevron'], className)} {...props} />;
 			},
 			DayButton: CalendarDayButton,
 			WeekNumber: ({ children, ...props }) => {
diff --git a/packages/ui/src/callout/callout.module.scss b/packages/ui/src/callout/callout.module.scss
index 181a6b2..be4d6f0 100644
--- a/packages/ui/src/callout/callout.module.scss
+++ b/packages/ui/src/callout/callout.module.scss
@@ -6,7 +6,7 @@
   display: flex;
   gap: var(--spacing-4, 0.5rem);
   align-items: flex-start;
-  
+
   --callout-icon-color: currentColor;
   --callout-title-color: var(--text-card-foreground);
   --callout-description-color: var(--text-muted-foreground);
@@ -177,4 +177,4 @@
       color: var(--callout-title-color);
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/ui/src/callout/callout.tsx b/packages/ui/src/callout/callout.tsx
index 2b72387..cb097bd 100644
--- a/packages/ui/src/callout/callout.tsx
+++ b/packages/ui/src/callout/callout.tsx
@@ -154,32 +154,17 @@ function Callout({
 			{iconComponent}
 			<div className={styles['callout__content']}>
 				{title && (
-					<div
-						data-slot="callout-title"
-						className={cn(styles['callout__title'], size === 'medium' && 'text-base')}
-					>
+					<div data-slot="callout-title" className={styles['callout__title']}>
 						{title}
 					</div>
 				)}
 				{children && action !== 'expandable' && (
-					<div
-						data-slot="callout-description"
-						className={cn(
-							styles['callout__description'],
-							size === 'medium' ? 'text-base' : 'text-sm'
-						)}
-					>
+					<div data-slot="callout-description" className={styles['callout__description']}>
 						{children}
 					</div>
 				)}
 				{children && action === 'expandable' && isExpanded && (
-					<div
-						data-slot="callout-description"
-						className={cn(
-							styles['callout__description'],
-							size === 'medium' ? 'text-base' : 'text-sm'
-						)}
-					>
+					<div data-slot="callout-description" className={styles['callout__description']}>
 						{children}
 					</div>
 				)}
diff --git a/packages/ui/src/combobox/combobox.tsx b/packages/ui/src/combobox/combobox.tsx
index b4c2542..3759c39 100644
--- a/packages/ui/src/combobox/combobox.tsx
+++ b/packages/ui/src/combobox/combobox.tsx
@@ -1,5 +1,5 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { Check, ChevronDown } from 'lucide-react';
+import { Check, ChevronDown } from '@signozhq/icons';
 import * as React from 'react';
 import {
 	Command,
diff --git a/packages/ui/src/command/command.module.scss b/packages/ui/src/command/command.module.scss
index 2ec2eac..a5d9ea5 100644
--- a/packages/ui/src/command/command.module.scss
+++ b/packages/ui/src/command/command.module.scss
@@ -53,7 +53,7 @@
 .command__input-wrapper {
   display: flex;
   align-items: center;
-  padding: var(--command-input-wrapper-padding, 0 var(--spacing-6, 0.75rem));
+  padding: var(--command-input-wrapper-padding, 0 var(--spacing-4, 0.5rem));
   border-width: var(--command-input-wrapper-border-width, 0px 0px 1px 0px);
   border-style: var(--command-input-wrapper-border-style, solid);
   border-color: var(--command-input-wrapper-border-color, var(--border));
diff --git a/packages/ui/src/date-picker/date-picker.tsx b/packages/ui/src/date-picker/date-picker.tsx
index 42e762a..ba4b904 100644
--- a/packages/ui/src/date-picker/date-picker.tsx
+++ b/packages/ui/src/date-picker/date-picker.tsx
@@ -1,7 +1,7 @@
+import { Calendar as CalendarIcon, ChevronDown } from '@signozhq/icons';
 import dayjs from 'dayjs';
 import timezone from 'dayjs/plugin/timezone';
 import utc from 'dayjs/plugin/utc';
-import { CalendarIcon, ChevronDown } from 'lucide-react';
 import * as React from 'react';
 import {
 	Button,
diff --git a/packages/ui/src/dropdown-menu/dropdown-menu.module.scss b/packages/ui/src/dropdown-menu/dropdown-menu.module.scss
index 93e7408..b49e09e 100644
--- a/packages/ui/src/dropdown-menu/dropdown-menu.module.scss
+++ b/packages/ui/src/dropdown-menu/dropdown-menu.module.scss
@@ -388,11 +388,6 @@
 .dropdown-menu__search {
 	--input-border-width: 0px;
 	--input-focus-outline-width: 0px;
-	// position: relative;
-	// padding: var(--dropdown-menu-search-padding, var(--spacing-2, 4px) var(--spacing-4, 8px));
-	// border-bottom-width: var(--dropdown-menu-search-border-width, 1px);
-	// border-bottom-style: solid;
-	// border-bottom-color: var(--dropdown-menu-search-border-color, var(--l2-border));
 }
 
 .dropdown-menu__search-icon {
diff --git a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-back.tsx b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-back.tsx
index 5fd4ff1..b724924 100644
--- a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-back.tsx
+++ b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-back.tsx
@@ -1,5 +1,5 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { ChevronLeft } from 'lucide-react';
+import { ChevronLeft } from '@signozhq/icons';
 import * as React from 'react';
 
 import { cn } from '../../lib/utils.js';
diff --git a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-checkbox-item.tsx b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-checkbox-item.tsx
index 4f5b0ce..202997e 100644
--- a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-checkbox-item.tsx
+++ b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-checkbox-item.tsx
@@ -1,5 +1,5 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { Check } from 'lucide-react';
+import { Check } from '@signozhq/icons';
 import * as React from 'react';
 
 import { cn } from '../../lib/utils.js';
diff --git a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-loading.tsx b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-loading.tsx
index 12e60fc..87af511 100644
--- a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-loading.tsx
+++ b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-loading.tsx
@@ -1,4 +1,4 @@
-import { Loader2 } from 'lucide-react';
+import { LoaderCircle } from '@signozhq/icons';
 
 import { cn } from '../../lib/utils.js';
 import styles from '../dropdown-menu.module.scss';
@@ -44,7 +44,7 @@ export function DropdownMenuLoading({ className, text = 'Loading...' }: Dropdown
 			data-slot="dropdown-menu-loading"
 			className={cn(styles['dropdown-menu__loading'], className)}
 		>
-			<Loader2 className={styles['dropdown-menu__loading-spinner']} />
+			<LoaderCircle className={styles['dropdown-menu__loading-spinner']} />
 			<span>{text}</span>
 		</div>
 	);
diff --git a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-multi-step.tsx b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-multi-step.tsx
index 54f7b08..9b77e83 100644
--- a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-multi-step.tsx
+++ b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-multi-step.tsx
@@ -1,5 +1,5 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { ChevronRight } from 'lucide-react';
+import { ChevronRight } from '@signozhq/icons';
 import * as React from 'react';
 
 import { cn } from '../../lib/utils.js';
diff --git a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-radio-item.tsx b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-radio-item.tsx
index f7d393b..2905e92 100644
--- a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-radio-item.tsx
+++ b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-radio-item.tsx
@@ -1,5 +1,5 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { Check } from 'lucide-react';
+import { Check } from '@signozhq/icons';
 import * as React from 'react';
 
 import { cn } from '../../lib/utils.js';
diff --git a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-sub-trigger.tsx b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-sub-trigger.tsx
index fd7f101..5b187ab 100644
--- a/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-sub-trigger.tsx
+++ b/packages/ui/src/dropdown-menu/subcomponents/dropdown-menu-sub-trigger.tsx
@@ -1,5 +1,5 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import { ChevronRight } from 'lucide-react';
+import { ChevronRight } from '@signozhq/icons';
 import * as React from 'react';
 
 import { cn } from '../../lib/utils.js';
diff --git a/packages/ui/src/input/input.module.scss b/packages/ui/src/input/input.module.scss
index 8bcaf61..f004c71 100644
--- a/packages/ui/src/input/input.module.scss
+++ b/packages/ui/src/input/input.module.scss
@@ -157,6 +157,5 @@
 }
 
 .input-password-wrapper {
-  position: relative;
-  width: var(--input-password-wrapper-width, 100%);
+  --input-suffix-padding: 0px;
 }
\ No newline at end of file
diff --git a/packages/ui/src/input/input.tsx b/packages/ui/src/input/input.tsx
index 7c2471e..770607e 100644
--- a/packages/ui/src/input/input.tsx
+++ b/packages/ui/src/input/input.tsx
@@ -1,4 +1,4 @@
-import { EyeIcon, EyeOffIcon } from 'lucide-react';
+import { Eye, EyeOff } from '@signozhq/icons';
 import * as React from 'react';
 import { Button } from '../button/index.js';
 import { cn, type Simplify } from '../lib/utils.js';
@@ -153,40 +153,43 @@ export type InputPasswordProps = Omit<InputProps, 'type' | 'ref'>;
  * </div>
  * ```
  */
-const InputPassword = React.forwardRef<HTMLInputElement, InputPasswordProps>((props, ref) => {
-	const [showPassword, setShowPassword] = React.useState(false);
+const InputPassword = React.forwardRef<HTMLInputElement, InputPasswordProps>(
+	({ className, ...props }, ref) => {
+		const [showPassword, setShowPassword] = React.useState(false);
 
-	const togglePasswordVisibility = React.useCallback(() => {
-		setShowPassword((prev) => !prev);
-	}, []);
+		const togglePasswordVisibility = React.useCallback(() => {
+			setShowPassword((prev) => !prev);
+		}, []);
 
-	return (
-		<InputComponent
-			{...props}
-			type={showPassword ? 'text' : 'password'}
-			ref={ref}
-			suffix={
-				<Button
-					type="button"
-					color="none"
-					variant="link"
-					size="icon"
-					onClick={togglePasswordVisibility}
-					aria-label={showPassword ? 'Hide password' : 'Show password'}
-					tabIndex={-1}
-					disabled={props.disabled}
-					suffix={
-						showPassword ? (
-							<EyeOffIcon aria-hidden="true" strokeWidth={2} />
-						) : (
-							<EyeIcon aria-hidden="true" strokeWidth={2} />
-						)
-					}
-				/>
-			}
-		/>
-	);
-});
+		return (
+			<InputComponent
+				className={cn(styles['input-password-wrapper'], className)}
+				{...props}
+				type={showPassword ? 'text' : 'password'}
+				ref={ref}
+				suffix={
+					<Button
+						type="button"
+						color="none"
+						variant="link"
+						size="icon"
+						onClick={togglePasswordVisibility}
+						aria-label={showPassword ? 'Hide password' : 'Show password'}
+						tabIndex={-1}
+						disabled={props.disabled}
+						suffix={
+							showPassword ? (
+								<EyeOff aria-hidden="true" strokeWidth={2} />
+							) : (
+								<Eye aria-hidden="true" strokeWidth={2} />
+							)
+						}
+					/>
+				}
+			/>
+		);
+	}
+);
 InputPassword.displayName = 'InputPassword';
 
 // Create compound component with proper typing
diff --git a/packages/ui/src/lib/utils.ts b/packages/ui/src/lib/utils.ts
index 0f9c160..18cb934 100644
--- a/packages/ui/src/lib/utils.ts
+++ b/packages/ui/src/lib/utils.ts
@@ -1,8 +1,7 @@
 import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
-	return twMerge(clsx(inputs));
+	return clsx(inputs);
 }
 
 // https://github.com/sindresorhus/type-fest/blob/main/source/simplify.d.ts
diff --git a/packages/ui/src/pin-list/pin-list.tsx b/packages/ui/src/pin-list/pin-list.tsx
index 0d4af01..464a8e7 100644
--- a/packages/ui/src/pin-list/pin-list.tsx
+++ b/packages/ui/src/pin-list/pin-list.tsx
@@ -1,4 +1,4 @@
-import { ChevronDown, MoreHorizontal, MousePointerClick, Pin, PinOff } from 'lucide-react';
+import { ChevronDown, Ellipsis, MousePointerClick, Pin, PinOff } from '@signozhq/icons';
 import {
 	AnimatePresence,
 	type HTMLMotionProps,
@@ -25,7 +25,7 @@ export type PinListItem = {
 	label: string | React.ReactNode;
 	/**
 	 * Icon element to display alongside the item label.
-	 * Must be a React element (e.g., `<FileText />` from lucide-react).
+	 * Must be a React element (e.g., `<FileText />` from @signozhq/icons).
 	 */
 	icon: React.ReactElement;
 	/**
@@ -320,7 +320,7 @@ function PinList({
 								>
 									<div className={styles['more-label-content']}>
 										<div className={styles['label-icon']}>
-											<MoreHorizontal className={styles['label-icon']} />
+											<Ellipsis className={styles['label-icon']} />
 										</div>
 										<span>{moreLabel}</span>
 									</div>
diff --git a/packages/ui/src/table/data-table.tsx b/packages/ui/src/table/data-table.tsx
index 398c4f4..e8ebfe8 100644
--- a/packages/ui/src/table/data-table.tsx
+++ b/packages/ui/src/table/data-table.tsx
@@ -1,4 +1,19 @@
-import { Spinner } from '@signozhq/icons';
+import {
+	ArrowUpDown,
+	ChevronDown,
+	ChevronLeft,
+	ChevronRight,
+	ChevronsLeft,
+	ChevronsRight,
+	ChevronUp,
+	Filter,
+	GripVertical,
+	LoaderCircle,
+	Pin,
+	PinOff,
+	Search,
+	X,
+} from '@signozhq/icons';
 import {
 	type Cell,
 	type Column,
@@ -23,21 +38,6 @@ import {
 } from '@tanstack/react-table';
 import { useVirtualizer, type Virtualizer } from '@tanstack/react-virtual';
 import throttle from 'lodash-es/throttle';
-import {
-	ArrowUpDown,
-	ChevronDown,
-	ChevronLeft,
-	ChevronRight,
-	ChevronsLeft,
-	ChevronsRight,
-	ChevronUp,
-	Filter,
-	GripVertical,
-	Pin,
-	PinOff,
-	Search,
-	X,
-} from 'lucide-react';
 import * as React from 'react';
 import { Button } from '../button/index.js';
 import { Input } from '../input/index.js';
@@ -1266,7 +1266,7 @@ export function DataTable<TData, TValue>({
 									>
 										<div className={styles['data-table__loading-overlay']}>
 											<div className={styles['data-table__loading-content']}>
-												<Spinner />
+												<LoaderCircle />
 												<span>Loading...</span>
 											</div>
 										</div>
@@ -1570,7 +1570,7 @@ export function DataTable<TData, TValue>({
 												<div className={styles['data-table__infinite-scroll-content']}>
 													{loadingMore ? (
 														<div className={styles['data-table__pagination-left']}>
-															<Spinner />
+															<LoaderCircle />
 															<span>Loading more...</span>
 														</div>
 													) : null}
@@ -1626,7 +1626,7 @@ export function DataTable<TData, TValue>({
 						<div className={styles['data-table__pagination-info']}>
 							{isLoading ? (
 								<div className={styles['data-table__pagination-left']}>
-									<Spinner />
+									<LoaderCircle />
 									<span>Loading...</span>
 								</div>
 							) : (
diff --git a/packages/ui/src/table/example.module.scss b/packages/ui/src/table/example.module.scss
new file mode 100644
index 0000000..e2ba1f1
--- /dev/null
+++ b/packages/ui/src/table/example.module.scss
@@ -0,0 +1,48 @@
+.example {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+
+  &__section {
+    border: 1px solid var(--border-color, hsl(var(--border)));
+    border-radius: 0.5rem;
+    padding: 1.5rem;
+    background: var(--bg-ink-500);
+  }
+
+  &__title {
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+    color: var(--text-vanilla-100);
+  }
+
+  &__description {
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    color: var(--text-vanilla-400);
+    margin-bottom: 1rem;
+  }
+
+  &__buttons {
+    display: flex;
+    gap: 0.5rem;
+    margin-bottom: 1rem;
+  }
+
+  &__button {
+    padding: 0.25rem 0.75rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    background: var(--bg-robin-500);
+    color: var(--text-ink-500);
+    border-radius: 0.25rem;
+    border: none;
+    cursor: pointer;
+
+    &:hover {
+      background: color-mix(in srgb, var(--bg-robin-500) 90%, transparent);
+    }
+  }
+}
diff --git a/packages/ui/src/table/example.tsx b/packages/ui/src/table/example.tsx
index 5899a58..9b7fad6 100644
--- a/packages/ui/src/table/example.tsx
+++ b/packages/ui/src/table/example.tsx
@@ -1,6 +1,7 @@
 import type { ColumnDef } from '@tanstack/react-table';
 import * as React from 'react';
 import { DataTable } from './data-table.js';
+import styles from './example.module.scss';
 
 // Define the type for our data
 type Person = {
@@ -145,33 +146,22 @@ export function ExampleTable() {
 	};
 
 	return (
-		<div className="space-y-8">
-			<div className="border rounded-lg p-6 bg-background">
-				<h3 className="text-lg font-semibold mb-2 text-foreground">
-					Table with Fixed Height and Overflow
-				</h3>
-				<p className="text-sm text-muted-foreground mb-4">
+		<div className={styles.example}>
+			<div className={styles['example__section']}>
+				<h3 className={styles['example__title']}>Table with Fixed Height and Overflow</h3>
+				<p className={styles['example__description']}>
 					This table has a fixed height of 300px. When the data exceeds this height, the content
 					becomes scrollable while keeping the headers sticky. You can also scroll to specific users
 					using the buttons below.
 				</p>
-				<div className="flex gap-2 mb-4">
-					<button
-						onClick={() => handleScrollToUser('1')}
-						className="px-3 py-1 text-sm bg-primary text-primary-foreground rounded hover:bg-primary/90"
-					>
+				<div className={styles['example__buttons']}>
+					<button onClick={() => handleScrollToUser('1')} className={styles['example__button']}>
 						Scroll to John Doe
 					</button>
-					<button
-						onClick={() => handleScrollToUser('5')}
-						className="px-3 py-1 text-sm bg-primary text-primary-foreground rounded hover:bg-primary/90"
-					>
+					<button onClick={() => handleScrollToUser('5')} className={styles['example__button']}>
 						Scroll to Charlie Wilson
 					</button>
-					<button
-						onClick={() => handleScrollToUser('10')}
-						className="px-3 py-1 text-sm bg-primary text-primary-foreground rounded hover:bg-primary/90"
-					>
+					<button onClick={() => handleScrollToUser('10')} className={styles['example__button']}>
 						Scroll to Helen Taylor
 					</button>
 				</div>
@@ -187,32 +177,30 @@ export function ExampleTable() {
 				/>
 			</div>
 
-			<div className="border rounded-lg p-6 bg-background">
-				<h3 className="text-lg font-semibold mb-2 text-foreground">
-					Table with Fixed Height and Virtualization
-				</h3>
-				<p className="text-sm text-muted-foreground mb-4">
+			<div className={styles['example__section']}>
+				<h3 className={styles['example__title']}>Table with Fixed Height and Virtualization</h3>
+				<p className={styles['example__description']}>
 					This table demonstrates how fixedHeight works with virtualization. It has a fixed height
 					of 400px and uses virtualization to efficiently render 1000 rows. The virtualization works
 					seamlessly with the fixed height container, providing smooth scrolling performance. You
 					can also scroll to specific rows using the buttons below.
 				</p>
-				<div className="flex gap-2 mb-4">
+				<div className={styles['example__buttons']}>
 					<button
 						onClick={() => scrollToIndexRef.current?.(0, { align: 'start' })}
-						className="px-3 py-1 text-sm bg-primary text-primary-foreground rounded hover:bg-primary/90"
+						className={styles['example__button']}
 					>
 						Scroll to First Row
 					</button>
 					<button
 						onClick={() => scrollToIndexRef.current?.(500, { align: 'center' })}
-						className="px-3 py-1 text-sm bg-primary text-primary-foreground rounded hover:bg-primary/90"
+						className={styles['example__button']}
 					>
 						Scroll to Row 500
 					</button>
 					<button
 						onClick={() => scrollToIndexRef.current?.(999, { align: 'end' })}
-						className="px-3 py-1 text-sm bg-primary text-primary-foreground rounded hover:bg-primary/90"
+						className={styles['example__button']}
 					>
 						Scroll to Last Row
 					</button>
diff --git a/packages/ui/src/tabs/tabs.tsx b/packages/ui/src/tabs/tabs.tsx
index dd94ab5..b043e4e 100644
--- a/packages/ui/src/tabs/tabs.tsx
+++ b/packages/ui/src/tabs/tabs.tsx
@@ -1,5 +1,5 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { LockIcon } from 'lucide-react';
+import { Lock } from '@signozhq/icons';
 import * as React from 'react';
 import { cn } from '../lib/utils.js';
 import { Tooltip, TooltipProvider } from '../tooltip/index.js';
@@ -143,7 +143,7 @@ export const Tabs = React.forwardRef<React.ElementRef<typeof TabsPrimitive.Root>
 									variant={variant}
 								>
 									{item.disabled ? (
-										<LockIcon className={styles['tabs__icon']} size={16} />
+										<Lock className={styles['tabs__icon']} size={16} />
 									) : (
 										item.prefixIcon && (
 											<span className={styles['tabs__icon']}>{item.prefixIcon}</span>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 69a65c4..b44fe78 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,8 +21,8 @@ importers:
         specifier: 2.1.3
         version: 2.1.3
       '@signozhq/icons':
-        specifier: ^0.1.0
-        version: 0.1.0
+        specifier: 0.3.0
+        version: 0.3.0
     devDependencies:
       '@biomejs/biome':
         specifier: ^2.4.4
@@ -103,8 +103,8 @@ importers:
         specifier: 2.1.3
         version: 2.1.3
       '@signozhq/icons':
-        specifier: ^0.1.0
-        version: 0.1.0
+        specifier: ^0.3.0
+        version: 0.3.0
       '@signozhq/tailwind-config':
         specifier: workspace:*
         version: link:../../packages/tailwind-config
@@ -114,9 +114,6 @@ importers:
       '@tailwindcss/vite':
         specifier: ^4.2.1
         version: 4.2.1(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
-      lucide-react:
-        specifier: ^0.445.0
-        version: 0.445.0(react@18.3.1)
       motion:
         specifier: ^11.18.2
         version: 11.18.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -210,7 +207,7 @@ importers:
         version: 1.0.7(tailwindcss@4.2.1)
       vitest:
         specifier: ^4.0.18
-        version: 4.0.18(@types/node@20.5.1)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
+        version: 4.0.18(@types/node@22.19.15)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
 
   packages/eslint-config:
     devDependencies:
@@ -309,8 +306,8 @@ importers:
         specifier: ^1.2.6
         version: 1.2.8(@types/react-dom@18.3.7(@types/react@18.3.28))(@types/react@18.3.28)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@signozhq/icons':
-        specifier: ^0.1.0
-        version: 0.1.0
+        specifier: 0.3.0
+        version: 0.3.0
       '@tanstack/react-table':
         specifier: ^8.21.3
         version: 8.21.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -320,30 +317,18 @@ importers:
       '@types/lodash-es':
         specifier: ^4.17.12
         version: 4.17.12
-      class-variance-authority:
-        specifier: ^0.7.0
-        version: 0.7.1
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
       cmdk:
         specifier: ^1.1.1
         version: 1.1.1(@types/react-dom@18.3.7(@types/react@18.3.28))(@types/react@18.3.28)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      date-fns:
-        specifier: ^4.1.0
-        version: 4.1.0
       dayjs:
         specifier: ^1.11.10
         version: 1.11.19
       lodash-es:
         specifier: ^4.17.21
         version: 4.17.23
-      lucide-react:
-        specifier: ^0.445.0
-        version: 0.445.0(react@18.3.1)
-      lucide-solid:
-        specifier: ^0.510.0
-        version: 0.510.0(solid-js@1.9.11)
       motion:
         specifier: ^11.11.17
         version: 11.18.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -368,22 +353,10 @@ importers:
       sonner:
         specifier: ^2.0.7
         version: 2.0.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      tailwind-merge:
-        specifier: ^3.5.0
-        version: 3.5.0
-      tailwindcss-animate:
-        specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.2.1)
     devDependencies:
       '@repo/typescript-config':
         specifier: workspace:*
         version: link:../typescript-config
-      '@signozhq/tailwind-config':
-        specifier: workspace:*
-        version: link:../tailwind-config
-      '@tailwindcss/postcss':
-        specifier: ^4.1.4
-        version: 4.2.1
       '@testing-library/jest-dom':
         specifier: ^6.6.3
         version: 6.9.1
@@ -396,21 +369,18 @@ importers:
       '@types/react':
         specifier: ^18.2.61
         version: 18.3.28
+      '@vitejs/plugin-react':
+        specifier: ^5.1.4
+        version: 5.1.4(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
       jsdom:
         specifier: ^28.1.0
         version: 28.1.0
-      postcss:
-        specifier: ^8.4.47
-        version: 8.5.8
       publint:
         specifier: ^0.3.17
         version: 0.3.18
-      sass-embedded:
-        specifier: ^1.97.3
-        version: 1.97.3
-      tailwindcss:
-        specifier: ^4.1.4
-        version: 4.2.1
+      vite:
+        specifier: npm:rolldown-vite@7.3.1
+        version: rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2)
       vitest:
         specifier: ^4.0.18
         version: 4.0.18(@types/node@22.19.15)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
@@ -630,140 +600,71 @@ packages:
     peerDependencies:
       storybook: ^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0
 
-  '@commitlint/cli@17.8.1':
-    resolution: {integrity: sha512-ay+WbzQesE0Rv4EQKfNbSMiJJ12KdKTDzIt0tcK4k11FdsWmtwP0Kp1NWMOUswfIWo6Eb7p7Ln721Nx9FLNBjg==}
-    engines: {node: '>=v14'}
-    hasBin: true
-
   '@commitlint/cli@19.8.1':
     resolution: {integrity: sha512-LXUdNIkspyxrlV6VDHWBmCZRtkEVRpBKxi2Gtw3J54cGWhLCTouVD/Q6ZSaSvd2YaDObWK8mDjrz3TIKtaQMAA==}
     engines: {node: '>=v18'}
     hasBin: true
 
-  '@commitlint/config-conventional@17.8.1':
-    resolution: {integrity: sha512-NxCOHx1kgneig3VLauWJcDWS40DVjg7nKOpBEEK9E5fjJpQqLCilcnKkIIjdBH98kEO1q3NpE5NSrZ2kl/QGJg==}
-    engines: {node: '>=v14'}
-
   '@commitlint/config-conventional@19.8.1':
     resolution: {integrity: sha512-/AZHJL6F6B/G959CsMAzrPKKZjeEiAVifRyEwXxcT6qtqbPwGw+iQxmNS+Bu+i09OCtdNRW6pNpBvgPrtMr9EQ==}
     engines: {node: '>=v18'}
 
-  '@commitlint/config-validator@17.8.1':
-    resolution: {integrity: sha512-UUgUC+sNiiMwkyiuIFR7JG2cfd9t/7MV8VB4TZ+q02ZFkHoduUS4tJGsCBWvBOGD9Btev6IecPMvlWUfJorkEA==}
-    engines: {node: '>=v14'}
-
   '@commitlint/config-validator@19.8.1':
     resolution: {integrity: sha512-0jvJ4u+eqGPBIzzSdqKNX1rvdbSU1lPNYlfQQRIFnBgLy26BtC0cFnr7c/AyuzExMxWsMOte6MkTi9I3SQ3iGQ==}
     engines: {node: '>=v18'}
 
-  '@commitlint/ensure@17.8.1':
-    resolution: {integrity: sha512-xjafwKxid8s1K23NFpL8JNo6JnY/ysetKo8kegVM7c8vs+kWLP8VrQq+NbhgVlmCojhEDbzQKp4eRXSjVOGsow==}
-    engines: {node: '>=v14'}
-
   '@commitlint/ensure@19.8.1':
     resolution: {integrity: sha512-mXDnlJdvDzSObafjYrOSvZBwkD01cqB4gbnnFuVyNpGUM5ijwU/r/6uqUmBXAAOKRfyEjpkGVZxaDsCVnHAgyw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/execute-rule@17.8.1':
-    resolution: {integrity: sha512-JHVupQeSdNI6xzA9SqMF+p/JjrHTcrJdI02PwesQIDCIGUrv04hicJgCcws5nzaoZbROapPs0s6zeVHoxpMwFQ==}
-    engines: {node: '>=v14'}
-
   '@commitlint/execute-rule@19.8.1':
     resolution: {integrity: sha512-YfJyIqIKWI64Mgvn/sE7FXvVMQER/Cd+s3hZke6cI1xgNT/f6ZAz5heND0QtffH+KbcqAwXDEE1/5niYayYaQA==}
     engines: {node: '>=v18'}
 
-  '@commitlint/format@17.8.1':
-    resolution: {integrity: sha512-f3oMTyZ84M9ht7fb93wbCKmWxO5/kKSbwuYvS867duVomoOsgrgljkGGIztmT/srZnaiGbaK8+Wf8Ik2tSr5eg==}
-    engines: {node: '>=v14'}
-
   '@commitlint/format@19.8.1':
     resolution: {integrity: sha512-kSJj34Rp10ItP+Eh9oCItiuN/HwGQMXBnIRk69jdOwEW9llW9FlyqcWYbHPSGofmjsqeoxa38UaEA5tsbm2JWw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/is-ignored@17.8.1':
-    resolution: {integrity: sha512-UshMi4Ltb4ZlNn4F7WtSEugFDZmctzFpmbqvpyxD3la510J+PLcnyhf9chs7EryaRFJMdAKwsEKfNK0jL/QM4g==}
-    engines: {node: '>=v14'}
-
   '@commitlint/is-ignored@19.8.1':
     resolution: {integrity: sha512-AceOhEhekBUQ5dzrVhDDsbMaY5LqtN8s1mqSnT2Kz1ERvVZkNihrs3Sfk1Je/rxRNbXYFzKZSHaPsEJJDJV8dg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/lint@17.8.1':
-    resolution: {integrity: sha512-aQUlwIR1/VMv2D4GXSk7PfL5hIaFSfy6hSHV94O8Y27T5q+DlDEgd/cZ4KmVI+MWKzFfCTiTuWqjfRSfdRllCA==}
-    engines: {node: '>=v14'}
-
   '@commitlint/lint@19.8.1':
     resolution: {integrity: sha512-52PFbsl+1EvMuokZXLRlOsdcLHf10isTPlWwoY1FQIidTsTvjKXVXYb7AvtpWkDzRO2ZsqIgPK7bI98x8LRUEw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/load@17.8.1':
-    resolution: {integrity: sha512-iF4CL7KDFstP1kpVUkT8K2Wl17h2yx9VaR1ztTc8vzByWWcbO/WaKwxsnCOqow9tVAlzPfo1ywk9m2oJ9ucMqA==}
-    engines: {node: '>=v14'}
-
   '@commitlint/load@19.8.1':
     resolution: {integrity: sha512-9V99EKG3u7z+FEoe4ikgq7YGRCSukAcvmKQuTtUyiYPnOd9a2/H9Ak1J9nJA1HChRQp9OA/sIKPugGS+FK/k1A==}
     engines: {node: '>=v18'}
 
-  '@commitlint/message@17.8.1':
-    resolution: {integrity: sha512-6bYL1GUQsD6bLhTH3QQty8pVFoETfFQlMn2Nzmz3AOLqRVfNNtXBaSY0dhZ0dM6A2MEq4+2d7L/2LP8TjqGRkA==}
-    engines: {node: '>=v14'}
-
   '@commitlint/message@19.8.1':
     resolution: {integrity: sha512-+PMLQvjRXiU+Ae0Wc+p99EoGEutzSXFVwQfa3jRNUZLNW5odZAyseb92OSBTKCu+9gGZiJASt76Cj3dLTtcTdg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/parse@17.8.1':
-    resolution: {integrity: sha512-/wLUickTo0rNpQgWwLPavTm7WbwkZoBy3X8PpkUmlSmQJyWQTj0m6bDjiykMaDt41qcUbfeFfaCvXfiR4EGnfw==}
-    engines: {node: '>=v14'}
-
   '@commitlint/parse@19.8.1':
     resolution: {integrity: sha512-mmAHYcMBmAgJDKWdkjIGq50X4yB0pSGpxyOODwYmoexxxiUCy5JJT99t1+PEMK7KtsCtzuWYIAXYAiKR+k+/Jw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/read@17.8.1':
-    resolution: {integrity: sha512-Fd55Oaz9irzBESPCdMd8vWWgxsW3OWR99wOntBDHgf9h7Y6OOHjWEdS9Xzen1GFndqgyoaFplQS5y7KZe0kO2w==}
-    engines: {node: '>=v14'}
-
   '@commitlint/read@19.8.1':
     resolution: {integrity: sha512-03Jbjb1MqluaVXKHKRuGhcKWtSgh3Jizqy2lJCRbRrnWpcM06MYm8th59Xcns8EqBYvo0Xqb+2DoZFlga97uXQ==}
     engines: {node: '>=v18'}
 
-  '@commitlint/resolve-extends@17.8.1':
-    resolution: {integrity: sha512-W/ryRoQ0TSVXqJrx5SGkaYuAaE/BUontL1j1HsKckvM6e5ZaG0M9126zcwL6peKSuIetJi7E87PRQF8O86EW0Q==}
-    engines: {node: '>=v14'}
-
   '@commitlint/resolve-extends@19.8.1':
     resolution: {integrity: sha512-GM0mAhFk49I+T/5UCYns5ayGStkTt4XFFrjjf0L4S26xoMTSkdCf9ZRO8en1kuopC4isDFuEm7ZOm/WRVeElVg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/rules@17.8.1':
-    resolution: {integrity: sha512-2b7OdVbN7MTAt9U0vKOYKCDsOvESVXxQmrvuVUZ0rGFMCrCPJWWP1GJ7f0lAypbDAhaGb8zqtdOr47192LBrIA==}
-    engines: {node: '>=v14'}
-
   '@commitlint/rules@19.8.1':
     resolution: {integrity: sha512-Hnlhd9DyvGiGwjfjfToMi1dsnw1EXKGJNLTcsuGORHz6SS9swRgkBsou33MQ2n51/boIDrbsg4tIBbRpEWK2kw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/to-lines@17.8.1':
-    resolution: {integrity: sha512-LE0jb8CuR/mj6xJyrIk8VLz03OEzXFgLdivBytoooKO5xLt5yalc8Ma5guTWobw998sbR3ogDd+2jed03CFmJA==}
-    engines: {node: '>=v14'}
-
   '@commitlint/to-lines@19.8.1':
     resolution: {integrity: sha512-98Mm5inzbWTKuZQr2aW4SReY6WUukdWXuZhrqf1QdKPZBCCsXuG87c+iP0bwtD6DBnmVVQjgp4whoHRVixyPBg==}
     engines: {node: '>=v18'}
 
-  '@commitlint/top-level@17.8.1':
-    resolution: {integrity: sha512-l6+Z6rrNf5p333SHfEte6r+WkOxGlWK4bLuZKbtf/2TXRN+qhrvn1XE63VhD8Oe9oIHQ7F7W1nG2k/TJFhx2yA==}
-    engines: {node: '>=v14'}
-
   '@commitlint/top-level@19.8.1':
     resolution: {integrity: sha512-Ph8IN1IOHPSDhURCSXBz44+CIu+60duFwRsg6HqaISFHQHbmBtxVw4ZrFNIYUzEP7WwrNPxa2/5qJ//NK1FGcw==}
     engines: {node: '>=v18'}
 
-  '@commitlint/types@17.8.1':
-    resolution: {integrity: sha512-PXDQXkAmiMEG162Bqdh9ChML/GJZo6vU+7F03ALKDK8zYc6SuAr47LjG7hGYRqUOz+WK0dU7bQ0xzuqFMdxzeQ==}
-    engines: {node: '>=v14'}
-
   '@commitlint/types@19.8.1':
     resolution: {integrity: sha512-/yCrWGCoA1SVKOks25EGadP9Pnj0oAIHGpl2wH2M2Y46dPM2ueb8wyCVOD7O3WCTkaJ0IkKvzhl1JY7+uCT2Dw==}
     engines: {node: '>=v18'}
@@ -2205,8 +2106,8 @@ packages:
   '@signozhq/design-tokens@2.1.3':
     resolution: {integrity: sha512-apiIgFF8zoe6hTUEae3gwzPl8sJDQ/kU8pRpTjkwf3Coo7FND7TylnafBclVHzkp4QVCzJr6nBq2msOdO4FCrA==}
 
-  '@signozhq/icons@0.1.0':
-    resolution: {integrity: sha512-kGWDhCpQkFWaNwyWfy88AIbg902wBbgTFTBAtmo6DkHyLGoqWAf0Jcq8BX+7brFqJF9PnLoSJDj1lvCpUsI/Ig==}
+  '@signozhq/icons@0.3.0':
+    resolution: {integrity: sha512-ZA6kGWf2t7XzQGSaeWtSpkWAiONwKliNKUR01KHl/tuWGZmijJ89pYrEJD9S8wLn8cO2XgIkS2JaEkQfThgIqQ==}
 
   '@standard-schema/spec@1.0.0':
     resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==}
@@ -2602,9 +2503,6 @@ packages:
     resolution: {integrity: sha512-zmPitbQ8+6zNutpwgcQuLcsEpn/Cj54Kbn7L5pX0Os5kdWplB7xPgEh/g+SWOB/qmows2gpuCaPyduq8ZZRnxA==}
     deprecated: This is a stub types definition. minimatch provides its own type definitions, so you do not need this installed.
 
-  '@types/minimist@1.2.5':
-    resolution: {integrity: sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==}
-
   '@types/ms@2.1.0':
     resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
 
@@ -2614,9 +2512,6 @@ packages:
   '@types/node@20.19.37':
     resolution: {integrity: sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw==}
 
-  '@types/node@20.5.1':
-    resolution: {integrity: sha512-4tT2UrL5LBqDwoed9wZ6N3umC4Yhz3W3FloMmiiG4JwmUJWpie0c7lcnUNd4gtMKuDEO4wRVS8B6Xa0uMRsMKg==}
-
   '@types/node@22.19.15':
     resolution: {integrity: sha512-F0R/h2+dsy5wJAUe3tAU6oqa2qbWY5TpNfL/RGmo1y38hiyO1w3x2jPtt76wmuaJI4DQnOBu21cNXQ2STIUUWg==}
 
@@ -3174,10 +3069,6 @@ packages:
     resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
-  arrify@1.0.1:
-    resolution: {integrity: sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==}
-    engines: {node: '>=0.10.0'}
-
   assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
@@ -3301,14 +3192,6 @@ packages:
   camel-case@3.0.0:
     resolution: {integrity: sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==}
 
-  camelcase-keys@6.2.2:
-    resolution: {integrity: sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==}
-    engines: {node: '>=8'}
-
-  camelcase@5.3.1:
-    resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
-    engines: {node: '>=6'}
-
   camelcase@7.0.1:
     resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
     engines: {node: '>=14.16'}
@@ -3395,9 +3278,6 @@ packages:
     resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
     engines: {node: '>=8'}
 
-  class-variance-authority@0.7.1:
-    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
-
   clean-regexp@1.0.0:
     resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
     engines: {node: '>=4'}
@@ -3512,27 +3392,14 @@ packages:
     resolution: {integrity: sha512-kRGRZw3bLlFISDBgwTSA1TMBFN6J6GWDeubmDE3AF+3+yXL8hTWv8r5rkLbqYXY4RjPk/EzHnClI3zQf1cFmHA==}
     engines: {node: '>= 0.6'}
 
-  conventional-changelog-angular@6.0.0:
-    resolution: {integrity: sha512-6qLgrBF4gueoC7AFVHu51nHL9pF9FRjXrH+ceVf7WmAfH3gs+gEYOkvxhjMPjZu57I4AGUGoNTY8V7Hrgf1uqg==}
-    engines: {node: '>=14'}
-
   conventional-changelog-angular@7.0.0:
     resolution: {integrity: sha512-ROjNchA9LgfNMTTFSIWPzebCwOGFdgkEq45EnvvrmSLvCtAw0HSmrCs7/ty+wAeYUZyNay0YMUNYFTRL72PkBQ==}
     engines: {node: '>=16'}
 
-  conventional-changelog-conventionalcommits@6.1.0:
-    resolution: {integrity: sha512-3cS3GEtR78zTfMzk0AizXKKIdN4OvSh7ibNz6/DPbhWWQu7LqE/8+/GqSodV+sywUR2gpJAdP/1JFf4XtN7Zpw==}
-    engines: {node: '>=14'}
-
   conventional-changelog-conventionalcommits@7.0.2:
     resolution: {integrity: sha512-NKXYmMR/Hr1DevQegFB4MwfM5Vv0m4UIxKZTTYuD98lpTknaZlSRrDOG4X7wIXpGkfsYxZTghUN+Qq+T0YQI7w==}
     engines: {node: '>=16'}
 
-  conventional-commits-parser@4.0.0:
-    resolution: {integrity: sha512-WRv5j1FsVM5FISJkoYMR6tPk07fkKT0UodruX4je86V4owk451yjXAKzKAPOs9l7y59E2viHUS9eQ+dfUA9NSg==}
-    engines: {node: '>=14'}
-    hasBin: true
-
   conventional-commits-parser@5.0.0:
     resolution: {integrity: sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==}
     engines: {node: '>=16'}
@@ -3547,15 +3414,6 @@ packages:
   core-js-pure@3.48.0:
     resolution: {integrity: sha512-1slJgk89tWC51HQ1AEqG+s2VuwpTRr8ocu4n20QUcH1v9lAN0RXen0Q0AABa/DK1I7RrNWLucplOHMx8hfTGTw==}
 
-  cosmiconfig-typescript-loader@4.4.0:
-    resolution: {integrity: sha512-BabizFdC3wBHhbI4kJh0VkQP9GkBfoHPydD0COMce1nJ1kJAB3F2TmJ/I7diULBKtmEWSwEbuN/KDtgnmUUVmw==}
-    engines: {node: '>=v14.21.3'}
-    peerDependencies:
-      '@types/node': '*'
-      cosmiconfig: '>=7'
-      ts-node: '>=10'
-      typescript: '>=4'
-
   cosmiconfig-typescript-loader@6.2.0:
     resolution: {integrity: sha512-GEN39v7TgdxgIoNcdkRE3uiAzQt3UXLyHbRHD6YoL048XAeOomyxaP+Hh/+2C6C2wYjxJ2onhJcsQp+L4YEkVQ==}
     engines: {node: '>=v18'}
@@ -3564,15 +3422,6 @@ packages:
       cosmiconfig: '>=9'
       typescript: '>=5'
 
-  cosmiconfig@8.3.6:
-    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      typescript: '>=4.9.5'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   cosmiconfig@9.0.1:
     resolution: {integrity: sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==}
     engines: {node: '>=14'}
@@ -3653,10 +3502,6 @@ packages:
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
-  dargs@7.0.0:
-    resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
-    engines: {node: '>=8'}
-
   dargs@8.1.0:
     resolution: {integrity: sha512-wAV9QHOsNbwnWdNW2FYvE1P56wtgSbM+3SZcdGiWQILwVjACCXDCI3Ai8QlCjMDB8YK5zySiXZYBiwGmNY3lnw==}
     engines: {node: '>=12'}
@@ -3714,14 +3559,6 @@ packages:
       supports-color:
         optional: true
 
-  decamelize-keys@1.1.1:
-    resolution: {integrity: sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==}
-    engines: {node: '>=0.10.0'}
-
-  decamelize@1.2.0:
-    resolution: {integrity: sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==}
-    engines: {node: '>=0.10.0'}
-
   decimal.js@10.6.0:
     resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
@@ -4391,12 +4228,6 @@ packages:
   git-hooks-list@4.2.1:
     resolution: {integrity: sha512-WNvqJjOxxs/8ZP9+DWdwWJ7cDsd60NHf39XnD82pDVrKO5q7xfPqpkK6hwEAmBa/ZSEE4IOoR75EzbbIuwGlMw==}
 
-  git-raw-commits@2.0.11:
-    resolution: {integrity: sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==}
-    engines: {node: '>=10'}
-    deprecated: This package is no longer maintained. For the JavaScript API, please use @conventional-changelog/git-client instead.
-    hasBin: true
-
   git-raw-commits@4.0.0:
     resolution: {integrity: sha512-ICsMM1Wk8xSGMowkOmPrzo2Fgmfo4bMHLNX6ytHjajRJUqvHOw/TFapQ+QG75c3X/tTDDhOSRPGC52dDbNM8FQ==}
     engines: {node: '>=16'}
@@ -4428,10 +4259,6 @@ packages:
     resolution: {integrity: sha512-wHTUcDUoZ1H5/0iVqEudYW4/kAlN5cZ3j/bXn0Dpbizl9iaUVeWSHqiOjsgk6OW2bkLclbBjzewBz6weQ1zA2Q==}
     engines: {node: '>=18'}
 
-  global-dirs@0.1.1:
-    resolution: {integrity: sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==}
-    engines: {node: '>=4'}
-
   globals@13.24.0:
     resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
     engines: {node: '>=8'}
@@ -4463,10 +4290,6 @@ packages:
     engines: {node: '>=0.4.7'}
     hasBin: true
 
-  hard-rejection@2.1.0:
-    resolution: {integrity: sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==}
-    engines: {node: '>=6'}
-
   has-bigints@1.1.0:
     resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
     engines: {node: '>= 0.4'}
@@ -4519,10 +4342,6 @@ packages:
   hosted-git-info@2.8.9:
     resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
 
-  hosted-git-info@4.1.0:
-    resolution: {integrity: sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==}
-    engines: {node: '>=10'}
-
   hosted-git-info@7.0.2:
     resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -4781,10 +4600,6 @@ packages:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
 
-  is-plain-obj@1.1.0:
-    resolution: {integrity: sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==}
-    engines: {node: '>=0.10.0'}
-
   is-plain-obj@4.1.0:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
@@ -4824,10 +4639,6 @@ packages:
     resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
     engines: {node: '>= 0.4'}
 
-  is-text-path@1.0.1:
-    resolution: {integrity: sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==}
-    engines: {node: '>=0.10.0'}
-
   is-text-path@2.0.0:
     resolution: {integrity: sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==}
     engines: {node: '>=8'}
@@ -4972,10 +4783,6 @@ packages:
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
-  kind-of@6.0.3:
-    resolution: {integrity: sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==}
-    engines: {node: '>=0.10.0'}
-
   kolorist@1.8.0:
     resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
 
@@ -5121,9 +4928,6 @@ packages:
     resolution: {integrity: sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==}
     deprecated: This package is deprecated. Use the optional chaining (?.) operator instead.
 
-  lodash.isfunction@3.0.9:
-    resolution: {integrity: sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw==}
-
   lodash.isplainobject@4.0.6:
     resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
 
@@ -5187,20 +4991,6 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
-  lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
-
-  lucide-react@0.445.0:
-    resolution: {integrity: sha512-YrLf3aAHvmd4dZ8ot+mMdNFrFpJD7YRwQ2pUcBhgqbmxtrMP4xDzIorcj+8y+6kpuXBF4JB0NOCTUWIYetJjgA==}
-    peerDependencies:
-      react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
-
-  lucide-solid@0.510.0:
-    resolution: {integrity: sha512-G6rKYxURfSLG/zeOCN/BEl2dq2ezujFKPbcHjl7RLJ4bBQwWk4ZF2Swga/8anWglSVZyqYz7HMrrpb8/+vOcXw==}
-    peerDependencies:
-      solid-js: ^1.4.7
-
   lz-string@1.5.0:
     resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
     hasBin: true
@@ -5218,14 +5008,6 @@ packages:
   make-error@1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
 
-  map-obj@1.0.1:
-    resolution: {integrity: sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==}
-    engines: {node: '>=0.10.0'}
-
-  map-obj@4.3.0:
-    resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
-    engines: {node: '>=8'}
-
   markdown-table@3.0.4:
     resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
 
@@ -5291,10 +5073,6 @@ packages:
     resolution: {integrity: sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==}
     engines: {node: '>=16.10'}
 
-  meow@8.1.2:
-    resolution: {integrity: sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==}
-    engines: {node: '>=10'}
-
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
@@ -5458,10 +5236,6 @@ packages:
     resolution: {integrity: sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minimist-options@4.1.0:
-    resolution: {integrity: sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==}
-    engines: {node: '>= 6'}
-
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
@@ -5581,10 +5355,6 @@ packages:
   normalize-package-data@2.5.0:
     resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
 
-  normalize-package-data@3.0.3:
-    resolution: {integrity: sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==}
-    engines: {node: '>=10'}
-
   normalize-package-data@6.0.2:
     resolution: {integrity: sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==}
     engines: {node: ^16.14.0 || >=18.0.0}
@@ -6178,10 +5948,6 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  quick-lru@4.0.1:
-    resolution: {integrity: sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==}
-    engines: {node: '>=8'}
-
   range-parser@1.2.0:
     resolution: {integrity: sha512-kA5WQoNVo4t9lNx2kQNFCxKeBl5IbbSNBl1M/tLkw9WCn+hxNBAW5Qh8gdhs63CJnhjJ2zQWFoqPJP2sK1AV5A==}
     engines: {node: '>= 0.6'}
@@ -6383,10 +6149,6 @@ packages:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
     engines: {node: '>=8'}
 
-  resolve-global@1.0.0:
-    resolution: {integrity: sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==}
-    engines: {node: '>=8'}
-
   resolve-pkg-maps@1.0.0:
     resolution: {integrity: sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==}
 
@@ -6449,6 +6211,7 @@ packages:
   rolldown-vite@7.3.1:
     resolution: {integrity: sha512-LYzdNAjRHhF2yA4JUQm/QyARyi216N2rpJ0lJZb8E9FU2y5v6Vk+xq/U4XBOxMefpWixT5H3TslmAHm1rqIq2w==}
     engines: {node: ^20.19.0 || >=22.12.0}
+    deprecated: Use this package to migrate from Vite 7 to Vite 8. For the most recent updates, migrate to Vite 8 once you're ready.
     hasBin: true
     peerDependencies:
       '@types/node': ^20.19.0 || >=22.12.0
@@ -6705,16 +6468,6 @@ packages:
   sentence-case@2.1.1:
     resolution: {integrity: sha512-ENl7cYHaK/Ktwk5OTD+aDbQ3uC8IByu/6Bkg+HDv8Mm+XnBnppVNalcfJTNsp1ibstKh030/JKQQWglDvtKwEQ==}
 
-  seroval-plugins@1.5.0:
-    resolution: {integrity: sha512-EAHqADIQondwRZIdeW2I636zgsODzoBDwb3PT/+7TLDWyw1Dy/Xv7iGUIEXXav7usHDE9HVhOU61irI3EnyyHA==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      seroval: ^1.0
-
-  seroval@1.5.0:
-    resolution: {integrity: sha512-OE4cvmJ1uSPrKorFIH9/w/Qwuvi/IMcGbv5RKgcJ/zjA/IohDLU6SVaxFN9FwajbP7nsX0dQqMDes1whk3y+yw==}
-    engines: {node: '>=10'}
-
   serve-handler@6.1.7:
     resolution: {integrity: sha512-CinAq1xWb0vR3twAv9evEU8cNWkXCb9kd5ePAHUKJBkOsUpR1wt/CvGdeca7vqumL1U5cSaeVQ6zZMxiJ3yWsg==}
 
@@ -6792,9 +6545,6 @@ packages:
   snake-case@2.1.0:
     resolution: {integrity: sha512-FMR5YoPFwOLuh4rRz92dywJjyKYZNLpMn1R5ujVpIYkbA9p01fq8RMg0FkO4M+Yobt4MjHeLTJVm5xFFBHSV2Q==}
 
-  solid-js@1.9.11:
-    resolution: {integrity: sha512-WEJtcc5mkh/BnHA6Yrg4whlF8g6QwpmXXRg4P2ztPmcKeHHlH4+djYecBLhSpecZY2RRECXYUwIc/C2r3yzQ4Q==}
-
   sonner@2.0.7:
     resolution: {integrity: sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==}
     peerDependencies:
@@ -6836,9 +6586,6 @@ packages:
   spdx-license-ids@3.0.23:
     resolution: {integrity: sha512-CWLcCCH7VLu13TgOH+r8p1O/Znwhqv/dbb6lqWy67G+pT1kHmeD/+V36AVb/vq8QMIQwVShJ6Ssl5FPh0fuSdw==}
 
-  split2@3.2.2:
-    resolution: {integrity: sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==}
-
   split2@4.2.0:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
@@ -7023,9 +6770,6 @@ packages:
     resolution: {integrity: sha512-Bh7QjT8/SuKUIfObSXNHNSK6WHo6J1tHCqJsuaFDP7gP0fkzSfTxI8y85JrppZ0h8l0maIgc2tfuZQ6/t3GtnQ==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
-  tailwind-merge@3.5.0:
-    resolution: {integrity: sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==}
-
   tailwindcss-animate@1.0.7:
     resolution: {integrity: sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==}
     peerDependencies:
@@ -7038,10 +6782,6 @@ packages:
     resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
     engines: {node: '>=6'}
 
-  text-extensions@1.9.0:
-    resolution: {integrity: sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==}
-    engines: {node: '>=0.10'}
-
   text-extensions@2.4.0:
     resolution: {integrity: sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==}
     engines: {node: '>=8'}
@@ -7053,9 +6793,6 @@ packages:
     resolution: {integrity: sha512-dTEWWNu6JmeVXY0ZYoPuH5cRIwc0MeGbJwah9KUNYSJwommQpCzTySTpEe8Gs1J23aeWEuAobe4Ag7EHVt/LOg==}
     engines: {node: '>=10'}
 
-  through2@4.0.2:
-    resolution: {integrity: sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==}
-
   through@2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
 
@@ -7122,10 +6859,6 @@ packages:
     resolution: {integrity: sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==}
     hasBin: true
 
-  trim-newlines@3.0.1:
-    resolution: {integrity: sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==}
-    engines: {node: '>=8'}
-
   trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
 
@@ -7241,10 +6974,6 @@ packages:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  type-fest@0.18.1:
-    resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
-    engines: {node: '>=10'}
-
   type-fest@0.20.2:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
@@ -7612,9 +7341,6 @@ packages:
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
-  yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-
   yaml@1.10.2:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
@@ -7624,10 +7350,6 @@ packages:
     engines: {node: '>= 14.6'}
     hasBin: true
 
-  yargs-parser@20.2.9:
-    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
-    engines: {node: '>=10'}
-
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
@@ -7870,7 +7592,8 @@ snapshots:
     dependencies:
       css-tree: 3.2.1
 
-  '@bufbuild/protobuf@2.11.0': {}
+  '@bufbuild/protobuf@2.11.0':
+    optional: true
 
   '@chromatic-com/storybook@5.0.1(storybook@10.2.16(@testing-library/dom@10.4.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
@@ -7884,22 +7607,6 @@ snapshots:
       - '@chromatic-com/cypress'
       - '@chromatic-com/playwright'
 
-  '@commitlint/cli@17.8.1':
-    dependencies:
-      '@commitlint/format': 17.8.1
-      '@commitlint/lint': 17.8.1
-      '@commitlint/load': 17.8.1
-      '@commitlint/read': 17.8.1
-      '@commitlint/types': 17.8.1
-      execa: 5.1.1
-      lodash.isfunction: 3.0.9
-      resolve-from: 5.0.0
-      resolve-global: 1.0.0
-      yargs: 17.7.2
-    transitivePeerDependencies:
-      - '@swc/core'
-      - '@swc/wasm'
-
   '@commitlint/cli@19.8.1(@types/node@22.19.15)(typescript@5.9.3)':
     dependencies:
       '@commitlint/format': 19.8.1
@@ -7913,34 +7620,16 @@ snapshots:
       - '@types/node'
       - typescript
 
-  '@commitlint/config-conventional@17.8.1':
-    dependencies:
-      conventional-changelog-conventionalcommits: 6.1.0
-
   '@commitlint/config-conventional@19.8.1':
     dependencies:
       '@commitlint/types': 19.8.1
       conventional-changelog-conventionalcommits: 7.0.2
 
-  '@commitlint/config-validator@17.8.1':
-    dependencies:
-      '@commitlint/types': 17.8.1
-      ajv: 8.18.0
-
   '@commitlint/config-validator@19.8.1':
     dependencies:
       '@commitlint/types': 19.8.1
       ajv: 8.18.0
 
-  '@commitlint/ensure@17.8.1':
-    dependencies:
-      '@commitlint/types': 17.8.1
-      lodash.camelcase: 4.3.0
-      lodash.kebabcase: 4.1.1
-      lodash.snakecase: 4.1.1
-      lodash.startcase: 4.4.0
-      lodash.upperfirst: 4.3.1
-
   '@commitlint/ensure@19.8.1':
     dependencies:
       '@commitlint/types': 19.8.1
@@ -7950,37 +7639,18 @@ snapshots:
       lodash.startcase: 4.4.0
       lodash.upperfirst: 4.3.1
 
-  '@commitlint/execute-rule@17.8.1': {}
-
   '@commitlint/execute-rule@19.8.1': {}
 
-  '@commitlint/format@17.8.1':
-    dependencies:
-      '@commitlint/types': 17.8.1
-      chalk: 4.1.2
-
   '@commitlint/format@19.8.1':
     dependencies:
       '@commitlint/types': 19.8.1
       chalk: 5.6.2
 
-  '@commitlint/is-ignored@17.8.1':
-    dependencies:
-      '@commitlint/types': 17.8.1
-      semver: 7.7.4
-
   '@commitlint/is-ignored@19.8.1':
     dependencies:
       '@commitlint/types': 19.8.1
       semver: 7.7.4
 
-  '@commitlint/lint@17.8.1':
-    dependencies:
-      '@commitlint/is-ignored': 17.8.1
-      '@commitlint/parse': 17.8.1
-      '@commitlint/rules': 17.8.1
-      '@commitlint/types': 17.8.1
-
   '@commitlint/lint@19.8.1':
     dependencies:
       '@commitlint/is-ignored': 19.8.1
@@ -7988,26 +7658,6 @@ snapshots:
       '@commitlint/rules': 19.8.1
       '@commitlint/types': 19.8.1
 
-  '@commitlint/load@17.8.1':
-    dependencies:
-      '@commitlint/config-validator': 17.8.1
-      '@commitlint/execute-rule': 17.8.1
-      '@commitlint/resolve-extends': 17.8.1
-      '@commitlint/types': 17.8.1
-      '@types/node': 20.5.1
-      chalk: 4.1.2
-      cosmiconfig: 8.3.6(typescript@5.9.3)
-      cosmiconfig-typescript-loader: 4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.9.3))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.9.3))(typescript@5.9.3)
-      lodash.isplainobject: 4.0.6
-      lodash.merge: 4.6.2
-      lodash.uniq: 4.5.0
-      resolve-from: 5.0.0
-      ts-node: 10.9.2(@types/node@20.5.1)(typescript@5.9.3)
-      typescript: 5.9.3
-    transitivePeerDependencies:
-      - '@swc/core'
-      - '@swc/wasm'
-
   '@commitlint/load@19.8.1(@types/node@22.19.15)(typescript@5.9.3)':
     dependencies:
       '@commitlint/config-validator': 19.8.1
@@ -8024,30 +7674,14 @@ snapshots:
       - '@types/node'
       - typescript
 
-  '@commitlint/message@17.8.1': {}
-
   '@commitlint/message@19.8.1': {}
 
-  '@commitlint/parse@17.8.1':
-    dependencies:
-      '@commitlint/types': 17.8.1
-      conventional-changelog-angular: 6.0.0
-      conventional-commits-parser: 4.0.0
-
   '@commitlint/parse@19.8.1':
     dependencies:
       '@commitlint/types': 19.8.1
       conventional-changelog-angular: 7.0.0
       conventional-commits-parser: 5.0.0
 
-  '@commitlint/read@17.8.1':
-    dependencies:
-      '@commitlint/top-level': 17.8.1
-      '@commitlint/types': 17.8.1
-      fs-extra: 11.3.4
-      git-raw-commits: 2.0.11
-      minimist: 1.2.8
-
   '@commitlint/read@19.8.1':
     dependencies:
       '@commitlint/top-level': 19.8.1
@@ -8056,15 +7690,6 @@ snapshots:
       minimist: 1.2.8
       tinyexec: 1.0.2
 
-  '@commitlint/resolve-extends@17.8.1':
-    dependencies:
-      '@commitlint/config-validator': 17.8.1
-      '@commitlint/types': 17.8.1
-      import-fresh: 3.3.1
-      lodash.mergewith: 4.6.2
-      resolve-from: 5.0.0
-      resolve-global: 1.0.0
-
   '@commitlint/resolve-extends@19.8.1':
     dependencies:
       '@commitlint/config-validator': 19.8.1
@@ -8074,14 +7699,6 @@ snapshots:
       lodash.mergewith: 4.6.2
       resolve-from: 5.0.0
 
-  '@commitlint/rules@17.8.1':
-    dependencies:
-      '@commitlint/ensure': 17.8.1
-      '@commitlint/message': 17.8.1
-      '@commitlint/to-lines': 17.8.1
-      '@commitlint/types': 17.8.1
-      execa: 5.1.1
-
   '@commitlint/rules@19.8.1':
     dependencies:
       '@commitlint/ensure': 19.8.1
@@ -8089,22 +7706,12 @@ snapshots:
       '@commitlint/to-lines': 19.8.1
       '@commitlint/types': 19.8.1
 
-  '@commitlint/to-lines@17.8.1': {}
-
   '@commitlint/to-lines@19.8.1': {}
 
-  '@commitlint/top-level@17.8.1':
-    dependencies:
-      find-up: 5.0.0
-
   '@commitlint/top-level@19.8.1':
     dependencies:
       find-up: 7.0.0
 
-  '@commitlint/types@17.8.1':
-    dependencies:
-      chalk: 4.1.2
-
   '@commitlint/types@19.8.1':
     dependencies:
       '@types/conventional-commits-parser': 5.0.2
@@ -8113,6 +7720,7 @@ snapshots:
   '@cspotcode/source-map-support@0.8.1':
     dependencies:
       '@jridgewell/trace-mapping': 0.3.9
+    optional: true
 
   '@csstools/color-helpers@6.0.2': {}
 
@@ -8555,6 +8163,7 @@ snapshots:
     dependencies:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.5
+    optional: true
 
   '@lit-labs/react@2.1.3(@types/react@18.3.28)':
     dependencies:
@@ -9404,14 +9013,7 @@ snapshots:
 
   '@signozhq/design-tokens@2.1.3': {}
 
-  '@signozhq/icons@0.1.0':
-    dependencies:
-      '@babel/runtime': 7.28.6
-      '@commitlint/cli': 17.8.1
-      '@commitlint/config-conventional': 17.8.1
-    transitivePeerDependencies:
-      - '@swc/core'
-      - '@swc/wasm'
+  '@signozhq/icons@0.3.0': {}
 
   '@standard-schema/spec@1.0.0': {}
 
@@ -9460,7 +9062,7 @@ snapshots:
       '@vitest/browser': 4.0.18(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))(vitest@4.0.18)
       '@vitest/browser-playwright': 4.0.18(playwright@1.58.2)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))(vitest@4.0.18)
       '@vitest/runner': 4.0.18
-      vitest: 4.0.18(@types/node@20.5.1)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
+      vitest: 4.0.18(@types/node@22.19.15)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
     transitivePeerDependencies:
       - react
       - react-dom
@@ -9664,13 +9266,17 @@ snapshots:
     dependencies:
       '@testing-library/dom': 10.4.1
 
-  '@tsconfig/node10@1.0.12': {}
+  '@tsconfig/node10@1.0.12':
+    optional: true
 
-  '@tsconfig/node12@1.0.11': {}
+  '@tsconfig/node12@1.0.11':
+    optional: true
 
-  '@tsconfig/node14@1.0.3': {}
+  '@tsconfig/node14@1.0.3':
+    optional: true
 
-  '@tsconfig/node16@1.0.4': {}
+  '@tsconfig/node16@1.0.4':
+    optional: true
 
   '@turbo/gen-darwin-64@2.8.14':
     optional: true
@@ -9806,8 +9412,6 @@ snapshots:
     dependencies:
       minimatch: 10.2.4
 
-  '@types/minimist@1.2.5': {}
-
   '@types/ms@2.1.0': {}
 
   '@types/mute-stream@0.0.4':
@@ -9818,8 +9422,6 @@ snapshots:
     dependencies:
       undici-types: 6.21.0
 
-  '@types/node@20.5.1': {}
-
   '@types/node@22.19.15':
     dependencies:
       undici-types: 6.21.0
@@ -10131,7 +9733,7 @@ snapshots:
       playwright: 1.58.2
       tinyrainbow: 3.0.3
       vite: rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2)
-      vitest: 4.0.18(@types/node@20.5.1)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
+      vitest: 4.0.18(@types/node@22.19.15)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
     transitivePeerDependencies:
       - bufferutil
       - msw
@@ -10146,7 +9748,7 @@ snapshots:
       pngjs: 7.0.0
       sirv: 3.0.2
       tinyrainbow: 3.0.3
-      vitest: 4.0.18(@types/node@20.5.1)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
+      vitest: 4.0.18(@types/node@22.19.15)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
       ws: 8.19.0
     transitivePeerDependencies:
       - bufferutil
@@ -10167,7 +9769,7 @@ snapshots:
       std-env: 3.10.0
       tinyrainbow: 3.0.3
       vite: rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2)
-      vitest: 4.0.18(@types/node@20.5.1)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
+      vitest: 4.0.18(@types/node@22.19.15)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
     optionalDependencies:
       '@vitest/browser': 4.0.18(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))(vitest@4.0.18)
 
@@ -10295,6 +9897,7 @@ snapshots:
   acorn-walk@8.3.5:
     dependencies:
       acorn: 8.16.0
+    optional: true
 
   acorn@8.16.0: {}
 
@@ -10364,7 +9967,8 @@ snapshots:
 
   arch@2.2.0: {}
 
-  arg@4.1.3: {}
+  arg@4.1.3:
+    optional: true
 
   arg@5.0.2: {}
 
@@ -10455,8 +10059,6 @@ snapshots:
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
 
-  arrify@1.0.1: {}
-
   assertion-error@2.0.1: {}
 
   ast-kit@3.0.0-beta.1:
@@ -10577,14 +10179,6 @@ snapshots:
       no-case: 2.3.2
       upper-case: 1.1.3
 
-  camelcase-keys@6.2.2:
-    dependencies:
-      camelcase: 5.3.1
-      map-obj: 4.3.0
-      quick-lru: 4.0.1
-
-  camelcase@5.3.1: {}
-
   camelcase@7.0.1: {}
 
   caniuse-api@3.0.0:
@@ -10667,10 +10261,6 @@ snapshots:
 
   ci-info@4.4.0: {}
 
-  class-variance-authority@0.7.1:
-    dependencies:
-      clsx: 2.1.1
-
   clean-regexp@1.0.0:
     dependencies:
       escape-string-regexp: 1.0.5
@@ -10732,7 +10322,8 @@ snapshots:
 
   colorette@2.0.20: {}
 
-  colorjs.io@0.5.2: {}
+  colorjs.io@0.5.2:
+    optional: true
 
   comma-separated-tokens@2.0.3: {}
 
@@ -10787,29 +10378,14 @@ snapshots:
 
   content-disposition@0.5.2: {}
 
-  conventional-changelog-angular@6.0.0:
-    dependencies:
-      compare-func: 2.0.0
-
   conventional-changelog-angular@7.0.0:
     dependencies:
       compare-func: 2.0.0
 
-  conventional-changelog-conventionalcommits@6.1.0:
-    dependencies:
-      compare-func: 2.0.0
-
   conventional-changelog-conventionalcommits@7.0.2:
     dependencies:
       compare-func: 2.0.0
 
-  conventional-commits-parser@4.0.0:
-    dependencies:
-      JSONStream: 1.3.5
-      is-text-path: 1.0.1
-      meow: 8.1.2
-      split2: 3.2.2
-
   conventional-commits-parser@5.0.0:
     dependencies:
       JSONStream: 1.3.5
@@ -10825,13 +10401,6 @@ snapshots:
 
   core-js-pure@3.48.0: {}
 
-  cosmiconfig-typescript-loader@4.4.0(@types/node@20.5.1)(cosmiconfig@8.3.6(typescript@5.9.3))(ts-node@10.9.2(@types/node@20.5.1)(typescript@5.9.3))(typescript@5.9.3):
-    dependencies:
-      '@types/node': 20.5.1
-      cosmiconfig: 8.3.6(typescript@5.9.3)
-      ts-node: 10.9.2(@types/node@20.5.1)(typescript@5.9.3)
-      typescript: 5.9.3
-
   cosmiconfig-typescript-loader@6.2.0(@types/node@22.19.15)(cosmiconfig@9.0.1(typescript@5.9.3))(typescript@5.9.3):
     dependencies:
       '@types/node': 22.19.15
@@ -10839,15 +10408,6 @@ snapshots:
       jiti: 2.6.1
       typescript: 5.9.3
 
-  cosmiconfig@8.3.6(typescript@5.9.3):
-    dependencies:
-      import-fresh: 3.3.1
-      js-yaml: 4.1.1
-      parse-json: 5.2.0
-      path-type: 4.0.0
-    optionalDependencies:
-      typescript: 5.9.3
-
   cosmiconfig@9.0.1(typescript@5.9.3):
     dependencies:
       env-paths: 2.2.1
@@ -10857,7 +10417,8 @@ snapshots:
     optionalDependencies:
       typescript: 5.9.3
 
-  create-require@1.1.1: {}
+  create-require@1.1.1:
+    optional: true
 
   cross-spawn@7.0.5:
     dependencies:
@@ -10956,8 +10517,6 @@ snapshots:
 
   damerau-levenshtein@1.0.8: {}
 
-  dargs@7.0.0: {}
-
   dargs@8.1.0: {}
 
   data-urls@7.0.0:
@@ -11005,13 +10564,6 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  decamelize-keys@1.1.1:
-    dependencies:
-      decamelize: 1.2.0
-      map-obj: 1.0.1
-
-  decamelize@1.2.0: {}
-
   decimal.js@10.6.0: {}
 
   decode-named-character-reference@1.3.0:
@@ -11072,7 +10624,8 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
-  diff@4.0.4: {}
+  diff@4.0.4:
+    optional: true
 
   diff@8.0.3: {}
 
@@ -11844,14 +11397,6 @@ snapshots:
 
   git-hooks-list@4.2.1: {}
 
-  git-raw-commits@2.0.11:
-    dependencies:
-      dargs: 7.0.0
-      lodash: 4.17.23
-      meow: 8.1.2
-      split2: 3.2.2
-      through2: 4.0.2
-
   git-raw-commits@4.0.0:
     dependencies:
       dargs: 8.1.0
@@ -11894,10 +11439,6 @@ snapshots:
     dependencies:
       ini: 4.1.1
 
-  global-dirs@0.1.1:
-    dependencies:
-      ini: 1.3.8
-
   globals@13.24.0:
     dependencies:
       type-fest: 0.20.2
@@ -11942,8 +11483,6 @@ snapshots:
     optionalDependencies:
       uglify-js: 3.19.3
 
-  hard-rejection@2.1.0: {}
-
   has-bigints@1.1.0: {}
 
   has-flag@4.0.0: {}
@@ -11993,10 +11532,6 @@ snapshots:
 
   hosted-git-info@2.8.9: {}
 
-  hosted-git-info@4.1.0:
-    dependencies:
-      lru-cache: 6.0.0
-
   hosted-git-info@7.0.2:
     dependencies:
       lru-cache: 10.4.3
@@ -12049,7 +11584,8 @@ snapshots:
 
   ignore@6.0.2: {}
 
-  immutable@5.1.5: {}
+  immutable@5.1.5:
+    optional: true
 
   import-cwd@3.0.0:
     dependencies:
@@ -12242,8 +11778,6 @@ snapshots:
 
   is-path-inside@3.0.3: {}
 
-  is-plain-obj@1.1.0: {}
-
   is-plain-obj@4.1.0: {}
 
   is-port-reachable@4.0.0: {}
@@ -12278,10 +11812,6 @@ snapshots:
       has-symbols: 1.1.0
       safe-regex-test: 1.1.0
 
-  is-text-path@1.0.1:
-    dependencies:
-      text-extensions: 1.9.0
-
   is-text-path@2.0.0:
     dependencies:
       text-extensions: 2.4.0
@@ -12431,8 +11961,6 @@ snapshots:
     dependencies:
       json-buffer: 3.0.1
 
-  kind-of@6.0.3: {}
-
   kolorist@1.8.0: {}
 
   language-subtag-registry@0.3.23: {}
@@ -12560,8 +12088,6 @@ snapshots:
 
   lodash.get@4.4.2: {}
 
-  lodash.isfunction@3.0.9: {}
-
   lodash.isplainobject@4.0.6: {}
 
   lodash.kebabcase@4.1.1: {}
@@ -12617,18 +12143,6 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  lru-cache@6.0.0:
-    dependencies:
-      yallist: 4.0.0
-
-  lucide-react@0.445.0(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-
-  lucide-solid@0.510.0(solid-js@1.9.11):
-    dependencies:
-      solid-js: 1.9.11
-
   lz-string@1.5.0: {}
 
   magic-string@0.30.21:
@@ -12645,11 +12159,8 @@ snapshots:
     dependencies:
       semver: 7.7.4
 
-  make-error@1.3.6: {}
-
-  map-obj@1.0.1: {}
-
-  map-obj@4.3.0: {}
+  make-error@1.3.6:
+    optional: true
 
   markdown-table@3.0.4: {}
 
@@ -12814,20 +12325,6 @@ snapshots:
 
   meow@12.1.1: {}
 
-  meow@8.1.2:
-    dependencies:
-      '@types/minimist': 1.2.5
-      camelcase-keys: 6.2.2
-      decamelize-keys: 1.1.1
-      hard-rejection: 2.1.0
-      minimist-options: 4.1.0
-      normalize-package-data: 3.0.3
-      read-pkg-up: 7.0.1
-      redent: 3.0.0
-      trim-newlines: 3.0.1
-      type-fest: 0.18.1
-      yargs-parser: 20.2.9
-
   merge-stream@2.0.0: {}
 
   merge2@1.4.1: {}
@@ -13137,12 +12634,6 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.2
 
-  minimist-options@4.1.0:
-    dependencies:
-      arrify: 1.0.1
-      is-plain-obj: 1.1.0
-      kind-of: 6.0.3
-
   minimist@1.2.8: {}
 
   minipass@7.1.3: {}
@@ -13257,13 +12748,6 @@ snapshots:
       semver: 7.7.4
       validate-npm-package-license: 3.0.4
 
-  normalize-package-data@3.0.3:
-    dependencies:
-      hosted-git-info: 4.1.0
-      is-core-module: 2.16.1
-      semver: 7.7.4
-      validate-npm-package-license: 3.0.4
-
   normalize-package-data@6.0.2:
     dependencies:
       hosted-git-info: 7.0.2
@@ -13830,8 +13314,6 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  quick-lru@4.0.1: {}
-
   range-parser@1.2.0: {}
 
   rc@1.2.8:
@@ -14093,10 +13575,6 @@ snapshots:
 
   resolve-from@5.0.0: {}
 
-  resolve-global@1.0.0:
-    dependencies:
-      global-dirs: 0.1.1
-
   resolve-pkg-maps@1.0.0: {}
 
   resolve@1.19.0:
@@ -14413,6 +13891,7 @@ snapshots:
       sass-embedded-unknown-all: 1.97.3
       sass-embedded-win32-arm64: 1.97.3
       sass-embedded-win32-x64: 1.97.3
+    optional: true
 
   sass@1.97.3:
     dependencies:
@@ -14442,12 +13921,6 @@ snapshots:
       no-case: 2.3.2
       upper-case-first: 1.1.2
 
-  seroval-plugins@1.5.0(seroval@1.5.0):
-    dependencies:
-      seroval: 1.5.0
-
-  seroval@1.5.0: {}
-
   serve-handler@6.1.7:
     dependencies:
       bytes: 3.0.0
@@ -14560,12 +14033,6 @@ snapshots:
     dependencies:
       no-case: 2.3.2
 
-  solid-js@1.9.11:
-    dependencies:
-      csstype: 3.2.3
-      seroval: 1.5.0
-      seroval-plugins: 1.5.0(seroval@1.5.0)
-
   sonner@2.0.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       react: 18.3.1
@@ -14605,10 +14072,6 @@ snapshots:
 
   spdx-license-ids@3.0.23: {}
 
-  split2@3.2.2:
-    dependencies:
-      readable-stream: 3.6.2
-
   split2@4.2.0: {}
 
   sprintf-js@1.0.3: {}
@@ -14817,15 +14280,15 @@ snapshots:
   sync-child-process@1.0.2:
     dependencies:
       sync-message-port: 1.2.0
+    optional: true
 
-  sync-message-port@1.2.0: {}
+  sync-message-port@1.2.0:
+    optional: true
 
   synckit@0.11.12:
     dependencies:
       '@pkgr/core': 0.2.9
 
-  tailwind-merge@3.5.0: {}
-
   tailwindcss-animate@1.0.7(tailwindcss@4.2.1):
     dependencies:
       tailwindcss: 4.2.1
@@ -14834,18 +14297,12 @@ snapshots:
 
   tapable@2.3.0: {}
 
-  text-extensions@1.9.0: {}
-
   text-extensions@2.4.0: {}
 
   text-table@0.2.0: {}
 
   throttle-debounce@3.0.1: {}
 
-  through2@4.0.2:
-    dependencies:
-      readable-stream: 3.6.2
-
   through@2.3.8: {}
 
   tiny-invariant@1.3.3: {}
@@ -14896,8 +14353,6 @@ snapshots:
 
   tree-kill@1.2.2: {}
 
-  trim-newlines@3.0.1: {}
-
   trough@2.2.0: {}
 
   ts-api-utils@1.4.3(typescript@5.9.3):
@@ -14927,24 +14382,6 @@ snapshots:
       yn: 3.1.1
     optional: true
 
-  ts-node@10.9.2(@types/node@20.5.1)(typescript@5.9.3):
-    dependencies:
-      '@cspotcode/source-map-support': 0.8.1
-      '@tsconfig/node10': 1.0.12
-      '@tsconfig/node12': 1.0.11
-      '@tsconfig/node14': 1.0.3
-      '@tsconfig/node16': 1.0.4
-      '@types/node': 20.5.1
-      acorn: 8.16.0
-      acorn-walk: 8.3.5
-      arg: 4.1.3
-      create-require: 1.1.1
-      diff: 4.0.4
-      make-error: 1.3.6
-      typescript: 5.9.3
-      v8-compile-cache-lib: 3.0.1
-      yn: 3.1.1
-
   ts-node@10.9.2(@types/node@22.19.15)(typescript@5.9.3):
     dependencies:
       '@cspotcode/source-map-support': 0.8.1
@@ -15047,8 +14484,6 @@ snapshots:
     dependencies:
       prelude-ls: 1.2.1
 
-  type-fest@0.18.1: {}
-
   type-fest@0.20.2: {}
 
   type-fest@0.21.3: {}
@@ -15268,7 +14703,8 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
-  v8-compile-cache-lib@3.0.1: {}
+  v8-compile-cache-lib@3.0.1:
+    optional: true
 
   validate-npm-package-license@3.0.4:
     dependencies:
@@ -15277,7 +14713,8 @@ snapshots:
 
   validate-npm-package-name@5.0.1: {}
 
-  varint@6.0.0: {}
+  varint@6.0.0:
+    optional: true
 
   vary@1.1.2: {}
 
@@ -15335,35 +14772,6 @@ snapshots:
       - rollup
       - supports-color
 
-  vitest@4.0.18(@types/node@20.5.1)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2)):
-    dependencies:
-      '@vitest/expect': 4.0.18
-      '@vitest/mocker': 4.0.18(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))
-      '@vitest/pretty-format': 4.0.18
-      '@vitest/runner': 4.0.18
-      '@vitest/snapshot': 4.0.18
-      '@vitest/spy': 4.0.18
-      '@vitest/utils': 4.0.18
-      es-module-lexer: 1.7.0
-      expect-type: 1.3.0
-      magic-string: 0.30.21
-      obug: 2.1.1
-      pathe: 2.0.3
-      picomatch: 4.0.3
-      std-env: 3.10.0
-      tinybench: 2.9.0
-      tinyexec: 1.0.2
-      tinyglobby: 0.2.15
-      tinyrainbow: 3.0.3
-      vite: rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2)
-      why-is-node-running: 2.3.0
-    optionalDependencies:
-      '@types/node': 20.5.1
-      '@vitest/browser-playwright': 4.0.18(playwright@1.58.2)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2))(vitest@4.0.18)
-      jsdom: 28.1.0
-    transitivePeerDependencies:
-      - msw
-
   vitest@4.0.18(@types/node@22.19.15)(@vitest/browser-playwright@4.0.18)(jsdom@28.1.0)(rolldown-vite@7.3.1(@types/node@22.19.15)(esbuild@0.25.12)(jiti@2.6.1)(sass-embedded@1.97.3)(sass@1.97.3)(yaml@2.8.2)):
     dependencies:
       '@vitest/expect': 4.0.18
@@ -15517,14 +14925,10 @@ snapshots:
 
   yallist@3.1.1: {}
 
-  yallist@4.0.0: {}
-
   yaml@1.10.2: {}
 
   yaml@2.8.2: {}
 
-  yargs-parser@20.2.9: {}
-
   yargs-parser@21.1.1: {}
 
   yargs@17.7.2:
@@ -15537,7 +14941,8 @@ snapshots:
       y18n: 5.0.8
       yargs-parser: 21.1.1
 
-  yn@3.1.1: {}
+  yn@3.1.1:
+    optional: true
 
   yocto-queue@0.1.0: {}