feat(apps-ui-kit, apps-ui-icons): include package in the release proc…

…ess (#4822)

* feat: remove apps-ui-kit from changeset ignore

* feat(apps-ui-kit): bump first version

* feat: rename package and release `@iota/apps-ui-icons`

* feat: sort dependencies

* chore: update changelog

.changeset/config.json

@@ -14,7 +14,6 @@
 		"wallet-dashboard",
 		"apps-backend",
 		"@iota/core",
-		"@iota/apps-ui-kit",
 		"sponsored-transactions",
 		"kiosk-demo",
 		"kiosk-cli"

.changeset/ninety-jokes-play.md

@@ -0,0 +1,6 @@
+---
+'@iota/apps-ui-icons': minor
+'@iota/apps-ui-kit': minor
+---
+
+Initial npm release

apps/core/package.json

@@ -26,11 +26,11 @@
         "@amplitude/analytics-types": "^0.20.0",
         "@growthbook/growthbook-react": "^1.0.0",
         "@hookform/resolvers": "^3.9.0",
+        "@iota/apps-ui-icons": "workspace:*",
         "@iota/apps-ui-kit": "workspace:*",
         "@iota/dapp-kit": "workspace:*",
         "@iota/iota-sdk": "workspace:*",
         "@iota/kiosk": "workspace:*",
-        "@iota/ui-icons": "workspace:*",
         "@sentry/react": "^7.59.2",
         "@tanstack/react-query": "^5.50.1",
         "bignumber.js": "^9.1.1",

apps/core/src/components/buttons/ThemeSwitcher.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Button, ButtonType } from '@iota/apps-ui-kit';
-import { DarkMode, LightMode } from '@iota/ui-icons';
+import { DarkMode, LightMode } from '@iota/apps-ui-icons';
 import { Theme, ThemePreference } from '../../enums';
 import { useTheme } from '../../hooks';
 

apps/core/src/components/buttons/ViewTxnOnExplorerButton.tsx

