@lobehub/icons 5.13.0 → 5.14.0

package/es/Zapier/index.mdx

@@ -0,0 +1,113 @@
+---
+title: Zapier
+description: https://zapier.com
+category: Application
+---
+
+import { Zapier } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Zapier size={64} />
+      <Zapier.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zapier } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Zapier size={64} />
+    <Zapier.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<Zapier.Text size={48} />}</DocsPreview>
+
+```tsx
+import { Zapier } from '@lobehub/icons';
+
+export default () => <Zapier.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <Zapier.Combine size={64} />
+      <Zapier.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zapier } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <Zapier.Combine size={64} />
+    <Zapier.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Zapier.Avatar size={64} />
+      <Zapier.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zapier } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Zapier.Avatar size={64} />
+    <Zapier.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={Zapier.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zapier } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Zapier.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/Zeabur/index.mdx

@@ -0,0 +1,113 @@
+---
+title: Zeabur
+description: https://zeabur.com
+category: Application
+---
+
+import { Zeabur } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Zeabur size={64} />
+      <Zeabur.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zeabur } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Zeabur size={64} />
+    <Zeabur.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<Zeabur.Text size={48} />}</DocsPreview>
+
+```tsx
+import { Zeabur } from '@lobehub/icons';
+
+export default () => <Zeabur.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <Zeabur.Combine size={64} />
+      <Zeabur.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zeabur } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <Zeabur.Combine size={64} />
+    <Zeabur.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Zeabur.Avatar size={64} />
+      <Zeabur.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zeabur } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Zeabur.Avatar size={64} />
+    <Zeabur.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={Zeabur.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zeabur } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Zeabur.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/ZenMux/index.mdx

