@yldm-tech/ai-logo 1.1.0

package/es/OpenClaw/index.mdx

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

package/es/OpenClaw/style.d.ts

@@ -0,0 +1,7 @@
+export declare const TITLE = "OpenClaw";
+export declare const COMBINE_TEXT_MULTIPLE = 0.75;
+export declare const COMBINE_SPACE_MULTIPLE = 0.2;
+export declare const COLOR_PRIMARY = "#ff4d4d";
+export declare const AVATAR_BACKGROUND = "#000";
+export declare const AVATAR_COLOR = "#fff";
+export declare const AVATAR_ICON_MULTIPLE = 0.75;

package/es/OpenClaw/style.js

@@ -0,0 +1,9 @@
+export var TITLE = 'OpenClaw';
+export var COMBINE_TEXT_MULTIPLE = 0.75;
+export var COMBINE_SPACE_MULTIPLE = 0.2;
+export var COLOR_PRIMARY = '#ff4d4d';
+
+// Avatar constants
+export var AVATAR_BACKGROUND = '#000';
+export var AVATAR_COLOR = '#fff';
+export var AVATAR_ICON_MULTIPLE = 0.75;

package/es/OpenCode/components/Avatar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type IconAvatarProps } from "../../features/IconAvatar";
+export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+export default Avatar;

package/es/OpenCode/components/Avatar.js

@@ -0,0 +1,25 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { memo } from 'react';
+import IconAvatar from "../../features/IconAvatar";
+import { AVATAR_BACKGROUND, AVATAR_COLOR, AVATAR_ICON_MULTIPLE, TITLE } from "../style";
+import Mono from "./Mono";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Avatar = /*#__PURE__*/memo(function (_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
+    Icon: Mono,
+    "aria-label": TITLE,
+    background: AVATAR_BACKGROUND,
+    color: AVATAR_COLOR,
+    iconMultiple: AVATAR_ICON_MULTIPLE
+  }, rest));
+});
+export default Avatar;

package/es/OpenCode/components/Combine.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type IconCombineProps } from "../../features/IconCombine";
+export type CombineProps = Omit<IconCombineProps, 'Icon' | 'Text'>;
+declare const Combine: import("react").NamedExoticComponent<CombineProps>;
+export default Combine;

package/es/OpenCode/components/Combine.js

@@ -0,0 +1,24 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { memo } from 'react';
+import IconCombine from "../../features/IconCombine";
+import { COMBINE_SPACE_MULTIPLE, COMBINE_TEXT_MULTIPLE, TITLE } from "../style";
+import Text from "./Text";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Combine = /*#__PURE__*/memo(function (_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_jsx(IconCombine, _objectSpread({
+    Text: Text,
+    "aria-label": TITLE,
+    spaceMultiple: COMBINE_SPACE_MULTIPLE,
+    textMultiple: COMBINE_TEXT_MULTIPLE
+  }, rest));
+});
+export default Combine;

package/es/OpenCode/components/Mono.d.ts

@@ -0,0 +1,3 @@
+import type { IconType } from "../../types";
+declare const Icon: IconType;
+export default Icon;

package/es/OpenCode/components/Mono.js

@@ -0,0 +1,40 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["size", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { TITLE } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Icon = /*#__PURE__*/memo(function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '1em' : _ref$size,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    fill: "currentColor",
+    fillRule: "evenodd",
+    height: size,
+    style: _objectSpread({
+      flex: 'none',
+      lineHeight: 1
+    }, style),
+    viewBox: "0 0 24 24",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("title", {
+      children: TITLE
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M16 6H8v12h8V6zm4 16H4V2h16v20z"
+    })]
+  }));
+});
+export default Icon;

package/es/OpenCode/components/Text.d.ts

@@ -0,0 +1,3 @@
+import type { IconType } from "../../types";
+declare const Icon: IconType;
+export default Icon;

package/es/OpenCode/components/Text.js

