✨ feat: Migrate to @lobehub/ui v2 [force major] (#97)

BREAKING CHANGE: https://github.com/lobehub/lobe-ui/pull/322

.dumirc.ts

@@ -19,10 +19,10 @@ const nav: INavItem[] = [
 const themeConfig: SiteThemeConfig = {
   actions: [
     {
-      icon: 'Github',
+      github: true,
       link: homepage,
       openExternal: true,
-      text: 'Github',
+      text: 'GitHub',
     },
     {
       link: '/components/lobe-hub',

docs/index.tsx

@@ -1,4 +1,5 @@
-import { Features, FeaturesProps, Snippet } from '@lobehub/ui';
+import { Snippet } from '@lobehub/ui';
+import { Features, FeaturesProps } from '@lobehub/ui/awesome';
 import { Expand, GitPullRequest, Trees } from 'lucide-react';
 import { Center, Flexbox } from 'react-layout-kit';
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/icons",
-  "version": "1.97.2",
+  "version": "2.0.0",
   "description": "Popular AI / LLM Model Brand SVG Logo and Icon Collection",
   "keywords": [
     "lobehub",
@@ -80,7 +80,7 @@
     ]
   },
   "dependencies": {
-    "@lobehub/ui": "^1.168.7",
+    "@lobehub/ui": "^2.0.0",
     "antd-style": "^3.7.1",
     "lucide-react": "^0.469.0",
     "polished": "^4.3.1",
@@ -89,13 +89,13 @@
   "devDependencies": {
     "@babel/runtime": "^7.27.0",
     "@commitlint/cli": "^19.8.0",
-    "@lobehub/lint": "^1.25.7",
-    "@testing-library/react": "^16.2.0",
+    "@lobehub/lint": "^1.26.1",
+    "@testing-library/react": "^16.3.0",
     "@types/lodash-es": "^4.17.12",
     "@types/pangu": "^4.0.2",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4",
-    "@vitest/coverage-v8": "^3.0.9",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.2",
+    "@vitest/coverage-v8": "^3.1.1",
     "ajv": "^8.17.1",
     "babel-plugin-antd-style": "^1.0.4",
     "clean-package": "^2.2.0",
@@ -104,8 +104,8 @@
     "cross-env": "^7.0.3",
     "dotenv": "^16.4.7",
     "dpdm": "^3.14.0",
-    "dumi": "^2.4.18",
-    "dumi-theme-lobehub": "^1.15.1",
+    "dumi": "^2.4.20",
+    "dumi-theme-lobehub": "^2.0.0",
     "eslint": "^8.57.1",
     "father": "^4.5.2",
     "glob": "^11.0.1",
@@ -118,22 +118,22 @@
     "multi-semantic-release": "^3.0.2",
     "p-map": "^7.0.3",
     "prettier": "^3.5.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "remark": "^15.0.1",
     "remark-cli": "^12.0.1",
     "semantic-release": "^21.1.2",
-    "sharp": "^0.33.5",
+    "sharp": "^0.34.1",
     "stylelint": "^15.11.0",
     "svgo-browser": "^1.3.8",
     "tsx": "^4.19.3",
-    "typescript": "^5.8.2",
-    "vitest": "^3.0.9"
+    "typescript": "^5.8.3",
+    "vitest": "^3.1.1"
   },
   "peerDependencies": {
     "antd": "^5.23.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "publishConfig": {
     "access": "public",

src/Adobe/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Adobe/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Adobe/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 78 24"
       xmlns="http://www.w3.org/2000/svg"

src/Adobe/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AdobeFirefly/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AdobeFirefly/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AdobeFirefly/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 135 24"
       xmlns="http://www.w3.org/2000/svg"

src/AdobeFirefly/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/Ai21/components/BrandColor.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 103 24"
       xmlns="http://www.w3.org/2000/svg"

src/Ai21/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Ai21/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 103 24"
       xmlns="http://www.w3.org/2000/svg"

src/Ai21/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Brand from './components/Brand';
 import BrandColor from './components/BrandColor';

src/Ai360/components/Color.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import { useFillIds } from '@/hooks/useFillId';
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   const [a, b, c, d, e] = useFillIds(TITLE, 5);
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Ai360/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Ai360/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 78 24"
       xmlns="http://www.w3.org/2000/svg"

src/Ai360/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AiHubMix/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AiHubMix/components/Inner.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AiHubMix/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AiHubMix/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 144 24"
       xmlns="http://www.w3.org/2000/svg"

src/AiHubMix/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AiMass/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AiMass/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AiMass/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 85 24"
       xmlns="http://www.w3.org/2000/svg"

src/AiMass/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AiStudio/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AiStudio/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AiStudio/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 181 24"
       xmlns="http://www.w3.org/2000/svg"

src/AiStudio/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AionLabs/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AionLabs/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AionLabs/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="nonzero"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 135 24"
       xmlns="http://www.w3.org/2000/svg"

src/AionLabs/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AlephAlpha/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AlephAlpha/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="nonzero"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 224 24"
       xmlns="http://www.w3.org/2000/svg"

src/AlephAlpha/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Combine from './components/Combine';
 import Mono from './components/Mono';

src/Alibaba/components/BrandColor.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 90 24"
       xmlns="http://www.w3.org/2000/svg"

src/Alibaba/components/BrandMono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 90 24"
       xmlns="http://www.w3.org/2000/svg"

src/Alibaba/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Alibaba/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Alibaba/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 103 24"
       xmlns="http://www.w3.org/2000/svg"

src/Alibaba/components/TextCn.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 89 24"
       xmlns="http://www.w3.org/2000/svg"

src/Alibaba/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import BrandColor from './components/BrandColor';
 import BrandMono from './components/BrandMono';

src/AlibabaCloud/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AlibabaCloud/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AlibabaCloud/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 147 24"
       xmlns="http://www.w3.org/2000/svg"

src/AlibabaCloud/components/TextCn.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 60 24"
       xmlns="http://www.w3.org/2000/svg"

src/AlibabaCloud/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AntGroup/components/BrandColor.tsx

@@ -1,20 +1,19 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import { useFillIds } from '@/hooks/useFillId';
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   const [a, b, c] = useFillIds(`${TITLE}-brand`, 3);
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 73 24"
       xmlns="http://www.w3.org/2000/svg"

src/AntGroup/components/BrandMono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 73 24"
       xmlns="http://www.w3.org/2000/svg"

src/AntGroup/components/Color.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import { useFillIds } from '@/hooks/useFillId';
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   const [a, b, c] = useFillIds(TITLE, 3);
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AntGroup/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AntGroup/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 168 24"
       xmlns="http://www.w3.org/2000/svg"

src/AntGroup/components/TextCn.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 91 24"
       xmlns="http://www.w3.org/2000/svg"

src/AntGroup/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import BrandColor from './components/BrandColor';
 import BrandMono from './components/BrandMono';

src/Anthropic/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Anthropic/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 182 24"
       xmlns="http://www.w3.org/2000/svg"

src/Anthropic/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Mono from './components/Mono';
 import Text from './components/Text';

src/Anyscale/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Anyscale/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Anyscale/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 104 24"
       xmlns="http://www.w3.org/2000/svg"

src/Anyscale/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AssemblyAI/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AssemblyAI/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AssemblyAI/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 140 24"
       xmlns="http://www.w3.org/2000/svg"

src/AssemblyAI/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/Automatic/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Automatic/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Automatic/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/Aws/components/BrandColor.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 61 24"
       xmlns="http://www.w3.org/2000/svg"

src/Aws/components/BrandMono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 61 24"
       xmlns="http://www.w3.org/2000/svg"

src/Aws/components/Color.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Aws/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Aws/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 65 24"
       xmlns="http://www.w3.org/2000/svg"

src/Aws/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import BrandColor from './components/BrandColor';
 import BrandMono from './components/BrandMono';

src/Aya/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Aya/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Aya/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 47 24"
       xmlns="http://www.w3.org/2000/svg"

src/Aya/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/Azure/components/Color.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import { useFillIds } from '@/hooks/useFillId';
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   const [a, b, c] = useFillIds(TITLE, 3);
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Azure/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Azure/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 179 24"
       xmlns="http://www.w3.org/2000/svg"

src/Azure/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/AzureAI/components/Color.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import { useFillIds } from '@/hooks/useFillId';
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   const [a, b, c] = useFillIds(TITLE, 3);
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AzureAI/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/AzureAI/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 96 24"
       xmlns="http://www.w3.org/2000/svg"

src/AzureAI/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/BAAI/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/BAAI/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 97 24"
       xmlns="http://www.w3.org/2000/svg"

src/BAAI/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Combine from './components/Combine';
 import Mono from './components/Mono';

src/Baichuan/components/Color.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import { useFillId } from '@/hooks/useFillId';
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   const { id, fill } = useFillId(TITLE);
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Baichuan/components/Mono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}

src/Baichuan/components/Text.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 45 24"
       xmlns="http://www.w3.org/2000/svg"

src/Baichuan/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Avatar from './components/Avatar';
 import Color from './components/Color';
 import Combine from './components/Combine';

src/Baidu/components/BrandColor.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 72 24"
       xmlns="http://www.w3.org/2000/svg"

src/Baidu/components/BrandMono.tsx

@@ -1,18 +1,17 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       fill="currentColor"
       fillRule="evenodd"
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 72 24"
       xmlns="http://www.w3.org/2000/svg"

src/Baidu/components/Color.tsx

@@ -1,16 +1,15 @@
 'use client';
 
-import { forwardRef } from 'react';
+import { memo } from 'react';
 
 import type { IconType } from '@/types';
 
 import { TITLE } from '../style';
 
-const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+const Icon: IconType = memo(({ size = '1em', style, ...rest }) => {
   return (
     <svg
       height={size}
-      ref={ref}
       style={{ flex: 'none', lineHeight: 1, ...style }}
       viewBox="0 0 24 24"
       width={size}