@@ -0,0 +1,111 @@
+---
+title: ZenMux
+description: https://zenmux.ai
+category: Provider
+---
+
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ZenMux size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ZenMux size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<ZenMux.Text size={48} />}</DocsPreview>
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+
+export default () => <ZenMux.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <ZenMux.Combine size={64} inverse />
+      <ZenMux.Combine size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <ZenMux.Combine size={64} inverse />
+    <ZenMux.Combine size={64} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ZenMux.Avatar size={64} />
+      <ZenMux.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ZenMux.Avatar size={64} />
+    <ZenMux.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={ZenMux.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ZenMux } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={ZenMux.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/Zencoder/index.mdx

@@ -0,0 +1,113 @@
+---
+title: Zencoder
+description: https://zencoder.ai
+category: Application
+---
+
+import { Zencoder } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Zencoder size={64} />
+      <Zencoder.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zencoder } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Zencoder size={64} />
+    <Zencoder.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<Zencoder.Text size={48} />}</DocsPreview>
+
+```tsx
+import { Zencoder } from '@lobehub/icons';
+
+export default () => <Zencoder.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <Zencoder.Combine size={64} />
+      <Zencoder.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zencoder } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <Zencoder.Combine size={64} />
+    <Zencoder.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Zencoder.Avatar size={64} />
+      <Zencoder.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zencoder } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Zencoder.Avatar size={64} />
+    <Zencoder.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={Zencoder.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zencoder } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Zencoder.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/ZeroOne/index.mdx

@@ -0,0 +1,113 @@
+---
+title: 01.AI (零一万物)
+description: https://lingyiwanwu.com/
+category: Provider
+---
+
+import { ZeroOne } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ZeroOne size={64} />
+      <ZeroOne.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ZeroOne } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ZeroOne size={64} />
+    <ZeroOne.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<ZeroOne.Text size={48} />}</DocsPreview>
+
+```tsx
+import { ZeroOne } from '@lobehub/icons';
+
+export default () => <ZeroOne.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <ZeroOne.Combine size={64} />
+      <ZeroOne.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ZeroOne } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <ZeroOne.Combine size={64} />
+    <ZeroOne.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ZeroOne.Avatar size={64} />
+      <ZeroOne.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ZeroOne } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ZeroOne.Avatar size={64} />
+    <ZeroOne.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={ZeroOne.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { ZeroOne } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={ZeroOne.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/Zhipu/index.mdx

@@ -0,0 +1,113 @@
+---
+title: Zhipu (智谱)
+description: https://zhipuai.cn
+category: Provider
+---
+
+import { Zhipu } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+import DocsPreview from '../components/DocsPreview';
+
+## Icons
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Zhipu size={64} />
+      <Zhipu.Color size={64} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zhipu } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Zhipu size={64} />
+    <Zhipu.Color size={64} />
+  </Flexbox>
+);
+```
+
+## Text
+
+<DocsPreview>{<Zhipu.Text size={48} />}</DocsPreview>
+
+```tsx
+import { Zhipu } from '@lobehub/icons';
+
+export default () => <Zhipu.Text size={48} />;
+```
+
+## Combine
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} align={'flex-start'}>
+      <Zhipu.Combine size={64} />
+      <Zhipu.Combine size={64} type={'color'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zhipu } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} align={'flex-start'}>
+    <Zhipu.Combine size={64} />
+    <Zhipu.Combine size={64} type={'color'} />
+  </Flexbox>
+);
+```
+
+## Avatars
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <Zhipu.Avatar size={64} />
+      <Zhipu.Avatar size={64} shape={'square'} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zhipu } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <Zhipu.Avatar size={64} />
+    <Zhipu.Avatar size={64} shape={'square'} />
+  </Flexbox>
+);
+```
+
+## Colors
+
+<DocsPreview>
+  {
+    <Flexbox gap={16} horizontal>
+      <ColorPreview color={Zhipu.colorPrimary} />
+    </Flexbox>
+  }
+</DocsPreview>
+
+```tsx
+import { Zhipu } from '@lobehub/icons';
+import { Flexbox } from '@lobehub/ui';
+
+import ColorPreview from '../components/ColorPreview';
+
+export default () => (
+  <Flexbox gap={16} horizontal>
+    <ColorPreview color={Zhipu.colorPrimary} />
+  </Flexbox>
+);
+```

package/es/components/Dashboard/IconItem.js

@@ -4,11 +4,11 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { ActionIcon, Block, Center, CopyButton, Flexbox, Text } from '@lobehub/ui';
 import { createStaticStyles, cx } from 'antd-style';
-import { Link } from 'dumi';
 import { DownloadIcon, SearchIcon } from 'lucide-react';
 import { readableColor } from 'polished';
 import { memo, useCallback, useRef } from 'react';
-import { customKebabCase } from "./utils";
+import { Link } from 'react-router';
+import { customKebabCase, docsKebabCase } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var styles = createStaticStyles(function (_ref) {
@@ -54,7 +54,7 @@ var IconItem = /*#__PURE__*/memo(function (_ref2) {
       style: {
         color: 'inherit'
       },
-      to: "/components/".concat(customKebabCase(id)),
+      to: "/components/".concat(docsKebabCase(id)),
       children: /*#__PURE__*/_jsx(Center, {
         height: 96,
         ref: ref,

package/es/components/Dashboard/utils.d.ts

@@ -1 +1,2 @@
+export declare const docsKebabCase: (string: string) => string;
 export declare const customKebabCase: (string: string) => string;

package/es/components/Dashboard/utils.js

@@ -1,4 +1,7 @@
 import { kebabCase } from 'es-toolkit';
+export var docsKebabCase = function docsKebabCase(string) {
+  return string.replaceAll(/([A-Z]+)([A-Z][a-z])/g, '$1-$2').replaceAll(/([\da-z])([A-Z])/g, '$1-$2').replaceAll(/['’]/g, '').replaceAll(/[^\dA-Za-z]+/g, '-').replaceAll(/^-|-$/g, '').toLowerCase();
+};
 export var customKebabCase = function customKebabCase(string) {
   var parts = string.match(/[A-Z]{2,}(?=[A-Z][a-z]+\d*|\b)|[A-Z]?[a-z]+\d*|[A-Z]|\d+/g);
   if (!parts) return string;