feat(components): update @koobiq/react-icons to v12 (package moved to koobiq/icons repo) (DS-5178)

.storybook/components/IconGallery/IconGallery.tsx

@@ -3,8 +3,8 @@ import { Fragment, useState } from 'react';
 import { Typography, SearchInput } from '@koobiq/react-components';
 import { clsx, useDebounceCallback } from '@koobiq/react-core';
 import type { IconsManifest } from '@koobiq/react-icons';
+import iconsManifest from '@koobiq/react-icons/manifest.json';
 
-import iconsManifest from '../../../packages/icons/manifest.json';
 import { slugify } from '../../utils';
 
 import { IconDetails } from './IconDetails';

.storybook/main.ts

@@ -44,7 +44,6 @@ const config: StorybookConfig = {
         alias: {
           '@koobiq/logger': toPath('packages/logger/src'),
           '@koobiq/react-core': toPath('packages/core/src'),
-          '@koobiq/react-icons': toPath('packages/icons/src'),
           '@koobiq/react-primitives': toPath('packages/primitives/src'),
           '@koobiq/react-components': toPath('packages/components/src'),
         },

AGENTS.md

@@ -27,15 +27,14 @@
 │   │       ├── components/            # Koobiq primitives built on React Aria
 │   │       ├── behaviors/             # Koobiq behavior hooks built on React Aria
 │   │       └── index.ts               # Re-exports unmodified React Aria hooks/state/types + RAC components + Koobiq primitives and behavior hooks
-│   ├── components/                    # Koobiq React components (@koobiq/react-components)
-│   │   └── src/
-│   │       ├── components/            # All component source files
-│   │       ├── styles/                # CSS mixins, utility classes
-│   │       ├── utils/                 # Component-level helpers
-│   │       ├── types.ts
-│   │       ├── global.css
-│   │       └── index.ts
-│   └── icons/                         # A collection of React-icons (@koobiq/react-icons)
+│   └── components/                    # Koobiq React components (@koobiq/react-components)
+│       └── src/
+│           ├── components/            # All component source files
+│           ├── styles/                # CSS mixins, utility classes
+│           ├── utils/                 # Component-level helpers
+│           ├── types.ts
+│           ├── global.css
+│           └── index.ts
 ├── docs/                              # MDX documentation pages (rendered in Storybook)
 ├── .storybook/                        # Storybook configuration
 ├── tools/                             # Internal tooling

README.md

@@ -18,6 +18,6 @@ Here are a few helpful links for getting started with Koobiq React:
 
 - [@koobiq/react-components](https://github.com/koobiq/react-components/tree/main/packages/components) — the React component library.
 - [@koobiq/react-primitives](https://github.com/koobiq/react-components/tree/main/packages/primitives) — a collection of unstyled React-components and behavior hooks.
-- [@koobiq/react-icons](https://github.com/koobiq/react-components/tree/main/packages/icons) — a collection of React-icons.
+- [@koobiq/react-icons](https://github.com/koobiq/icons) — a collection of React-icons (maintained in the [koobiq/icons](https://github.com/koobiq/icons) repository).
 - [@koobiq/react-core](https://github.com/koobiq/react-components/tree/main/packages/core) — common utilities and hooks used by Koobiq React packages.
 - [@koobiq/logger](https://github.com/koobiq/react-components/tree/main/packages/logger) — the utilities for displaying the log on the client side.

docs/1-icons.mdx

@@ -7,6 +7,6 @@ import { IconGallery, Status, Meta } from '../.storybook/components';
 <Status variant="stable" />
 
 The `@koobiq/react-icons` package provides all icons for `@koobiq/react-components` as a peer dependency.
-Refer to its [documentation](https://github.com/koobiq/react-components/blob/main/packages/icons/README.md) for usage instructions.
+It is maintained in the [koobiq/icons](https://github.com/koobiq/icons) repository — refer to its documentation for usage instructions.
 
 <IconGallery />

package.json

@@ -60,10 +60,6 @@
     "@storybook/react-vite": "^10.3.6",
     "@eslint/js": "^9.39.4",
     "@stylistic/eslint-plugin": "^5.10.0",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-jsx": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",

packages/components/package.json

@@ -33,14 +33,15 @@
     "@koobiq/design-tokens": "^3.17.2",
     "@koobiq/logger": "workspace:*",
     "@koobiq/react-core": "workspace:*",
-    "@koobiq/react-icons": "workspace:*",
+    "@koobiq/react-icons": "^12.0.0",
     "@koobiq/react-primitives": "workspace:*",
     "@types/react-transition-group": "^4.4.12",
     "react-transition-group": "^4.4.5",
     "@internationalized/date": "^3.12.0"
   },
   "peerDependencies": {
     "@koobiq/design-tokens": "^3.17.2",
+    "@koobiq/react-icons": "^12.0.0",
     "react": "18.x || 19.x",
     "react-dom": "18.x || 19.x"
   }

packages/components/tsconfig.json

@@ -21,7 +21,6 @@
     "strict": true,
     "target": "es2019",
     "paths": {
-      "@koobiq/react-icons": ["../icons/src/"],
       "@koobiq/react-core": ["../core/src/"],
       "@koobiq/react-primitives": ["../primitives/src/"],
       "@koobiq/logger": ["../logger/src/"]

packages/core/tsconfig.json

@@ -22,7 +22,6 @@
     "target": "es2019",
     "paths": {
       "@koobiq/react-components": ["../components/src"],
-      "@koobiq/react-icons": ["../icons/src/"],
       "@koobiq/react-core": ["../core/src/"],
       "@koobiq/react-primitives": ["../primitives/src/"],
       "@koobiq/logger": ["../logger/src/"]