Feature/remove external icons

apps/web/app/events/create/page.tsx

@@ -1,5 +1,5 @@
 import CreateEventForm from "@/components/events/create-event-form";
-import { Camera } from "lucide-react";
+import { Camera } from "@/components/ui/icons";
 
 export default function CreateEventPage() {
   return (

apps/web/app/help/[category]/[slug]/client-sidebar.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 import Link from "next/link";
-import { ChevronDown, ChevronUp } from "lucide-react";
+import { ChevronDown, ChevronUp } from "@/components/ui/icons";
 import type { Article } from "../../data";
 
 interface ClientSidebarProps {

apps/web/components/events/TicketModal.tsx

@@ -4,7 +4,7 @@ import React, { useState, useEffect, useRef } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import { QRCodeSVG } from "qrcode.react";
 import { toast } from "sonner";
-import { X, Minus, Plus, Ticket, ArrowRight, CheckCircle2, Gift } from "lucide-react";
+import { X, Minus, Plus, Ticket, ArrowRight, CheckCircle2, Gift } from "@/components/ui/icons";
 import Image from "next/image";
 import { Button } from "@/components/ui/button";
 

apps/web/components/ui/icons.tsx

@@ -0,0 +1,112 @@
+interface IconProps {
+  size?: number;
+  className?: string;
+}
+
+const base = (size = 24, className?: string) => ({
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round" as const,
+  strokeLinejoin: "round" as const,
+  className,
+});
+
+export function ChevronDown({ size, className }: IconProps) {
+  return <svg {...base(size, className)}><polyline points="6 9 12 15 18 9" /></svg>;
+}
+
+export function ChevronUp({ size, className }: IconProps) {
+  return <svg {...base(size, className)}><polyline points="18 15 12 9 6 15" /></svg>;
+}
+
+export function Camera({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" />
+      <circle cx="12" cy="13" r="4" />
+    </svg>
+  );
+}
+
+export function CheckCircle2({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <circle cx="12" cy="12" r="10" />
+      <path d="m9 12 2 2 4-4" />
+    </svg>
+  );
+}
+
+export function Home({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+      <polyline points="9 22 9 12 15 12 15 22" />
+    </svg>
+  );
+}
+
+export function ExternalLink({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
+      <polyline points="15 3 21 3 21 9" />
+      <line x1="10" y1="14" x2="21" y2="3" />
+    </svg>
+  );
+}
+
+export function X({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <line x1="18" y1="6" x2="6" y2="18" />
+      <line x1="6" y1="6" x2="18" y2="18" />
+    </svg>
+  );
+}
+
+export function Minus({ size, className }: IconProps) {
+  return <svg {...base(size, className)}><line x1="5" y1="12" x2="19" y2="12" /></svg>;
+}
+
+export function Plus({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <line x1="12" y1="5" x2="12" y2="19" />
+      <line x1="5" y1="12" x2="19" y2="12" />
+    </svg>
+  );
+}
+
+export function Ticket({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <path d="M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z" />
+    </svg>
+  );
+}
+
+export function ArrowRight({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <line x1="5" y1="12" x2="19" y2="12" />
+      <polyline points="12 5 19 12 12 19" />
+    </svg>
+  );
+}
+
+export function Gift({ size, className }: IconProps) {
+  return (
+    <svg {...base(size, className)}>
+      <polyline points="20 12 20 22 4 22 4 12" />
+      <rect x="2" y="7" width="20" height="5" />
+      <line x1="12" y1="22" x2="12" y2="7" />
+      <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z" />
+      <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z" />
+    </svg>
+  );
+}

apps/web/package.json

@@ -17,7 +17,6 @@
     "framer-motion": "^12.26.2",
     "jsonwebtoken": "^9.0.3",
     "leaflet": "^1.9.4",
-    "lucide-react": "^0.575.0",
     "next": "16.1.3",
     "nprogress": "^0.2.0",
     "qrcode.react": "^4.2.0",