✨ feat: Add FLux and PaLM

src/AdobeFirefly/index.md

@@ -1,7 +1,7 @@
 ---
 nav: Components
 group: Application
-title: Adobe (Firefly)
+title: Firefly (Adobe)
 atomId: AdobeFirefly
 description: https://firefly.adobe.com
 ---

src/Aya/index.md

@@ -1,7 +1,7 @@
 ---
 nav: Components
 group: Model
-title: Cohere (Aya)
+title: Aya (Cohere)
 atomId: Aya
 description: https://cohere.com/research/aya
 ---

src/Bedrock/index.md

@@ -1,7 +1,7 @@
 ---
 nav: Components
 group: Provider
-title: AWS (Bedrock)
+title: Bedrock (AWS)
 atomId: Bedrock
 description: https://aws.amazon.com/bedrock
 ---

src/ChatGLM/index.md

@@ -2,7 +2,7 @@
 nav: Components
 group: Model
 atomId: ChatGLM
-title: Zhipu (ChatGLM)
+title: ChatGLM (智谱)
 description: /~https://github.com/THUDM/ChatGLM-6B
 ---
 

src/Dalle/index.md

@@ -1,7 +1,7 @@
 ---
 nav: Components
 group: Model
-title: OpenAI (DALL·E)
+title: DALL·E (OpenAI)
 atomId: Dalle
 description: https://openai.com/dall-e-3
 ---

src/Dbrx/index.md

@@ -1,7 +1,7 @@
 ---
 nav: Components
 group: Model
-title: Databricks (DBRX)
+title: DBRX (Databricks)
 atomId: Dbrx
 description: https://www.databricks.com
 ---

src/DeepMind/index.md

@@ -1,7 +1,7 @@
 ---
 nav: Components
 group: Provider
-title: Google（DeepMind)
+title: DeepMind (Google)
 atomId: DeepMind
 description: https://deepmind.google
 ---

src/Doubao/style.ts

@@ -1,4 +1,4 @@
 export const TITLE = 'Doubao';
 export const TEXT_MULTIPLE = 0.8;
 export const SPACE_MULTIPLE = 0.1;
-export const COLOR_PRIMARY = '#EEEEEE';
+export const COLOR_PRIMARY = '#FFF';

src/Flux/components/Avatar.tsx

@@ -0,0 +1,22 @@
+import { memo } from 'react';
+
+import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+
+import { COLOR_PRIMARY, TITLE } from '../style';
+import Mono from './Mono';
+
+export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+
+const Avatar = memo<AvatarProps>(({ background, ...rest }) => {
+  return (
+    <IconAvatar
+      Icon={Mono}
+      aria-label={TITLE}
+      background={background || COLOR_PRIMARY}
+      color={'#000'}
+      {...rest}
+    />
+  );
+});
+
+export default Avatar;

src/Flux/components/Combine.tsx

@@ -0,0 +1,24 @@
+import { memo } from 'react';
+
+import IconCombine, { type IconCombineProps } from '@/IconCombine';
+
+import { SPACE_MULTIPLE, TEXT_MULTIPLE, TITLE } from '../style';
+import Mono from './Mono';
+import Text from './Text';
+
+export type CombineProps = Omit<IconCombineProps, 'Icon' | 'Text'>;
+
+const Combine = memo<CombineProps>(({ ...rest }) => {
+  return (
+    <IconCombine
+      Icon={Mono}
+      Text={Text as any}
+      aria-label={TITLE}
+      spaceMultiple={SPACE_MULTIPLE}
+      textMultiple={TEXT_MULTIPLE}
+      {...rest}
+    />
+  );
+});
+
+export default Combine;

src/Flux/components/Mono.tsx

@@ -0,0 +1,34 @@
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="evenodd"
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 24 24"
+      width={size}
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <g clipPath="url(#a)">
+        <path d="M0 20.683L12.01 2.5 24 20.683h-2.233L12.009 5.878 3.471 18.806h12.122l1.239 1.877H0z"></path>
+        <path d="M8.069 16.724l2.073-3.115 2.074 3.115H8.069zM18.24 20.683l-5.668-8.707h2.177l5.686 8.707h-2.196zM19.74 11.676l2.13-3.19 2.13 3.19h-4.26z"></path>
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path d="M0 0h24v24H0z"></path>
+        </clipPath>
+      </defs>
+    </svg>
+  );
+});
+
+export default Icon;

src/Flux/components/Text.tsx

