"use client"; // --------------------------------------------------------------------------- // Components never import an icon directly: they look one up by the role it // plays (`useIcons()["chevron-down"]`). That keeps the icon set swappable in // one place, so an app on another library wraps its tree in IconProvider and // every component follows. Lucide is the default and the only icon library // this file depends on. // // Components read from the map rather than calling `useIcon(name)`: React // Compiler's lint (`react-hooks/static-components`, on in a fresh Next app) // takes a component returned by a hook call for one created during render, // and flags rendering it. A property read from the map is the same lookup // without the false alarm. // --------------------------------------------------------------------------- import { createContext, useContext, useMemo, type ComponentType, type ReactNode } from "react"; import { ChevronRight, ChevronDown, X, Copy, Menu, Dot, Monitor, Sun, Moon, RectangleHorizontal, Circle, Square, SquareLibrary, Clock, Star, Settings, Plus, ArrowLeft, ArrowRight, ArrowUp, ArrowDown, Search, Loader, Users, Lock, Mail, Bell, Shield, Palette, Lightbulb, Rocket, Heart, Paintbrush, Brain, Globe, User, ImageIcon, Link, Check, RotateCcw, Play, Pause, Pipette, Home, MessageCircle, Inbox, Pencil, Scaling, SkipForward, CornerDownRight, CornerDownLeft, PanelLeft, PanelRight, ChevronsUpDown, Ellipsis, EllipsisVertical, Calendar, Folder, SlidersHorizontal, Info, CircleAlert, File, Minus, Maximize2, Minimize2, GripVertical, Tag, ListFilter, } from "lucide-react"; // The whole contract an icon has to meet. Components pass `strokeWidth` and // also animate stroke width through `className` (1.5 → 2 on hover is a // common cue), so an icon from another library should forward both to its // `