@@ -0,0 +1,81 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["size", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { TITLE } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Icon = /*#__PURE__*/memo(function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '1em' : _ref$size,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    fill: "currentColor",
+    fillRule: "evenodd",
+    height: size,
+    style: _objectSpread({
+      flex: 'none',
+      lineHeight: 1
+    }, style),
+    viewBox: "0 0 138 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("title", {
+      children: TITLE
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.429 17.143H5.57v-6.857h6.858v6.857z",
+      fillOpacity: ".25"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.428 6.857H5.571v10.286h6.857V6.857zm3.43 13.715H2.142V3.429h13.714v17.143z",
+      fillOpacity: ".75"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M29.571 17.143h-6.857v-6.857h6.857v6.857z",
+      fillOpacity: ".25"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M22.714 17.143h6.858V6.857h-6.858v10.286zM33 20.572H22.714V24h-3.428V3.43H33v17.143z",
+      fillOpacity: ".75"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M50.143 13.714v3.429H39.857v-3.429h10.286z",
+      fillOpacity: ".25"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M50.143 13.714H39.857v3.429h10.286v3.429H36.429V3.429h13.714v10.285zm-10.286-3.428h6.857V6.857h-6.857v3.429z",
+      fillOpacity: ".75"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M63.857 20.571H57V10.286h6.857V20.57z",
+      fillOpacity: ".25"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M63.857 6.857H57v13.715h-3.429V3.429h10.286v3.428zm3.429 13.715h-3.429V6.857h3.429v13.715z",
+      fillOpacity: ".75"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M84.428 17.143H74.144v-6.857h10.285v6.857z",
+      fillOpacity: ".25"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M84.428 6.857H74.144v10.286h10.285v3.429H70.715V3.429H84.43v3.428z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M98.143 17.143h-6.857v-6.857h6.857v6.857z",
+      fillOpacity: ".25"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M98.143 6.857h-6.857v10.286h6.857V6.857zm3.428 13.715H87.857V3.429h13.714v17.143z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M115.286 17.143h-6.857v-6.857h6.857v6.857z",
+      fillOpacity: ".25"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M115.286 6.857h-6.857v10.286h6.857V6.857zm3.428 13.714H105V3.43h10.286V0h3.428v20.571z"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M135.857 13.714v3.429h-10.286v-3.429h10.286z",
+      fillOpacity: ".25"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M125.571 6.857v3.429h6.858V6.857h-6.858zm10.286 6.857h-10.286v3.429h10.286v3.429h-13.714V3.429h13.714v10.285z"
+    })]
+  }));
+});
+export default Icon;

package/es/OpenCode/index.d.ts

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

package/es/OpenCode/index.js

@@ -0,0 +1,12 @@
+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";
+var Icons = Mono;
+Icons.Text = Text;
+Icons.Combine = Combine;
+Icons.Avatar = Avatar;
+Icons.colorPrimary = COLOR_PRIMARY;
+Icons.title = TITLE;
+export default Icons;

package/es/OpenCode/index.mdx

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

package/es/OpenCode/style.d.ts

@@ -0,0 +1,7 @@
+export declare const TITLE = "opencode";
+export declare const COMBINE_TEXT_MULTIPLE = 0.6;
+export declare const COMBINE_SPACE_MULTIPLE = 0.2;
+export declare const COLOR_PRIMARY = "#000";
+export declare const AVATAR_BACKGROUND = "#000";
+export declare const AVATAR_COLOR = "#fff";
+export declare const AVATAR_ICON_MULTIPLE = 0.75;

package/es/OpenCode/style.js

@@ -0,0 +1,9 @@
+export var TITLE = 'opencode';
+export var COMBINE_TEXT_MULTIPLE = 0.6;
+export var COMBINE_SPACE_MULTIPLE = 0.2;
+export var COLOR_PRIMARY = '#000';
+
+// Avatar constants
+export var AVATAR_BACKGROUND = COLOR_PRIMARY;
+export var AVATAR_COLOR = '#fff';
+export var AVATAR_ICON_MULTIPLE = 0.75;