@@ -0,0 +1,25 @@
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      fill="currentColor"
+      fillRule="nonzero"
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, width: 'fit-content', ...style }}
+      viewBox="0 0 72 24"
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <path d="M59.548 2v.582c-.886 0-1.44.092-1.662.277-.203.166-.175.461.083.886l10.554 15.9c.37.536.665.896.887 1.08.24.167.554.268.942.305v.582a41.192 41.192 0 00-1.22-.055A22.994 22.994 0 0067.5 21.5c-.758 0-1.533.019-2.327.056-.776.018-1.358.037-1.746.055v-.581c.887 0 1.46-.056 1.718-.167.258-.11.258-.37 0-.775L54.45 3.967c-.35-.536-.637-.896-.858-1.08-.222-.185-.545-.287-.97-.305V2c.296.018.711.046 1.247.083.554.019 1.108.028 1.662.028.794 0 1.533-.01 2.216-.028.702-.037 1.302-.065 1.8-.083zm1.108 9.585l.056.193c.037.111.074.231.11.36l.084.167-3.214 4.653c-.683.998-1.052 1.792-1.108 2.383-.037.572.157.997.582 1.274.443.259 1.053.406 1.828.443v.554a13.026 13.026 0 00-.914-.027c-.35-.019-.71-.028-1.08-.028a21.6 21.6 0 00-1.08-.028h-.86c-.48 0-.932.01-1.357.028-.424 0-.784.018-1.08.055v-.554c.61-.13 1.191-.425 1.745-.886.554-.48 1.117-1.127 1.69-1.94l4.598-6.647zM69.548 2v.554c-.572.11-1.126.397-1.662.859-.535.461-1.062 1.062-1.579 1.8l-4.46 6.427-.11-.36-.083-.36 3.074-4.405c.665-.96 1.053-1.726 1.164-2.299.13-.572.009-.988-.36-1.246-.351-.259-.914-.398-1.69-.416V2c.35.018.72.037 1.108.055.388 0 .766.01 1.136.028h1.052c.499 0 .951-.01 1.358-.028.424-.018.775-.037 1.052-.055zM51.637 2v.554c-.61.037-1.071.148-1.385.332-.314.185-.526.49-.637.915-.11.406-.166.988-.166 1.745v8.005c0 1.256-.083 2.373-.25 3.352-.166.979-.461 1.82-.886 2.52-.462.776-1.145 1.404-2.05 1.885-.886.461-1.948.692-3.185.692-.887 0-1.746-.102-2.577-.305a4.937 4.937 0 01-2.188-1.163 5.977 5.977 0 01-1.302-1.634c-.314-.591-.526-1.302-.637-2.133-.11-.85-.166-1.893-.166-3.13V4.935c0-.683-.056-1.182-.166-1.496a.925.925 0 00-.61-.664c-.314-.13-.785-.204-1.413-.222V2c.425.018.97.037 1.635.055a81.225 81.225 0 004.266 0c.701-.018 1.274-.037 1.717-.055v.554c-.628.018-1.108.092-1.44.222a.998.998 0 00-.638.664c-.11.314-.166.813-.166 1.496v9.585c0 .942.047 1.81.139 2.604.11.794.305 1.486.582 2.077.295.573.72 1.025 1.274 1.358.572.314 1.31.47 2.216.47 1.366 0 2.419-.304 3.158-.914.757-.628 1.283-1.477 1.579-2.548.314-1.09.47-2.327.47-3.712v-8.2c0-.794-.073-1.403-.221-1.828-.148-.424-.406-.73-.776-.914-.369-.203-.895-.323-1.579-.36V2c.351.018.804.037 1.358.055.554.019 1.062.028 1.523.028.48 0 .942-.01 1.385-.028.462-.018.84-.037 1.136-.055zM25.605 2v.554c-.628.018-1.108.092-1.44.222a.998.998 0 00-.637.664c-.111.314-.166.813-.166 1.496v13.85c0 .629.046 1.1.138 1.413.11.314.314.527.61.638.313.092.756.138 1.329.138h1.8c.795 0 1.46-.11 1.995-.332a3.429 3.429 0 001.385-.998c.37-.443.656-1.015.859-1.717.203-.702.36-1.524.47-2.465h.638a26.009 26.009 0 00-.083 2.327c0 .369.009.914.027 1.634.037.702.093 1.431.167 2.188a82.136 82.136 0 00-3.186-.055 204.035 204.035 0 00-3.158-.028H24.72c-.665 0-1.385.01-2.16.028-.758 0-1.534.009-2.328.027-.775 0-1.523.01-2.244.028v-.554c.628-.037 1.1-.11 1.413-.221a.924.924 0 00.61-.665c.11-.333.166-.831.166-1.496V4.936c0-.683-.055-1.182-.166-1.496a.926.926 0 00-.638-.664c-.313-.13-.775-.204-1.384-.222V2c.424.018.969.037 1.634.055a81.23 81.23 0 004.266 0c.701-.018 1.274-.037 1.717-.055zM16.155 2a46.23 46.23 0 00-.166 2.16 66.313 66.313 0 00-.028 1.607c0 .425.01.831.028 1.22.018.387.037.72.055.996h-.637c-.166-1.348-.397-2.4-.692-3.158-.277-.775-.702-1.33-1.275-1.662-.572-.35-1.394-.526-2.465-.526H9.507c-.591 0-1.043.056-1.357.166-.296.093-.499.296-.61.61-.11.295-.166.766-.166 1.412v13.796c0 .683.074 1.2.222 1.55.147.333.424.555.83.666.407.11 1.007.175 1.801.194v.581a27.323 27.323 0 00-1.939-.055c-.794-.019-1.616-.028-2.465-.028-.739 0-1.45.01-2.133.028-.665 0-1.228.018-1.69.055v-.554c.628-.037 1.099-.11 1.413-.221a.924.924 0 00.61-.665c.11-.333.165-.831.165-1.496V4.936c0-.683-.055-1.182-.166-1.496a.926.926 0 00-.637-.664c-.314-.13-.776-.204-1.385-.222V2c.72.018 1.468.037 2.244.055.794 0 1.57.01 2.327.028h6.675c1.09-.018 2.06-.046 2.91-.083zm-4.238 9.695v.554H6.543v-.554h5.374zm.582-3.656a37.183 37.183 0 00-.111 2.41c.018.554.027 1.062.027 1.523 0 .462.01.97.028 1.524.019.554.065 1.357.139 2.41h-.637a12.707 12.707 0 00-.333-1.745c-.148-.573-.415-1.034-.803-1.385-.388-.351-.97-.527-1.745-.527v-.554c.59 0 1.052-.12 1.385-.36.35-.24.618-.554.803-.942.185-.388.314-.785.388-1.19a20.8 20.8 0 00.221-1.164h.638z"></path>
+    </svg>
+  );
+});
+
+export default Icon;

