Updated icons.

src/components/common/ErrorMessage.tsx

@@ -1,6 +1,6 @@
 import { Icon, Text, Row } from '@umami/react-zen';
 import { useMessages } from '@/components/hooks';
-import { Alert } from '@/components/icons';
+import { AlertTriangle } from '@/components/icons';
 
 export function ErrorMessage() {
   const { formatMessage, messages } = useMessages();
@@ -8,7 +8,7 @@ export function ErrorMessage() {
   return (
     <Row alignItems="center" justifyContent="center" gap>
       <Icon>
-        <Alert />
+        <AlertTriangle />
       </Icon>
       <Text>{formatMessage(messages.error)}</Text>
     </Row>

src/components/common/FilterRecord.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { Grid, Column, TextField, Label, Select, Icon, Button, ListItem } from '@umami/react-zen';
 import { useFilters, useFormat, useWebsiteValuesQuery } from '@/components/hooks';
-import { Close } from '@/components/icons';
+import { X } from '@/components/icons';
 import { isSearchOperator } from '@/lib/params';
 import { Empty } from '@/components/common/Empty';
 
@@ -107,7 +107,7 @@ export function FilterRecord({
         <Column justifyContent="flex-end">
           <Button variant="quiet" onPress={() => onRemove?.(name)}>
             <Icon>
-              <Close />
+              <X />
             </Icon>
           </Button>
         </Column>

src/components/common/Pager.tsx

@@ -1,6 +1,6 @@
 import { Button, Icon, Row, Text } from '@umami/react-zen';
 import { useMessages } from '@/components/hooks';
-import { Chevron } from '@/components/icons';
+import { ChevronRight } from '@/components/icons';
 
 export interface PagerProps {
   page: string | number;
@@ -45,12 +45,12 @@ export function Pager({ page, pageSize, count, onPageChange }: PagerProps) {
         <Row gap="1">
           <Button variant="outline" onPress={() => handlePageChange(-1)} isDisabled={firstPage}>
             <Icon size="sm" rotate={180}>
-              <Chevron />
+              <ChevronRight />
             </Icon>
           </Button>
           <Button variant="outline" onPress={() => handlePageChange(1)} isDisabled={lastPage}>
             <Icon size="sm">
-              <Chevron />
+              <ChevronRight />
             </Icon>
           </Button>
         </Row>

src/components/common/Panel.tsx

@@ -9,7 +9,7 @@ import {
   Tooltip,
   Heading,
 } from '@umami/react-zen';
-import { Maximize, Close } from '@/components/icons';
+import { Maximize, X } from '@/components/icons';
 import { useMessages } from '@/components/hooks';
 
 export interface PanelProps extends ColumnProps {
@@ -59,7 +59,7 @@ export function Panel({
         <Row justifyContent="flex-end" alignItems="center">
           <TooltipTrigger delay={0} isDisabled={isFullscreen}>
             <Button variant="quiet" onPress={handleFullscreen}>
-              <Icon>{isFullscreen ? <Close /> : <Maximize />}</Icon>
+              <Icon>{isFullscreen ? <X /> : <Maximize />}</Icon>
             </Button>
             <Tooltip>{formatMessage(labels.maximize)}</Tooltip>
           </TooltipTrigger>