package/es/OpenHands/components/Avatar.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type IconAvatarProps } from "../../features/IconAvatar";
+export type AvatarProps = Omit<IconAvatarProps, 'Icon'>;
+declare const Avatar: import("react").NamedExoticComponent<AvatarProps>;
+export default Avatar;

package/es/OpenHands/components/Avatar.js

@@ -0,0 +1,25 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { memo } from 'react';
+import IconAvatar from "../../features/IconAvatar";
+import { AVATAR_BACKGROUND, AVATAR_COLOR, AVATAR_ICON_MULTIPLE, TITLE } from "../style";
+import Color from "./Color";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Avatar = /*#__PURE__*/memo(function (_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/_jsx(IconAvatar, _objectSpread({
+    Icon: Color,
+    "aria-label": TITLE,
+    background: AVATAR_BACKGROUND,
+    color: AVATAR_COLOR,
+    iconMultiple: AVATAR_ICON_MULTIPLE
+  }, rest));
+});
+export default Avatar;

package/es/OpenHands/components/Color.d.ts

@@ -0,0 +1,3 @@
+import type { IconType } from "../../types";
+declare const Icon: IconType;
+export default Icon;

package/es/OpenHands/components/Color.js

@@ -0,0 +1,47 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["size", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { TITLE } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Icon = /*#__PURE__*/memo(function (_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? '1em' : _ref$size,
+    style = _ref.style,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs("svg", _objectSpread(_objectSpread({
+    height: size,
+    style: _objectSpread({
+      flex: 'none',
+      lineHeight: 1
+    }, style),
+    viewBox: "0 0 24 24",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg"
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("title", {
+      children: TITLE
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.75 6.313c.743 0 1.083.357 1.083 1.94 0-1.374.449-1.551.993-1.552.544 0 .9.455.84 1.803-.074 1.719-.235 2.57-.297 3.755-.195 3.751.477 2.62.552 2.432.185-.467.756-1.56 1.559-2.193 1.003-.792 1.504.2 1.348.475-.178.308-.978 1.533-1.348 2.775-.296.994-1.003 2.004-1.56 2.457-1.136.925-3.832 1.004-5.364.317C1.023 17.835.722 16.321.6 15.748c-.211-.99 0-2.07 0-2.59 0-.58-.158-2.335-.21-2.936-.073-.84.166-1.214.694-1.25.406-.026.943.225.943 1.086V8.267c0-.714.614-.98.92-.98.307 0 .903.083.904.98V7.37c0-.528.278-1.056.898-1.057zM19.25 6.313c.62 0 .899.53.899 1.057v.897c0-.896.596-.98.903-.98.306 0 .92.266.92.98v1.791c0-.861.539-1.112.944-1.085.529.035.768.41.695 1.25-.052.6-.212 2.355-.212 2.935 0 .52.212 1.6 0 2.59-.122.573-.423 2.087-1.955 2.774-1.533.687-4.227.608-5.364-.317-.557-.453-1.263-1.463-1.56-2.457-.37-1.242-1.17-2.467-1.347-2.775-.157-.275.344-1.268 1.348-.475.803.634 1.374 1.726 1.559 2.193.075.189.745 1.32.55-2.432-.062-1.186-.221-2.036-.296-3.755-.06-1.348.296-1.802.84-1.803.544 0 .994.177.994 1.553 0-1.583.338-1.94 1.082-1.94z",
+      fill: "#FFFF8B"
+    }), /*#__PURE__*/_jsx("path", {
+      clipRule: "evenodd",
+      d: "M4.75 5.937c.212 0 .43.025.63.11.21.09.382.238.51.445.022.035.04.073.059.112.274-.243.611-.28.877-.28.19 0 .382.04.56.144.177.104.317.26.42.453.196.372.267.905.237 1.6-.038.869-.098 1.519-.155 2.098-.058.58-.112 1.078-.143 1.66-.047.908-.041 1.513-.009 1.907.282-.572.807-1.428 1.51-1.983.29-.23.58-.358.862-.379.287-.022.532.07.716.217.178.141.296.33.357.51.054.158.093.403-.027.61-.193.336-.96 1.507-1.314 2.695-.316 1.06-1.062 2.137-1.682 2.641-.66.538-1.715.797-2.753.848-1.048.051-2.168-.105-3.003-.48C.68 18.095.352 16.39.232 15.828c-.116-.544-.114-1.102-.087-1.573.014-.236.035-.457.05-.644.018-.193.029-.34.029-.452 0-.558-.156-2.288-.21-2.902-.038-.446-.004-.845.17-1.148.193-.336.515-.487.875-.51.184-.013.393.016.592.104v-.435c0-.48.213-.83.485-1.05A1.352 1.352 0 013.51 7.01a1.48 1.48 0 01.255-.591c.216-.291.552-.483.985-.483zm2.076 1.141c-.24 0-.342.041-.412.125-.091.11-.205.383-.205 1.05l-.001.017v.001l-.002.059c-.006.28-.037.91-.073 1.613l-.006.093-.117 2.555-.313.041-1.796.24-.002-.002-2.064.329-.024-.415-.16-2.704V10.06c0-.35-.106-.516-.195-.597a.473.473 0 00-.347-.114c-.168.012-.23.065-.271.136-.06.102-.108.312-.074.707.051.585.213 2.366.213 2.967 0 .15-.015.331-.03.517-.018.192-.037.4-.05.623-.025.445-.023.924.072 1.371.124.582.4 1.908 1.742 2.51.697.312 1.692.46 2.658.413.976-.048 1.837-.291 2.314-.679.494-.402 1.16-1.347 1.436-2.273.37-1.24 1.147-2.462 1.356-2.813-.002-.008-.002-.02-.007-.034a.364.364 0 00-.113-.163.26.26 0 00-.19-.056c-.09.007-.241.053-.452.219-.728.575-1.268 1.597-1.442 2.037-.032.079-.111.23-.223.348a.62.62 0 01-.297.181.493.493 0 01-.481-.15.903.903 0 01-.194-.383 3.145 3.145 0 01-.088-.545c-.039-.444-.043-1.096.006-2.041.032-.604.088-1.124.145-1.696.056-.572.114-1.207.151-2.056.029-.654-.049-1.023-.15-1.215a.369.369 0 00-.134-.155.348.348 0 00-.18-.04zm-3.878.585a.61.61 0 00-.337.139.562.562 0 00-.207.465v1.791l.133 2.267.937-.15V8.268c0-.356-.112-.472-.177-.52-.09-.063-.219-.084-.349-.084zM4.75 6.69a.437.437 0 00-.38.179.856.856 0 00-.142.501v4.698l1.057-.14c.023-.561.055-1.231.087-1.848l.085-1.843c-.002-.778-.09-1.161-.207-1.349a.345.345 0 00-.165-.147.866.866 0 00-.335-.05zM19.252 5.937c.431 0 .767.192.983.483.131.177.213.382.255.591a1.354 1.354 0 011.376.205c.271.222.483.571.483 1.051v.435c.199-.088.408-.117.593-.105.36.024.68.175.874.511.174.303.209.702.17 1.147-.053.615-.21 2.345-.21 2.903 0 .111.012.26.028.452.017.187.037.408.05.644.028.471.03 1.029-.086 1.573-.12.562-.448 2.267-2.17 3.039-.835.374-1.955.53-3.003.479-1.038-.051-2.093-.31-2.753-.848-.62-.504-1.366-1.58-1.682-2.641-.354-1.187-1.119-2.358-1.313-2.695-.12-.207-.081-.452-.027-.61.06-.18.179-.369.357-.51.184-.146.428-.239.716-.217.28.021.57.149.861.379.703.554 1.227 1.41 1.509 1.982.032-.394.039-.999-.008-1.906-.03-.582-.085-1.08-.143-1.66a35.962 35.962 0 01-.154-2.098c-.03-.695.04-1.228.237-1.6.102-.193.242-.349.42-.453.177-.103.37-.143.56-.143.265 0 .6.036.875.279.02-.039.038-.077.06-.112.129-.207.3-.355.51-.445.201-.085.42-.11.631-.11zm-2.078 1.141a.35.35 0 00-.18.04.37.37 0 00-.134.155c-.101.192-.179.561-.15 1.215.037.85.095 1.484.151 2.056.057.572.114 1.092.145 1.696.05.945.045 1.597.006 2.041a3.15 3.15 0 01-.088.545.905.905 0 01-.192.384.494.494 0 01-.481.15.621.621 0 01-.299-.182 1.195 1.195 0 01-.223-.348c-.174-.44-.713-1.462-1.441-2.037-.21-.166-.362-.212-.452-.219a.26.26 0 00-.191.056.365.365 0 00-.112.163c-.005.014-.007.026-.009.034.21.35.988 1.573 1.357 2.813.276.926.942 1.871 1.437 2.273.476.388 1.338.631 2.314.68.967.047 1.961-.102 2.659-.414 1.342-.602 1.616-1.928 1.74-2.51.096-.447.097-.926.072-1.371-.013-.223-.032-.43-.049-.623a6.384 6.384 0 01-.03-.517c0-.601.161-2.382.212-2.967.034-.395-.015-.605-.073-.707-.04-.07-.104-.124-.272-.136a.473.473 0 00-.347.114c-.078.07-.168.207-.19.474l-.005.122v.022l-.159 2.704-.024.415-2.066-.329-2.11-.28-.117-2.554-.005-.093a74.933 74.933 0 01-.075-1.613l-.002-.059v-.017c0-.668-.113-.94-.205-1.05-.07-.085-.172-.126-.412-.126zm3.878.585c-.13 0-.258.021-.349.085-.065.047-.177.163-.177.519v3.909l.936.149.134-2.267V8.267a.563.563 0 00-.205-.465.614.614 0 00-.339-.139zM19.25 6.69c-.159 0-.264.02-.335.05a.346.346 0 00-.165.148c-.116.188-.205.571-.206 1.349l.078 1.699c.034.655.068 1.387.092 1.991l1.059.14V7.37a.857.857 0 00-.143-.501.438.438 0 00-.38-.179z",
+      fill: "#000",
+      fillRule: "evenodd"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.912 3.873a.377.377 0 01.513.138l1.151 1.993a.377.377 0 01-.652.376l-1.15-1.993a.377.377 0 01.138-.514zM14.555 4.011a.376.376 0 01.652.376l-1.15 1.993a.377.377 0 01-.652-.376l1.15-1.993zM11.989 3c.208 0 .376.169.376.377v2.3a.377.377 0 01-.753 0v-2.3c0-.208.169-.377.377-.377z",
+      fill: "#000"
+    })]
+  }));
+});
+export default Icon;

package/es/OpenHands/components/Combine.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { type IconCombineProps } from "../../features/IconCombine";
+export interface CombineProps extends Omit<IconCombineProps, 'Icon' | 'Text'> {
+    type?: 'color' | 'mono';
+}
+declare const Combine: import("react").NamedExoticComponent<CombineProps>;
+export default Combine;

package/es/OpenHands/components/Combine.js

@@ -0,0 +1,32 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["type"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import IconCombine from "../../features/IconCombine";
+import { COMBINE_SPACE_MULTIPLE, COMBINE_TEXT_MULTIPLE, TITLE } from "../style";
+import Color from "./Color";
+import Mono from "./Mono";
+import Text from "./Text";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Combine = /*#__PURE__*/memo(function (_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'mono' : _ref$type,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var Icon = type === 'color' ? Color : Mono;
+  return /*#__PURE__*/_jsx(IconCombine, _objectSpread({
+    Icon: Icon,
+    Text: Text,
+    "aria-label": TITLE,
+    spaceMultiple: COMBINE_SPACE_MULTIPLE,
+    textMultiple: COMBINE_TEXT_MULTIPLE
+  }, rest));
+});
+export default Combine;

package/es/OpenHands/components/Mono.d.ts

@@ -0,0 +1,3 @@
+import type { IconType } from "../../types";
+declare const Icon: IconType;
+export default Icon;