src/Flux/index.md

@@ -0,0 +1,66 @@
+---
+nav: Components
+group: Model
+title: Flux (black forest labs)
+atomId: Flux
+description: https://blackforestlabs.ai/#get-flux
+---
+
+## Icons
+
+```tsx
+import { Flux } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => <Flux size={64} />;
+```
+
+## Text
+
+```tsx
+import { Flux } from '@lobehub/icons';
+
+export default () => <Flux.Text size={48} />;
+```
+
+## Combine
+
+```tsx
+import { Flux } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16}>
+    <Flux.Combine size={64} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+```tsx
+import { Flux } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Flux.Avatar size={64} />
+    <Flux.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+```tsx
+import { Flux } from '@lobehub/icons';
+import { Flexbox } from 'react-layout-kit';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Flux.colorPrimary} />
+  </Flexbox>
+);
+```

src/Flux/index.ts

@@ -0,0 +1,21 @@
+import Avatar from './components/Avatar';
+import Combine from './components/Combine';
+import Mono from './components/Mono';
+import Text from './components/Text';
+import { COLOR_PRIMARY, TITLE } from './style';
+
+export type CompoundedIcon = typeof Mono & {
+  Avatar: typeof Avatar;
+  Combine: typeof Combine;
+  Text: typeof Text;
+  colorPrimary: string;
+  title: string;
+};
+
+const Icons = Mono as CompoundedIcon;
+Icons.Text = Text;
+Icons.Combine = Combine;
+Icons.Avatar = Avatar;
+Icons.colorPrimary = COLOR_PRIMARY;
+Icons.title = TITLE;
+export default Icons;

src/Flux/style.ts

@@ -0,0 +1,4 @@
+export const TITLE = 'Flux';
+export const TEXT_MULTIPLE = 0.75;
+export const SPACE_MULTIPLE = 0.2;
+export const COLOR_PRIMARY = '#fff';

src/Gemini/index.md

@@ -1,7 +1,7 @@
 ---
 nav: Components
 group: Model
-title: Google (Gemini)
+title: Gemini (Google)
 atomId: Gemini
 description: https://deepmind.google/technologies/gemini
 ---

src/Gemma/index.md

