@lobehub/ui 4.3.2 → 4.3.3

package/es/brand/LobeHub/index.d.mts

@@ -1,5 +1,5 @@
 import { DivProps } from "../../types/index.mjs";
-import * as react2 from "react";
+import * as react29 from "react";
 import { ReactNode } from "react";
 
 //#region src/brand/LobeHub/index.d.ts
@@ -8,7 +8,7 @@ interface LobeHubProps extends DivProps {
   size?: number;
   type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';
 }
-declare const LobeHub: react2.NamedExoticComponent<LobeHubProps>;
+declare const LobeHub: react29.NamedExoticComponent<LobeHubProps>;
 //#endregion
 export { LobeHub, LobeHubProps };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/LobeHub/index.mjs

@@ -1,20 +1,18 @@
 'use client';
 
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { useStyles } from "./style.mjs";
+import { styles } from "./style.mjs";
 import Logo3d_default from "../Logo3d/index.mjs";
 import LogoFlat_default from "../LogoFlat/index.mjs";
-import LogoMono_default from "../LogoMono/index.mjs";
+import { icons_default } from "../LogoMono/index.mjs";
 import Divider_default from "../components/Divider.mjs";
 import LobeHubText_default from "../LobeHubText/index.mjs";
 import { memo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useTheme } from "antd-style";
