Next: Updated shadcn

Author: niemyjski

src/Exceptionless.Web/ClientApp/package-lock.json

@@ -63,6 +63,7 @@
         "class-validator": "^0.14.1",
         "clsx": "^2.1.1",
         "formsnap": "^2.0.0",
+        "lucide-svelte": "^0.471.0",
         "mode-watcher": "^0.5.0",
         "oidc-client-ts": "^3.1.0",
         "pretty-ms": "^9.2.0",

src/Exceptionless.Web/ClientApp/package.json

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Checkbox as CheckboxPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-    import Check from '~icons/mdi/check';
-    import Minus from '~icons/mdi/remove';
+	import Check from "lucide-svelte/icons/check";
+	import Minus from "lucide-svelte/icons/minus";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/checkbox/checkbox.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Command as CommandPrimitive } from "bits-ui";
-	import Search from '~icons/mdi/search';
+	import Search from "lucide-svelte/icons/search";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/command/command-input.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { ContextMenu as ContextMenuPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-    import Check from '~icons/mdi/check';
-	import Minus from '~icons/mdi/remove';
+	import Check from "lucide-svelte/icons/check";
+	import Minus from "lucide-svelte/icons/minus";
 	import type { Snippet } from "svelte";
 	import { cn } from "$lib/utils.js";
 

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/context-menu/context-menu-checkbox-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { ContextMenu as ContextMenuPrimitive, type WithoutChild } from "bits-ui";
-	import Circle from "~icons/mdi/circle";
+	import Circle from "lucide-svelte/icons/circle";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/context-menu/context-menu-radio-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { ContextMenu as ContextMenuPrimitive, type WithoutChild } from "bits-ui";
-    import ChevronRight from '~icons/mdi/chevron-right';
+	import ChevronRight from "lucide-svelte/icons/chevron-right";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/context-menu/context-menu-sub-trigger.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Dialog as DialogPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import X from "~icons/mdi/close";
+	import X from "lucide-svelte/icons/x";
 	import type { Snippet } from "svelte";
 	import * as Dialog from "./index.js";
 	import { cn } from "$lib/utils.js";

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/dialog/dialog-content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-    import Check from '~icons/mdi/check';
-    import Minus from '~icons/mdi/remove';
+	import Check from "lucide-svelte/icons/check";
+	import Minus from "lucide-svelte/icons/minus";
 	import { cn } from "$lib/utils.js";
 	import type { Snippet } from "svelte";
 

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/dropdown-menu/dropdown-menu-checkbox-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive, type WithoutChild } from "bits-ui";
-	import Circle from "~icons/mdi/circle";
+	import Circle from "lucide-svelte/icons/circle";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive, type WithoutChild } from "bits-ui";
-    import ChevronRight from '~icons/mdi/chevron-right';
+	import ChevronRight from "lucide-svelte/icons/chevron-right";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/dropdown-menu/dropdown-menu-sub-trigger.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { RadioGroup as RadioGroupPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import Circle from "~icons/mdi/circle-outline";
+	import Circle from "lucide-svelte/icons/circle";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/radio-group/radio-group-item.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
-    import Check from '~icons/mdi/check';
+	import Check from "lucide-svelte/icons/check";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/select/select-item.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import ChevronDown from '~icons/mdi/chevron-down';
+	import ChevronDown from "lucide-svelte/icons/chevron-down";
 	import { Select as SelectPrimitive, type WithoutChildrenOrChild } from "bits-ui";
 	import { cn } from "$lib/utils.js";
 

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/select/select-scroll-down-button.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import ChevronUp from '~icons/mdi/chevron-up';
+	import ChevronUp from "lucide-svelte/icons/chevron-up";
 	import { Select as SelectPrimitive, type WithoutChildrenOrChild } from "bits-ui";
 	import { cn } from "$lib/utils.js";
 

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/select/select-scroll-up-button.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { Select as SelectPrimitive, type WithoutChild } from "bits-ui";
-	import ChevronDown from "~icons/mdi/chevron-down";
+	import ChevronDown from "lucide-svelte/icons/chevron-down";
 	import { cn } from "$lib/utils.js";
 
 	let {

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/select/select-trigger.svelte

@@ -21,7 +21,7 @@
 
 <script lang="ts">
 	import { Dialog as SheetPrimitive, type WithoutChildrenOrChild } from "bits-ui";
-	import X from "~icons/mdi/close";
+	import X from "lucide-svelte/icons/x";
 	import type { Snippet } from "svelte";
 	import SheetOverlay from "./sheet-overlay.svelte";
 	import { cn } from "$lib/utils.js";

src/Exceptionless.Web/ClientApp/src/lib/features/shared/components/ui/sheet/sheet-content.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Button } from "$lib/features/shared/components/ui/button/index.js";
 	import { cn } from "$lib/utils.js";
-    import PanelLeft from "~icons/lucide/panel-left";
+	import PanelLeft from "lucide-svelte/icons/panel-left";
 	import type { ComponentProps } from "svelte";
 	import { useSidebar } from "./context.svelte.js";