replaced 'iconoir-react' with '@tokens-studio/icons' where possible

packages/graph-editor/package.json

@@ -54,6 +54,7 @@
     "@rematch/core": "2.2.0",
     "@stitches/react": "1.2.8",
     "@tokens-studio/graph-engine": "*",
+    "@tokens-studio/icons": "^0.1.3",
     "@tokens-studio/tokens": "^0.0.24",
     "@tokens-studio/types": "^0.2.3",
     "@tokens-studio/ui": "^0.6.9",

packages/graph-editor/src/components/colorPicker/InputPopover.tsx

@@ -1,5 +1,5 @@
 import * as Popover from '@radix-ui/react-popover';
-import { Xmark } from 'iconoir-react';
+import { Xmark } from '@tokens-studio/icons';
 import { keyframes, styled } from '@/lib/stitches/index.js';
 import React from 'react';
 

packages/graph-editor/src/components/commandPalette/index.tsx

@@ -8,7 +8,7 @@ import {
 import { Node } from '@tokens-studio/graph-engine';
 import { NodeRequest } from '@/editor/actions/createNode.js';
 import { Node as ReactFlowNode, useReactFlow } from 'reactflow';
-import { Search } from 'iconoir-react';
+import { Search } from '@tokens-studio/icons';
 import { isActiveElementTextEditable } from '@/utils/isActiveElementTextEditable.js';
 import { observer } from 'mobx-react-lite';
 import { showNodesCmdPaletteSelector } from '@/redux/selectors/ui.js';

packages/graph-editor/src/components/controls/array.tsx

@@ -19,7 +19,7 @@ import {
   TextInput,
 } from '@tokens-studio/ui';
 import { ColorPickerPopover } from '../colorPicker/index.js';
-import { FloppyDisk, Minus, Plus } from 'iconoir-react';
+import { FloppyDisk, Minus, Plus } from '@tokens-studio/icons';
 import { IField } from './interface.js';
 import { JSONTree } from 'react-json-tree';
 import { delayedUpdateSelector } from '@/redux/selectors/index.js';

packages/graph-editor/src/components/controls/color.tsx

@@ -1,6 +1,6 @@
 import { Box, IconButton, Stack, Text } from '@tokens-studio/ui';
 import { ColorPickerPopover } from '../colorPicker/index.js';
-import { FloppyDisk } from 'iconoir-react';
+import { FloppyDisk } from '@tokens-studio/icons';
 import { IField } from './interface.js';
 import { Input, hexToColor, toColor, toHex } from '@tokens-studio/graph-engine';
 import { delayedUpdateSelector } from '@/redux/selectors/index.js';

packages/graph-editor/src/components/controls/numeric.tsx

@@ -1,4 +1,4 @@
-import { FloppyDisk } from 'iconoir-react';
+import { FloppyDisk } from '@tokens-studio/icons';
 import { IField } from './interface.js';
 import { IconButton, Stack, TextInput } from '@tokens-studio/ui';
 import { Input } from '@tokens-studio/graph-engine';

packages/graph-editor/src/components/controls/slider.tsx

@@ -1,4 +1,4 @@
-import { FloppyDisk } from 'iconoir-react';
+import { FloppyDisk } from '@tokens-studio/icons';
 import { IField } from './interface.js';
 import { IconButton, Stack, Text } from '@tokens-studio/ui';
 import { Input } from '@tokens-studio/graph-engine';

packages/graph-editor/src/components/controls/string.tsx

@@ -1,4 +1,4 @@
-import { FloppyDisk } from 'iconoir-react';
+import { FloppyDisk } from '@tokens-studio/icons';
 import { IField } from './interface.js';
 import { IconButton, Stack, Text, TextInput } from '@tokens-studio/ui';
 import { Input } from '@tokens-studio/graph-engine';

packages/graph-editor/src/components/controls/text.tsx

@@ -1,4 +1,4 @@
-import { FloppyDisk } from 'iconoir-react';
+import { FloppyDisk } from '@tokens-studio/icons';
 import { IField } from './interface.js';
 import { IconButton, Textarea as UITextarea } from '@tokens-studio/ui';
 import { Input } from '@tokens-studio/graph-engine';

packages/graph-editor/src/components/debugger/player.tsx

@@ -1,6 +1,13 @@
 import { DebugInfo } from './data.js';
 import { IconButton, Select, Stack, Text } from '@tokens-studio/ui';
-import { Pause, Play, Trash, UndoAction, ZoomIn, ZoomOut } from 'iconoir-react';
+import {
+  Pause,
+  Play,
+  Trash,
+  UndoAction,
+  ZoomIn,
+  ZoomOut,
+} from '@tokens-studio/icons';
 import { TimelineState } from '@xzdarcy/react-timeline-editor';
 import React, { useEffect, useState } from 'react';
 

packages/graph-editor/src/components/dialogs/findDialog.tsx

@@ -1,5 +1,5 @@
 import { Button, Dialog, IconButton, Text, TextInput } from '@tokens-studio/ui';
-import { Xmark } from 'iconoir-react';
+import { Xmark } from '@tokens-studio/icons';
 import { title as annotatedTitle } from '@/annotations/index.js';
 import {
   graphEditorSelector,

packages/graph-editor/src/components/flow/nodes/noteNode.tsx

@@ -1,6 +1,6 @@
 import { BaseNodeWrapper } from '../wrapper/base.js';
 import { Box, IconButton, Textarea } from '@tokens-studio/ui';
-import { EditPencil } from 'iconoir-react';
+import { EditPencil } from '@tokens-studio/icons';
 import { Node } from '@tokens-studio/graph-engine';
 import { NodeProps, NodeResizer } from 'reactflow';
 import { description, title } from '@/annotations/index.js';

packages/graph-editor/src/components/menubar/defaults.tsx

@@ -7,7 +7,7 @@ import {
   Play,
   Settings as SettingsIcon,
   Upload,
-} from 'iconoir-react';
+} from '@tokens-studio/icons';
 import { DebugPanel } from '../panels/debugger/index.js';
 import { DropPanel } from '../panels/dropPanel/index.js';
 import { GraphPanel } from '../panels/graph/index.js';

packages/graph-editor/src/components/panels/alignment/index.tsx

@@ -2,17 +2,17 @@ import {
   AlignHorizontalCenters,
   AlignVerticalCenters,
   CompAlignBottom,
-  CompAlignBottomSolid,
   CompAlignLeft,
   CompAlignRight,
   CompAlignTop,
-  CompAlignTopSolid,
-} from 'iconoir-react';
+} from '@tokens-studio/icons';
 import {
   AlignHorizontalCentersSolid,
   AlignVerticalCentersSolid,
+  CompAlignBottomSolid,
   CompAlignLeftSolid,
   CompAlignRightSolid,
+  CompAlignTopSolid,
 } from 'iconoir-react';
 import { Box, IconButton, Stack, Text } from '@tokens-studio/ui';
 import { Node } from 'reactflow';

packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx

@@ -1,7 +1,8 @@
 import { Accordion, Box, Stack, Text, TextInput } from '@tokens-studio/ui';
 import { DragItem } from './DragItem.js';
 import { DropPanelStore } from './data.js';
-import { IconoirProvider, NavArrowRight } from 'iconoir-react';
+import { IconoirProvider } from 'iconoir-react';
+import { NavArrowRight } from '@tokens-studio/icons';
 import { NodeEntry } from './NodeEntry.js';
 import { observer } from 'mobx-react-lite';
 import { panelItemsSelector } from '@/redux/selectors/registry.js';

packages/graph-editor/src/components/panels/graph/index.tsx

@@ -1,7 +1,7 @@
 import { Box, IconButton, Label, Stack, TextInput } from '@tokens-studio/ui';
 import React, { useState } from 'react';
 
-import { FloppyDisk } from 'iconoir-react';
+import { FloppyDisk } from '@tokens-studio/icons';
 import { JSONTree } from 'react-json-tree';
 import { description, title } from '@/annotations/index.js';
 import { observer } from 'mobx-react-lite';

packages/graph-editor/src/components/panels/inputs/index.tsx

@@ -2,7 +2,7 @@ import { Box, Heading, IconButton, Stack } from '@tokens-studio/ui';
 import React, { useMemo } from 'react';
 
 import { DynamicInputs } from './dynamicInputs.js';
