@yldm-tech/ai-logo 1.3.1 → 1.4.0

package/es/features/AgentIcon/DefaultAvatar.mjs

@@ -1,8 +1,8 @@
+import { Center } from "../../primitives/index.mjs";
 import DefaultAvatar$1 from "./DefaultIcon.mjs";
 import { memo } from "react";
-import { Center } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 import { jsx } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
 //#region src/features/AgentIcon/DefaultAvatar.tsx
 const DefaultAvatar = memo(({ shape = "circle", color, background, size, style, iconMultiple = .6, iconStyle, iconClassName }) => {
 	return /* @__PURE__ */ jsx(Center, {

package/es/features/AgentIcon/DefaultIcon.mjs

@@ -1,7 +1,7 @@
+import { Icon } from "../../primitives/index.mjs";
 import { memo } from "react";
-import { Icon } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 import { jsx } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
 import { Bot } from "lucide-react";
 //#region src/features/AgentIcon/DefaultIcon.tsx
 const DefaultAvatar = memo(({ color, size = 12, ...rest }) => {

package/es/features/IconAvatar/index.d.mts

@@ -1,6 +1,6 @@
+import { CenterProps } from "../../primitives/index.mjs";
 import { IconType } from "../../types/index.mjs";
 import { CSSProperties } from "react";
-import { CenterProps } from "@lobehub/ui";
 //#region src/features/IconAvatar/index.d.ts
 export interface IconAvatarProps extends Omit<CenterProps, "children"> {
   Icon?: IconType;

package/es/features/IconAvatar/index.mjs

@@ -1,9 +1,9 @@
 "use client";
+import { Center } from "../../primitives/index.mjs";
 import { getAvatarShadow } from "./util.mjs";
 import { memo } from "react";
-import { Center } from "@lobehub/ui";
-import { useThemeMode } from "antd-style";
 import { jsx } from "react/jsx-runtime";
+import { useThemeMode } from "antd-style";
 //#region src/features/IconAvatar/index.tsx
 const IconAvatar = memo(({ shape = "circle", color = "#fff", background, size, style, iconMultiple = .75, Icon, iconStyle, iconClassName, ...rest }) => {
 	const { isDarkMode } = useThemeMode();

package/es/features/IconCombine/index.d.mts

@@ -1,7 +1,7 @@
+import { FlexboxProps } from "../../primitives/index.mjs";
 import { IconType } from "../../types/index.mjs";
 import IconAvatar, { IconAvatarProps } from "../IconAvatar/index.mjs";
 import { CSSProperties } from "react";
-import { FlexboxProps } from "@lobehub/ui";
 //#region src/features/IconCombine/index.d.ts
 export interface IconCombineProps extends FlexboxProps {
   Icon?: IconType | typeof IconAvatar;

package/es/features/IconCombine/index.mjs

@@ -1,6 +1,6 @@
 "use client";
+import { Flexbox } from "../../primitives/index.mjs";
 import { memo } from "react";
-import { Flexbox } from "@lobehub/ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/features/IconCombine/index.tsx
 const IconCombine = memo(({ Icon, style, Text, color, size = 24, spaceMultiple = 1, textMultiple = 1, extra, extraStyle, showText = true, showLogo = true, extraClassName, iconProps, inverse, ...rest }) => {

package/es/features/ModelIcon/DefaultAvatar.mjs

@@ -1,8 +1,8 @@
+import { Center } from "../../primitives/index.mjs";
 import DefaultAvatar$1 from "./DefaultIcon.mjs";
 import { memo } from "react";
-import { Center } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 import { jsx } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
 //#region src/features/ModelIcon/DefaultAvatar.tsx
 const DefaultAvatar = memo(({ shape = "circle", color, background, size, style, iconMultiple = .6, iconStyle, iconClassName }) => {
 	return /* @__PURE__ */ jsx(Center, {

package/es/features/ModelIcon/DefaultIcon.mjs

@@ -1,7 +1,7 @@
+import { Icon } from "../../primitives/index.mjs";
 import { memo } from "react";
-import { Icon } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 import { jsx } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
 import { Brain } from "lucide-react";
 //#region src/features/ModelIcon/DefaultIcon.tsx
 const DefaultAvatar = memo(({ color, size = 12, ...rest }) => {

package/es/features/ModelTag/index.d.mts

@@ -1,4 +1,4 @@
-import { TagProps } from "@lobehub/ui";
+import { TagProps } from "antd";
 //#region src/features/ModelTag/index.d.ts
 export interface ModelTagProps extends Omit<TagProps, "icon" | "children"> {
   model: string;

package/es/features/ModelTag/index.mjs

@@ -1,7 +1,7 @@
 import ModelIcon from "../ModelIcon/index.mjs";
 import { memo } from "react";
-import { Tag } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
+import { Tag } from "antd";
 //#region src/features/ModelTag/index.tsx
 const ModelTag = memo(({ type = "mono", model, ...rest }) => /* @__PURE__ */ jsx(Tag, {
 	icon: /* @__PURE__ */ jsx(ModelIcon, {

package/es/features/ProviderCombine/Combine.mjs

@@ -1,5 +1,5 @@
+import { Flexbox } from "../../primitives/index.mjs";
 import { memo } from "react";
-import { Flexbox } from "@lobehub/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Divider } from "antd";
 //#region src/features/ProviderCombine/Combine.tsx

package/es/features/ProviderCombine/index.d.mts

@@ -1,5 +1,5 @@
+import { FlexboxProps } from "../../primitives/index.mjs";
 import { ModelProviderKey } from "../providerEnum.mjs";
-import { FlexboxProps } from "@lobehub/ui";
 //#region src/features/ProviderCombine/index.d.ts
 export interface ProviderCombineProps extends Omit<FlexboxProps, "children" | "horizontal" | "height" | "width" | "align" | "justify"> {
   provider?: ModelProviderKey | string;

package/es/features/ProviderCombine/index.mjs

@@ -1,8 +1,8 @@
 "use client";
+import { Flexbox } from "../../primitives/index.mjs";
 import DefaultIcon from "../ProviderIcon/DefaultIcon.mjs";
 import { providerMappings } from "../providerConfig.mjs";
 import { memo, useMemo } from "react";
-import { Flexbox } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/features/ProviderCombine/index.tsx
 const ProviderCombine = memo(({ provider: originProvider, size = 12, type = "color", ...rest }) => {

package/es/features/ProviderIcon/DefaultAvatar.mjs

@@ -1,8 +1,8 @@
+import { Center } from "../../primitives/index.mjs";
 import DefaultIcon from "./DefaultIcon.mjs";
 import { memo } from "react";
-import { Center } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 import { jsx } from "react/jsx-runtime";
+import { cssVar } from "antd-style";
 //#region src/features/ProviderIcon/DefaultAvatar.tsx
 const DefaultAvatar = memo(({ shape = "circle", color, background, size, style, iconMultiple = .6, iconStyle, iconClassName }) => {
 	return /* @__PURE__ */ jsx(Center, {

package/es/features/ProviderIcon/DefaultIcon.mjs

@@ -1,13 +1,13 @@
+import { Icon } from "../../primitives/index.mjs";
 import { memo } from "react";
-import { Icon } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 import { jsx } from "react/jsx-runtime";
-import { ProviderIcon } from "@lobehub/ui/icons";
+import { cssVar } from "antd-style";
+import { Box } from "lucide-react";
 //#region src/features/ProviderIcon/DefaultIcon.tsx
 const DefaultIcon = memo(({ color, size = 12, ...rest }) => {
 	return /* @__PURE__ */ jsx(Icon, {
 		color: color || cssVar.colorTextDescription,
-		icon: ProviderIcon,
+		icon: Box,
 		size,
 		...rest
 	});

package/es/features/providerConfig.d.mts

@@ -1,8 +1,8 @@
+import { DivProps } from "../primitives/index.mjs";
 import { IconType } from "../types/index.mjs";
 import { IconAvatarProps } from "./IconAvatar/index.mjs";
 import { IconCombineProps } from "./IconCombine/index.mjs";
 import { FC } from "react";
-import { DivProps } from "@lobehub/ui";
 //#region src/features/providerConfig.d.ts
 type ProviderIconType = FC<IconType & any> & {
   Avatar: FC<Omit<IconAvatarProps, "Icon"> & any>;

package/es/primitives/index.d.mts

@@ -0,0 +1,16 @@
+import { CSSProperties, HTMLAttributes } from "react";
+//#region src/primitives/index.d.ts
+export type DivProps = HTMLAttributes<HTMLDivElement>;
+export interface FlexboxProps extends DivProps {
+  align?: CSSProperties["alignItems"];
+  flex?: CSSProperties["flex"];
+  gap?: CSSProperties["gap"];
+  height?: CSSProperties["height"];
+  /** Lay children out in a row. Defaults to a column, matching the API this replaces. */
+  horizontal?: boolean;
+  justify?: CSSProperties["justifyContent"];
+  padding?: CSSProperties["padding"];
+  width?: CSSProperties["width"];
+}
+export type CenterProps = FlexboxProps;
+//#endregion

package/es/primitives/index.mjs

@@ -0,0 +1,62 @@
+"use client";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/primitives/index.tsx
+/**
+* Local stand-ins for the handful of primitives this package used to take from
+* @lobehub/ui. They exist so the published package has no peer dependency on a
+* component library — installing it used to pull @lobehub/ui in transitively,
+* which meant a consumer wanting six icons got a whole UI kit with them.
+*
+* Only the props the features actually pass are supported. This is deliberately
+* not a general-purpose layout library.
+*/
+const Flexbox = forwardRef(({ align, flex, gap, height, horizontal, justify, padding, style, width, ...rest }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	style: {
+		alignItems: align,
+		display: "flex",
+		flex,
+		flexDirection: horizontal ? "row" : "column",
+		gap,
+		height,
+		justifyContent: justify,
+		padding,
+		width,
+		...style
+	},
+	...rest
+}));
+Flexbox.displayName = "Flexbox";
+const Center = forwardRef(({ align = "center", justify = "center", ...rest }, ref) => /* @__PURE__ */ jsx(Flexbox, {
+	align,
+	justify,
+	ref,
+	...rest
+}));
+Center.displayName = "Center";
+/**
+* Renders an icon component at a given size and colour inside a square box, so
+* the glyph sits on the text baseline the way the surrounding layout expects.
+*/
+const Icon = forwardRef(({ color, icon: Component, size = 16, style, ...rest }, ref) => /* @__PURE__ */ jsx("span", {
+	ref,
+	style: {
+		alignItems: "center",
+		display: "inline-flex",
+		flex: "none",
+		height: "1em",
+		justifyContent: "center",
+		lineHeight: 1,
+		width: "1em",
+		...style
+	},
+	...rest,
+	children: /* @__PURE__ */ jsx(Component, {
+		color,
+		size
+	})
+}));
+Icon.displayName = "Icon";
+//#endregion
+export { Center, Flexbox, Icon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yldm-tech/ai-logo",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Popular AI / LLM Model Brand SVG Logo and Icon Collection",
   "keywords": [
     "ai icons",
@@ -42,7 +42,6 @@
     "polished": "^4.3.1"
   },
   "peerDependencies": {
-    "@lobehub/ui": "^5.0.0",
     "antd": "^6.1.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"