Refactored icons.

src/app/(main)/settings/teams/TeamLeaveButton.tsx

@@ -1,6 +1,7 @@
 import { useLoginQuery, useMessages, useModified } from '@/components/hooks';
 import { useRouter } from 'next/navigation';
-import { Button, Icon, Icons, Modal, DialogTrigger, Dialog, Text } from '@umami/react-zen';
+import { Button, Icon, Modal, DialogTrigger, Dialog, Text } from '@umami/react-zen';
+import { LogOut } from '@/components/icons';
 import { TeamLeaveForm } from './TeamLeaveForm';
 
 export function TeamLeaveButton({ teamId, teamName }: { teamId: string; teamName: string }) {
@@ -18,7 +19,7 @@ export function TeamLeaveButton({ teamId, teamName }: { teamId: string; teamName
     <DialogTrigger>
       <Button variant="secondary">
         <Icon>
-          <Icons.Logout />
+          <LogOut />
         </Icon>
         <Text>{formatMessage(labels.leave)}</Text>
       </Button>

src/app/(main)/settings/teams/TeamsAddButton.tsx

@@ -1,5 +1,5 @@
 import { Button, Icon, Modal, DialogTrigger, Dialog, Text, useToast } from '@umami/react-zen';
-import { Icons } from '@/components/icons';
+import { Plus } from '@/components/icons';
 import { useMessages, useModified } from '@/components/hooks';
 import { TeamAddForm } from './TeamAddForm';
 import { messages } from '@/components/messages';
@@ -19,7 +19,7 @@ export function TeamsAddButton({ onSave }: { onSave?: () => void }) {
     <DialogTrigger>
       <Button variant="primary">
         <Icon>
-          <Icons.Plus />
+          <Plus />
         </Icon>
         <Text>{formatMessage(labels.createTeam)}</Text>
       </Button>

src/app/(main)/settings/teams/TeamsJoinButton.tsx

@@ -1,5 +1,5 @@
 import { Button, Icon, Modal, DialogTrigger, Dialog, Text, useToast } from '@umami/react-zen';
-import { Icons } from '@/components/icons';
+import { AddUser } from '@/components/icons';
 import { useMessages, useModified } from '@/components/hooks';
 import { TeamJoinForm } from './TeamJoinForm';
 
@@ -16,8 +16,8 @@ export function TeamsJoinButton() {
   return (
     <DialogTrigger>
       <Button variant="secondary">
-        <Icon fillColor="currentColor">
-          <Icons.AddUser />
+        <Icon>
+          <AddUser />
         </Icon>
         <Text>{formatMessage(labels.joinTeam)}</Text>
       </Button>

src/app/(main)/settings/teams/TeamsTable.tsx

@@ -1,6 +1,6 @@
 import { DataColumn, DataTable, Icon, MenuItem, Text, Row } from '@umami/react-zen';
 import { useMessages } from '@/components/hooks';
-import { Icons } from '@/components/icons';
+import { Arrow, Edit } from '@/components/icons';
 import { ROLES } from '@/lib/constants';
 import { MenuButton } from '@/components/input/MenuButton';
 
@@ -36,7 +36,7 @@ export function TeamsTable({
                 <MenuItem href={`/teams/${id}`}>
                   <Row alignItems="center" gap>
                     <Icon>
-                      <Icons.Arrow />
+                      <Arrow />
                     </Icon>
                     <Text>{formatMessage(labels.view)}</Text>
                   </Row>
@@ -44,7 +44,7 @@ export function TeamsTable({
                 <MenuItem href={`/teams/${id}/settings`}>
                   <Row alignItems="center" gap>
                     <Icon>
-                      <Icons.Edit />
+                      <Edit />
                     </Icon>
                     <Text>{formatMessage(labels.edit)}</Text>
                   </Row>

src/app/(main)/settings/teams/WebsiteTags.tsx

@@ -1,4 +1,5 @@
-import { Button, Icon, Icons, Text } from '@umami/react-zen';
+import { Button, Icon, Text } from '@umami/react-zen';
+import { Close } from '@/components/icons';
 import styles from './WebsiteTags.module.css';
 
 export function WebsiteTags({
@@ -26,7 +27,7 @@ export function WebsiteTags({
                 <b>{`${website.name}`}</b>
               </Text>
               <Icon>
-                <Icons.Close />
+                <Close />
               </Icon>
             </Button>
           </div>