-import { InfoCircle } from 'iconoir-react';
+import { InfoCircle } from '@tokens-studio/icons';
 import { PortPanel } from '@/components/portPanel/index.js';
 import { annotatedDynamicInputs } from '@tokens-studio/graph-engine';
 import { currentNode } from '@/redux/selectors/graph.js';

packages/graph-editor/src/components/panels/logs/index.tsx

@@ -2,7 +2,7 @@ import { Box, IconButton, Stack, Text, TextInput } from '@tokens-studio/ui';
 import React, { useCallback, useEffect, useRef } from 'react';
 
 import { JSONTree } from 'react-json-tree';
-import { Trash } from 'iconoir-react';
+import { Trash } from '@tokens-studio/icons';
 import { logSelector } from '@/redux/selectors/graph.js';
 import { useDispatch } from '@/hooks/index.js';
 import { useSelector } from 'react-redux';

packages/graph-editor/src/components/portPanel/index.tsx

@@ -14,12 +14,12 @@ import React, { useCallback, useMemo } from 'react';
 import {
   Download,
   EyeClosed,
-  EyeSolid,
   MoreVert,
   Puzzle,
   Undo,
   Xmark,
-} from 'iconoir-react';
+} from '@tokens-studio/icons';
+import { EyeSolid } from 'iconoir-react';
 import { IField } from '@/components/controls/interface.js';
 import { InlineTypeLabel } from '@/components/flow/index.js';
 import { controls } from '@/redux/selectors/registry.js';

packages/graph-editor/src/components/toolbar/buttons/download.tsx

@@ -1,4 +1,4 @@
-import { Download } from 'iconoir-react';
+import { Download } from '@tokens-studio/icons';
 import { IconButton, Tooltip } from '@tokens-studio/ui';
 import { ImperativeEditorRef } from '@/editor/editorTypes.js';
 import { mainGraphSelector } from '@/redux/selectors/graph.js';

packages/graph-editor/src/components/toolbar/buttons/settings.tsx

@@ -1,5 +1,5 @@
 import { IconButton, Tooltip } from '@tokens-studio/ui';
-import { Settings } from 'iconoir-react';
+import { Settings } from '@tokens-studio/icons';
 import { useLayoutButton } from '../../../hooks/useLayoutButton.js';
 import React from 'react';
 

packages/graph-editor/src/components/toolbar/buttons/upload.tsx

@@ -1,6 +1,6 @@
 import { IconButton, Tooltip } from '@tokens-studio/ui';
 import { ImperativeEditorRef } from '@/editor/editorTypes.js';
-import { Upload } from 'iconoir-react';
+import { Upload } from '@tokens-studio/icons';
 import { mainGraphSelector } from '@/redux/selectors/graph.js';
 import { useSelector } from 'react-redux';
 import React from 'react';

packages/graph-editor/src/components/toolbar/dropdowns/add.tsx

@@ -1,5 +1,5 @@
 import { Button, DropdownMenu, Stack, Tooltip } from '@tokens-studio/ui';
-import { NavArrowRight, Plus } from 'iconoir-react';
+import { NavArrowRight, Plus } from '@tokens-studio/icons';
 import { panelItemsSelector } from '@/redux/selectors/index.js';
 import { useAction } from '@/editor/actions/provider.js';
 import { useDispatch } from '@/hooks/index.js';

packages/graph-editor/src/components/toolbar/dropdowns/align.tsx

@@ -8,7 +8,7 @@ import {
   CompAlignLeft,
   CompAlignRight,
   CompAlignTop,
-} from 'iconoir-react';
+} from '@tokens-studio/icons';
 import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui';
 import { Node } from 'reactflow';
 import { graphEditorSelector } from '@/redux/selectors/index.js';

packages/graph-editor/src/components/toolbar/dropdowns/help.tsx

@@ -1,4 +1,4 @@
-import { ChatBubbleQuestion } from 'iconoir-react';
+import { ChatBubbleQuestion } from '@tokens-studio/icons';
 import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui';
 import React from 'react';
 

packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx

@@ -1,5 +1,5 @@
 import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui';
