Removed Custom Icon Component and Added Iconify icons

src/components/Button.astro

@@ -1,7 +1,7 @@
 ---
 import type { HTMLAttributes } from "astro/types";
 import { cn } from "../utils/cn";
-import Icon from "./Icon.astro";
+import { Icon } from "astro-icon/components";
 
 type Variant = "solid" | "outline" | "ghost" | "soft" | "link";
 type Color =

src/components/Field.astro

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from "astro/types";
 import { cva } from "class-variance-authority";
 import { cn } from "../utils/cn";
-import Icon from "./Icon.astro";
+import { Icon } from "astro-icon/components";
 
 type Kind =
     | "text"

src/components/MultiSelect.astro

@@ -1,7 +1,7 @@
 ---
 import type { HTMLAttributes } from "astro/types";
 import { cn } from "../utils/cn";
-import Icon from "./Icon.astro";
+import { Icon } from "astro-icon/components";
 
 interface Option {
     value: string;

src/index.ts

@@ -2,7 +2,6 @@ export { default as Button } from "./components/Button.astro";
 export { default as Form } from "./components/Form.astro";
 export { default as Field } from "./components/Field.astro";
 export { default as MultiSelect } from "./components/MultiSelect.astro";
-export { default as Icon } from "./components/Icon.astro";
 
 // Utils
 export { cn } from "./utils/cn";

src/pages/icons.astro

@@ -1,5 +1,5 @@
 ---
-import Icon from "../components/Icon.astro";
+import { Icon } from "astro-icon/components";
 import Base from "../layouts/Base.astro";
 ---