@@ -1,7 +1,7 @@
 ---
 nav: Components
 group: Model
-title: Google (Gemma)
+title: Gemma (Google)
 atomId: Gemma
 description: https://ai.google.dev/gemma
 ---

src/ModelIcon/const.ts

@@ -92,8 +92,6 @@ export const modelMappings: ModelMapping[] = [
   { Icon: Baichuan, keywords: ['baichuan'] },
   { Icon: Rwkv, keywords: ['rwkv'] },
   { Icon: Wenxin, keywords: ['ernie'] },
-  { Icon: Doubao, keywords: ['^doubao', 'doubao-'] },
-  { Icon: Spark, keywords: ['spark', 'general', 'pro-128k', '4.0ultra'] },
   { Icon: Hunyuan, keywords: ['hunyuan'] },
   { Icon: FishAudio, keywords: ['^d_', '^g_', '^wd_'] },
   { Icon: ByteDance, keywords: ['skylark'] },
@@ -116,5 +114,7 @@ export const modelMappings: ModelMapping[] = [
   { Icon: Ai21, keywords: ['jamba', '^j2-'] },
   { Icon: InternLM, keywords: ['internlm'] },
   { Icon: Upstage, keywords: ['^solar-'] },
+  { Icon: Doubao, keywords: ['^doubao', 'doubao-'] },
   { Icon: Google, keywords: ['google'] },
+  { Icon: Spark, keywords: ['spark', 'general', 'pro-128k', '4.0ultra'] },
 ];

src/PaLM/components/Avatar.tsx

@@ -0,0 +1,21 @@
+import { memo } from 'react';
+
+import IconAvatar, { type IconAvatarProps } from '@/IconAvatar';
+
+import { COLOR_PRIMARY, TITLE } from '../style';
+import Color from './Color';
+
+export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+
+const Avatar = memo<AvatarProps>(({ background, ...rest }) => {
+  return (
+    <IconAvatar
+      Icon={Color}
+      aria-label={TITLE}
+      background={background || COLOR_PRIMARY}
+      {...rest}
+    />
+  );
+});
+
+export default Avatar;

src/PaLM/components/Color.tsx

@@ -0,0 +1,51 @@
+import { forwardRef } from 'react';
+
+import type { IconType } from '@/types';
+
+import { TITLE } from '../style';
+
+const Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {
+  return (
+    <svg
+      height={size}
+      ref={ref}
+      style={{ flex: 'none', lineHeight: 1, ...style }}
+      viewBox="0 0 24 24"
+      width={size}
+      xmlns="http://www.w3.org/2000/svg"
+      {...rest}
+    >
+      <title>{TITLE}</title>
+      <path
+        d="M12 22.926c.928 0 1.679-.752 1.679-1.68V6.696h-3.358v14.552c0 .927.751 1.679 1.679 1.679z"
+        fill="#F9AB00"
+      ></path>
+      <path
+        d="M18.69 12.005A5.819 5.819 0 0012 10.904l7.188 7.188c.296.296.807.179.933-.22a5.815 5.815 0 00-1.431-5.867z"
+        fill="#5BB974"
+      ></path>
+      <path
+        d="M5.31 12.005A5.819 5.819 0 0112 10.904l-7.188 7.188a.562.562 0 01-.933-.22 5.815 5.815 0 011.431-5.867z"
+        fill="#129EAF"
+      ></path>
+      <path
+        d="M18.157 6.426c-2.86 0-5.288 1.875-6.157 4.478h11.367a.629.629 0 00.565-.908c-1.08-2.12-3.26-3.57-5.775-3.57z"
+        fill="#AF5CF7"
+      ></path>
+      <path
+        d="M13.188 3.384c-2.023 2.024-2.414 5.064-1.188 7.52l8.038-8.039a.629.629 0 00-.242-1.042c-2.264-.735-4.83-.217-6.608 1.561z"
+        fill="#FF8BCB"
+      ></path>
+      <path
+        d="M10.812 3.384c2.023 2.024 2.414 5.064 1.188 7.52L3.962 2.865a.629.629 0 01.242-1.042c2.264-.735 4.83-.217 6.608 1.561z"
+        fill="#FA7B17"
+      ></path>
+      <path
+        d="M5.843 6.426c2.86 0 5.288 1.875 6.157 4.478H.633a.629.629 0 01-.565-.908c1.08-2.12 3.26-3.57 5.775-3.57z"
+        fill="#4285F4"
+      ></path>
+    </svg>
+  );
+});
+
+export default Icon;