-import { LayoutLeft } from 'iconoir-react';
+import { LayoutLeft } from '@tokens-studio/icons';
 import { dockerSelector } from '@/redux/selectors/index.js';
 import { useLayoutButton } from '../../../hooks/useLayoutButton.js';
 import { useSelector } from 'react-redux';

packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx

@@ -1,5 +1,5 @@
 import { Button, DropdownMenu } from '@tokens-studio/ui';
-import { NavArrowRight } from 'iconoir-react';
+import { NavArrowRight } from '@tokens-studio/icons';
 import { getViewports } from '@/components/hotKeys/index.js';
 import { savedViewports } from '@/annotations/index.js';
 import { useLocalGraph } from '@/hooks/index.js';

packages/graph-editor/src/components/toolbar/groups/playControls.tsx

@@ -1,5 +1,5 @@
 import { IconButton } from '@tokens-studio/ui';
-import { Pause, Play, Square } from 'iconoir-react';
+import { Pause, Play, Square } from '@tokens-studio/icons';
 import { playStateSelector } from '@/redux/selectors/index.js';
 import { useDispatch, useSelector } from 'react-redux';
 import React from 'react';

packages/graph-editor/src/editor/layoutController.tsx

@@ -22,7 +22,7 @@ import { ErrorBoundaryContent } from '@/components/ErrorBoundaryContent.js';
 import { FindDialog } from '@/components/dialogs/findDialog.js';
 import { IconButton, Stack, Tooltip } from '@tokens-studio/ui';
 import { MAIN_GRAPH_ID } from '@/constants.js';
-import { Maximize, Reduce, Xmark } from 'iconoir-react';
+import { Maximize, Reduce, Xmark } from '@tokens-studio/icons';
 import { OutputSheet } from '@/components/panels/output/index.js';
 import React, { MutableRefObject, useEffect, useMemo } from 'react';
 

packages/graph-editor/src/registry/icon.tsx