+import { cssVar } from "antd-style";
 
 //#region src/brand/LobeHub/index.tsx
 const LobeHub = memo(({ type = "3d", size = 32, style, extra, className, ...rest }) => {
-	const theme = useTheme();
-	const { styles } = useStyles();
 	let logoComponent;
 	switch (type) {
 		case "3d":
@@ -30,7 +28,7 @@ const LobeHub = memo(({ type = "3d", size = 32, style, extra, className, ...rest
 			});
 			break;
 		case "mono":
-			logoComponent = /* @__PURE__ */ jsx(LogoMono_default, {
+			logoComponent = /* @__PURE__ */ jsx(icons_default, {
 				size,
 				style
 			});
@@ -74,7 +72,7 @@ const LobeHub = memo(({ type = "3d", size = 32, style, extra, className, ...rest
 			logoComponent,
 			/* @__PURE__ */ jsx(Divider_default, {
 				size: extraSize,
-				style: { color: theme.colorFill }
+				style: { color: cssVar.colorFill }
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: styles.extraTitle,

package/es/brand/LobeHub/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["logoComponent: ReactNode","Logo3d","LogoFlat","LogoMono","LogoText","Flexbox","Divider"],"sources":["../../../src/brand/LobeHub/index.tsx"],"sourcesContent":["'use client';\n\nimport { useTheme } from 'antd-style';\nimport { type ReactNode, memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport LogoText from '@/brand/LobeHubText';\nimport Logo3d from '@/brand/Logo3d';\nimport LogoFlat from '@/brand/LogoFlat';\nimport LogoMono from '@/brand/LogoMono';\nimport Divider from '@/brand/components/Divider';\nimport { DivProps } from '@/types';\n\nimport { useStyles } from './style';\n\nexport interface LobeHubProps extends DivProps {\n  extra?: ReactNode;\n  size?: number;\n  type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';\n}\n\nconst LobeHub = memo<LobeHubProps>(\n  ({ type = '3d', size = 32, style, extra, className, ...rest }) => {\n    const theme = useTheme();\n    const { styles } = useStyles();\n    let logoComponent: ReactNode;\n\n    switch (type) {\n      case '3d': {\n        logoComponent = <Logo3d size={size} {...rest} />;\n        break;\n      }\n      case 'flat': {\n        logoComponent = <LogoFlat size={size} style={style} />;\n        break;\n      }\n      case 'mono': {\n        logoComponent = <LogoMono size={size} style={style} />;\n        break;\n      }\n      case 'text': {\n        logoComponent = (\n          <LogoText className={className} size={size} style={style} {...(rest as any)} />\n        );\n        break;\n      }\n      case 'combine': {\n        logoComponent = (\n          <>\n            <Logo3d alt=\"LobeChat\" size={size} />\n            <LogoText size={size} style={{ marginLeft: Math.round(size / 4) }} />\n          </>\n        );\n\n        if (!extra)\n          logoComponent = (\n            <Flexbox align={'center'} className={className} flex={'none'} horizontal style={style}>\n              {logoComponent}\n            </Flexbox>\n          );\n\n        break;\n      }\n    }\n\n    if (!extra) return logoComponent;\n\n    const extraSize = Math.round((size / 3) * 1.9);\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={className}\n        flex={'none'}\n        horizontal\n        style={style}\n        {...rest}\n      >\n        {logoComponent}\n        <Divider size={extraSize} style={{ color: theme.colorFill }} />\n        <div className={styles.extraTitle} style={{ fontSize: extraSize }}>\n          {extra}\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nLobeHub.displayName = 'LobeHubBrand';\n\nexport default LobeHub;\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAM,UAAU,MACb,EAAE,OAAO,MAAM,OAAO,IAAI,OAAO,OAAO,WAAW,GAAG,WAAW;CAChE,MAAM,QAAQ,UAAU;CACxB,MAAM,EAAE,WAAW,WAAW;CAC9B,IAAIA;AAEJ,SAAQ,MAAR;EACE,KAAK;AACH,mBAAgB,oBAACC;IAAa;IAAM,GAAI;KAAQ;AAChD;EAEF,KAAK;AACH,mBAAgB,oBAACC;IAAe;IAAa;KAAS;AACtD;EAEF,KAAK;AACH,mBAAgB,oBAACC;IAAe;IAAa;KAAS;AACtD;EAEF,KAAK;AACH,mBACE,oBAACC;IAAoB;IAAiB;IAAa;IAAO,GAAK;KAAgB;AAEjF;EAEF,KAAK;AACH,mBACE,8CACE,oBAACH;IAAO,KAAI;IAAiB;KAAQ,EACrC,oBAACG;IAAe;IAAM,OAAO,EAAE,YAAY,KAAK,MAAM,OAAO,EAAE,EAAE;KAAI,IACpE;AAGL,OAAI,CAAC,MACH,iBACE,oBAACC;IAAQ,OAAO;IAAqB;IAAW,MAAM;IAAQ;IAAkB;cAC7E;KACO;AAGd;;AAIJ,KAAI,CAAC,MAAO,QAAO;CAEnB,MAAM,YAAY,KAAK,MAAO,OAAO,IAAK,IAAI;AAE9C,QACE,qBAACA;EACC,OAAO;EACI;EACX,MAAM;EACN;EACO;EACP,GAAI;;GAEH;GACD,oBAACC;IAAQ,MAAM;IAAW,OAAO,EAAE,OAAO,MAAM,WAAW;KAAI;GAC/D,oBAAC;IAAI,WAAW,OAAO;IAAY,OAAO,EAAE,UAAU,WAAW;cAC9D;KACG;;GACE;EAGf;AAED,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"index.mjs","names":["logoComponent: ReactNode","Logo3d","LogoFlat","LogoMono","LogoText","Flexbox","Divider"],"sources":["../../../src/brand/LobeHub/index.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport { type ReactNode, memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport LogoText from '@/brand/LobeHubText';\nimport Logo3d from '@/brand/Logo3d';\nimport LogoFlat from '@/brand/LogoFlat';\nimport LogoMono from '@/brand/LogoMono';\nimport Divider from '@/brand/components/Divider';\nimport { DivProps } from '@/types';\n\nimport { styles } from './style';\n\nexport interface LobeHubProps extends DivProps {\n  extra?: ReactNode;\n  size?: number;\n  type?: '3d' | 'flat' | 'mono' | 'text' | 'combine';\n}\n\nconst LobeHub = memo<LobeHubProps>(\n  ({ type = '3d', size = 32, style, extra, className, ...rest }) => {\n    let logoComponent: ReactNode;\n\n    switch (type) {\n      case '3d': {\n        logoComponent = <Logo3d size={size} {...rest} />;\n        break;\n      }\n      case 'flat': {\n        logoComponent = <LogoFlat size={size} style={style} />;\n        break;\n      }\n      case 'mono': {\n        logoComponent = <LogoMono size={size} style={style} />;\n        break;\n      }\n      case 'text': {\n        logoComponent = (\n          <LogoText className={className} size={size} style={style} {...(rest as any)} />\n        );\n        break;\n      }\n      case 'combine': {\n        logoComponent = (\n          <>\n            <Logo3d alt=\"LobeChat\" size={size} />\n            <LogoText size={size} style={{ marginLeft: Math.round(size / 4) }} />\n          </>\n        );\n\n        if (!extra)\n          logoComponent = (\n            <Flexbox align={'center'} className={className} flex={'none'} horizontal style={style}>\n              {logoComponent}\n            </Flexbox>\n          );\n\n        break;\n      }\n    }\n\n    if (!extra) return logoComponent;\n\n    const extraSize = Math.round((size / 3) * 1.9);\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={className}\n        flex={'none'}\n        horizontal\n        style={style}\n        {...rest}\n      >\n        {logoComponent}\n        <Divider size={extraSize} style={{ color: cssVar.colorFill }} />\n        <div className={styles.extraTitle} style={{ fontSize: extraSize }}>\n          {extra}\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nLobeHub.displayName = 'LobeHubBrand';\n\nexport default LobeHub;\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAM,UAAU,MACb,EAAE,OAAO,MAAM,OAAO,IAAI,OAAO,OAAO,WAAW,GAAG,WAAW;CAChE,IAAIA;AAEJ,SAAQ,MAAR;EACE,KAAK;AACH,mBAAgB,oBAACC;IAAa;IAAM,GAAI;KAAQ;AAChD;EAEF,KAAK;AACH,mBAAgB,oBAACC;IAAe;IAAa;KAAS;AACtD;EAEF,KAAK;AACH,mBAAgB,oBAACC;IAAe;IAAa;KAAS;AACtD;EAEF,KAAK;AACH,mBACE,oBAACC;IAAoB;IAAiB;IAAa;IAAO,GAAK;KAAgB;AAEjF;EAEF,KAAK;AACH,mBACE,8CACE,oBAACH;IAAO,KAAI;IAAiB;KAAQ,EACrC,oBAACG;IAAe;IAAM,OAAO,EAAE,YAAY,KAAK,MAAM,OAAO,EAAE,EAAE;KAAI,IACpE;AAGL,OAAI,CAAC,MACH,iBACE,oBAACC;IAAQ,OAAO;IAAqB;IAAW,MAAM;IAAQ;IAAkB;cAC7E;KACO;AAGd;;AAIJ,KAAI,CAAC,MAAO,QAAO;CAEnB,MAAM,YAAY,KAAK,MAAO,OAAO,IAAK,IAAI;AAE9C,QACE,qBAACA;EACC,OAAO;EACI;EACX,MAAM;EACN;EACO;EACP,GAAI;;GAEH;GACD,oBAACC;IAAQ,MAAM;IAAW,OAAO,EAAE,OAAO,OAAO,WAAW;KAAI;GAChE,oBAAC;IAAI,WAAW,OAAO;IAAY,OAAO,EAAE,UAAU,WAAW;cAC9D;KACG;;GACE;EAGf;AAED,QAAQ,cAAc;AAEtB,sBAAe"}

package/es/brand/LobeHub/style.mjs

@@ -1,4 +1,4 @@
-import { createStyles } from "antd-style";
+import { createStaticStyles } from "antd-style";
 
 //#region src/brand/LobeHub/style.ts
 const LOGO_3D = {
@@ -6,7 +6,7 @@ const LOGO_3D = {
 	pkg: "@lobehub/assets-logo",
 	version: "1.2.0"
 };
-const useStyles = createStyles(({ css: css$1 }) => {
+const styles = createStaticStyles(({ css: css$1 }) => {
 	return { extraTitle: css$1`
       font-weight: 300;
       white-space: nowrap;
@@ -14,5 +14,5 @@ const useStyles = createStyles(({ css: css$1 }) => {
 });
 
 //#endregion
-export { LOGO_3D, useStyles };
+export { LOGO_3D, styles };
 //# sourceMappingURL=style.mjs.map

package/es/brand/LobeHub/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/brand/LobeHub/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const LOGO_3D = {\n  path: 'assets/logo-3d.webp',\n  pkg: '@lobehub/assets-logo',\n  version: '1.2.0',\n};\n\nexport const useStyles = createStyles(({ css }) => {\n  return {\n    extraTitle: css`\n      font-weight: 300;\n      white-space: nowrap;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,UAAU;CACrB,MAAM;CACN,KAAK;CACL,SAAS;CACV;AAED,MAAa,YAAY,cAAc,EAAE,iBAAU;AACjD,QAAO,EACL,YAAY,KAAG;;;OAIhB;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/brand/LobeHub/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const LOGO_3D = {\n  path: 'assets/logo-3d.webp',\n  pkg: '@lobehub/assets-logo',\n  version: '1.2.0',\n};\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    extraTitle: css`\n      font-weight: 300;\n      white-space: nowrap;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,UAAU;CACrB,MAAM;CACN,KAAK;CACL,SAAS;CACV;AAED,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,EACL,YAAY,KAAG;;;OAIhB;EACD"}

package/es/brand/LogoFlat/index.d.mts

@@ -1,10 +1,7 @@
-import { DivProps, SvgProps } from "../../types/index.mjs";
-import { FC } from "react";
+import * as _lobehub_icons0 from "@lobehub/icons";
 
 //#region src/brand/LogoFlat/index.d.ts
-declare const LogoFlat: FC<SvgProps & DivProps & {
-  size?: number;
-}>;
+declare const _default: _lobehub_icons0.IconType;
 //#endregion
-export { LogoFlat };
+export { _default };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/LogoFlat/index.mjs

@@ -1,81 +1,7 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { LobeHub } from "@lobehub/icons";
 
 //#region src/brand/LogoFlat/index.tsx
-const LogoFlat = ({ size = "1em", style, ...rest }) => {
-	return /* @__PURE__ */ jsxs("svg", {
-		height: size,
-		style: {
-			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: "LobeHub" }),
-			/* @__PURE__ */ jsx("path", {
-				d: "M22.951 13.475C22.951 19.672 18.082 24 11.975 24 5.87 24 1 19.59 1 13.393c0-1.843.41-2.633 2.58-2.922 3.89-.518 5.942-.313 8.396-.313 2.453 0 5.942-.104 8.395.313 2.007.342 2.457.71 2.58 3.004z",
-				fill: "#FFB02E"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M11.955 19.209c-2.314 0-2.928.286-2.928.286s.287 2.212 2.928 2.212c2.642 0 2.928-2.212 2.928-2.212s-.614-.287-2.928-.287z",
-				fill: "#972021"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M21.15 11.51c0 .52-4.09.941-9.133.941-5.044 0-9.133-.422-9.133-.942s4.089-.942 9.133-.942c5.043 0 9.132.422 9.132.942z",
-				fill: "#FF6723"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M9.969 12.451c.052-1.226-.04-1.867-.45-2.985 0 0 .777-.987 2.21-.987 1.434 0 2.458.25 2.458.25-.248 1.376-.26 2.206-.205 3.722H9.97z",
-				fill: "#FEE064"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M8.633 18.535c1.207-.58 2.032-1.762 2.032-3.217 0-2.081-1.687-3.932-3.768-3.932-2.08 0-3.85 1.605-3.85 3.686 0 1.146.537 2.196 1.365 2.91a4.582 4.582 0 011.625-.289c1.04 0 1.972.327 2.596.842zM15.318 18.535c-1.207-.58-2.032-1.762-2.032-3.217 0-2.081 1.687-3.932 3.768-3.932 2.08 0 3.85 1.605 3.85 3.686 0 1.146-.537 2.196-1.365 2.91a4.582 4.582 0 00-1.625-.289c-1.04 0-1.972.327-2.596.842z",
-				fill: "#fff"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M7.143 17.447a2.293 2.293 0 100-4.586 2.293 2.293 0 000 4.586zM16.808 17.447a2.293 2.293 0 110-4.586 2.293 2.293 0 010 4.586z",
-				fill: "#270C36"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M13.04.902c-1.149 0-1.597-.942-3.358-.9-1.916 0-2.785 1.064-3.727 1.883-.16.14-.942.574-1.31.737-1.612.717-2.826 1.761-2.826 3.318 0 1.696 1.43 3.071 3.194 3.071.29 0 .57-.037.838-.106.712.863 1.816 1.364 3.053 1.417 1.925.082 2.54-1.25 3.645-.697.758.38 1.133.697 2.334.697 1.402 0 2.053-.43 2.457-.901.738-.86 1.874-.328 2.58-.328 1.538 0 2.785-1.192 2.785-2.662s-1.246-2.662-2.784-2.662c-.422 0-1.217.104-1.393-.573C18.241 2.09 16.878.82 14.924.82c-.763 0-1.449.082-1.884.082z",
-				fill: "#A68AE2"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M5.669 1.025a.778.778 0 11-1.557 0 .778.778 0 011.557 0z",
-				fill: "#7B61FF"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M4.686 8.192a1.31 1.31 0 11-2.621 0 1.31 1.31 0 012.62 0z",
-				fill: "#F24630"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M21.968 3.4a1.27 1.27 0 11-2.539 0 1.27 1.27 0 012.54 0z",
-				fill: "#7CEE1D"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M9.701 19.34c.45-.068 1.163-.131 2.254-.131 1 0 1.683.053 2.136.114-.127.48-1.062.664-2.197.664-1.122 0-2.05-.18-2.193-.647z",
-				fill: "#fff"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M11.976 23.099c1.646 0 1.909-1.678 1.96-2.098.039-.34-.137-.511-.33-.627-.191-.116-.768-.224-1.63-.224-.862 0-1.435.108-1.63.224-.196.116-.373.288-.33.627.051.42.314 2.098 1.96 2.098z",
-				fill: "#F24630"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M12.934 9.972c-.47-.319-1.143-.348-1.621-.043a4.086 4.086 0 01-2.204.638c-2.217 0-4.014-1.742-4.014-3.89 0-2.149 1.797-3.89 4.014-3.89 1.116 0 2.126.44 2.853 1.154.406.397 1.072.51 1.597.295.407-.167.855-.259 1.324-.259 1.878 0 3.4 1.475 3.4 3.295 0 1.82-1.523 3.295-3.4 3.295-.725 0-1.397-.22-1.95-.595z",
-				fill: "#F4B8CA"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M16.808 8.07a1.106 1.106 0 11-2.211 0 1.106 1.106 0 012.211 0z",
-				fill: "#0C74FF"
-			})
-		]
-	});
-};
-LogoFlat.displayName = "LobeHubLogoFlat";
-var LogoFlat_default = LogoFlat;
+var LogoFlat_default = LobeHub.Color;
 
 //#endregion
 export { LogoFlat_default as default };

package/es/brand/LogoFlat/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["LogoFlat: FC<SvgProps & DivProps & { size?: number }>"],"sources":["../../../src/brand/LogoFlat/index.tsx"],"sourcesContent":["import { FC } from 'react';\n\nimport { DivProps, SvgProps } from '@/types';\n\nconst LogoFlat: FC<SvgProps & DivProps & { size?: number }> = ({\n  size = '1em',\n  style,\n  ...rest\n}) => {\n  return (\n    <svg\n      height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"0 0 24 24\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>LobeHub</title>\n      <path\n        d=\"M22.951 13.475C22.951 19.672 18.082 24 11.975 24 5.87 24 1 19.59 1 13.393c0-1.843.41-2.633 2.58-2.922 3.89-.518 5.942-.313 8.396-.313 2.453 0 5.942-.104 8.395.313 2.007.342 2.457.71 2.58 3.004z\"\n        fill=\"#FFB02E\"\n      />\n      <path\n        d=\"M11.955 19.209c-2.314 0-2.928.286-2.928.286s.287 2.212 2.928 2.212c2.642 0 2.928-2.212 2.928-2.212s-.614-.287-2.928-.287z\"\n        fill=\"#972021\"\n      />\n      <path\n        d=\"M21.15 11.51c0 .52-4.09.941-9.133.941-5.044 0-9.133-.422-9.133-.942s4.089-.942 9.133-.942c5.043 0 9.132.422 9.132.942z\"\n        fill=\"#FF6723\"\n      />\n      <path\n        d=\"M9.969 12.451c.052-1.226-.04-1.867-.45-2.985 0 0 .777-.987 2.21-.987 1.434 0 2.458.25 2.458.25-.248 1.376-.26 2.206-.205 3.722H9.97z\"\n        fill=\"#FEE064\"\n      />\n      <path\n        d=\"M8.633 18.535c1.207-.58 2.032-1.762 2.032-3.217 0-2.081-1.687-3.932-3.768-3.932-2.08 0-3.85 1.605-3.85 3.686 0 1.146.537 2.196 1.365 2.91a4.582 4.582 0 011.625-.289c1.04 0 1.972.327 2.596.842zM15.318 18.535c-1.207-.58-2.032-1.762-2.032-3.217 0-2.081 1.687-3.932 3.768-3.932 2.08 0 3.85 1.605 3.85 3.686 0 1.146-.537 2.196-1.365 2.91a4.582 4.582 0 00-1.625-.289c-1.04 0-1.972.327-2.596.842z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M7.143 17.447a2.293 2.293 0 100-4.586 2.293 2.293 0 000 4.586zM16.808 17.447a2.293 2.293 0 110-4.586 2.293 2.293 0 010 4.586z\"\n        fill=\"#270C36\"\n      />\n      <path\n        d=\"M13.04.902c-1.149 0-1.597-.942-3.358-.9-1.916 0-2.785 1.064-3.727 1.883-.16.14-.942.574-1.31.737-1.612.717-2.826 1.761-2.826 3.318 0 1.696 1.43 3.071 3.194 3.071.29 0 .57-.037.838-.106.712.863 1.816 1.364 3.053 1.417 1.925.082 2.54-1.25 3.645-.697.758.38 1.133.697 2.334.697 1.402 0 2.053-.43 2.457-.901.738-.86 1.874-.328 2.58-.328 1.538 0 2.785-1.192 2.785-2.662s-1.246-2.662-2.784-2.662c-.422 0-1.217.104-1.393-.573C18.241 2.09 16.878.82 14.924.82c-.763 0-1.449.082-1.884.082z\"\n        fill=\"#A68AE2\"\n      />\n      <path d=\"M5.669 1.025a.778.778 0 11-1.557 0 .778.778 0 011.557 0z\" fill=\"#7B61FF\" />\n      <path d=\"M4.686 8.192a1.31 1.31 0 11-2.621 0 1.31 1.31 0 012.62 0z\" fill=\"#F24630\" />\n      <path d=\"M21.968 3.4a1.27 1.27 0 11-2.539 0 1.27 1.27 0 012.54 0z\" fill=\"#7CEE1D\" />\n      <path\n        d=\"M9.701 19.34c.45-.068 1.163-.131 2.254-.131 1 0 1.683.053 2.136.114-.127.48-1.062.664-2.197.664-1.122 0-2.05-.18-2.193-.647z\"\n        fill=\"#fff\"\n      />\n      <path\n        d=\"M11.976 23.099c1.646 0 1.909-1.678 1.96-2.098.039-.34-.137-.511-.33-.627-.191-.116-.768-.224-1.63-.224-.862 0-1.435.108-1.63.224-.196.116-.373.288-.33.627.051.42.314 2.098 1.96 2.098z\"\n        fill=\"#F24630\"\n      />\n      <path\n        d=\"M12.934 9.972c-.47-.319-1.143-.348-1.621-.043a4.086 4.086 0 01-2.204.638c-2.217 0-4.014-1.742-4.014-3.89 0-2.149 1.797-3.89 4.014-3.89 1.116 0 2.126.44 2.853 1.154.406.397 1.072.51 1.597.295.407-.167.855-.259 1.324-.259 1.878 0 3.4 1.475 3.4 3.295 0 1.82-1.523 3.295-3.4 3.295-.725 0-1.397-.22-1.95-.595z\"\n        fill=\"#F4B8CA\"\n      />\n      <path d=\"M16.808 8.07a1.106 1.106 0 11-2.211 0 1.106 1.106 0 012.211 0z\" fill=\"#0C74FF\" />\n    </svg>\n  );\n};\n\nLogoFlat.displayName = 'LobeHubLogoFlat';\n\nexport default LogoFlat;\n"],"mappings":";;;AAIA,MAAMA,YAAyD,EAC7D,OAAO,OACP,OACA,GAAG,WACC;AACJ,QACE,qBAAC;EACC,QAAQ;EACR,OAAO;GAAE,MAAM;GAAQ,YAAY;GAAG,GAAG;GAAO;EAChD,SAAQ;EACR,OAAO;EACP,OAAM;EACN,GAAI;;GAEJ,oBAAC,qBAAM,YAAe;GACtB,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAK,GAAE;IAA2D,MAAK;KAAY;GACpF,oBAAC;IAAK,GAAE;IAA4D,MAAK;KAAY;GACrF,oBAAC;IAAK,GAAE;IAA2D,MAAK;KAAY;GACpF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IACC,GAAE;IACF,MAAK;KACL;GACF,oBAAC;IAAK,GAAE;IAAiE,MAAK;KAAY;;GACtF;;AAIV,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/brand/LogoFlat/index.tsx"],"sourcesContent":["import { LobeHub } from '@lobehub/icons';\n\nexport default LobeHub.Color;\n"],"mappings":";;;AAEA,uBAAe,QAAQ"}

package/es/brand/LogoMono/index.d.mts

@@ -1,10 +1,2 @@
-import { DivProps, SvgProps } from "../../types/index.mjs";
-import { FC } from "react";
-
-//#region src/brand/LogoMono/index.d.ts
-declare const LogoMono: FC<SvgProps & DivProps & {
-  size?: number;
-}>;
-//#endregion
-export { LogoMono };
-//# sourceMappingURL=index.d.mts.map
+import { LobeHub as icons_default } from "@lobehub/icons";
+export { icons_default };

package/es/brand/LogoMono/index.mjs

@@ -1,85 +1,3 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { LobeHub as icons_default } from "@lobehub/icons";
 
-//#region src/brand/LogoMono/index.tsx
-const LogoMono = ({ size = "1em", style, ...rest }) => {
-	return /* @__PURE__ */ jsxs("svg", {
-		height: size,
-		style: {
-			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: "LobeHub" }),
-			/* @__PURE__ */ jsx("path", {
-				d: "M22.951 13.475C22.951 19.672 18.082 24 11.975 24 5.87 24 1 19.59 1 13.393c0-1.843.41-2.633 2.58-2.922 3.89-.518 5.942-.313 8.396-.313 2.453 0 5.942-.104 8.395.313 2.007.342 2.457.71 2.58 3.004z",
-				fill: "#BFBFBF"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M11.955 19.209c-2.314 0-2.928.286-2.928.286s.287 2.212 2.928 2.212c2.642 0 2.928-2.212 2.928-2.212s-.614-.287-2.928-.287z",
-				fill: "#4F4F4F"
-			}),
-			/* @__PURE__ */ jsx("ellipse", {
-				cx: "12.017",
-				cy: "11.509",
-				fill: "#838383",
-				rx: "9.133",
-				ry: ".942"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M9.969 12.451c.052-1.226-.04-1.867-.45-2.985 0 0 .777-.987 2.21-.987 1.434 0 2.458.25 2.458.25-.248 1.376-.26 2.206-.205 3.722H9.97z",
-				fill: "#E1E1E1"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M8.633 18.535c1.207-.58 2.032-1.762 2.032-3.217 0-2.081-1.687-3.932-3.768-3.932-2.08 0-3.85 1.605-3.85 3.686 0 1.146.537 2.196 1.365 2.91a4.582 4.582 0 011.625-.289c1.04 0 1.972.327 2.596.842zM15.318 18.535c-1.207-.58-2.032-1.762-2.032-3.217 0-2.081 1.687-3.932 3.768-3.932 2.08 0 3.85 1.605 3.85 3.686 0 1.146-.537 2.196-1.365 2.91a4.582 4.582 0 00-1.625-.289c-1.04 0-1.972.327-2.596.842z",
-				fill: "#fff"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M16.808 17.447a2.293 2.293 0 110-4.586 2.293 2.293 0 010 4.586zM7.143 17.447a2.293 2.293 0 100-4.586 2.293 2.293 0 000 4.586z",
-				fill: "#1A1A1A"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M13.04.902c-1.149 0-1.597-.942-3.358-.9-1.916 0-2.785 1.064-3.727 1.883-.16.14-.942.574-1.31.737-1.612.717-2.826 1.761-2.826 3.318 0 1.696 1.43 3.071 3.194 3.071.29 0 .57-.037.838-.106.712.863 1.816 1.364 3.053 1.417 1.925.082 2.54-1.25 3.645-.697.758.38 1.133.697 2.334.697 1.402 0 2.053-.43 2.457-.901.738-.86 1.874-.328 2.58-.328 1.538 0 2.785-1.192 2.785-2.662s-1.246-2.662-2.784-2.662c-.422 0-1.217.104-1.393-.573C18.241 2.09 16.878.82 14.924.82c-.763 0-1.449.082-1.884.082z",
-				fill: "#838383"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "4.891",
-				cy: "1.025",
-				fill: "#838383",
-				r: ".778"
-			}),
-			/* @__PURE__ */ jsx("circle", {
-				cx: "20.699",
-				cy: "3.4",
-				fill: "#C8C8C8",
-				r: "1.27"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M9.701 19.34c.45-.068 1.163-.131 2.254-.131 1 0 1.683.053 2.136.114-.127.48-1.062.664-2.197.664-1.122 0-2.05-.18-2.193-.647z",
-				fill: "#fff"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M11.976 23.099c1.646 0 1.909-1.678 1.96-2.098.039-.34-.137-.511-.33-.627-.191-.116-.768-.224-1.63-.224-.862 0-1.435.108-1.63.224-.196.116-.373.288-.33.627.051.42.314 2.098 1.96 2.098z",
-				fill: "#838383"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M12.934 9.972c-.47-.319-1.143-.348-1.621-.043a4.086 4.086 0 01-2.204.638c-2.217 0-4.014-1.742-4.014-3.89 0-2.149 1.797-3.89 4.014-3.89 1.116 0 2.126.44 2.853 1.154.406.397 1.072.51 1.597.295.407-.167.855-.259 1.324-.259 1.878 0 3.4 1.475 3.4 3.295 0 1.82-1.523 3.295-3.4 3.295-.725 0-1.397-.22-1.95-.595z",
-				fill: "#C8C8C8"
-			}),
-			/* @__PURE__ */ jsx("path", {
-				d: "M3.375 9.502a1.31 1.31 0 100-2.62 1.31 1.31 0 000 2.62zM15.702 9.175a1.106 1.106 0 100-2.212 1.106 1.106 0 000 2.212z",
-				fill: "#4F4F4F"
-			})
-		]
-	});
-};
-LogoMono.displayName = "LobeHubLogoMono";
-var LogoMono_default = LogoMono;
-
-//#endregion
-export { LogoMono_default as default };
-//# sourceMappingURL=index.mjs.map
+export { icons_default };

package/es/brand/LogoThree/LogoSpline.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react0 from "react";
+import * as react26 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/LogoSpline.d.ts
@@ -10,7 +10,7 @@ interface LogoSplineProps extends Partial<SplineProps> {
   style?: CSSProperties;
   width?: number | string;
 }
-declare const LogoSpline: react0.NamedExoticComponent<LogoSplineProps>;
+declare const LogoSpline: react26.NamedExoticComponent<LogoSplineProps>;
 //#endregion
 export { LogoSpline, LogoSplineProps };
 //# sourceMappingURL=LogoSpline.d.mts.map

package/es/brand/LogoThree/index.d.mts

@@ -1,6 +1,6 @@
 import { SplineProps } from "../../awesome/Spline/type.mjs";
 import "../../awesome/Spline/index.mjs";
-import * as react3 from "react";
+import * as react27 from "react";
 import { CSSProperties } from "react";
 
 //#region src/brand/LogoThree/index.d.ts
@@ -9,7 +9,7 @@ interface LogoThreeProps extends Partial<SplineProps> {
   size?: number;
   style?: CSSProperties;
 }
-declare const LogoThree: react3.NamedExoticComponent<LogoThreeProps>;
+declare const LogoThree: react27.NamedExoticComponent<LogoThreeProps>;
 //#endregion
 export { LogoThree, LogoThreeProps };
 //# sourceMappingURL=index.d.mts.map

package/es/brand/index.d.mts

@@ -4,8 +4,8 @@ import { LobeChatText } from "./LobeChatText/index.mjs";
 import { LobeHub, LobeHubProps } from "./LobeHub/index.mjs";
 import { LobeHubText } from "./LobeHubText/index.mjs";
 import { Logo3d } from "./Logo3d/index.mjs";
-import { LogoFlat } from "./LogoFlat/index.mjs";
-import { LogoMono } from "./LogoMono/index.mjs";
+import { _default } from "./LogoFlat/index.mjs";
+import { icons_default } from "./LogoMono/index.mjs";
 import { LogoThree, LogoThreeProps } from "./LogoThree/index.mjs";
 import { LogoSpline, LogoSplineProps } from "./LogoThree/LogoSpline.mjs";
-export { BrandLoading, type BrandLoadingProps, LobeChat, type LobeChatProps, LobeChatText, LobeHub, type LobeHubProps, LobeHubText, Logo3d, LogoFlat, LogoMono, LogoSpline, type LogoSplineProps, LogoThree, type LogoThreeProps };
+export { BrandLoading, type BrandLoadingProps, LobeChat, type LobeChatProps, LobeChatText, LobeHub, type LobeHubProps, LobeHubText, Logo3d, _default as LogoFlat, icons_default as LogoMono, LogoSpline, type LogoSplineProps, LogoThree, type LogoThreeProps };

package/es/brand/index.mjs

@@ -2,11 +2,11 @@ import BrandLoading_default from "./BrandLoading/index.mjs";
 import LobeChatText_default from "./LobeChatText/index.mjs";
 import Logo3d_default from "./Logo3d/index.mjs";
 import LogoFlat_default from "./LogoFlat/index.mjs";
-import LogoMono_default from "./LogoMono/index.mjs";
+import { icons_default } from "./LogoMono/index.mjs";
 import LobeChat_default from "./LobeChat/index.mjs";
 import LobeHubText_default from "./LobeHubText/index.mjs";
 import LobeHub_default from "./LobeHub/index.mjs";
 import LogoThree_default from "./LogoThree/index.mjs";
 import LogoSpline_default from "./LogoThree/LogoSpline.mjs";
 
-export { BrandLoading_default as BrandLoading, LobeChat_default as LobeChat, LobeChatText_default as LobeChatText, LobeHub_default as LobeHub, LobeHubText_default as LobeHubText, Logo3d_default as Logo3d, LogoFlat_default as LogoFlat, LogoMono_default as LogoMono, LogoSpline_default as LogoSpline, LogoThree_default as LogoThree };
+export { BrandLoading_default as BrandLoading, LobeChat_default as LobeChat, LobeChatText_default as LobeChatText, LobeHub_default as LobeHub, LobeHubText_default as LobeHubText, Logo3d_default as Logo3d, LogoFlat_default as LogoFlat, icons_default as LogoMono, LogoSpline_default as LogoSpline, LogoThree_default as LogoThree };

package/es/chat/BackBottom/BackBottom.d.mts

@@ -1,8 +1,8 @@
 import { BackBottomProps } from "./type.mjs";
-import * as react117 from "react";
+import * as react108 from "react";
 
 //#region src/chat/BackBottom/BackBottom.d.ts
-declare const BackBottom: react117.NamedExoticComponent<BackBottomProps>;
+declare const BackBottom: react108.NamedExoticComponent<BackBottomProps>;
 //#endregion
 export { BackBottom };
 //# sourceMappingURL=BackBottom.d.mts.map

package/es/chat/BackBottom/BackBottom.mjs

@@ -1,16 +1,16 @@
 'use client';
 
 import Button_default from "../../Button/Button.mjs";
-import { useStyles } from "./style.mjs";
+import { styles } from "./style.mjs";
 import { memo, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
 import { useScroll } from "ahooks";
 import { ListEnd } from "lucide-react";
 
 //#region src/chat/BackBottom/BackBottom.tsx
 const BackBottom = memo(({ visibilityHeight = 240, target, onClick, style, className, text }) => {
 	const [visible, setVisible] = useState(false);
-	const { styles, cx } = useStyles(visible);
 	const ref = useRef(null);
 	const current = target?.current;
 	const scrollHeight = current?.scrollHeight || 0;
@@ -32,7 +32,7 @@ const BackBottom = memo(({ visibilityHeight = 240, target, onClick, style, class
 		onClick?.(e);
 	};
 	return /* @__PURE__ */ jsx(Button_default, {
-		className: cx(styles, className),
+		className: cx(visible ? styles.visible : styles.hidden, className),
 		glass: true,
 		icon: ListEnd,
 		onClick: scrollToBottom,

package/es/chat/BackBottom/BackBottom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BackBottom.mjs","names":["scrollToBottom: MouseEventHandler<HTMLDivElement>","Button"],"sources":["../../../src/chat/BackBottom/BackBottom.tsx"],"sourcesContent":["'use client';\n\nimport { useScroll } from 'ahooks';\nimport { ListEnd } from 'lucide-react';\nimport { type MouseEventHandler, memo, useEffect, useRef, useState } from 'react';\n\nimport Button from '@/Button';\n\nimport { useStyles } from './style';\nimport type { BackBottomProps } from './type';\n\nconst BackBottom = memo<BackBottomProps>(\n  ({ visibilityHeight = 240, target, onClick, style, className, text }) => {\n    const [visible, setVisible] = useState<boolean>(false);\n    const { styles, cx } = useStyles(visible);\n    const ref = useRef<HTMLButtonElement>(null);\n    const current = (target as any)?.current;\n    const scrollHeight = current?.scrollHeight || 0;\n    const clientHeight = current?.clientHeight || 0;\n    const scroll = useScroll(target);\n\n    useEffect(() => {\n      if (scroll?.top) {\n        setVisible(scroll?.top + clientHeight + visibilityHeight < scrollHeight);\n      }\n    }, [scrollHeight, scroll, visibilityHeight]);\n\n    const scrollToBottom: MouseEventHandler<HTMLDivElement> = (e) => {\n      (target as any)?.current?.scrollTo({ behavior: 'smooth', left: 0, top: scrollHeight });\n      onClick?.(e);\n    };\n\n    return (\n      <Button\n        className={cx(styles, className)}\n        glass\n        icon={ListEnd}\n        onClick={scrollToBottom}\n        ref={ref}\n        shape={'round'}\n        size={'small'}\n        style={style}\n        variant={'filled'}\n      >\n        {text || 'Back to bottom'}\n      </Button>\n    );\n  },\n);\n\nBackBottom.displayName = 'BackBottom';\n\nexport default BackBottom;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,aAAa,MAChB,EAAE,mBAAmB,KAAK,QAAQ,SAAS,OAAO,WAAW,WAAW;CACvE,MAAM,CAAC,SAAS,cAAc,SAAkB,MAAM;CACtD,MAAM,EAAE,QAAQ,OAAO,UAAU,QAAQ;CACzC,MAAM,MAAM,OAA0B,KAAK;CAC3C,MAAM,UAAW,QAAgB;CACjC,MAAM,eAAe,SAAS,gBAAgB;CAC9C,MAAM,eAAe,SAAS,gBAAgB;CAC9C,MAAM,SAAS,UAAU,OAAO;AAEhC,iBAAgB;AACd,MAAI,QAAQ,IACV,YAAW,QAAQ,MAAM,eAAe,mBAAmB,aAAa;IAEzE;EAAC;EAAc;EAAQ;EAAiB,CAAC;CAE5C,MAAMA,kBAAqD,MAAM;AAC/D,EAAC,QAAgB,SAAS,SAAS;GAAE,UAAU;GAAU,MAAM;GAAG,KAAK;GAAc,CAAC;AACtF,YAAU,EAAE;;AAGd,QACE,oBAACC;EACC,WAAW,GAAG,QAAQ,UAAU;EAChC;EACA,MAAM;EACN,SAAS;EACJ;EACL,OAAO;EACP,MAAM;EACC;EACP,SAAS;YAER,QAAQ;GACF;EAGd;AAED,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"BackBottom.mjs","names":["scrollToBottom: MouseEventHandler<HTMLDivElement>","Button"],"sources":["../../../src/chat/BackBottom/BackBottom.tsx"],"sourcesContent":["'use client';\n\nimport { useScroll } from 'ahooks';\nimport { cx } from 'antd-style';\nimport { ListEnd } from 'lucide-react';\nimport { type MouseEventHandler, memo, useEffect, useRef, useState } from 'react';\n\nimport Button from '@/Button';\n\nimport { styles } from './style';\nimport type { BackBottomProps } from './type';\n\nconst BackBottom = memo<BackBottomProps>(\n  ({ visibilityHeight = 240, target, onClick, style, className, text }) => {\n    const [visible, setVisible] = useState<boolean>(false);\n    const ref = useRef<HTMLButtonElement>(null);\n    const current = (target as any)?.current;\n    const scrollHeight = current?.scrollHeight || 0;\n    const clientHeight = current?.clientHeight || 0;\n    const scroll = useScroll(target);\n\n    useEffect(() => {\n      if (scroll?.top) {\n        setVisible(scroll?.top + clientHeight + visibilityHeight < scrollHeight);\n      }\n    }, [scrollHeight, scroll, visibilityHeight]);\n\n    const scrollToBottom: MouseEventHandler<HTMLDivElement> = (e) => {\n      (target as any)?.current?.scrollTo({ behavior: 'smooth', left: 0, top: scrollHeight });\n      onClick?.(e);\n    };\n\n    return (\n      <Button\n        className={cx(visible ? styles.visible : styles.hidden, className)}\n        glass\n        icon={ListEnd}\n        onClick={scrollToBottom}\n        ref={ref}\n        shape={'round'}\n        size={'small'}\n        style={style}\n        variant={'filled'}\n      >\n        {text || 'Back to bottom'}\n      </Button>\n    );\n  },\n);\n\nBackBottom.displayName = 'BackBottom';\n\nexport default BackBottom;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,aAAa,MAChB,EAAE,mBAAmB,KAAK,QAAQ,SAAS,OAAO,WAAW,WAAW;CACvE,MAAM,CAAC,SAAS,cAAc,SAAkB,MAAM;CACtD,MAAM,MAAM,OAA0B,KAAK;CAC3C,MAAM,UAAW,QAAgB;CACjC,MAAM,eAAe,SAAS,gBAAgB;CAC9C,MAAM,eAAe,SAAS,gBAAgB;CAC9C,MAAM,SAAS,UAAU,OAAO;AAEhC,iBAAgB;AACd,MAAI,QAAQ,IACV,YAAW,QAAQ,MAAM,eAAe,mBAAmB,aAAa;IAEzE;EAAC;EAAc;EAAQ;EAAiB,CAAC;CAE5C,MAAMA,kBAAqD,MAAM;AAC/D,EAAC,QAAgB,SAAS,SAAS;GAAE,UAAU;GAAU,MAAM;GAAG,KAAK;GAAc,CAAC;AACtF,YAAU,EAAE;;AAGd,QACE,oBAACC;EACC,WAAW,GAAG,UAAU,OAAO,UAAU,OAAO,QAAQ,UAAU;EAClE;EACA,MAAM;EACN,SAAS;EACJ;EACL,OAAO;EACP,MAAM;EACC;EACP,SAAS;YAER,QAAQ;GACF;EAGd;AAED,WAAW,cAAc;AAEzB,yBAAe"}

package/es/chat/BackBottom/style.mjs

@@ -1,24 +1,43 @@
-import { createStyles } from "antd-style";
+import { createStaticStyles } from "antd-style";
 
 //#region src/chat/BackBottom/style.ts
-const useStyles = createStyles(({ css: css$1, responsive }, visible) => css$1`
-    pointer-events: ${visible ? "all" : "none"};
+const styles = createStaticStyles(({ css: css$1, responsive: responsive$1 }) => ({
+	hidden: css$1`
+    pointer-events: none;
 
     position: absolute;
     inset-block-end: 16px;
     inset-inline-end: 16px;
-    transform: translateY(${visible ? 0 : "16px"});
+    transform: translateY(16px);
 
-    opacity: ${visible ? 1 : 0};
+    opacity: 0;
 
-    ${responsive.mobile} {
+    ${responsive$1.sm} {
       inset-inline-end: 0;
       border-inline-end: none;
       border-start-end-radius: 0 !important;
       border-end-end-radius: 0 !important;
     }
-  `);
+  `,
+	visible: css$1`
+    pointer-events: all;
+
+    position: absolute;
+    inset-block-end: 16px;
+    inset-inline-end: 16px;
+    transform: translateY(0);
+
+    opacity: 1;
+
+    ${responsive$1.sm} {
+      inset-inline-end: 0;
+      border-inline-end: none;
+      border-start-end-radius: 0 !important;
+      border-end-end-radius: 0 !important;
+    }
+  `
+}));
 
 //#endregion
-export { useStyles };
+export { styles };
 //# sourceMappingURL=style.mjs.map

package/es/chat/BackBottom/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/BackBottom/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(\n  ({ css, responsive }, visible: boolean) => css`\n    pointer-events: ${visible ? 'all' : 'none'};\n\n    position: absolute;\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n    transform: translateY(${visible ? 0 : '16px'});\n\n    opacity: ${visible ? 1 : 0};\n\n    ${responsive.mobile} {\n      inset-inline-end: 0;\n      border-inline-end: none;\n      border-start-end-radius: 0 !important;\n      border-end-end-radius: 0 !important;\n    }\n  `,\n);\n"],"mappings":";;;AAEA,MAAa,YAAY,cACtB,EAAE,YAAK,cAAc,YAAqB,KAAG;sBAC1B,UAAU,QAAQ,OAAO;;;;;4BAKnB,UAAU,IAAI,OAAO;;eAElC,UAAU,IAAI,EAAE;;MAEzB,WAAW,OAAO;;;;;;IAOvB"}
+{"version":3,"file":"style.mjs","names":["responsive"],"sources":["../../../src/chat/BackBottom/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, responsive }) => ({\n  hidden: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n    transform: translateY(16px);\n\n    opacity: 0;\n\n    ${responsive.sm} {\n      inset-inline-end: 0;\n      border-inline-end: none;\n      border-start-end-radius: 0 !important;\n      border-end-end-radius: 0 !important;\n    }\n  `,\n  visible: css`\n    pointer-events: all;\n\n    position: absolute;\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n    transform: translateY(0);\n\n    opacity: 1;\n\n    ${responsive.sm} {\n      inset-inline-end: 0;\n      border-inline-end: none;\n      border-start-end-radius: 0 !important;\n      border-end-end-radius: 0 !important;\n    }\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,gCAAkB;CACjE,QAAQ,KAAG;;;;;;;;;;MAUPA,aAAW,GAAG;;;;;;;CAOlB,SAAS,KAAG;;;;;;;;;;MAURA,aAAW,GAAG;;;;;;;CAOnB,EAAE"}

package/es/chat/ChatHeader/ChatHeader.mjs

@@ -2,14 +2,14 @@
 
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
-import { useStyles } from "./style.mjs";
+import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
 import { ChevronLeft } from "lucide-react";
 
 //#region src/chat/ChatHeader/ChatHeader.tsx
 const ChatHeader = memo(({ left, right, className, styles: contentStyles, gaps, classNames, showBackButton, onBackClick, children, gap = 16, ...rest }) => {
-	const { cx, styles } = useStyles();
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		align: "center",
 		className: cx(styles.container, className),

package/es/chat/ChatHeader/ChatHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","ActionIcon"],"sources":["../../../src/chat/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\n\nimport { useStyles } from './style';\nimport type { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    left,\n    right,\n    className,\n    styles: contentStyles,\n    gaps,\n    classNames,\n    showBackButton,\n    onBackClick,\n    children,\n    gap = 16,\n    ...rest\n  }) => {\n    const { cx, styles } = useStyles();\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={cx(styles.container, className)}\n        distribution={'space-between'}\n        gap={gap}\n        horizontal\n        paddingInline={16}\n        {...rest}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(styles.left, classNames?.left)}\n          gap={gaps?.left || 12}\n          horizontal\n          justify={'flex-start'}\n          style={contentStyles?.left}\n        >\n          {showBackButton && (\n            <ActionIcon\n              icon={ChevronLeft}\n              onClick={() => onBackClick?.()}\n              style={{ marginRight: gaps?.left ? -gaps.left / 2 : -6 }}\n            />\n          )}\n          {left}\n        </Flexbox>\n        {children && (\n          <Flexbox\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            gap={gaps?.center || 8}\n            horizontal\n            justify={'center'}\n            style={contentStyles?.center}\n          >\n            {children}\n          </Flexbox>\n        )}\n        <Flexbox\n          align={'center'}\n          className={cx(styles.right, classNames?.right)}\n          gap={gaps?.right || 8}\n          horizontal\n          justify={'flex-end'}\n          style={contentStyles?.right}\n        >\n          {right}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,aAAa,MAChB,EACC,MACA,OACA,WACA,QAAQ,eACR,MACA,YACA,gBACA,aACA,UACA,MAAM,IACN,GAAG,WACC;CACJ,MAAM,EAAE,IAAI,WAAW,WAAW;AAElC,QACE,qBAACA;EACC,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,cAAc;EACT;EACL;EACA,eAAe;EACf,GAAI;;GAEJ,qBAACA;IACC,OAAO;IACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;IAC5C,KAAK,MAAM,QAAQ;IACnB;IACA,SAAS;IACT,OAAO,eAAe;eAErB,kBACC,oBAACC;KACC,MAAM;KACN,eAAe,eAAe;KAC9B,OAAO,EAAE,aAAa,MAAM,OAAO,CAAC,KAAK,OAAO,IAAI,IAAI;MACxD,EAEH;KACO;GACT,YACC,oBAACD;IACC,OAAO;IACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;IAChD,KAAK,MAAM,UAAU;IACrB;IACA,SAAS;IACT,OAAO,eAAe;IAErB;KACO;GAEZ,oBAACA;IACC,OAAO;IACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IAC9C,KAAK,MAAM,SAAS;IACpB;IACA,SAAS;IACT,OAAO,eAAe;cAErB;KACO;;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","ActionIcon"],"sources":["../../../src/chat/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from './style';\nimport type { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    left,\n    right,\n    className,\n    styles: contentStyles,\n    gaps,\n    classNames,\n    showBackButton,\n    onBackClick,\n    children,\n    gap = 16,\n    ...rest\n  }) => {\n    return (\n      <Flexbox\n        align={'center'}\n        className={cx(styles.container, className)}\n        distribution={'space-between'}\n        gap={gap}\n        horizontal\n        paddingInline={16}\n        {...rest}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(styles.left, classNames?.left)}\n          gap={gaps?.left || 12}\n          horizontal\n          justify={'flex-start'}\n          style={contentStyles?.left}\n        >\n          {showBackButton && (\n            <ActionIcon\n              icon={ChevronLeft}\n              onClick={() => onBackClick?.()}\n              style={{ marginRight: gaps?.left ? -gaps.left / 2 : -6 }}\n            />\n          )}\n          {left}\n        </Flexbox>\n        {children && (\n          <Flexbox\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            gap={gaps?.center || 8}\n            horizontal\n            justify={'center'}\n            style={contentStyles?.center}\n          >\n            {children}\n          </Flexbox>\n        )}\n        <Flexbox\n          align={'center'}\n          className={cx(styles.right, classNames?.right)}\n          gap={gaps?.right || 8}\n          horizontal\n          justify={'flex-end'}\n          style={contentStyles?.right}\n        >\n          {right}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,aAAa,MAChB,EACC,MACA,OACA,WACA,QAAQ,eACR,MACA,YACA,gBACA,aACA,UACA,MAAM,IACN,GAAG,WACC;AACJ,QACE,qBAACA;EACC,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,cAAc;EACT;EACL;EACA,eAAe;EACf,GAAI;;GAEJ,qBAACA;IACC,OAAO;IACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;IAC5C,KAAK,MAAM,QAAQ;IACnB;IACA,SAAS;IACT,OAAO,eAAe;eAErB,kBACC,oBAACC;KACC,MAAM;KACN,eAAe,eAAe;KAC9B,OAAO,EAAE,aAAa,MAAM,OAAO,CAAC,KAAK,OAAO,IAAI,IAAI;MACxD,EAEH;KACO;GACT,YACC,oBAACD;IACC,OAAO;IACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;IAChD,KAAK,MAAM,UAAU;IACrB;IACA,SAAS;IACT,OAAO,eAAe;IAErB;KACO;GAEZ,oBAACA;IACC,OAAO;IACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IAC9C,KAAK,MAAM,SAAS;IACpB;IACA,SAAS;IACT,OAAO,eAAe;cAErB;KACO;;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}

package/es/chat/ChatHeader/ChatHeaderTitle.mjs

@@ -1,42 +1,41 @@
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { useTitleStyles } from "./style.mjs";
+import { titleStyles } from "./style.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/chat/ChatHeader/ChatHeaderTitle.tsx
 const ChatHeaderTitle = ({ title, desc, tag }) => {
-	const { styles } = useTitleStyles();
 	const tagContent = tag && /* @__PURE__ */ jsx(FlexBasic_default, {
 		align: "center",
-		className: styles.tag,
+		className: titleStyles.tag,
 		horizontal: true,
 		children: tag
 	});
 	if (desc) return /* @__PURE__ */ jsxs(FlexBasic_default, {
-		className: styles.container,
+		className: titleStyles.container,
 		gap: 4,
 		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
 			align: "center",
-			className: styles.titleContainer,
+			className: titleStyles.titleContainer,
 			gap: 8,
 			horizontal: true,
 			children: [/* @__PURE__ */ jsx("div", {
-				className: styles.titleWithDesc,
+				className: titleStyles.titleWithDesc,
 				children: title
 			}), tagContent]
 		}), /* @__PURE__ */ jsx(FlexBasic_default, {
 			align: "center",
-			className: styles.desc,
+			className: titleStyles.desc,
 			horizontal: true,
 			children: desc
 		})]
 	});
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		align: "center",
-		className: styles.container,
+		className: titleStyles.container,
 		gap: 8,
 		horizontal: true,
 		children: [/* @__PURE__ */ jsx("div", {
-			className: styles.title,
+			className: titleStyles.title,
 			children: title
 		}), tagContent]
 	});

package/es/chat/ChatHeader/ChatHeaderTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderTitle.mjs","names":["ChatHeaderTitle: FC<ChatHeaderTitleProps>","useStyles","Flexbox"],"sources":["../../../src/chat/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useTitleStyles as useStyles } from './style';\nimport type { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle: FC<ChatHeaderTitleProps> = ({ title, desc, tag }) => {\n  const { styles } = useStyles();\n\n  const tagContent = tag && (\n    <Flexbox align={'center'} className={styles.tag} horizontal>\n      {tag}\n    </Flexbox>\n  );\n\n  if (desc)\n    return (\n      <Flexbox className={styles.container} gap={4}>\n        <Flexbox align={'center'} className={styles.titleContainer} gap={8} horizontal>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tagContent}\n        </Flexbox>\n        <Flexbox align={'center'} className={styles.desc} horizontal>\n          {desc}\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox align={'center'} className={styles.container} gap={8} horizontal>\n      <div className={styles.title}>{title}</div>\n      {tagContent}\n    </Flexbox>\n  );\n};\n\nexport default ChatHeaderTitle;\n"],"mappings":";;;;;AAOA,MAAMA,mBAA6C,EAAE,OAAO,MAAM,UAAU;CAC1E,MAAM,EAAE,WAAWC,gBAAW;CAE9B,MAAM,aAAa,OACjB,oBAACC;EAAQ,OAAO;EAAU,WAAW,OAAO;EAAK;YAC9C;GACO;AAGZ,KAAI,KACF,QACE,qBAACA;EAAQ,WAAW,OAAO;EAAW,KAAK;aACzC,qBAACA;GAAQ,OAAO;GAAU,WAAW,OAAO;GAAgB,KAAK;GAAG;cAClE,oBAAC;IAAI,WAAW,OAAO;cAAgB;KAAY,EAClD;IACO,EACV,oBAACA;GAAQ,OAAO;GAAU,WAAW,OAAO;GAAM;aAC/C;IACO;GACF;AAEd,QACE,qBAACA;EAAQ,OAAO;EAAU,WAAW,OAAO;EAAW,KAAK;EAAG;aAC7D,oBAAC;GAAI,WAAW,OAAO;aAAQ;IAAY,EAC1C;GACO;;AAId,8BAAe"}
+{"version":3,"file":"ChatHeaderTitle.mjs","names":["ChatHeaderTitle: FC<ChatHeaderTitleProps>","Flexbox","styles"],"sources":["../../../src/chat/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { titleStyles as styles } from './style';\nimport type { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle: FC<ChatHeaderTitleProps> = ({ title, desc, tag }) => {\n  const tagContent = tag && (\n    <Flexbox align={'center'} className={styles.tag} horizontal>\n      {tag}\n    </Flexbox>\n  );\n\n  if (desc)\n    return (\n      <Flexbox className={styles.container} gap={4}>\n        <Flexbox align={'center'} className={styles.titleContainer} gap={8} horizontal>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tagContent}\n        </Flexbox>\n        <Flexbox align={'center'} className={styles.desc} horizontal>\n          {desc}\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox align={'center'} className={styles.container} gap={8} horizontal>\n      <div className={styles.title}>{title}</div>\n      {tagContent}\n    </Flexbox>\n  );\n};\n\nexport default ChatHeaderTitle;\n"],"mappings":";;;;;AAOA,MAAMA,mBAA6C,EAAE,OAAO,MAAM,UAAU;CAC1E,MAAM,aAAa,OACjB,oBAACC;EAAQ,OAAO;EAAU,WAAWC,YAAO;EAAK;YAC9C;GACO;AAGZ,KAAI,KACF,QACE,qBAACD;EAAQ,WAAWC,YAAO;EAAW,KAAK;aACzC,qBAACD;GAAQ,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;GAAG;cAClE,oBAAC;IAAI,WAAWA,YAAO;cAAgB;KAAY,EAClD;IACO,EACV,oBAACD;GAAQ,OAAO;GAAU,WAAWC,YAAO;GAAM;aAC/C;IACO;GACF;AAEd,QACE,qBAACD;EAAQ,OAAO;EAAU,WAAWC,YAAO;EAAW,KAAK;EAAG;aAC7D,oBAAC;GAAI,WAAWA,YAAO;aAAQ;IAAY,EAC1C;GACO;;AAId,8BAAe"}