@lobehub/ui 5.52.0 → 5.54.0

package/es/color/ColorScales/index.mjs

@@ -1,25 +1,26 @@
 "use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { ToastHost } from "../../base-ui/Toast/imperative.mjs";
 import { styles } from "./style.mjs";
 import ScaleRow from "./ScaleRow.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Space } from "antd";
 //#region src/color/ColorScales/index.tsx
 const ColorScales = memo(({ name, scale, midHighLight }) => {
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		horizontal: true,
 		align: "center",
 		flex: 1,
 		justify: "center",
-		children: /* @__PURE__ */ jsx("div", {
+		children: [/* @__PURE__ */ jsx("div", {
 			style: { padding: "8px 16px 32px 0" },
-			children: /* @__PURE__ */ jsxs(Space, {
-				direction: "vertical",
-				size: 2,
+			children: /* @__PURE__ */ jsxs(FlexBasic_default, {
+				gap: 2,
 				children: [
-					/* @__PURE__ */ jsxs(Space, {
-						size: 2,
+					/* @__PURE__ */ jsxs(FlexBasic_default, {
+						horizontal: true,
+						align: "center",
+						gap: 2,
 						children: [/* @__PURE__ */ jsx(FlexBasic_default, {
 							horizontal: true,
 							align: "center",
@@ -68,7 +69,7 @@ const ColorScales = memo(({ name, scale, midHighLight }) => {
 					}, "darkA")
 				]
 			})
-		})
+		}), /* @__PURE__ */ jsx(ToastHost, {})]
 	});
 });
 //#endregion

package/es/color/ColorScales/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/index.tsx"],"sourcesContent":["'use client';\n\nimport { Space } from 'antd';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport type { ColorScaleItem } from '../types';\nimport ScaleRow from './ScaleRow';\nimport { styles } from './style';\n\nexport interface ColorScalesProps {\n  /**\n   * @description Index of the mid highlight color in the scale\n   */\n  midHighLight: number;\n  /**\n   * @description Name of the color scale\n   */\n  name: string;\n  /**\n   * @description Color scale item object\n   */\n  scale: ColorScaleItem;\n}\n\nconst ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {\n  return (\n    <Flexbox horizontal align={'center'} flex={1} justify={'center'}>\n      <div style={{ padding: '8px 16px 32px 0' }}>\n        <Space direction={'vertical'} size={2}>\n          <Space key=\"scale-title\" size={2}>\n            <Flexbox horizontal align={'center'} className={styles.scaleRowTitle} key=\"scale-num\" />\n            {Array.from({ length: scale.light.length })\n              .fill('')\n              .map((_, index) => {\n                if (index === 0 || index === 12) return false;\n\n                const isMidHighlight = midHighLight === index;\n\n                return (\n                  <div className={styles.scaleBox} key={`num${index}`}>\n                    <div className={styles.scaleBox}>\n                      <Flexbox\n                        horizontal\n                        align={'center'}\n                        className={styles.scaleItem}\n                        justify={'center'}\n                        style={{\n                          fontWeight: isMidHighlight ? 700 : 400,\n                          opacity: 0.5,\n                        }}\n                      >\n                        {index}\n                      </Flexbox>\n                    </div>\n                  </div>\n                );\n              })}\n          </Space>\n          <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n          <ScaleRow key=\"lightA\" name={name} scale={scale.lightA} title=\"lightA\" />\n          <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n          <ScaleRow key=\"darkA\" name={name} scale={scale.darkA} title=\"darkA\" />\n        </Space>\n      </div>\n    </Flexbox>\n  );\n});\n\nexport default ColorScales;\n"],"mappings":";;;;;;;;AA0BA,MAAM,cAAc,MAAwB,EAAE,MAAM,OAAO,mBAAmB;CAC5E,OACE,oBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;EACrD,UAAA,oBAAC,OAAD;GAAK,OAAO,EAAE,SAAS,kBAAkB;GACvC,UAAA,qBAAC,OAAD;IAAO,WAAW;IAAY,MAAM;IAApC,UAAA;KACE,qBAAC,OAAD;MAAyB,MAAM;MAA/B,UAAA,CACE,oBAACA,mBAAD;OAAS,YAAA;OAAW,OAAO;OAAU,WAAW,OAAO;MAAgC,GAAb,WAAa,GACtF,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,OAAO,CAAC,CAAC,CACxC,KAAK,EAAE,CAAC,CACR,KAAK,GAAG,UAAU;OACjB,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;OAExC,MAAM,iBAAiB,iBAAiB;OAExC,OACE,oBAAC,OAAD;QAAK,WAAW,OAAO;QACrB,UAAA,oBAAC,OAAD;SAAK,WAAW,OAAO;SACrB,UAAA,oBAACA,mBAAD;UACE,YAAA;UACA,OAAO;UACP,WAAW,OAAO;UAClB,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;UACX;UAEC,UAAA;SACM,CAAA;QACN,CAAA;OACF,GAfiC,MAAM,OAevC;MAET,CAAC,CACE;KA5BI,GAAA,aA4BJ;KACP,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD;KACrE,oBAAC,UAAD;MAA6B;MAAM,OAAO,MAAM;MAAQ,OAAM;KAAU,GAA1D,QAA0D;KACxE,oBAAC,UAAD;MAA2B;MAAM,OAAO,MAAM;MAAM,OAAM;KAAQ,GAApD,MAAoD;KAClE,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD;IAChE;;EACJ,CAAA;CACE,CAAA;AAEb,CAAC"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { ToastHost } from '@/base-ui/Toast';\nimport { Flexbox } from '@/Flex';\n\nimport type { ColorScaleItem } from '../types';\nimport ScaleRow from './ScaleRow';\nimport { styles } from './style';\n\nexport interface ColorScalesProps {\n  /**\n   * @description Index of the mid highlight color in the scale\n   */\n  midHighLight: number;\n  /**\n   * @description Name of the color scale\n   */\n  name: string;\n  /**\n   * @description Color scale item object\n   */\n  scale: ColorScaleItem;\n}\n\nconst ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {\n  return (\n    <Flexbox horizontal align={'center'} flex={1} justify={'center'}>\n      <div style={{ padding: '8px 16px 32px 0' }}>\n        <Flexbox gap={2}>\n          <Flexbox horizontal align={'center'} gap={2} key=\"scale-title\">\n            <Flexbox horizontal align={'center'} className={styles.scaleRowTitle} key=\"scale-num\" />\n            {Array.from({ length: scale.light.length })\n              .fill('')\n              .map((_, index) => {\n                if (index === 0 || index === 12) return false;\n\n                const isMidHighlight = midHighLight === index;\n\n                return (\n                  <div className={styles.scaleBox} key={`num${index}`}>\n                    <div className={styles.scaleBox}>\n                      <Flexbox\n                        horizontal\n                        align={'center'}\n                        className={styles.scaleItem}\n                        justify={'center'}\n                        style={{\n                          fontWeight: isMidHighlight ? 700 : 400,\n                          opacity: 0.5,\n                        }}\n                      >\n                        {index}\n                      </Flexbox>\n                    </div>\n                  </div>\n                );\n              })}\n          </Flexbox>\n          <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n          <ScaleRow key=\"lightA\" name={name} scale={scale.lightA} title=\"lightA\" />\n          <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n          <ScaleRow key=\"darkA\" name={name} scale={scale.darkA} title=\"darkA\" />\n        </Flexbox>\n      </div>\n      <ToastHost />\n    </Flexbox>\n  );\n});\n\nexport default ColorScales;\n"],"mappings":";;;;;;;;AA0BA,MAAM,cAAc,MAAwB,EAAE,MAAM,OAAO,mBAAmB;CAC5E,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;EAAvD,UAAA,CACE,oBAAC,OAAD;GAAK,OAAO,EAAE,SAAS,kBAAkB;GACvC,UAAA,qBAACA,mBAAD;IAAS,KAAK;IAAd,UAAA;KACE,qBAACA,mBAAD;MAAS,YAAA;MAAW,OAAO;MAAU,KAAK;MAA1C,UAAA,CACE,oBAACA,mBAAD;OAAS,YAAA;OAAW,OAAO;OAAU,WAAW,OAAO;MAAgC,GAAb,WAAa,GACtF,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,OAAO,CAAC,CAAC,CACxC,KAAK,EAAE,CAAC,CACR,KAAK,GAAG,UAAU;OACjB,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;OAExC,MAAM,iBAAiB,iBAAiB;OAExC,OACE,oBAAC,OAAD;QAAK,WAAW,OAAO;QACrB,UAAA,oBAAC,OAAD;SAAK,WAAW,OAAO;SACrB,UAAA,oBAACA,mBAAD;UACE,YAAA;UACA,OAAO;UACP,WAAW,OAAO;UAClB,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;UACX;UAEC,UAAA;SACM,CAAA;QACN,CAAA;OACF,GAfiC,MAAM,OAevC;MAET,CAAC,CACI;KA5BwC,GAAA,aA4BxC;KACT,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD;KACrE,oBAAC,UAAD;MAA6B;MAAM,OAAO,MAAM;MAAQ,OAAM;KAAU,GAA1D,QAA0D;KACxE,oBAAC,UAAD;MAA2B;MAAM,OAAO,MAAM;MAAM,OAAM;KAAQ,GAApD,MAAoD;KAClE,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD;IAC9D;;EACN,CAAA,GACL,oBAAC,WAAD,CAAY,CAAA,CACL;;AAEb,CAAC"}

package/es/color/CssVar/ScaleRow.mjs

@@ -1,14 +1,16 @@
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { copyToClipboard } from "../../utils/copyToClipboard.mjs";
+import { toast } from "../../base-ui/Toast/imperative.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Space, message } from "antd";
 //#region src/color/CssVar/ScaleRow.tsx
 const ScaleRow = memo(({ name, title, scale }) => {
 	const style = {};
-	return /* @__PURE__ */ jsxs(Space, {
-		size: 2,
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		gap: 2,
 		children: [/* @__PURE__ */ jsx("div", {
 			className: styles.scaleRowTitle,
 			children: /* @__PURE__ */ jsx("div", {
@@ -24,7 +26,7 @@ const ScaleRow = memo(({ name, title, scale }) => {
 				onClick: async () => {
 					const content = `token.${name}${index} /* ${color} */`;
 					await copyToClipboard(content);
-					message.success(content);
+					toast.success(content);
 				},
 				children: /* @__PURE__ */ jsx(FlexBasic_default, {
 					horizontal: true,

package/es/color/CssVar/ScaleRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/CssVar/ScaleRow.tsx"],"sourcesContent":["import { message, Space } from 'antd';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n  scale: string[];\n  title: 'light' | 'dark';\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {\n  const style = {};\n  const isAlpha = false;\n\n  return (\n    <Space size={2}>\n      <div className={styles.scaleRowTitle} key={title}>\n        <div className={styles.text}>{title}</div>\n      </div>\n      {scale.map((color, index) => {\n        if (index === 0 || index === 12) return false;\n\n        return (\n          <div\n            className={styles.scaleBox}\n            key={index}\n            style={style}\n            title={color}\n            onClick={async () => {\n              const content = `token.${name}${index}${isAlpha ? 'A' : ''} /* ${color} */`;\n\n              await copyToClipboard(content);\n              message.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              className={styles.scaleItem}\n              justify={'center'}\n              style={{ backgroundColor: color }}\n            />\n          </div>\n        );\n      })}\n    </Space>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;AAcA,MAAM,WAAW,MAAiB,EAAE,MAAM,OAAO,YAAY;CAC3D,MAAM,QAAQ,CAAC;CAGf,OACE,qBAAC,OAAD;EAAO,MAAM;EAAb,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAO,UAAA;GAAW,CAAA;EACtC,GAFsC,KAEtC,GACJ,MAAM,KAAK,OAAO,UAAU;GAC3B,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;GAExC,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,MAAA,MAAiC,MAAM;KAEvE,MAAM,gBAAgB,OAAO;KAC7B,QAAQ,QAAQ,OAAO;IACzB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,MAAM;IACjC,CAAA;GACE,GAjBE,KAiBF;EAET,CAAC,CACI;;AAEX,CAAC"}
+{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/CssVar/ScaleRow.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { toast } from '@/base-ui/Toast';\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n  scale: string[];\n  title: 'light' | 'dark';\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {\n  const style = {};\n  const isAlpha = false;\n\n  return (\n    <Flexbox horizontal align={'center'} gap={2}>\n      <div className={styles.scaleRowTitle} key={title}>\n        <div className={styles.text}>{title}</div>\n      </div>\n      {scale.map((color, index) => {\n        if (index === 0 || index === 12) return false;\n\n        return (\n          <div\n            className={styles.scaleBox}\n            key={index}\n            style={style}\n            title={color}\n            onClick={async () => {\n              const content = `token.${name}${index}${isAlpha ? 'A' : ''} /* ${color} */`;\n\n              await copyToClipboard(content);\n              toast.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              className={styles.scaleItem}\n              justify={'center'}\n              style={{ backgroundColor: color }}\n            />\n          </div>\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;AAcA,MAAM,WAAW,MAAiB,EAAE,MAAM,OAAO,YAAY;CAC3D,MAAM,QAAQ,CAAC;CAGf,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAA1C,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAO,UAAA;GAAW,CAAA;EACtC,GAFsC,KAEtC,GACJ,MAAM,KAAK,OAAO,UAAU;GAC3B,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;GAExC,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,MAAA,MAAiC,MAAM;KAEvE,MAAM,gBAAgB,OAAO;KAC7B,MAAM,QAAQ,OAAO;IACvB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,MAAM;IACjC,CAAA;GACE,GAjBE,KAiBF;EAET,CAAC,CACM;;AAEb,CAAC"}

package/es/color/CssVar/VarRow.mjs

@@ -1,14 +1,16 @@
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { copyToClipboard } from "../../utils/copyToClipboard.mjs";
+import { toast } from "../../base-ui/Toast/imperative.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar } from "antd-style";
-import { Space, message } from "antd";
 //#region src/color/CssVar/VarRow.tsx
 const ScaleRow = memo(({ name }) => {
-	return /* @__PURE__ */ jsxs(Space, {
-		size: 2,
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		gap: 2,
 		children: [/* @__PURE__ */ jsx("div", {
 			className: styles.scaleRowTitle,
 			children: /* @__PURE__ */ jsx("div", {
@@ -33,7 +35,7 @@ const ScaleRow = memo(({ name }) => {
 				onClick: async () => {
 					const content = cssVar[`${name}${color}`];
 					await copyToClipboard(content);
-					message.success(content);
+					toast.success(content);
 				},
 				children: /* @__PURE__ */ jsx(FlexBasic_default, {
 					horizontal: true,

package/es/color/CssVar/VarRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VarRow.mjs","names":["Flexbox"],"sources":["../../../src/color/CssVar/VarRow.tsx"],"sourcesContent":["import { message, Space } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name }) => {\n  return (\n    <Space size={2}>\n      <div className={styles.scaleRowTitle} key={name}>\n        <div className={styles.text}>cssVar</div>\n      </div>\n      {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((color) => {\n        return (\n          <div\n            className={styles.scaleBox}\n            key={color}\n            title={(cssVar as any)[`${name}${color}`] as any}\n            onClick={async () => {\n              const content = (cssVar as any)[`${name}${color}`] as any;\n\n              await copyToClipboard(content);\n              message.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              className={styles.scaleItem}\n              justify={'center'}\n              style={{ backgroundColor: (cssVar as any)[`${name}${color}`] as any }}\n            />\n          </div>\n        );\n      })}\n    </Space>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;;AAaA,MAAM,WAAW,MAAiB,EAAE,WAAW;CAC7C,OACE,qBAAC,OAAD;EAAO,MAAM;EAAb,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAM,UAAA;GAAW,CAAA;EACrC,GAFsC,IAEtC,GACJ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;EAAE,CAAC,CAAC,KAAK,UAAU;GAC9C,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAElB,OAAQ,OAAe,GAAG,OAAO;IACjC,SAAS,YAAY;KACnB,MAAM,UAAW,OAAe,GAAG,OAAO;KAE1C,MAAM,gBAAgB,OAAO;KAC7B,QAAQ,QAAQ,OAAO;IACzB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAkB,OAAe,GAAG,OAAO,SAAgB;IACrE,CAAA;GACE,GAhBE,KAgBF;EAET,CAAC,CACI;;AAEX,CAAC"}
+{"version":3,"file":"VarRow.mjs","names":["Flexbox"],"sources":["../../../src/color/CssVar/VarRow.tsx"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport { memo } from 'react';\n\nimport { toast } from '@/base-ui/Toast';\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name }) => {\n  return (\n    <Flexbox horizontal align={'center'} gap={2}>\n      <div className={styles.scaleRowTitle} key={name}>\n        <div className={styles.text}>cssVar</div>\n      </div>\n      {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((color) => {\n        return (\n          <div\n            className={styles.scaleBox}\n            key={color}\n            title={(cssVar as any)[`${name}${color}`] as any}\n            onClick={async () => {\n              const content = (cssVar as any)[`${name}${color}`] as any;\n\n              await copyToClipboard(content);\n              toast.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              className={styles.scaleItem}\n              justify={'center'}\n              style={{ backgroundColor: (cssVar as any)[`${name}${color}`] as any }}\n            />\n          </div>\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;;AAaA,MAAM,WAAW,MAAiB,EAAE,WAAW;CAC7C,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAA1C,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAM,UAAA;GAAW,CAAA;EACrC,GAFsC,IAEtC,GACJ;GAAC;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;GAAG;EAAE,CAAC,CAAC,KAAK,UAAU;GAC9C,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAElB,OAAQ,OAAe,GAAG,OAAO;IACjC,SAAS,YAAY;KACnB,MAAM,UAAW,OAAe,GAAG,OAAO;KAE1C,MAAM,gBAAgB,OAAO;KAC7B,MAAM,QAAQ,OAAO;IACvB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAkB,OAAe,GAAG,OAAO,SAAgB;IACrE,CAAA;GACE,GAhBE,KAgBF;EAET,CAAC,CACM;;AAEb,CAAC"}

package/es/color/CssVar/index.mjs

@@ -1,28 +1,29 @@
 "use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { ToastHost } from "../../base-ui/Toast/imperative.mjs";
 import { styles } from "./style.mjs";
 import ScaleRow from "./ScaleRow.mjs";
 import ScaleRow$1 from "./VarRow.mjs";
 import { memo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useThemeMode } from "antd-style";
-import { Space } from "antd";
 //#region src/color/CssVar/index.tsx
 const ColorScales = memo(({ name, scale, midHighLight }) => {
 	const { isDarkMode } = useThemeMode();
-	return /* @__PURE__ */ jsx(FlexBasic_default, {
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
 		horizontal: true,
 		align: "center",
 		flex: 1,
 		justify: "center",
-		children: /* @__PURE__ */ jsx("div", {
+		children: [/* @__PURE__ */ jsx("div", {
 			style: { padding: "8px 16px 32px 0" },
-			children: /* @__PURE__ */ jsxs(Space, {
-				direction: "vertical",
-				size: 2,
+			children: /* @__PURE__ */ jsxs(FlexBasic_default, {
+				gap: 2,
 				children: [
-					/* @__PURE__ */ jsxs(Space, {
-						size: 2,
+					/* @__PURE__ */ jsxs(FlexBasic_default, {
+						horizontal: true,
+						align: "center",
+						gap: 2,
 						children: [/* @__PURE__ */ jsx(FlexBasic_default, {
 							horizontal: true,
 							align: "center",
@@ -73,7 +74,7 @@ const ColorScales = memo(({ name, scale, midHighLight }) => {
 					] })
 				]
 			})
-		})
+		}), /* @__PURE__ */ jsx(ToastHost, {})]
 	});
 });
 //#endregion

package/es/color/CssVar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox","VarRow"],"sources":["../../../src/color/CssVar/index.tsx"],"sourcesContent":["'use client';\n\nimport { Space } from 'antd';\nimport { useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { type ColorScaleItem } from '../types';\nimport ScaleRow from './ScaleRow';\nimport { styles } from './style';\nimport VarRow from './VarRow';\n\nexport interface ColorScalesProps {\n  /**\n   * @description Index of the mid highlight color in the scale\n   */\n  midHighLight: number;\n  /**\n   * @description Name of the color scale\n   */\n  name: string;\n  /**\n   * @description Color scale item object\n   */\n  scale: ColorScaleItem;\n}\n\nconst ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {\n  const { isDarkMode } = useThemeMode();\n  return (\n    <Flexbox horizontal align={'center'} flex={1} justify={'center'}>\n      <div style={{ padding: '8px 16px 32px 0' }}>\n        <Space direction={'vertical'} size={2}>\n          <Space key=\"scale-title\" size={2}>\n            <Flexbox horizontal align={'center'} className={styles.scaleRowTitle} key=\"scale-num\" />\n            {Array.from({ length: scale.light.length })\n              .fill('')\n              .map((_, index) => {\n                if (index === 0 || index === 12) return false;\n\n                const isMidHighlight = midHighLight === index;\n\n                return (\n                  <div className={styles.scaleBox} key={`num${index}`}>\n                    <div className={styles.scaleBox}>\n                      <Flexbox\n                        horizontal\n                        align={'center'}\n                        className={styles.scaleItem}\n                        justify={'center'}\n                        style={{\n                          fontWeight: isMidHighlight ? 700 : 400,\n                          opacity: 0.5,\n                        }}\n                      >\n                        {index}\n                      </Flexbox>\n                    </div>\n                  </div>\n                );\n              })}\n          </Space>\n          <VarRow name={name} />\n          {isDarkMode ? (\n            <>\n              <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n              <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n            </>\n          ) : (\n            <>\n              {' '}\n              <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n              <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n            </>\n          )}\n        </Space>\n      </div>\n    </Flexbox>\n  );\n});\n\nexport default ColorScales;\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,cAAc,MAAwB,EAAE,MAAM,OAAO,mBAAmB;CAC5E,MAAM,EAAE,eAAe,aAAa;CACpC,OACE,oBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;EACrD,UAAA,oBAAC,OAAD;GAAK,OAAO,EAAE,SAAS,kBAAkB;GACvC,UAAA,qBAAC,OAAD;IAAO,WAAW;IAAY,MAAM;IAApC,UAAA;KACE,qBAAC,OAAD;MAAyB,MAAM;MAA/B,UAAA,CACE,oBAACA,mBAAD;OAAS,YAAA;OAAW,OAAO;OAAU,WAAW,OAAO;MAAgC,GAAb,WAAa,GACtF,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,OAAO,CAAC,CAAC,CACxC,KAAK,EAAE,CAAC,CACR,KAAK,GAAG,UAAU;OACjB,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;OAExC,MAAM,iBAAiB,iBAAiB;OAExC,OACE,oBAAC,OAAD;QAAK,WAAW,OAAO;QACrB,UAAA,oBAAC,OAAD;SAAK,WAAW,OAAO;SACrB,UAAA,oBAACA,mBAAD;UACE,YAAA;UACA,OAAO;UACP,WAAW,OAAO;UAClB,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;UACX;UAEC,UAAA;SACM,CAAA;QACN,CAAA;OACF,GAfiC,MAAM,OAevC;MAET,CAAC,CACE;KA5BI,GAAA,aA4BJ;KACP,oBAACC,YAAD,EAAc,KAAO,CAAA;KACpB,aACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,UAAD;MAA2B;MAAM,OAAO,MAAM;MAAM,OAAM;KAAQ,GAApD,MAAoD,GAClE,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD,CACrE,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA;MACG;MACD,oBAAC,UAAD;OAA4B;OAAM,OAAO,MAAM;OAAO,OAAM;MAAS,GAAvD,OAAuD;MACrE,oBAAC,UAAD;OAA2B;OAAM,OAAO,MAAM;OAAM,OAAM;MAAQ,GAApD,MAAoD;KAClE,EAAA,CAAA;IAEC;;EACJ,CAAA;CACE,CAAA;AAEb,CAAC"}
+{"version":3,"file":"index.mjs","names":["Flexbox","VarRow"],"sources":["../../../src/color/CssVar/index.tsx"],"sourcesContent":["'use client';\n\nimport { useThemeMode } from 'antd-style';\nimport { memo } from 'react';\n\nimport { ToastHost } from '@/base-ui/Toast';\nimport { Flexbox } from '@/Flex';\n\nimport { type ColorScaleItem } from '../types';\nimport ScaleRow from './ScaleRow';\nimport { styles } from './style';\nimport VarRow from './VarRow';\n\nexport interface ColorScalesProps {\n  /**\n   * @description Index of the mid highlight color in the scale\n   */\n  midHighLight: number;\n  /**\n   * @description Name of the color scale\n   */\n  name: string;\n  /**\n   * @description Color scale item object\n   */\n  scale: ColorScaleItem;\n}\n\nconst ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {\n  const { isDarkMode } = useThemeMode();\n  return (\n    <Flexbox horizontal align={'center'} flex={1} justify={'center'}>\n      <div style={{ padding: '8px 16px 32px 0' }}>\n        <Flexbox gap={2}>\n          <Flexbox horizontal align={'center'} gap={2} key=\"scale-title\">\n            <Flexbox horizontal align={'center'} className={styles.scaleRowTitle} key=\"scale-num\" />\n            {Array.from({ length: scale.light.length })\n              .fill('')\n              .map((_, index) => {\n                if (index === 0 || index === 12) return false;\n\n                const isMidHighlight = midHighLight === index;\n\n                return (\n                  <div className={styles.scaleBox} key={`num${index}`}>\n                    <div className={styles.scaleBox}>\n                      <Flexbox\n                        horizontal\n                        align={'center'}\n                        className={styles.scaleItem}\n                        justify={'center'}\n                        style={{\n                          fontWeight: isMidHighlight ? 700 : 400,\n                          opacity: 0.5,\n                        }}\n                      >\n                        {index}\n                      </Flexbox>\n                    </div>\n                  </div>\n                );\n              })}\n          </Flexbox>\n          <VarRow name={name} />\n          {isDarkMode ? (\n            <>\n              <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n              <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n            </>\n          ) : (\n            <>\n              {' '}\n              <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n              <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n            </>\n          )}\n        </Flexbox>\n      </div>\n      <ToastHost />\n    </Flexbox>\n  );\n});\n\nexport default ColorScales;\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,cAAc,MAAwB,EAAE,MAAM,OAAO,mBAAmB;CAC5E,MAAM,EAAE,eAAe,aAAa;CACpC,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;EAAvD,UAAA,CACE,oBAAC,OAAD;GAAK,OAAO,EAAE,SAAS,kBAAkB;GACvC,UAAA,qBAACA,mBAAD;IAAS,KAAK;IAAd,UAAA;KACE,qBAACA,mBAAD;MAAS,YAAA;MAAW,OAAO;MAAU,KAAK;MAA1C,UAAA,CACE,oBAACA,mBAAD;OAAS,YAAA;OAAW,OAAO;OAAU,WAAW,OAAO;MAAgC,GAAb,WAAa,GACtF,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,OAAO,CAAC,CAAC,CACxC,KAAK,EAAE,CAAC,CACR,KAAK,GAAG,UAAU;OACjB,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;OAExC,MAAM,iBAAiB,iBAAiB;OAExC,OACE,oBAAC,OAAD;QAAK,WAAW,OAAO;QACrB,UAAA,oBAAC,OAAD;SAAK,WAAW,OAAO;SACrB,UAAA,oBAACA,mBAAD;UACE,YAAA;UACA,OAAO;UACP,WAAW,OAAO;UAClB,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;UACX;UAEC,UAAA;SACM,CAAA;QACN,CAAA;OACF,GAfiC,MAAM,OAevC;MAET,CAAC,CACI;KA5BwC,GAAA,aA4BxC;KACT,oBAACC,YAAD,EAAc,KAAO,CAAA;KACpB,aACC,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,UAAD;MAA2B;MAAM,OAAO,MAAM;MAAM,OAAM;KAAQ,GAApD,MAAoD,GAClE,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD,CACrE,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA;MACG;MACD,oBAAC,UAAD;OAA4B;OAAM,OAAO,MAAM;OAAO,OAAM;MAAS,GAAvD,OAAuD;MACrE,oBAAC,UAAD;OAA2B;OAAM,OAAO,MAAM;OAAM,OAAM;MAAQ,GAApD,MAAoD;KAClE,EAAA,CAAA;IAEG;;EACN,CAAA,GACL,oBAAC,WAAD,CAAY,CAAA,CACL;;AAEb,CAAC"}

package/es/eslint/index.mjs

@@ -6,10 +6,13 @@ const DEPRECATED_UI_COMPONENTS = [
 	"Alert",
 	"AutoComplete",
 	"Avatar",
+	"AvatarGroup",
+	"Burger",
 	"Button",
 	"Checkbox",
 	"CheckboxGroup",
 	"Collapse",
+	"DatePicker",
 	"DraggablePanel",
 	"DraggablePanelBody",
 	"DraggablePanelContainer",
@@ -19,8 +22,12 @@ const DEPRECATED_UI_COMPONENTS = [
 	"Dropdown",
 	"FormSubmitFooter",
 	"FormTitle",
+	"Input",
+	"InputNumber",
 	"InputOPT",
+	"InputPassword",
 	"Modal",
+	"ModalHost",
 	"Radio",
 	"RadioGroup",
 	"Segmented",
@@ -38,34 +45,75 @@ const DEPRECATED_UI_COMPONENTS = [
 	"Tabs",
 	"Tag",
 	"Text",
+	"TextArea",
 	"Tree"
 ];
 const DEPRECATED_ANTD_ONLY = [
+	"Anchor",
 	"Badge",
+	"Breadcrumb",
+	"Card",
+	"Carousel",
+	"ColorPicker",
+	"Descriptions",
+	"Divider",
 	"Empty",
+	"FloatButton",
+	"List",
+	"Menu",
 	"Pagination",
 	"Popover",
 	"Progress",
+	"QRCode",
+	"Rate",
 	"Result",
 	"Spin",
+	"Statistic",
+	"Steps",
+	"Table",
 	"Tooltip",
+	"Typography",
 	"Upload"
 ];
 const DEPRECATED_ANTD_COMPONENT_PATHS = [
 	"antd/es/alert",
 	"antd/es/alert/*",
+	"antd/es/anchor",
+	"antd/es/anchor/*",
 	"antd/es/auto-complete",
 	"antd/es/auto-complete/*",
 	"antd/es/badge",
 	"antd/es/badge/*",
+	"antd/es/breadcrumb",
+	"antd/es/breadcrumb/*",
+	"antd/es/card",
+	"antd/es/card/*",
+	"antd/es/carousel",
+	"antd/es/carousel/*",
 	"antd/es/checkbox",
 	"antd/es/checkbox/*",
 	"antd/es/collapse",
 	"antd/es/collapse/*",
+	"antd/es/color-picker",
+	"antd/es/color-picker/*",
+	"antd/es/date-picker",
+	"antd/es/date-picker/*",
+	"antd/es/descriptions",
+	"antd/es/descriptions/*",
+	"antd/es/divider",
+	"antd/es/divider/*",
 	"antd/es/dropdown",
 	"antd/es/dropdown/*",
 	"antd/es/empty",
 	"antd/es/empty/*",
+	"antd/es/float-button",
+	"antd/es/float-button/*",
+	"antd/es/input",
+	"antd/es/input-number",
+	"antd/es/input-number/*",
+	"antd/es/input/*",
+	"antd/es/list",
+	"antd/es/list/*",
 	"antd/es/message",
 	"antd/es/message/*",
 	"antd/es/notification",
@@ -76,8 +124,12 @@ const DEPRECATED_ANTD_COMPONENT_PATHS = [
 	"antd/es/popover/*",
 	"antd/es/progress",
 	"antd/es/progress/*",
+	"antd/es/qr-code",
+	"antd/es/qr-code/*",
 	"antd/es/radio",
 	"antd/es/radio/*",
+	"antd/es/rate",
+	"antd/es/rate/*",
 	"antd/es/result",
 	"antd/es/result/*",
 	"antd/es/skeleton",
@@ -86,28 +138,60 @@ const DEPRECATED_ANTD_COMPONENT_PATHS = [
 	"antd/es/slider/*",
 	"antd/es/spin",
 	"antd/es/spin/*",
+	"antd/es/statistic",
+	"antd/es/statistic/*",
+	"antd/es/steps",
+	"antd/es/steps/*",
 	"antd/es/switch",
 	"antd/es/switch/*",
+	"antd/es/table",
+	"antd/es/table/*",
 	"antd/es/tooltip",
 	"antd/es/tooltip/*",
 	"antd/es/tree",
 	"antd/es/tree/*",
+	"antd/es/typography",
+	"antd/es/typography/*",
 	"antd/es/upload",
 	"antd/es/upload/*",
 	"antd/lib/alert",
 	"antd/lib/alert/*",
+	"antd/lib/anchor",
+	"antd/lib/anchor/*",
 	"antd/lib/auto-complete",
 	"antd/lib/auto-complete/*",
 	"antd/lib/badge",
 	"antd/lib/badge/*",
+	"antd/lib/breadcrumb",
+	"antd/lib/breadcrumb/*",
+	"antd/lib/card",
+	"antd/lib/card/*",
+	"antd/lib/carousel",
+	"antd/lib/carousel/*",
 	"antd/lib/checkbox",
 	"antd/lib/checkbox/*",
 	"antd/lib/collapse",
 	"antd/lib/collapse/*",
+	"antd/lib/color-picker",
+	"antd/lib/color-picker/*",
+	"antd/lib/date-picker",
+	"antd/lib/date-picker/*",
+	"antd/lib/descriptions",
+	"antd/lib/descriptions/*",
+	"antd/lib/divider",
+	"antd/lib/divider/*",
 	"antd/lib/dropdown",
 	"antd/lib/dropdown/*",
 	"antd/lib/empty",
 	"antd/lib/empty/*",
+	"antd/lib/float-button",
+	"antd/lib/float-button/*",
+	"antd/lib/input",
+	"antd/lib/input-number",
+	"antd/lib/input-number/*",
+	"antd/lib/input/*",
+	"antd/lib/list",
+	"antd/lib/list/*",
 	"antd/lib/message",
 	"antd/lib/message/*",
 	"antd/lib/notification",
@@ -118,8 +202,12 @@ const DEPRECATED_ANTD_COMPONENT_PATHS = [
 	"antd/lib/popover/*",
 	"antd/lib/progress",
 	"antd/lib/progress/*",
+	"antd/lib/qr-code",
+	"antd/lib/qr-code/*",
 	"antd/lib/radio",
 	"antd/lib/radio/*",
+	"antd/lib/rate",
+	"antd/lib/rate/*",
 	"antd/lib/result",
 	"antd/lib/result/*",
 	"antd/lib/skeleton",
@@ -128,12 +216,20 @@ const DEPRECATED_ANTD_COMPONENT_PATHS = [
 	"antd/lib/slider/*",
 	"antd/lib/spin",
 	"antd/lib/spin/*",
+	"antd/lib/statistic",
+	"antd/lib/statistic/*",
+	"antd/lib/steps",
+	"antd/lib/steps/*",
 	"antd/lib/switch",
 	"antd/lib/switch/*",
+	"antd/lib/table",
+	"antd/lib/table/*",
 	"antd/lib/tooltip",
 	"antd/lib/tooltip/*",
 	"antd/lib/tree",
 	"antd/lib/tree/*",
+	"antd/lib/typography",
+	"antd/lib/typography/*",
 	"antd/lib/upload",
 	"antd/lib/upload/*"
 ];
@@ -167,6 +263,10 @@ const restrictedImports = { rules: { "no-restricted-imports": ["error", {
 		{
 			message: "Use `Spin variant=\"network\"` from \"@lobehub/ui/base-ui\" instead.",
 			name: "thinking-orbs"
+		},
+		{
+			message: "ProComponents are deprecated. Use `Table` from \"@lobehub/ui/base-ui\" instead.",
+			name: "@ant-design/pro-components"
 		}
 	],
 	patterns: [{

package/es/eslint/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/eslint/index.ts"],"sourcesContent":["const DEPRECATED_UI_COMPONENTS = [\n  'Accordion',\n  'AccordionItem',\n  'ActionIcon',\n  'Alert',\n  'AutoComplete',\n  'Avatar',\n  'Button',\n  'Checkbox',\n  'CheckboxGroup',\n  'Collapse',\n  'DraggablePanel',\n  'DraggablePanelBody',\n  'DraggablePanelContainer',\n  'DraggablePanelFooter',\n  'DraggablePanelHeader',\n  'Drawer',\n  'Dropdown',\n  'FormSubmitFooter',\n  'FormTitle',\n  'InputOPT',\n  'Modal',\n  'Radio',\n  'RadioGroup',\n  'Segmented',\n  'Select',\n  'Skeleton',\n  'SkeletonAvatar',\n  'SkeletonBlock',\n  'SkeletonButton',\n  'SkeletonParagraph',\n  'SkeletonTags',\n  'SkeletonTitle',\n  'Slider',\n  'SliderWithInput',\n  'Switch',\n  'Tabs',\n  'Tag',\n  'Text',\n  'Tree',\n];\n\nconst DEPRECATED_ANTD_ONLY = [\n  'Badge',\n  'Empty',\n  'Pagination',\n  'Popover',\n  'Progress',\n  'Result',\n  'Spin',\n  'Tooltip',\n  'Upload',\n];\n\nconst DEPRECATED_ANTD_COMPONENT_PATHS = [\n  'antd/es/alert',\n  'antd/es/alert/*',\n  'antd/es/auto-complete',\n  'antd/es/auto-complete/*',\n  'antd/es/badge',\n  'antd/es/badge/*',\n  'antd/es/checkbox',\n  'antd/es/checkbox/*',\n  'antd/es/collapse',\n  'antd/es/collapse/*',\n  'antd/es/dropdown',\n  'antd/es/dropdown/*',\n  'antd/es/empty',\n  'antd/es/empty/*',\n  'antd/es/message',\n  'antd/es/message/*',\n  'antd/es/notification',\n  'antd/es/notification/*',\n  'antd/es/pagination',\n  'antd/es/pagination/*',\n  'antd/es/popover',\n  'antd/es/popover/*',\n  'antd/es/progress',\n  'antd/es/progress/*',\n  'antd/es/radio',\n  'antd/es/radio/*',\n  'antd/es/result',\n  'antd/es/result/*',\n  'antd/es/skeleton',\n  'antd/es/skeleton/*',\n  'antd/es/slider',\n  'antd/es/slider/*',\n  'antd/es/spin',\n  'antd/es/spin/*',\n  'antd/es/switch',\n  'antd/es/switch/*',\n  'antd/es/tooltip',\n  'antd/es/tooltip/*',\n  'antd/es/tree',\n  'antd/es/tree/*',\n  'antd/es/upload',\n  'antd/es/upload/*',\n  'antd/lib/alert',\n  'antd/lib/alert/*',\n  'antd/lib/auto-complete',\n  'antd/lib/auto-complete/*',\n  'antd/lib/badge',\n  'antd/lib/badge/*',\n  'antd/lib/checkbox',\n  'antd/lib/checkbox/*',\n  'antd/lib/collapse',\n  'antd/lib/collapse/*',\n  'antd/lib/dropdown',\n  'antd/lib/dropdown/*',\n  'antd/lib/empty',\n  'antd/lib/empty/*',\n  'antd/lib/message',\n  'antd/lib/message/*',\n  'antd/lib/notification',\n  'antd/lib/notification/*',\n  'antd/lib/pagination',\n  'antd/lib/pagination/*',\n  'antd/lib/popover',\n  'antd/lib/popover/*',\n  'antd/lib/progress',\n  'antd/lib/progress/*',\n  'antd/lib/radio',\n  'antd/lib/radio/*',\n  'antd/lib/result',\n  'antd/lib/result/*',\n  'antd/lib/skeleton',\n  'antd/lib/skeleton/*',\n  'antd/lib/slider',\n  'antd/lib/slider/*',\n  'antd/lib/spin',\n  'antd/lib/spin/*',\n  'antd/lib/switch',\n  'antd/lib/switch/*',\n  'antd/lib/tooltip',\n  'antd/lib/tooltip/*',\n  'antd/lib/tree',\n  'antd/lib/tree/*',\n  'antd/lib/upload',\n  'antd/lib/upload/*',\n];\n\nexport const restrictedImports = {\n  rules: {\n    'no-restricted-imports': [\n      'error',\n      {\n        paths: [\n          {\n            importNames: DEPRECATED_UI_COMPONENTS,\n            message:\n              'The antd-based wrapper is deprecated. Import from \"@lobehub/ui/base-ui\" instead.',\n            name: '@lobehub/ui',\n          },\n          {\n            importNames: ['createStyles'],\n            message:\n              '`createStyles` is banned in this project. Use `createStaticStyles` from \"antd-style\" instead.',\n            name: 'antd-style',\n          },\n          {\n            importNames: [...DEPRECATED_UI_COMPONENTS, ...DEPRECATED_ANTD_ONLY],\n            message: 'Direct antd import is deprecated. Import from \"@lobehub/ui/base-ui\" instead.',\n            name: 'antd',\n          },\n          {\n            importNames: ['message', 'notification'],\n            message: 'antd feedback APIs are deprecated. Use `toast` from \"@lobehub/ui/base-ui\".',\n            name: 'antd',\n          },\n          {\n            importNames: ['LoadingOutlined'],\n            message: 'Use `Spin` from \"@lobehub/ui/base-ui\" instead of a hand-rolled spinner.',\n            name: '@ant-design/icons',\n          },\n          {\n            message: 'Use `Spin variant=\"network\"` from \"@lobehub/ui/base-ui\" instead.',\n            name: 'thinking-orbs',\n          },\n        ],\n        patterns: [\n          {\n            group: DEPRECATED_ANTD_COMPONENT_PATHS,\n            message:\n              'Direct antd component import is deprecated. Import from \"@lobehub/ui/base-ui\" instead.',\n          },\n        ],\n      },\n    ],\n  },\n};\n\nexport default [restrictedImports];\n"],"mappings":";AAAA,MAAM,2BAA2B;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,uBAAuB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,kCAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,oBAAoB,EAC/B,OAAO,EACL,yBAAyB,CACvB,SACA;CACE,OAAO;EACL;GACE,aAAa;GACb,SACE;GACF,MAAM;EACR;EACA;GACE,aAAa,CAAC,cAAc;GAC5B,SACE;GACF,MAAM;EACR;EACA;GACE,aAAa,CAAC,GAAG,0BAA0B,GAAG,oBAAoB;GAClE,SAAS;GACT,MAAM;EACR;EACA;GACE,aAAa,CAAC,WAAW,cAAc;GACvC,SAAS;GACT,MAAM;EACR;EACA;GACE,aAAa,CAAC,iBAAiB;GAC/B,SAAS;GACT,MAAM;EACR;EACA;GACE,SAAS;GACT,MAAM;EACR;CACF;CACA,UAAU,CACR;EACE,OAAO;EACP,SACE;CACJ,CACF;AACF,CACF,EACF,EACF;AAEA,IAAA,iBAAe,CAAC,iBAAiB"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/eslint/index.ts"],"sourcesContent":["const DEPRECATED_UI_COMPONENTS = [\n  'Accordion',\n  'AccordionItem',\n  'ActionIcon',\n  'Alert',\n  'AutoComplete',\n  'Avatar',\n  'AvatarGroup',\n  'Burger',\n  'Button',\n  'Checkbox',\n  'CheckboxGroup',\n  'Collapse',\n  'DatePicker',\n  'DraggablePanel',\n  'DraggablePanelBody',\n  'DraggablePanelContainer',\n  'DraggablePanelFooter',\n  'DraggablePanelHeader',\n  'Drawer',\n  'Dropdown',\n  'FormSubmitFooter',\n  'FormTitle',\n  'Input',\n  'InputNumber',\n  'InputOPT',\n  'InputPassword',\n  'Modal',\n  'ModalHost',\n  'Radio',\n  'RadioGroup',\n  'Segmented',\n  'Select',\n  'Skeleton',\n  'SkeletonAvatar',\n  'SkeletonBlock',\n  'SkeletonButton',\n  'SkeletonParagraph',\n  'SkeletonTags',\n  'SkeletonTitle',\n  'Slider',\n  'SliderWithInput',\n  'Switch',\n  'Tabs',\n  'Tag',\n  'Text',\n  'TextArea',\n  'Tree',\n];\n\nconst DEPRECATED_ANTD_ONLY = [\n  'Anchor',\n  'Badge',\n  'Breadcrumb',\n  'Card',\n  'Carousel',\n  'ColorPicker',\n  'Descriptions',\n  'Divider',\n  'Empty',\n  'FloatButton',\n  'List',\n  'Menu',\n  'Pagination',\n  'Popover',\n  'Progress',\n  'QRCode',\n  'Rate',\n  'Result',\n  'Spin',\n  'Statistic',\n  'Steps',\n  'Table',\n  'Tooltip',\n  'Typography',\n  'Upload',\n];\n\nconst DEPRECATED_ANTD_COMPONENT_PATHS = [\n  'antd/es/alert',\n  'antd/es/alert/*',\n  'antd/es/anchor',\n  'antd/es/anchor/*',\n  'antd/es/auto-complete',\n  'antd/es/auto-complete/*',\n  'antd/es/badge',\n  'antd/es/badge/*',\n  'antd/es/breadcrumb',\n  'antd/es/breadcrumb/*',\n  'antd/es/card',\n  'antd/es/card/*',\n  'antd/es/carousel',\n  'antd/es/carousel/*',\n  'antd/es/checkbox',\n  'antd/es/checkbox/*',\n  'antd/es/collapse',\n  'antd/es/collapse/*',\n  'antd/es/color-picker',\n  'antd/es/color-picker/*',\n  'antd/es/date-picker',\n  'antd/es/date-picker/*',\n  'antd/es/descriptions',\n  'antd/es/descriptions/*',\n  'antd/es/divider',\n  'antd/es/divider/*',\n  'antd/es/dropdown',\n  'antd/es/dropdown/*',\n  'antd/es/empty',\n  'antd/es/empty/*',\n  'antd/es/float-button',\n  'antd/es/float-button/*',\n  'antd/es/input',\n  'antd/es/input-number',\n  'antd/es/input-number/*',\n  'antd/es/input/*',\n  'antd/es/list',\n  'antd/es/list/*',\n  'antd/es/message',\n  'antd/es/message/*',\n  'antd/es/notification',\n  'antd/es/notification/*',\n  'antd/es/pagination',\n  'antd/es/pagination/*',\n  'antd/es/popover',\n  'antd/es/popover/*',\n  'antd/es/progress',\n  'antd/es/progress/*',\n  'antd/es/qr-code',\n  'antd/es/qr-code/*',\n  'antd/es/radio',\n  'antd/es/radio/*',\n  'antd/es/rate',\n  'antd/es/rate/*',\n  'antd/es/result',\n  'antd/es/result/*',\n  'antd/es/skeleton',\n  'antd/es/skeleton/*',\n  'antd/es/slider',\n  'antd/es/slider/*',\n  'antd/es/spin',\n  'antd/es/spin/*',\n  'antd/es/statistic',\n  'antd/es/statistic/*',\n  'antd/es/steps',\n  'antd/es/steps/*',\n  'antd/es/switch',\n  'antd/es/switch/*',\n  'antd/es/table',\n  'antd/es/table/*',\n  'antd/es/tooltip',\n  'antd/es/tooltip/*',\n  'antd/es/tree',\n  'antd/es/tree/*',\n  'antd/es/typography',\n  'antd/es/typography/*',\n  'antd/es/upload',\n  'antd/es/upload/*',\n  'antd/lib/alert',\n  'antd/lib/alert/*',\n  'antd/lib/anchor',\n  'antd/lib/anchor/*',\n  'antd/lib/auto-complete',\n  'antd/lib/auto-complete/*',\n  'antd/lib/badge',\n  'antd/lib/badge/*',\n  'antd/lib/breadcrumb',\n  'antd/lib/breadcrumb/*',\n  'antd/lib/card',\n  'antd/lib/card/*',\n  'antd/lib/carousel',\n  'antd/lib/carousel/*',\n  'antd/lib/checkbox',\n  'antd/lib/checkbox/*',\n  'antd/lib/collapse',\n  'antd/lib/collapse/*',\n  'antd/lib/color-picker',\n  'antd/lib/color-picker/*',\n  'antd/lib/date-picker',\n  'antd/lib/date-picker/*',\n  'antd/lib/descriptions',\n  'antd/lib/descriptions/*',\n  'antd/lib/divider',\n  'antd/lib/divider/*',\n  'antd/lib/dropdown',\n  'antd/lib/dropdown/*',\n  'antd/lib/empty',\n  'antd/lib/empty/*',\n  'antd/lib/float-button',\n  'antd/lib/float-button/*',\n  'antd/lib/input',\n  'antd/lib/input-number',\n  'antd/lib/input-number/*',\n  'antd/lib/input/*',\n  'antd/lib/list',\n  'antd/lib/list/*',\n  'antd/lib/message',\n  'antd/lib/message/*',\n  'antd/lib/notification',\n  'antd/lib/notification/*',\n  'antd/lib/pagination',\n  'antd/lib/pagination/*',\n  'antd/lib/popover',\n  'antd/lib/popover/*',\n  'antd/lib/progress',\n  'antd/lib/progress/*',\n  'antd/lib/qr-code',\n  'antd/lib/qr-code/*',\n  'antd/lib/radio',\n  'antd/lib/radio/*',\n  'antd/lib/rate',\n  'antd/lib/rate/*',\n  'antd/lib/result',\n  'antd/lib/result/*',\n  'antd/lib/skeleton',\n  'antd/lib/skeleton/*',\n  'antd/lib/slider',\n  'antd/lib/slider/*',\n  'antd/lib/spin',\n  'antd/lib/spin/*',\n  'antd/lib/statistic',\n  'antd/lib/statistic/*',\n  'antd/lib/steps',\n  'antd/lib/steps/*',\n  'antd/lib/switch',\n  'antd/lib/switch/*',\n  'antd/lib/table',\n  'antd/lib/table/*',\n  'antd/lib/tooltip',\n  'antd/lib/tooltip/*',\n  'antd/lib/tree',\n  'antd/lib/tree/*',\n  'antd/lib/typography',\n  'antd/lib/typography/*',\n  'antd/lib/upload',\n  'antd/lib/upload/*',\n];\n\nexport const restrictedImports = {\n  rules: {\n    'no-restricted-imports': [\n      'error',\n      {\n        paths: [\n          {\n            importNames: DEPRECATED_UI_COMPONENTS,\n            message:\n              'The antd-based wrapper is deprecated. Import from \"@lobehub/ui/base-ui\" instead.',\n            name: '@lobehub/ui',\n          },\n          {\n            importNames: ['createStyles'],\n            message:\n              '`createStyles` is banned in this project. Use `createStaticStyles` from \"antd-style\" instead.',\n            name: 'antd-style',\n          },\n          {\n            importNames: [...DEPRECATED_UI_COMPONENTS, ...DEPRECATED_ANTD_ONLY],\n            message: 'Direct antd import is deprecated. Import from \"@lobehub/ui/base-ui\" instead.',\n            name: 'antd',\n          },\n          {\n            importNames: ['message', 'notification'],\n            message: 'antd feedback APIs are deprecated. Use `toast` from \"@lobehub/ui/base-ui\".',\n            name: 'antd',\n          },\n          {\n            importNames: ['LoadingOutlined'],\n            message: 'Use `Spin` from \"@lobehub/ui/base-ui\" instead of a hand-rolled spinner.',\n            name: '@ant-design/icons',\n          },\n          {\n            message: 'Use `Spin variant=\"network\"` from \"@lobehub/ui/base-ui\" instead.',\n            name: 'thinking-orbs',\n          },\n          {\n            message: 'ProComponents are deprecated. Use `Table` from \"@lobehub/ui/base-ui\" instead.',\n            name: '@ant-design/pro-components',\n          },\n        ],\n        patterns: [\n          {\n            group: DEPRECATED_ANTD_COMPONENT_PATHS,\n            message:\n              'Direct antd component import is deprecated. Import from \"@lobehub/ui/base-ui\" instead.',\n          },\n        ],\n      },\n    ],\n  },\n};\n\nexport default [restrictedImports];\n"],"mappings":";AAAA,MAAM,2BAA2B;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,uBAAuB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,kCAAkC;CACtC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAa,oBAAoB,EAC/B,OAAO,EACL,yBAAyB,CACvB,SACA;CACE,OAAO;EACL;GACE,aAAa;GACb,SACE;GACF,MAAM;EACR;EACA;GACE,aAAa,CAAC,cAAc;GAC5B,SACE;GACF,MAAM;EACR;EACA;GACE,aAAa,CAAC,GAAG,0BAA0B,GAAG,oBAAoB;GAClE,SAAS;GACT,MAAM;EACR;EACA;GACE,aAAa,CAAC,WAAW,cAAc;GACvC,SAAS;GACT,MAAM;EACR;EACA;GACE,aAAa,CAAC,iBAAiB;GAC/B,SAAS;GACT,MAAM;EACR;EACA;GACE,SAAS;GACT,MAAM;EACR;EACA;GACE,SAAS;GACT,MAAM;EACR;CACF;CACA,UAAU,CACR;EACE,OAAO;EACP,SACE;CACJ,CACF;AACF,CACF,EACF,EACF;AAEA,IAAA,iBAAe,CAAC,iBAAiB"}

package/es/mobile/ChatInputArea/ChatInputArea.mjs

@@ -84,7 +84,7 @@ const ChatInputArea = memo(({ ref, className, style, topAddons, textAreaLeftAddo
 						loading,
 						ref,
 						style: {
-							height: 36,
+							minHeight: 36,
 							paddingBlock: 6
 						},
 						value,

package/es/mobile/ChatInputArea/ChatInputArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputArea.mjs","names":["Flexbox"],"sources":["../../../src/mobile/ChatInputArea/ChatInputArea.tsx"],"sourcesContent":["'use client';\n\nimport { useSize } from 'ahooks';\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport {\n  type FC,\n  memo,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport ChatInputAreaInner from '@/chat/ChatInputArea/components/ChatInputAreaInner';\nimport { Flexbox } from '@/Flex';\nimport SafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport { type ChatInputAreaProps } from './type';\n\nconst ChatInputArea = memo<ChatInputAreaProps>(\n  ({\n    ref,\n    className,\n    style,\n    topAddons,\n    textAreaLeftAddons,\n    textAreaRightAddons,\n    bottomAddons,\n    expand = false,\n    setExpand,\n    onSend,\n    onInput,\n    loading,\n    value,\n    safeArea,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const size = useSize(containerRef);\n    const [showFullscreen, setShowFullscreen] = useState<boolean>(false);\n    const [isFocused, setIsFocused] = useState<boolean>(false);\n\n    useEffect(() => {\n      if (!size?.height) return;\n      setShowFullscreen(size.height > 72);\n    }, [size]);\n\n    const InnerContainer: FC<\n      PropsWithChildren & {\n        bottomAddons?: ReactNode;\n        textAreaLeftAddons?: ReactNode;\n        textAreaRightAddons?: ReactNode;\n        topAddons?: ReactNode;\n      }\n    > = useCallback(\n      ({ children, ...r }) =>\n        expand ? (\n          <Flexbox className={styles.inner} gap={8}>\n            <Flexbox horizontal gap={8} justify={'flex-end'}>\n              {r.textAreaLeftAddons}\n              {r.textAreaRightAddons}\n            </Flexbox>\n            {children}\n            {r.topAddons}\n            {r.bottomAddons}\n          </Flexbox>\n        ) : (\n          <Flexbox horizontal align={'flex-end'} className={styles.inner} gap={8}>\n            {r.textAreaLeftAddons}\n            {children}\n            {r.textAreaRightAddons}\n          </Flexbox>\n        ),\n      [expand, loading],\n    );\n\n    const showAddons = !expand && !isFocused;\n\n    return (\n      <Flexbox\n        className={cx(styles.container, expand && styles.expand, className)}\n        gap={12}\n        style={style}\n      >\n        {topAddons && <Flexbox style={showAddons ? {} : { display: 'none' }}>{topAddons}</Flexbox>}\n        <Flexbox\n          className={cx(expand && styles.expand)}\n          ref={containerRef}\n          style={{ position: 'relative' }}\n        >\n          {showFullscreen && (\n            <ActionIcon\n              active\n              className={styles.expandButton}\n              icon={expand ? ChevronDown : ChevronUp}\n              id={'sssssss'}\n              size={{ blockSize: 24, borderRadius: '50%', size: 14 }}\n              style={expand ? { top: 6 } : {}}\n              onClick={() => setExpand?.(!expand)}\n            />\n          )}\n          <InnerContainer\n            bottomAddons={bottomAddons}\n            textAreaLeftAddons={textAreaLeftAddons}\n            textAreaRightAddons={textAreaRightAddons}\n            topAddons={topAddons}\n          >\n            <ChatInputAreaInner\n              autoSize={expand ? false : { maxRows: 6, minRows: 1 }}\n              className={styles.expandTextArea}\n              loading={loading}\n              ref={ref}\n              style={{ height: 36, paddingBlock: 6 }}\n              value={value}\n              variant={expand ? 'borderless' : 'filled'}\n              onBlur={() => setIsFocused(false)}\n              onFocus={() => setIsFocused(true)}\n              onInput={onInput}\n              onSend={onSend}\n            />\n          </InnerContainer>\n        </Flexbox>\n        {bottomAddons && (\n          <Flexbox style={showAddons ? {} : { display: 'none' }}>{bottomAddons}</Flexbox>\n        )}\n        {safeArea && !isFocused && <SafeArea position={'bottom'} />}\n      </Flexbox>\n    );\n  },\n);\n\nChatInputArea.displayName = 'ChatInputArea';\n\nexport default ChatInputArea;\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,gBAAgB,MACnB,EACC,KACA,WACA,OACA,WACA,oBACA,qBACA,cACA,SAAS,OACT,WACA,QACA,SACA,SACA,OACA,eACI;CACJ,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,OAAO,QAAQ,YAAY;CACjC,MAAM,CAAC,gBAAgB,qBAAqB,SAAkB,KAAK;CACnE,MAAM,CAAC,WAAW,gBAAgB,SAAkB,KAAK;CAEzD,gBAAgB;EACd,IAAI,CAAC,MAAM,QAAQ;EACnB,kBAAkB,KAAK,SAAS,EAAE;CACpC,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,iBAOF,aACD,EAAE,UAAU,GAAG,QACd,SACE,qBAACA,mBAAD;EAAS,WAAW,OAAO;EAAO,KAAK;EAAvC,UAAA;GACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,KAAK;IAAG,SAAS;IAArC,UAAA,CACG,EAAE,oBACF,EAAE,mBACI;;GACR;GACA,EAAE;GACF,EAAE;EACI;CAET,CAAA,IAAA,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAY,WAAW,OAAO;EAAO,KAAK;EAArE,UAAA;GACG,EAAE;GACF;GACA,EAAE;EACI;CAEb,CAAA,GAAA,CAAC,QAAQ,OAAO,CAClB;CAEA,MAAM,aAAa,CAAC,UAAU,CAAC;CAE/B,OACE,qBAACA,mBAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU,OAAO,QAAQ,SAAS;EAClE,KAAK;EACE;EAHT,UAAA;GAKG,aAAa,oBAACA,mBAAD;IAAS,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,OAAO;IAAI,UAAA;GAAmB,CAAA;GACzF,qBAACA,mBAAD;IACE,WAAW,GAAG,UAAU,OAAO,MAAM;IACrC,KAAK;IACL,OAAO,EAAE,UAAU,WAAW;IAHhC,UAAA,CAKG,kBACC,oBAAC,YAAD;KACE,QAAA;KACA,WAAW,OAAO;KAClB,MAAM,SAAS,cAAc;KAC7B,IAAI;KACJ,MAAM;MAAE,WAAW;MAAI,cAAc;MAAO,MAAM;KAAG;KACrD,OAAO,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC;KAC9B,eAAe,YAAY,CAAC,MAAM;IACnC,CAAA,GAEH,oBAAC,gBAAD;KACgB;KACM;KACC;KACV;KAEX,UAAA,oBAAC,oBAAD;MACE,UAAU,SAAS,QAAQ;OAAE,SAAS;OAAG,SAAS;MAAE;MACpD,WAAW,OAAO;MACT;MACJ;MACL,OAAO;OAAE,QAAQ;OAAI,cAAc;MAAE;MAC9B;MACP,SAAS,SAAS,eAAe;MACjC,cAAc,aAAa,KAAK;MAChC,eAAe,aAAa,IAAI;MACvB;MACD;KACT,CAAA;IACa,CAAA,CACT;;GACR,gBACC,oBAACA,mBAAD;IAAS,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,OAAO;IAAI,UAAA;GAAsB,CAAA;GAE/E,YAAY,CAAC,aAAa,oBAAC,UAAD,EAAU,UAAU,SAAW,CAAA;EACnD;;AAEb,CACF;AAEA,cAAc,cAAc"}
+{"version":3,"file":"ChatInputArea.mjs","names":["Flexbox"],"sources":["../../../src/mobile/ChatInputArea/ChatInputArea.tsx"],"sourcesContent":["'use client';\n\nimport { useSize } from 'ahooks';\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport {\n  type FC,\n  memo,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport ChatInputAreaInner from '@/chat/ChatInputArea/components/ChatInputAreaInner';\nimport { Flexbox } from '@/Flex';\nimport SafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport { type ChatInputAreaProps } from './type';\n\nconst ChatInputArea = memo<ChatInputAreaProps>(\n  ({\n    ref,\n    className,\n    style,\n    topAddons,\n    textAreaLeftAddons,\n    textAreaRightAddons,\n    bottomAddons,\n    expand = false,\n    setExpand,\n    onSend,\n    onInput,\n    loading,\n    value,\n    safeArea,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const size = useSize(containerRef);\n    const [showFullscreen, setShowFullscreen] = useState<boolean>(false);\n    const [isFocused, setIsFocused] = useState<boolean>(false);\n\n    useEffect(() => {\n      if (!size?.height) return;\n      setShowFullscreen(size.height > 72);\n    }, [size]);\n\n    const InnerContainer: FC<\n      PropsWithChildren & {\n        bottomAddons?: ReactNode;\n        textAreaLeftAddons?: ReactNode;\n        textAreaRightAddons?: ReactNode;\n        topAddons?: ReactNode;\n      }\n    > = useCallback(\n      ({ children, ...r }) =>\n        expand ? (\n          <Flexbox className={styles.inner} gap={8}>\n            <Flexbox horizontal gap={8} justify={'flex-end'}>\n              {r.textAreaLeftAddons}\n              {r.textAreaRightAddons}\n            </Flexbox>\n            {children}\n            {r.topAddons}\n            {r.bottomAddons}\n          </Flexbox>\n        ) : (\n          <Flexbox horizontal align={'flex-end'} className={styles.inner} gap={8}>\n            {r.textAreaLeftAddons}\n            {children}\n            {r.textAreaRightAddons}\n          </Flexbox>\n        ),\n      [expand, loading],\n    );\n\n    const showAddons = !expand && !isFocused;\n\n    return (\n      <Flexbox\n        className={cx(styles.container, expand && styles.expand, className)}\n        gap={12}\n        style={style}\n      >\n        {topAddons && <Flexbox style={showAddons ? {} : { display: 'none' }}>{topAddons}</Flexbox>}\n        <Flexbox\n          className={cx(expand && styles.expand)}\n          ref={containerRef}\n          style={{ position: 'relative' }}\n        >\n          {showFullscreen && (\n            <ActionIcon\n              active\n              className={styles.expandButton}\n              icon={expand ? ChevronDown : ChevronUp}\n              id={'sssssss'}\n              size={{ blockSize: 24, borderRadius: '50%', size: 14 }}\n              style={expand ? { top: 6 } : {}}\n              onClick={() => setExpand?.(!expand)}\n            />\n          )}\n          <InnerContainer\n            bottomAddons={bottomAddons}\n            textAreaLeftAddons={textAreaLeftAddons}\n            textAreaRightAddons={textAreaRightAddons}\n            topAddons={topAddons}\n          >\n            <ChatInputAreaInner\n              autoSize={expand ? false : { maxRows: 6, minRows: 1 }}\n              className={styles.expandTextArea}\n              loading={loading}\n              ref={ref}\n              style={{ minHeight: 36, paddingBlock: 6 }}\n              value={value}\n              variant={expand ? 'borderless' : 'filled'}\n              onBlur={() => setIsFocused(false)}\n              onFocus={() => setIsFocused(true)}\n              onInput={onInput}\n              onSend={onSend}\n            />\n          </InnerContainer>\n        </Flexbox>\n        {bottomAddons && (\n          <Flexbox style={showAddons ? {} : { display: 'none' }}>{bottomAddons}</Flexbox>\n        )}\n        {safeArea && !isFocused && <SafeArea position={'bottom'} />}\n      </Flexbox>\n    );\n  },\n);\n\nChatInputArea.displayName = 'ChatInputArea';\n\nexport default ChatInputArea;\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,gBAAgB,MACnB,EACC,KACA,WACA,OACA,WACA,oBACA,qBACA,cACA,SAAS,OACT,WACA,QACA,SACA,SACA,OACA,eACI;CACJ,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,OAAO,QAAQ,YAAY;CACjC,MAAM,CAAC,gBAAgB,qBAAqB,SAAkB,KAAK;CACnE,MAAM,CAAC,WAAW,gBAAgB,SAAkB,KAAK;CAEzD,gBAAgB;EACd,IAAI,CAAC,MAAM,QAAQ;EACnB,kBAAkB,KAAK,SAAS,EAAE;CACpC,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,iBAOF,aACD,EAAE,UAAU,GAAG,QACd,SACE,qBAACA,mBAAD;EAAS,WAAW,OAAO;EAAO,KAAK;EAAvC,UAAA;GACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,KAAK;IAAG,SAAS;IAArC,UAAA,CACG,EAAE,oBACF,EAAE,mBACI;;GACR;GACA,EAAE;GACF,EAAE;EACI;CAET,CAAA,IAAA,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAY,WAAW,OAAO;EAAO,KAAK;EAArE,UAAA;GACG,EAAE;GACF;GACA,EAAE;EACI;CAEb,CAAA,GAAA,CAAC,QAAQ,OAAO,CAClB;CAEA,MAAM,aAAa,CAAC,UAAU,CAAC;CAE/B,OACE,qBAACA,mBAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU,OAAO,QAAQ,SAAS;EAClE,KAAK;EACE;EAHT,UAAA;GAKG,aAAa,oBAACA,mBAAD;IAAS,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,OAAO;IAAI,UAAA;GAAmB,CAAA;GACzF,qBAACA,mBAAD;IACE,WAAW,GAAG,UAAU,OAAO,MAAM;IACrC,KAAK;IACL,OAAO,EAAE,UAAU,WAAW;IAHhC,UAAA,CAKG,kBACC,oBAAC,YAAD;KACE,QAAA;KACA,WAAW,OAAO;KAClB,MAAM,SAAS,cAAc;KAC7B,IAAI;KACJ,MAAM;MAAE,WAAW;MAAI,cAAc;MAAO,MAAM;KAAG;KACrD,OAAO,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC;KAC9B,eAAe,YAAY,CAAC,MAAM;IACnC,CAAA,GAEH,oBAAC,gBAAD;KACgB;KACM;KACC;KACV;KAEX,UAAA,oBAAC,oBAAD;MACE,UAAU,SAAS,QAAQ;OAAE,SAAS;OAAG,SAAS;MAAE;MACpD,WAAW,OAAO;MACT;MACJ;MACL,OAAO;OAAE,WAAW;OAAI,cAAc;MAAE;MACjC;MACP,SAAS,SAAS,eAAe;MACjC,cAAc,aAAa,KAAK;MAChC,eAAe,aAAa,IAAI;MACvB;MACD;KACT,CAAA;IACa,CAAA,CACT;;GACR,gBACC,oBAACA,mBAAD;IAAS,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,OAAO;IAAI,UAAA;GAAsB,CAAA;GAE/E,YAAY,CAAC,aAAa,oBAAC,UAAD,EAAU,UAAU,SAAW,CAAA;EACnD;;AAEb,CACF;AAEA,cAAc,cAAc"}

package/es/mobile/ChatInputArea/components/ChatSendButton.mjs

@@ -1,5 +1,5 @@
 "use client";
-import Button from "../../../Button/Button.mjs";
+import Button from "../../../base-ui/Button/Button.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { SendHorizontal } from "lucide-react";

package/es/mobile/ChatInputArea/components/ChatSendButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSendButton.mjs","names":[],"sources":["../../../../src/mobile/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["'use client';\n\nimport { SendHorizontal } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Button from '@/Button';\n\nimport type { ChatSendButtonProps } from '../type';\n\nconst ChatSendButton = memo<ChatSendButtonProps>(({ ref, loading, onStop, onSend, ...rest }) => {\n  return (\n    <Button\n      icon={SendHorizontal}\n      loading={loading}\n      ref={ref}\n      type={'primary'}\n      onClick={(e) => {\n        e.preventDefault();\n        if (loading) {\n          onStop?.(e);\n        } else {\n          onSend?.(e);\n        }\n      }}\n      {...rest}\n    />\n  );\n});\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\n"],"mappings":";;;;;;AASA,MAAM,iBAAiB,MAA2B,EAAE,KAAK,SAAS,QAAQ,QAAQ,GAAG,WAAW;CAC9F,OACE,oBAAC,QAAD;EACE,MAAM;EACG;EACJ;EACL,MAAM;EACN,UAAU,MAAM;GACd,EAAE,eAAe;GACjB,IAAI,SACF,SAAS,CAAC;QAEV,SAAS,CAAC;EAEd;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,eAAe,cAAc"}
+{"version":3,"file":"ChatSendButton.mjs","names":[],"sources":["../../../../src/mobile/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["'use client';\n\nimport { SendHorizontal } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Button from '@/base-ui/Button';\n\nimport type { ChatSendButtonProps } from '../type';\n\nconst ChatSendButton = memo<ChatSendButtonProps>(({ ref, loading, onStop, onSend, ...rest }) => {\n  return (\n    <Button\n      icon={SendHorizontal}\n      loading={loading}\n      ref={ref}\n      type={'primary'}\n      onClick={(e) => {\n        e.preventDefault();\n        if (loading) {\n          onStop?.(e);\n        } else {\n          onSend?.(e);\n        }\n      }}\n      {...rest}\n    />\n  );\n});\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\n"],"mappings":";;;;;;AASA,MAAM,iBAAiB,MAA2B,EAAE,KAAK,SAAS,QAAQ,QAAQ,GAAG,WAAW;CAC9F,OACE,oBAAC,QAAD;EACE,MAAM;EACG;EACJ;EACL,MAAM;EACN,UAAU,MAAM;GACd,EAAE,eAAe;GACjB,IAAI,SACF,SAAS,CAAC;QAEV,SAAS,CAAC;EAEd;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,eAAe,cAAc"}

package/es/mobile/ChatInputArea/type.d.mts

@@ -1,14 +1,13 @@
-import { ButtonProps } from "../../Button/type.mjs";
-import "../../Button/index.mjs";
+import { ButtonProps } from "../../base-ui/Button/type.mjs";
+import "../../base-ui/Button/index.mjs";
 import { ChatInputAreaInnerProps } from "../../chat/ChatInputArea/type.mjs";
 import "../../chat/ChatInputArea/index.mjs";
-import { CSSProperties, ReactNode, Ref } from "react";
-import { TextAreaRef } from "antd/es/input/TextArea.js";
+import { CSSProperties, MouseEventHandler, ReactNode, Ref } from "react";
 //#region src/mobile/ChatInputArea/type.d.ts
 interface ChatInputAreaProps extends ChatInputAreaInnerProps {
   bottomAddons?: ReactNode;
   expand?: boolean;
-  ref?: Ref<TextAreaRef>;
+  ref?: Ref<HTMLTextAreaElement>;
   safeArea?: boolean;
   setExpand?: (expand: boolean) => void;
   style?: CSSProperties;
@@ -17,8 +16,8 @@ interface ChatInputAreaProps extends ChatInputAreaInnerProps {
   topAddons?: ReactNode;
 }
 interface ChatSendButtonProps extends Omit<ButtonProps, 'onClick'> {
-  onSend?: ButtonProps['onClick'];
-  onStop?: ButtonProps['onClick'];
+  onSend?: MouseEventHandler<HTMLElement>;
+  onStop?: MouseEventHandler<HTMLElement>;
 }
 //#endregion
 export { ChatInputAreaProps, ChatSendButtonProps };