/**
* Inline stroke icons (24px grid, 1.75 stroke, currentColor). No icon font or runtime dependency:
* each icon is a few path strings, tree-shaken per page.
*/
type IconProps = { className?: string; title?: string; strokeWidth?: number };
function make(paths: React.ReactNode, displayName: string) {
const Icon = ({ className = 'h-4 w-4', title, strokeWidth = 1.75 }: IconProps) => (
);
Icon.displayName = displayName;
return Icon;
}
export const SearchIcon = make(<>, 'SearchIcon');
export const XIcon = make(, 'XIcon');
export const ArrowRightIcon = make(, 'ArrowRightIcon');
export const ArrowLeftIcon = make(, 'ArrowLeftIcon');
export const ArrowUpRightIcon = make(, 'ArrowUpRightIcon');
export const ChevronRightIcon = make(, 'ChevronRightIcon');
export const ChevronLeftIcon = make(, 'ChevronLeftIcon');
export const ChevronDownIcon = make(, 'ChevronDownIcon');
export const MenuIcon = make(, 'MenuIcon');
export const MapPinIcon = make(<>, 'MapPinIcon');
export const ScaleIcon = make(<>, 'ScaleIcon');
export const GavelIcon = make(<>, 'GavelIcon');
export const BriefcaseIcon = make(<>, 'BriefcaseIcon');
export const UserIcon = make(<>, 'UserIcon');
export const UsersIcon = make(<>, 'UsersIcon');
export const BuildingIcon = make(<>, 'BuildingIcon');
export const LandmarkIcon = make(, 'LandmarkIcon');
export const ShieldCheckIcon = make(<>, 'ShieldCheckIcon');
export const BadgeCheckIcon = make(<>, 'BadgeCheckIcon');
export const StarIcon = make(, 'StarIcon');
export const PhoneIcon = make(, 'PhoneIcon');
export const GlobeIcon = make(<>, 'GlobeIcon');
export const MailIcon = make(<>, 'MailIcon');
export const ClockIcon = make(<>, 'ClockIcon');
export const CalendarIcon = make(<>, 'CalendarIcon');
export const AwardIcon = make(<>, 'AwardIcon');
export const FileTextIcon = make(<>, 'FileTextIcon');
export const HeartIcon = make(, 'HeartIcon');
export const HomeIcon = make(<>, 'HomeIcon');
export const PlaneIcon = make(, 'PlaneIcon');
export const CarIcon = make(<>, 'CarIcon');
export const ChildIcon = make(<>, 'ChildIcon');
export const ScrollIcon = make(<>, 'ScrollIcon');
export const HandshakeIcon = make(, 'HandshakeIcon');
export const TrendingUpIcon = make(, 'TrendingUpIcon');
export const ChartIcon = make(, 'ChartIcon');
export const CheckIcon = make(, 'CheckIcon');
export const CheckCircleIcon = make(<>, 'CheckCircleIcon');
export const AlertIcon = make(<>, 'AlertIcon');
export const InfoIcon = make(<>, 'InfoIcon');
export const FlagIcon = make(, 'FlagIcon');
export const MessageIcon = make(, 'MessageIcon');
export const LanguagesIcon = make(, 'LanguagesIcon');
export const FilterIcon = make(, 'FilterIcon');
export const ExternalLinkIcon = make(, 'ExternalLinkIcon');
export const BookOpenIcon = make(, 'BookOpenIcon');
export const SparklesIcon = make(, 'SparklesIcon');
export const LockIcon = make(<>, 'LockIcon');
export const EyeIcon = make(<>, 'EyeIcon');
export const LayersIcon = make(, 'LayersIcon');
export const HistoryIcon = make(<>, 'HistoryIcon');
export const DatabaseIcon = make(<>, 'DatabaseIcon');
export const SendIcon = make(, 'SendIcon');
export const QuoteIcon = make(, 'QuoteIcon');
export const CompassIcon = make(<>, 'CompassIcon');
export const HashIcon = make(, 'HashIcon');
export const DashboardIcon = make(<>, 'DashboardIcon');
export const ActivityIcon = make(, 'ActivityIcon');
export const GaugeIcon = make(<>, 'GaugeIcon');
export const ListChecksIcon = make(, 'ListChecksIcon');
export const MergeIcon = make(<>, 'MergeIcon');
export const UploadIcon = make(, 'UploadIcon');
export const InboxIcon = make(<>, 'InboxIcon');
export const DollarIcon = make(, 'DollarIcon');
export const KeyIcon = make(<>, 'KeyIcon');
export const LogOutIcon = make(, 'LogOutIcon');
export const PlusIcon = make(, 'PlusIcon');
export const RefreshIcon = make(, 'RefreshIcon');
export const TrashIcon = make(, 'TrashIcon');
export const SaveIcon = make(<>, 'SaveIcon');
export const CodeIcon = make(, 'CodeIcon');
export const XCircleIcon = make(<>, 'XCircleIcon');
export const BellIcon = make(, 'BellIcon');
export const ImageIcon = make(<>, 'ImageIcon');
export const ServerIcon =make(<>, 'ServerIcon');
/** Animated loading ring */
export function Spinner({ className = 'h-4 w-4' }: { className?: string }) {
return (
);
}
/** One recognisable glyph per practice area; unknown areas fall back to the scales of justice */
const AREA_ICON: Record> = {
divorce: HeartIcon,
family: UsersIcon,
'personal-injury': CarIcon,
criminal: GavelIcon,
immigration: PlaneIcon,
employment: BriefcaseIcon,
'estate-planning': ScrollIcon,
business: BuildingIcon,
'real-estate': HomeIcon,
'child-custody': ChildIcon,
};
export function PracticeAreaIcon({ slug, className }: { slug: string; className?: string }) {
const Icon = AREA_ICON[slug] ?? ScaleIcon;
return ;
}
export const RestoreIcon = make(<>, 'RestoreIcon');
export const CopyIcon = make(<>, 'CopyIcon');
export const SortIcon = make(<>, 'SortIcon');
export const EyeOffIcon = make(<>, 'EyeOffIcon');