@@ -13,9 +13,9 @@ import {
   EaseCurveControlPoints,
   Hashtag,
   InputOutput,
-  SelectPoint3d,
   Text,
-} from 'iconoir-react';
+} from '@tokens-studio/icons';
+import { SelectPoint3d } from 'iconoir-react';
 import React from 'react';
 
 /**

packages/nodes-audio/src/ui/index.tsx

@@ -1,5 +1,5 @@
 import { NODE } from '../schemas/index.js';
-import { SoundHigh } from 'iconoir-react';
+import { SoundHigh } from '@tokens-studio/icons';
 import React from 'react';
 
 export const icons = {

packages/nodes-design-tokens/src/ui/index.tsx

@@ -1,4 +1,4 @@
-import { CubeHole, DatabaseScript } from 'iconoir-react';
+import { CubeHole, DatabaseScript } from '@tokens-studio/icons';
 import { REFERENCE, TOKEN, TOKEN_SET } from '../schemas/index.js';
 import React from 'react';
 

packages/nodes-fs/src/ui/index.tsx

@@ -1,4 +1,4 @@
-import { EmptyPage } from 'iconoir-react';
+import { EmptyPage } from '@tokens-studio/icons';
 import { FILE } from '../schemas/index.js';
 import React from 'react';
 

packages/nodes-image/src/ui/index.tsx

@@ -1,5 +1,5 @@
 import { IMAGE } from '../schemas/index.js';
-import { MediaImage } from 'iconoir-react';
+import { MediaImage } from '@tokens-studio/icons';
 import React from 'react';
 
 export const icons = {

packages/ui/src/app/dashboard/clientPage.tsx

@@ -10,7 +10,7 @@ import {
 	Search,
 	Upload,
 	Xmark
-} from 'iconoir-react';
+} from '@tokens-studio/icons';
 import {
 	Box,
 	Button,

packages/ui/src/app/marketplace/clientPage.tsx

@@ -7,7 +7,7 @@ import {
 	Stack,
 	Text
 } from '@tokens-studio/ui';
-import { Download, Heart } from 'iconoir-react';
+import { Download, Heart } from '@tokens-studio/icons';
 import { client } from '@/api/sdk/index.ts';
 import { styled } from '@tokens-studio/graph-editor';
 import { useErrorToast } from '@/hooks/useToast.tsx';

packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx

@@ -10,7 +10,7 @@ import {
 	Tabs,
 	Text
 } from '@tokens-studio/ui';
-import { Download, Heart } from 'iconoir-react';
+import { Download, Heart } from '@tokens-studio/icons';
 import { ImageHolder, PreviewImage } from '../../clientPage.tsx';
 import { client } from '@/api/sdk/index.ts';
 import { useErrorToast } from '@/hooks/useToast.tsx';

packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx

@@ -12,7 +12,7 @@ import { client } from '@/api/sdk/index.ts';
 import { useParams, useRouter } from 'next/navigation.js';
 import MDEditor from '@uiw/react-md-editor';
 //Add rehype to prevent any client of injecting malicious code
-import { Upload } from 'iconoir-react';
+import { Upload } from '@tokens-studio/icons';
 import { useState } from 'react';
 import rehypeSanitize from 'rehype-sanitize';
 

packages/ui/src/components/EmptyStateEditor.tsx

@@ -1,4 +1,4 @@
-import { BatteryCharging, JournalPage, PagePlus } from 'iconoir-react';
+import { BatteryCharging, JournalPage, PagePlus } from '@tokens-studio/icons';
 import { Box, Button, EmptyState, Stack } from '@tokens-studio/ui';
 import { useCallback } from 'react';
 import { useDispatch } from '@tokens-studio/graph-editor';

packages/ui/src/components/ExamplesPicker.tsx

@@ -1,7 +1,7 @@
 import { Box, Stack, Text } from '@tokens-studio/ui';
 import { Command } from 'cmdk';
 import { IExample } from '../types/IExample.tsx';
-import { Search } from 'iconoir-react';
+import { Search } from '@tokens-studio/icons';
 import { examples } from '../data/examples/examples.tsx';
 import React from 'react';
 

packages/ui/src/components/editor/menu.tsx

@@ -1,4 +1,4 @@
-import { Book } from 'iconoir-react';
+import { Book } from '@tokens-studio/icons';
 import {
 	MenuItem,
 	MenuItemElement,

packages/ui/src/components/editor/panelItems.tsx

@@ -7,15 +7,15 @@ import {
 	DatabaseScript,
 	EaseCurveControlPoints,
 	EditPencil,
-	EyeSolid,
 	FillColor,
 	SigmaFunction,
 	SoundHigh,
 	Star,
 	Text,
 	TwoPointsCircle,
 	Type
-} from 'iconoir-react';
+} from '@tokens-studio/icons';
+import { EyeSolid } from 'iconoir-react';
 import {
 	PanelGroup,
 	PanelItem,

packages/ui/src/components/editor/toolbar.tsx

@@ -15,9 +15,10 @@ import {
 } from '@tokens-studio/graph-editor';
 
 import { AISummary } from './panels/aiSummary.tsx';
-import { FloppyDisk, ShareAndroidSolid, Sparks, XrayView } from 'iconoir-react';
+import { FloppyDisk, Sparks, XrayView } from '@tokens-studio/icons';
 import { IconButton, Tooltip } from '@tokens-studio/ui';
 import { Preview } from './panels/preview.tsx';
+import { ShareAndroidSolid } from 'iconoir-react';
 import { SharePopover } from '../share/index.tsx';
 import { client } from '@/api/sdk/index.ts';
 import { useErrorToast } from '@/hooks/useToast.tsx';

packages/ui/src/components/rail.tsx

@@ -6,7 +6,7 @@ import {
 	Stack,
 	Tooltip
 } from '@tokens-studio/ui';
-import { GitMerge, Home, Settings, ShoppingBag } from 'iconoir-react';
+import { GitMerge, Home, Settings, ShoppingBag } from '@tokens-studio/icons';
 import { client } from '@/api/sdk/index.ts';
 import Image from 'next/image.js';
 import Link from 'next/link.js';

packages/ui/src/components/share/index.tsx

@@ -1,6 +1,6 @@
 import * as Popover from '@radix-ui/react-popover';
 import { Box, IconButton, Label, Stack, TextInput } from '@tokens-studio/ui';
-import { Copy, Xmark } from 'iconoir-react';
+import { Copy, Xmark } from '@tokens-studio/icons';
 import { styled } from '@tokens-studio/graph-editor';
 import React from 'react';
 import copy from 'copy-to-clipboard';