@@ -2,7 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Button, ButtonType, LoadingIndicator } from '@iota/apps-ui-kit';
-import { ArrowTopRight } from '@iota/ui-icons';
+import { ArrowTopRight } from '@iota/apps-ui-icons';
 
 interface ViewTxnOnExplorerButtonProps {
     digest?: string;

apps/core/src/components/cards/BalanceChanges.tsx

@@ -8,7 +8,7 @@ import type { BalanceChangeSummary, RenderExplorerLink } from '../../types';
 import { ExplorerLinkType } from '../../enums';
 import { formatAddress } from '@iota/iota-sdk/utils';
 import { CoinItem } from '../coin';
-import { RecognizedBadge } from '@iota/ui-icons';
+import { RecognizedBadge } from '@iota/apps-ui-icons';
 import { getRecognizedUnRecognizedTokenChanges } from '../../utils';
 import { BalanceChange } from '../../interfaces';
 

apps/core/src/components/cards/ObjectChangeDisplay.tsx

@@ -4,7 +4,7 @@
 
 import { type IotaObjectChangeWithDisplay, ExplorerLinkType, ImageIcon } from '../../';
 import { Card, CardAction, CardActionType, CardBody, CardImage, CardType } from '@iota/apps-ui-kit';
-import { ArrowTopRight } from '@iota/ui-icons';
+import { ArrowTopRight } from '@iota/apps-ui-icons';
 import { RenderExplorerLink } from '../../types';
 
 interface ObjectChangeDisplayProps {

apps/core/src/components/cards/ObjectChanges.tsx

@@ -24,7 +24,7 @@ import {
     Title,
     TitleSize,
 } from '@iota/apps-ui-kit';
-import { TriangleDown } from '@iota/ui-icons';
+import { TriangleDown } from '@iota/apps-ui-icons';
 import { RenderExplorerLink } from '../../types';
 
 interface ObjectDetailProps {

apps/core/src/components/coin/CoinIcon.tsx

@@ -4,7 +4,7 @@
 
 import React from 'react';
 import { useCoinMetadata, ImageIcon, ImageIconSize } from '../../';
-import { IotaLogoMark } from '@iota/ui-icons';
+import { IotaLogoMark } from '@iota/apps-ui-icons';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
 import cx from 'clsx';
 

apps/core/src/components/inputs/AddressInput.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Input, InputType } from '@iota/apps-ui-kit';
-import { Close } from '@iota/ui-icons';
+import { Close } from '@iota/apps-ui-icons';
 import { useIotaAddressValidation } from '../../hooks';
 import { useCallback } from 'react';
 import { useField, useFormikContext } from 'formik';

apps/core/src/components/lists/ExpandableList.tsx

@@ -4,7 +4,7 @@
 
 import clsx from 'clsx';
 import { useMemo, useState, type ReactNode } from 'react';
-import { TriangleDown } from '@iota/ui-icons';
+import { TriangleDown } from '@iota/apps-ui-icons';
 import { Button, ButtonSize, ButtonType } from '@iota/apps-ui-kit';
 
 interface ExpandableListProps {

apps/core/src/components/transaction/TransactionIcon.tsx

@@ -2,7 +2,14 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { LoadingIndicator } from '@iota/apps-ui-kit';
-import { ArrowBottomLeft, ArrowTopRight, Info, IotaLogoMark, Person, Stake } from '@iota/ui-icons';
+import {
+    ArrowBottomLeft,
+    ArrowTopRight,
+    Info,
+    IotaLogoMark,
+    Person,
+    Stake,
+} from '@iota/apps-ui-icons';
 
 const ICON_COLORS = {
     primary: 'text-primary-30',

apps/core/src/components/transaction/TransactionReceipt.tsx

@@ -3,7 +3,7 @@
 
 import { InfoBox, InfoBoxStyle, InfoBoxType } from '@iota/apps-ui-kit';
 import type { useTransactionSummary } from '../../hooks';
-import { CheckmarkFilled } from '@iota/ui-icons';
+import { CheckmarkFilled } from '@iota/apps-ui-icons';
 import { IotaTransactionBlockResponse } from '@iota/iota-sdk/client';
 import { STAKING_REQUEST_EVENT, UNSTAKING_REQUEST_EVENT } from '../../constants';
 import { StakeTransactionDetails } from './details';

apps/explorer/package.json

@@ -27,11 +27,11 @@
         "@growthbook/growthbook": "^1.0.0",
         "@growthbook/growthbook-react": "^1.0.0",
         "@headlessui/react": "^1.7.15",
+        "@iota/apps-ui-icons": "workspace:*",
         "@iota/apps-ui-kit": "workspace:*",
         "@iota/core": "workspace:*",
         "@iota/dapp-kit": "workspace:*",
         "@iota/iota-sdk": "workspace:*",
-        "@iota/ui-icons": "workspace:*",
         "@radix-ui/react-collapsible": "^1.0.3",
         "@radix-ui/react-dropdown-menu": "^2.1.1",
         "@radix-ui/react-popover": "^1.1.1",

apps/explorer/src/components/ThemedIotaLogo.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import { IotaLogoWeb } from '@iota/ui-icons';
+import { IotaLogoWeb } from '@iota/apps-ui-icons';
 
 export function ThemedIotaLogo(): React.JSX.Element {
     return <IotaLogoWeb className="text-neutral-10 dark:text-neutral-92" width={137} height={36} />;

apps/explorer/src/components/activity/EpochsActivityTable.tsx

@@ -5,7 +5,7 @@
 import { InfoBox, InfoBoxStyle, InfoBoxType, Select, SelectSize } from '@iota/apps-ui-kit';
 import { useIotaClientQuery, useIotaClient, useIotaClientInfiniteQuery } from '@iota/dapp-kit';
 import { useCursorPagination } from '@iota/core';
-import { Warning } from '@iota/ui-icons';
+import { Warning } from '@iota/apps-ui-icons';
 import { useQuery } from '@tanstack/react-query';
 import { useState } from 'react';
 import { PlaceholderTable, TableCard } from '~/components/ui';

apps/explorer/src/components/activity/TransactionsActivityTable.tsx

@@ -14,7 +14,7 @@ import {
 import { numberSuffix } from '~/lib/utils';
 import { InfoBox, InfoBoxStyle, InfoBoxType, Select, SelectSize } from '@iota/apps-ui-kit';
 import { generateTransactionsTableColumns } from '~/lib/ui';
-import { Warning } from '@iota/ui-icons';
+import { Warning } from '@iota/apps-ui-icons';
 import { PAGE_SIZES_RANGE_20_60 } from '~/lib/constants';
 
 interface TransactionsActivityTableProps {

apps/explorer/src/components/checkpoints/CheckpointsTable.tsx

@@ -4,7 +4,7 @@
 
 import { InfoBox, InfoBoxStyle, InfoBoxType, Select, SelectSize } from '@iota/apps-ui-kit';
 import { useIotaClientQuery } from '@iota/dapp-kit';
-import { Warning } from '@iota/ui-icons';
+import { Warning } from '@iota/apps-ui-icons';
 import { useMemo, useState } from 'react';
 import { PlaceholderTable, TableCard } from '~/components/ui';
 import { DEFAULT_CHECKPOINTS_LIMIT, useGetCheckpoints } from '~/hooks/useGetCheckpoints';

apps/explorer/src/components/error-boundary/ErrorBoundary.tsx

@@ -7,7 +7,7 @@ import { useLocation } from 'react-router-dom';
 import type { ReactNode } from 'react';
 import type { FallbackProps } from 'react-error-boundary';
 import { InfoBox, InfoBoxType, InfoBoxStyle } from '@iota/apps-ui-kit';
-import { Warning } from '@iota/ui-icons';
+import { Warning } from '@iota/apps-ui-icons';
 
 function Fallback({ error }: FallbackProps): JSX.Element {
     return (

apps/explorer/src/components/gas-breakdown/GasBreakdown.tsx

@@ -10,7 +10,7 @@ import {
     useFormatCoin,
 } from '@iota/core';
 import { IOTA_TYPE_ARG } from '@iota/iota-sdk/utils';
-import { Copy } from '@iota/ui-icons';
+import { Copy } from '@iota/apps-ui-icons';
 import toast from 'react-hot-toast';
 import { AddressLink, CollapsibleCard, ObjectLink } from '~/components/ui';
 

apps/explorer/src/components/layout/PageLayout.tsx

@@ -11,7 +11,7 @@ import { Footer } from '../footer';
 import { Header } from '../header';
 import { useNetworkContext } from '~/contexts';
 import { InfoBox, InfoBoxStyle, InfoBoxType, LoadingIndicator } from '@iota/apps-ui-kit';
-import { Info } from '@iota/ui-icons';
+import { Info } from '@iota/apps-ui-icons';
 
 type PageLayoutProps = {
     content: ReactNode;

apps/explorer/src/components/module/module-functions-interaction/FunctionExecutionResult.tsx

@@ -4,7 +4,7 @@
 
 import { LinkGroup } from './LinkGroup';
 import type { IotaTransactionBlockResponse, OwnedObjectRef } from '@iota/iota-sdk/client';
-import { Close } from '@iota/ui-icons';
+import { Close } from '@iota/apps-ui-icons';
 
 interface ToObjectLink {
     text: string;

apps/explorer/src/components/module/module-functions-interaction/ModuleFunctionsInteraction.tsx

@@ -6,7 +6,7 @@ import { useMemo } from 'react';
 import { ModuleFunction } from './ModuleFunction';
 import { useNormalizedMoveModule } from '~/hooks/useNormalizedMoveModule';
 import { InfoBox, InfoBoxStyle, InfoBoxType, LoadingIndicator } from '@iota/apps-ui-kit';
-import { Info, Warning } from '@iota/ui-icons';
+import { Info, Warning } from '@iota/apps-ui-icons';
 
 type ModuleFunctionsInteractionProps = {
     packageId: string;

apps/explorer/src/components/network/NetworkSelector.tsx

@@ -11,7 +11,7 @@ import { CustomRPCInput } from '~/components/ui';
 import { ampli } from '~/lib/utils';
 import { type NetworkId, getAllNetworks } from '@iota/iota-sdk/client';
 import { Button, ButtonSize, ButtonType, Dropdown, ListItem } from '@iota/apps-ui-kit';
-import { ArrowDown, CheckmarkFilled } from '@iota/ui-icons';
+import { ArrowDown, CheckmarkFilled } from '@iota/apps-ui-icons';
 import { Transition } from '@headlessui/react';
 
 interface NetworkOption {

apps/explorer/src/components/object/ObjectFieldsCard.tsx

@@ -24,7 +24,7 @@ import {
     InfoBoxStyle,
     InfoBoxType,
 } from '@iota/apps-ui-kit';
-import { Warning } from '@iota/ui-icons';
+import { Warning } from '@iota/apps-ui-icons';
 
 const DEFAULT_OPEN_FIELDS = 3;
 const DEFAULT_FIELDS_COUNT_TO_SHOW_SEARCH = 10;

apps/explorer/src/components/object/UnderlyingObjectCard.tsx

@@ -6,7 +6,7 @@ import { useIotaClientQuery } from '@iota/dapp-kit';
 import { FieldItem } from './FieldItem';
 import type { DynamicFieldName } from '@iota/iota-sdk/client';
 import { InfoBox, InfoBoxStyle, InfoBoxType, LoadingIndicator } from '@iota/apps-ui-kit';
-import { Warning } from '@iota/ui-icons';
+import { Warning } from '@iota/apps-ui-icons';
 
 interface UnderlyingObjectCardProps {
     parentId: string;

apps/explorer/src/components/owned-coins/OwnedCoinView.tsx

@@ -17,7 +17,7 @@ import {
     Divider,
     ImageType,
 } from '@iota/apps-ui-kit';
-import { ArrowUp, RecognizedBadge } from '@iota/ui-icons';
+import { ArrowUp, RecognizedBadge } from '@iota/apps-ui-icons';
 
 type OwnedCoinViewProps = {
     coin: CoinBalanceVerified;

apps/explorer/src/components/owned-coins/OwnedCoins.tsx

@@ -7,7 +7,7 @@ import { useIotaClientQuery } from '@iota/dapp-kit';
 import { type CoinBalance, type Network } from '@iota/iota-sdk/client';
 import { useNetwork } from '~/hooks';
 import { normalizeIotaAddress } from '@iota/iota-sdk/utils';
-import { FilterList, Warning } from '@iota/ui-icons';
+import { FilterList, Warning } from '@iota/apps-ui-icons';
 import { useMemo, useState } from 'react';
 import { OwnedCoinView } from './OwnedCoinView';
 import {

apps/explorer/src/components/owned-objects/OwnedObjects.tsx

@@ -27,7 +27,7 @@ import {
     InfoBoxStyle,
     InfoBoxType,
 } from '@iota/apps-ui-kit';
-import { ListViewLarge, ListViewMedium, ListViewSmall, Warning } from '@iota/ui-icons';
+import { ListViewLarge, ListViewMedium, ListViewSmall, Warning } from '@iota/apps-ui-icons';
 import clsx from 'clsx';
 import { useEffect, useMemo, useState } from 'react';
 import { ListView, NoObjectsOwnedMessage, SmallThumbnailsView, ThumbnailsView } from '~/components';

apps/explorer/src/components/owned-objects/SmallThumbnailsView.tsx

@@ -5,7 +5,7 @@
 import { Tooltip, TooltipPosition } from '@iota/apps-ui-kit';
 import { type IotaObjectResponse } from '@iota/iota-sdk/client';
 import { formatAddress } from '@iota/iota-sdk/utils';
-import { Info, Loader } from '@iota/ui-icons';
+import { Info, Loader } from '@iota/apps-ui-icons';
 import { type ReactNode } from 'react';
 import { ObjectLink, ObjectVideoImage } from '~/components/ui';
 import { useResolveVideo } from '~/hooks/useResolveVideo';

apps/explorer/src/components/owned-objects/ThumbnailsView.tsx

@@ -4,7 +4,7 @@
 
 import { type IotaObjectResponse } from '@iota/iota-sdk/client';
 import { formatAddress } from '@iota/iota-sdk/utils';
-import { Loader } from '@iota/ui-icons';
+import { Loader } from '@iota/apps-ui-icons';
 import { ObjectLink, ObjectVideoImage } from '~/components/ui';
 import { useResolveVideo } from '~/hooks/useResolveVideo';
 import { parseObjectType, trimStdLibPrefix } from '~/lib/utils';

apps/explorer/src/components/top-validators-card/TopValidatorsCard.tsx

@@ -16,7 +16,7 @@ import {
     Title,
 } from '@iota/apps-ui-kit';
 import { ErrorBoundary } from '../error-boundary/ErrorBoundary';
-import { Warning } from '@iota/ui-icons';
+import { Warning } from '@iota/apps-ui-icons';
 
 const NUMBER_OF_VALIDATORS = 10;
 

apps/explorer/src/components/transactions/TransactionsForAddress.tsx

@@ -5,7 +5,7 @@
 import { InfoBox, InfoBoxStyle, InfoBoxType, LoadingIndicator } from '@iota/apps-ui-kit';
 import { useIotaClient } from '@iota/dapp-kit';
 import { type IotaTransactionBlockResponse } from '@iota/iota-sdk/client';
-import { Warning } from '@iota/ui-icons';
+import { Warning } from '@iota/apps-ui-icons';
 import { useQuery } from '@tanstack/react-query';
 import { TableCard } from '~/components/ui';
 import { generateTransactionsTableColumns } from '~/lib/ui';

apps/explorer/src/components/ui/ExpandableList.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { type ReactNode, useMemo, useState, createContext, useContext } from 'react';
-import { TriangleDown } from '@iota/ui-icons';
+import { TriangleDown } from '@iota/apps-ui-icons';
 import { Button, ButtonSize, ButtonType } from '@iota/apps-ui-kit';
 import clsx from 'clsx';
 

apps/explorer/src/components/ui/ObjectVideoImage.tsx

@@ -2,7 +2,7 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import { Play } from '@iota/ui-icons';
+import { Play } from '@iota/apps-ui-icons';
 import { cva, type VariantProps } from 'class-variance-authority';
 import clsx from 'clsx';
 

apps/explorer/src/components/ui/PageHeader.tsx

@@ -11,7 +11,7 @@ import {
     Panel,
     Placeholder,
 } from '@iota/apps-ui-kit';
-import { Copy, Warning } from '@iota/ui-icons';
+import { Copy, Warning } from '@iota/apps-ui-icons';
 import { useCopyToClipboard } from '@iota/core';
 import toast from 'react-hot-toast';
 

apps/explorer/src/components/ui/Pagination.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Button, ButtonSize, ButtonType } from '@iota/apps-ui-kit';
-import { ArrowLeft, ArrowRight, DoubleArrowLeft } from '@iota/ui-icons';
+import { ArrowLeft, ArrowRight, DoubleArrowLeft } from '@iota/apps-ui-icons';
 import { useState } from 'react';
 
 interface PaginationProps {

apps/explorer/src/components/ui/PlayPause.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { ButtonUnstyled } from '@iota/apps-ui-kit';
-import { Pause, Play } from '@iota/ui-icons';
+import { Pause, Play } from '@iota/apps-ui-icons';
 import { motion } from 'framer-motion';
 import { useEffect } from 'react';
 

apps/explorer/src/components/ui/SplitPanes.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Button, ButtonSize, ButtonType } from '@iota/apps-ui-kit';
-import { ArrowRight, ArrowUp } from '@iota/ui-icons';
+import { ArrowRight, ArrowUp } from '@iota/apps-ui-icons';
 import { cva, type VariantProps } from 'class-variance-authority';
 import clsx from 'clsx';
 import { type ReactNode, useRef, useState } from 'react';

apps/explorer/src/components/ui/image/Image.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { LoadingIndicator } from '@iota/apps-ui-kit';
-import { PlaceholderReplace, VisibilityOff } from '@iota/ui-icons';
+import { PlaceholderReplace, VisibilityOff } from '@iota/apps-ui-icons';
 import { cva, cx, type VariantProps } from 'class-variance-authority';
 import clsx from 'clsx';
 import { useAnimate } from 'framer-motion';

apps/explorer/src/components/ui/modal/Modal.tsx

@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { Dialog, Transition } from '@headlessui/react';
-import { Close } from '@iota/ui-icons';
+import { Close } from '@iota/apps-ui-icons';
 import { Fragment, type ReactNode } from 'react';
 
 export interface ModalProps {

apps/explorer/src/components/ui/modal/ObjectModal.tsx

@@ -4,7 +4,7 @@
 
 import { Modal, type ModalProps } from './Modal';
 import { Image } from '../image/Image';
-import { Close } from '@iota/ui-icons';
+import { Close } from '@iota/apps-ui-icons';
 
 export interface ObjectModalProps extends Omit<ModalProps, 'children'> {
     title: string;

apps/explorer/src/components/validator/ValidatorMeta.tsx

@@ -5,7 +5,7 @@
 import { Badge, BadgeType, KeyValueInfo, Panel } from '@iota/apps-ui-kit';
 import { type IotaValidatorSummary } from '@iota/iota-sdk/client';
 import toast from 'react-hot-toast';
-import { ArrowTopRight } from '@iota/ui-icons';
+import { ArrowTopRight } from '@iota/apps-ui-icons';
 import { AddressLink } from '~/components/ui';
 import { ImageIcon, ImageIconSize } from '@iota/core';