@lobehub/ui 3.4.2 → 3.4.3

package/es/chat/TokenTag/type.d.mts

@@ -0,0 +1,21 @@
+import { ButtonProps } from "../../Button/type.mjs";
+import "../../Button/index.mjs";
+import { Ref } from "react";
+
+//#region src/chat/TokenTag/type.d.ts
+interface TokenTagProps extends ButtonProps {
+  hideText?: boolean;
+  maxValue: number;
+  mode?: 'remained' | 'used';
+  ref?: Ref<HTMLButtonElement>;
+  text?: {
+    overload?: string;
+    remained?: string;
+    used?: string;
+  };
+  unoptimized?: boolean;
+  value: number;
+}
+//#endregion
+export { TokenTagProps };
+//# sourceMappingURL=type.d.mts.map

package/es/chat/index.d.mts

@@ -0,0 +1,42 @@
+import { BackBottomProps } from "./BackBottom/type.mjs";
+import { BackBottom } from "./BackBottom/BackBottom.mjs";
+import "./BackBottom/index.mjs";
+import { ChatHeaderProps, ChatHeaderTitleProps } from "./ChatHeader/type.mjs";
+import { ChatHeaderTitle } from "./ChatHeader/ChatHeaderTitle.mjs";
+import { ChatHeader } from "./ChatHeader/index.mjs";
+import { ChatInputActionBarProps, ChatInputAreaInnerProps, ChatInputAreaProps, ChatSendButtonProps } from "./ChatInputArea/type.mjs";
+import { ChatInputActionBar } from "./ChatInputArea/components/ChatInputActionBar.mjs";
+import { ChatInputAreaInner } from "./ChatInputArea/components/ChatInputAreaInner.mjs";
+import { ChatSendButton } from "./ChatInputArea/components/ChatSendButton.mjs";
+import { ChatInputArea } from "./ChatInputArea/index.mjs";
+import { MessageInputProps } from "./MessageInput/type.mjs";
+import { MessageInput } from "./MessageInput/MessageInput.mjs";
+import "./MessageInput/index.mjs";
+import { MessageModalProps } from "./MessageModal/type.mjs";
+import { MessageModal } from "./MessageModal/MessageModal.mjs";
+import "./MessageModal/index.mjs";
+import { EditableMessageProps } from "./EditableMessage/type.mjs";
+import { EditableMessage } from "./EditableMessage/EditableMessage.mjs";
+import "./EditableMessage/index.mjs";
+import { ChatErrorType, ErrorResponse, ErrorType } from "./types/error.mjs";
+import { LLMExample, LLMMessage, LLMParams, LLMRoleType, LanguageModel } from "./types/llm.mjs";
+import { BaseDataModel, MetaData } from "./types/meta.mjs";
+import { ChatMessage, ChatMessageError, ChatMessageMap, OpenAIFunctionCall } from "./types/chatMessage.mjs";
+import "./types/index.mjs";
+import { ChatItemProps } from "./ChatItem/type.mjs";
+import { ChatItem } from "./ChatItem/ChatItem.mjs";
+import "./ChatItem/index.mjs";
+import { ChatActionsBarProps, ChatListProps, OnActionsClick, OnAvatatsClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra } from "./ChatList/type.mjs";
+import { ChatList } from "./ChatList/ChatList.mjs";
+import { ChatActionsBar } from "./ChatList/components/ChatActionsBar.mjs";
+import "./ChatList/index.mjs";
+import { EditableMessageListProps } from "./EditableMessageList/type.mjs";
+import { EditableMessageList } from "./EditableMessageList/EditableMessageList.mjs";
+import "./EditableMessageList/index.mjs";
+import { LoadingDotsProps } from "./LoadingDots/type.mjs";
+import { LoadingDots } from "./LoadingDots/LoadingDots.mjs";
+import "./LoadingDots/index.mjs";
+import { TokenTagProps } from "./TokenTag/type.mjs";
+import { TokenTag } from "./TokenTag/TokenTag.mjs";
+import "./TokenTag/index.mjs";
+export { BackBottom, type BackBottomProps, BaseDataModel, ChatActionsBar, type ChatActionsBarProps, ChatErrorType, ChatHeader, type ChatHeaderProps, ChatHeaderTitle, type ChatHeaderTitleProps, ChatInputActionBar, type ChatInputActionBarProps, ChatInputArea, ChatInputAreaInner, type ChatInputAreaInnerProps, type ChatInputAreaProps, ChatItem, type ChatItemProps, ChatList, type ChatListProps, ChatMessage, ChatMessageError, ChatMessageMap, ChatSendButton, type ChatSendButtonProps, EditableMessage, EditableMessageList, type EditableMessageListProps, type EditableMessageProps, ErrorResponse, ErrorType, LLMExample, LLMMessage, LLMParams, LLMRoleType, LanguageModel, LoadingDots, type LoadingDotsProps, MessageInput, type MessageInputProps, MessageModal, type MessageModalProps, MetaData, type OnActionsClick, type OnAvatatsClick, type OnMessageChange, OpenAIFunctionCall, type RenderAction, type RenderErrorMessage, type RenderItem, type RenderMessage, type RenderMessageExtra, TokenTag, type TokenTagProps };

package/es/chat/index.mjs

@@ -0,0 +1,20 @@
+import BackBottom_default from "./BackBottom/BackBottom.mjs";
+import ChatHeaderTitle_default from "./ChatHeader/ChatHeaderTitle.mjs";
+import ChatHeader_default from "./ChatHeader/index.mjs";
+import ChatInputAreaInner_default from "./ChatInputArea/components/ChatInputAreaInner.mjs";
+import ChatInputActionBar_default from "./ChatInputArea/components/ChatInputActionBar.mjs";
+import ChatSendButton_default from "./ChatInputArea/components/ChatSendButton.mjs";
+import ChatInputArea_default from "./ChatInputArea/index.mjs";
+import MessageInput_default from "./MessageInput/MessageInput.mjs";
+import MessageModal_default from "./MessageModal/MessageModal.mjs";
+import EditableMessage_default from "./EditableMessage/EditableMessage.mjs";
+import ChatItem_default from "./ChatItem/ChatItem.mjs";
+import ChatActionsBar_default from "./ChatList/components/ChatActionsBar.mjs";
+import ChatList_default from "./ChatList/ChatList.mjs";
+import EditableMessageList_default from "./EditableMessageList/EditableMessageList.mjs";
+import LoadingDots_default from "./LoadingDots/LoadingDots.mjs";
+import TokenTag_default from "./TokenTag/TokenTag.mjs";
+import { ChatErrorType } from "./types/error.mjs";
+import { LanguageModel } from "./types/llm.mjs";
+
+export { BackBottom_default as BackBottom, ChatActionsBar_default as ChatActionsBar, ChatErrorType, ChatHeader_default as ChatHeader, ChatHeaderTitle_default as ChatHeaderTitle, ChatInputActionBar_default as ChatInputActionBar, ChatInputArea_default as ChatInputArea, ChatInputAreaInner_default as ChatInputAreaInner, ChatItem_default as ChatItem, ChatList_default as ChatList, ChatSendButton_default as ChatSendButton, EditableMessage_default as EditableMessage, EditableMessageList_default as EditableMessageList, LanguageModel, LoadingDots_default as LoadingDots, MessageInput_default as MessageInput, MessageModal_default as MessageModal, TokenTag_default as TokenTag };

package/es/chat/types/chatMessage.d.mts

@@ -0,0 +1,49 @@
+import { ErrorType } from "./error.mjs";
+import { LLMRoleType } from "./llm.mjs";
+import { BaseDataModel } from "./meta.mjs";
+
+//#region src/chat/types/chatMessage.d.ts
+
+/**
+ * 聊天消息错误对象
+ */
+interface ChatMessageError {
+  body?: any;
+  message: string;
+  type: ErrorType;
+}
+interface OpenAIFunctionCall {
+  arguments?: string;
+  name: string;
+}
+interface ChatMessage extends BaseDataModel {
+  /**
+   * @title 内容
+   * @description 消息内容
+   */
+  content: string;
+  error?: ChatMessageError;
+  extra?: any;
+  /**
+   * replace with plugin
+   * @deprecated
+   */
+  function_call?: OpenAIFunctionCall;
+  name?: string;
+  parentId?: string;
+  plugin?: any;
+  quotaId?: string;
+  /**
+   * 角色
+   * @description 消息发送者的角色
+   */
+  role: LLMRoleType;
+  /**
+   * 保存到主题的消息
+   */
+  topicId?: string;
+}
+type ChatMessageMap = Record<string, ChatMessage>;
+//#endregion
+export { ChatMessage, ChatMessageError, ChatMessageMap, OpenAIFunctionCall };
+//# sourceMappingURL=chatMessage.d.mts.map

package/es/chat/types/error.d.mts

@@ -0,0 +1,24 @@
+//#region src/chat/types/error.d.ts
+declare const ChatErrorType: {
+  readonly InvalidAccessCode: "InvalidAccessCode";
+  readonly OpenAIBizError: "OpenAIBizError";
+  readonly NoAPIKey: "NoAPIKey";
+  readonly BadRequest: 400;
+  readonly Unauthorized: 401;
+  readonly Forbidden: 403;
+  readonly ContentNotFound: 404;
+  readonly MethodNotAllowed: 405;
+  readonly TooManyRequests: 429;
+  readonly InternalServerError: 500;
+  readonly BadGateway: 502;
+  readonly ServiceUnavailable: 503;
+  readonly GatewayTimeout: 504;
+};
+type ErrorType = (typeof ChatErrorType)[keyof typeof ChatErrorType];
+interface ErrorResponse {
+  body: any;
+  errorType: ErrorType;
+}
+//#endregion
+export { ChatErrorType, ErrorResponse, ErrorType };
+//# sourceMappingURL=error.d.mts.map

package/es/chat/types/error.mjs

@@ -0,0 +1,20 @@
+//#region src/chat/types/error.ts
+const ChatErrorType = {
+	InvalidAccessCode: "InvalidAccessCode",
+	OpenAIBizError: "OpenAIBizError",
+	NoAPIKey: "NoAPIKey",
+	BadRequest: 400,
+	Unauthorized: 401,
+	Forbidden: 403,
+	ContentNotFound: 404,
+	MethodNotAllowed: 405,
+	TooManyRequests: 429,
+	InternalServerError: 500,
+	BadGateway: 502,
+	ServiceUnavailable: 503,
+	GatewayTimeout: 504
+};
+
+//#endregion
+export { ChatErrorType };
+//# sourceMappingURL=error.mjs.map

package/es/chat/types/error.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.mjs","names":[],"sources":["../../../src/chat/types/error.ts"],"sourcesContent":["/* eslint-disable sort-keys-fix/sort-keys-fix */\nexport const ChatErrorType = {\n  // ******* 业务错误语义 ******* //\n\n  InvalidAccessCode: 'InvalidAccessCode', // 密码无效\n  OpenAIBizError: 'OpenAIBizError', // OpenAI 返回的业务错误\n  NoAPIKey: 'NoAPIKey',\n\n  // ******* 客户端错误 ******* //\n  BadRequest: 400,\n  Unauthorized: 401,\n  Forbidden: 403,\n  ContentNotFound: 404, // 没找到接口\n  MethodNotAllowed: 405, // 不支持\n  TooManyRequests: 429,\n\n  // ******* 服务端错误 ******* //\n  InternalServerError: 500,\n  BadGateway: 502,\n  ServiceUnavailable: 503,\n  GatewayTimeout: 504,\n} as const;\n/* eslint-enable */\n\nexport type ErrorType = (typeof ChatErrorType)[keyof typeof ChatErrorType];\n\nexport interface ErrorResponse {\n  body: any;\n  errorType: ErrorType;\n}\n"],"mappings":";AACA,MAAa,gBAAgB;CAG3B,mBAAmB;CACnB,gBAAgB;CAChB,UAAU;CAGV,YAAY;CACZ,cAAc;CACd,WAAW;CACX,iBAAiB;CACjB,kBAAkB;CAClB,iBAAiB;CAGjB,qBAAqB;CACrB,YAAY;CACZ,oBAAoB;CACpB,gBAAgB;CACjB"}

package/es/chat/types/index.d.mts

@@ -0,0 +1,4 @@
+import { ChatErrorType, ErrorResponse, ErrorType } from "./error.mjs";
+import { LLMExample, LLMMessage, LLMParams, LLMRoleType, LanguageModel } from "./llm.mjs";
+import { BaseDataModel, MetaData } from "./meta.mjs";
+import { ChatMessage, ChatMessageError, ChatMessageMap, OpenAIFunctionCall } from "./chatMessage.mjs";

package/es/chat/types/llm.d.mts

@@ -0,0 +1,51 @@
+//#region src/chat/types/llm.d.ts
+/**
+ * LLM 模型
+ */
+declare enum LanguageModel {
+  /**
+   * GPT 3.5 Turbo
+   */
+  GPT3_5 = "gpt-3.5-turbo",
+  GPT3_5_16K = "gpt-3.5-turbo-16k",
+  /**
+   * GPT 4
+   */
+  GPT4 = "gpt-4",
+  GPT4_32K = "gpt-4-32k",
+}
+interface LLMParams {
+  /**
+   * 控制生成文本中的惩罚系数，用于减少重复性
+   * @default 0
+   */
+  frequency_penalty?: number;
+  /**
+   * 生成文本的最大长度
+   */
+  max_tokens?: number;
+  /**
+   * 控制生成文本中的惩罚系数，用于减少主题的变化
+   * @default 0
+   */
+  presence_penalty?: number;
+  /**
+   * 生成文本的随机度量，用于控制文本的创造性和多样性
+   * @default 0.6
+   */
+  temperature?: number;
+  /**
+   * 控制生成文本中最高概率的单个 token
+   * @default 1
+   */
+  top_p?: number;
+}
+type LLMRoleType = 'user' | 'system' | 'assistant' | 'function';
+interface LLMMessage {
+  content: string;
+  role: LLMRoleType;
+}
+type LLMExample = LLMMessage[];
+//#endregion
+export { LLMExample, LLMMessage, LLMParams, LLMRoleType, LanguageModel };
+//# sourceMappingURL=llm.d.mts.map

package/es/chat/types/llm.mjs

@@ -0,0 +1,21 @@
+//#region src/chat/types/llm.ts
+/**
+* LLM 模型
+*/
+let LanguageModel = /* @__PURE__ */ function(LanguageModel$1) {
+	/**
+	* GPT 3.5 Turbo
+	*/
+	LanguageModel$1["GPT3_5"] = "gpt-3.5-turbo";
+	LanguageModel$1["GPT3_5_16K"] = "gpt-3.5-turbo-16k";
+	/**
+	* GPT 4
+	*/
+	LanguageModel$1["GPT4"] = "gpt-4";
+	LanguageModel$1["GPT4_32K"] = "gpt-4-32k";
+	return LanguageModel$1;
+}({});
+
+//#endregion
+export { LanguageModel };
+//# sourceMappingURL=llm.mjs.map

package/es/chat/types/llm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"llm.mjs","names":[],"sources":["../../../src/chat/types/llm.ts"],"sourcesContent":["/**\n * LLM 模型\n */\nexport enum LanguageModel {\n  /**\n   * GPT 3.5 Turbo\n   */\n  GPT3_5 = 'gpt-3.5-turbo',\n  GPT3_5_16K = 'gpt-3.5-turbo-16k',\n  /**\n   * GPT 4\n   */\n  GPT4 = 'gpt-4',\n  GPT4_32K = 'gpt-4-32k',\n}\n\n// 语言模型的设置参数\nexport interface LLMParams {\n  /**\n   * 控制生成文本中的惩罚系数，用于减少重复性\n   * @default 0\n   */\n  frequency_penalty?: number;\n  /**\n   * 生成文本的最大长度\n   */\n  max_tokens?: number;\n  /**\n   * 控制生成文本中的惩罚系数，用于减少主题的变化\n   * @default 0\n   */\n  presence_penalty?: number;\n  /**\n   * 生成文本的随机度量，用于控制文本的创造性和多样性\n   * @default 0.6\n   */\n  temperature?: number;\n  /**\n   * 控制生成文本中最高概率的单个 token\n   * @default 1\n   */\n  top_p?: number;\n}\n\nexport type LLMRoleType = 'user' | 'system' | 'assistant' | 'function';\n\nexport interface LLMMessage {\n  content: string;\n  role: LLMRoleType;\n}\n\nexport type LLMExample = LLMMessage[];\n"],"mappings":";;;;AAGA,IAAY,0DAAL;;;;AAIL;AACA;;;;AAIA;AACA"}

package/es/chat/types/meta.d.mts

@@ -0,0 +1,31 @@
+import { ReactNode } from "react";
+
+//#region src/chat/types/meta.d.ts
+interface MetaData {
+  /**
+   * 角色头像
+   * @description 可选参数，如果不传则使用默认头像
+   */
+  avatar?: string | ReactNode;
+  /**
+   *  背景色
+   * @description 可选参数，如果不传则使用默认背景色
+   */
+  backgroundColor?: string;
+  description?: string;
+  tags?: string[];
+  /**
+   * 名称
+   * @description 可选参数，如果不传则使用默认名称
+   */
+  title?: string;
+}
+interface BaseDataModel {
+  createAt: number;
+  id: string;
+  meta: MetaData;
+  updateAt: number;
+}
+//#endregion
+export { BaseDataModel, MetaData };
+//# sourceMappingURL=meta.d.mts.map

package/es/color/ColorScales/ScaleRow.mjs

@@ -0,0 +1,64 @@
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { copyToClipboard } from "../../utils/copyToClipboard.mjs";
+import { alphaBg, useStyles } from "./style.mjs";
+import { Space, message } from "antd";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/color/ColorScales/ScaleRow.tsx
+const ScaleRow = memo(({ name, title, scale }) => {
+	const { styles } = useStyles();
+	let style = {};
+	let isAlpha = false;
+	switch (title) {
+		case "lightA":
+			style = {
+				background: alphaBg.light,
+				backgroundColor: "#fff"
+			};
+			isAlpha = true;
+			break;
+		case "darkA":
+			style = {
+				background: alphaBg.dark,
+				backgroundColor: "#000"
+			};
+			isAlpha = true;
+			break;
+		default: break;
+	}
+	return /* @__PURE__ */ jsxs(Space, {
+		size: 2,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: styles.scaleRowTitle,
+			children: /* @__PURE__ */ jsx("div", {
+				className: styles.text,
+				children: title
+			})
+		}, title), scale.map((color, index) => {
+			if (index === 0 || index === 12) return false;
+			return /* @__PURE__ */ jsx("div", {
+				className: styles.scaleBox,
+				onClick: async () => {
+					const content = `token.${name}${index}${isAlpha ? "A" : ""} /* ${color} */`;
+					await copyToClipboard(content);
+					message.success(content);
+				},
+				style,
+				title: color,
+				children: /* @__PURE__ */ jsx(FlexBasic_default, {
+					align: "center",
+					className: styles.scaleItem,
+					horizontal: true,
+					justify: "center",
+					style: { backgroundColor: color }
+				})
+			}, index);
+		})]
+	});
+});
+var ScaleRow_default = ScaleRow;
+
+//#endregion
+export { ScaleRow_default as default };
+//# sourceMappingURL=ScaleRow.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/ScaleRow.tsx"],"sourcesContent":["import { Space, message } from 'antd';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { alphaBg, useStyles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n  scale: string[];\n  title: 'light' | 'lightA' | 'dark' | 'darkA';\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {\n  const { styles } = useStyles();\n\n  let style = {};\n  let isAlpha = false;\n\n  switch (title) {\n    case 'lightA': {\n      style = { background: alphaBg.light, backgroundColor: '#fff' };\n      isAlpha = true;\n      break;\n    }\n    case 'darkA': {\n      style = { background: alphaBg.dark, backgroundColor: '#000' };\n      isAlpha = true;\n      break;\n    }\n    default: {\n      break;\n    }\n  }\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            onClick={async () => {\n              const content = `token.${name}${index}${isAlpha ? 'A' : ''} /* ${color} */`;\n\n              await copyToClipboard(content);\n              message.success(content);\n            }}\n            style={style}\n            title={color}\n          >\n            <Flexbox\n              align={'center'}\n              className={styles.scaleItem}\n              horizontal\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,EAAE,WAAW,WAAW;CAE9B,IAAI,QAAQ,EAAE;CACd,IAAI,UAAU;AAEd,SAAQ,OAAR;EACE,KAAK;AACH,WAAQ;IAAE,YAAY,QAAQ;IAAO,iBAAiB;IAAQ;AAC9D,aAAU;AACV;EAEF,KAAK;AACH,WAAQ;IAAE,YAAY,QAAQ;IAAM,iBAAiB;IAAQ;AAC7D,aAAU;AACV;EAEF,QACE;;AAIJ,QACE,qBAAC;EAAM,MAAM;aACX,oBAAC;GAAI,WAAW,OAAO;aACrB,oBAAC;IAAI,WAAW,OAAO;cAAO;KAAY;KADD,MAErC,EACL,MAAM,KAAK,OAAO,UAAU;AAC3B,OAAI,UAAU,KAAK,UAAU,GAAI,QAAO;AAExC,UACE,oBAAC;IACC,WAAW,OAAO;IAElB,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,QAAQ,UAAU,MAAM,GAAG,MAAM,MAAM;AAEvE,WAAM,gBAAgB,QAAQ;AAC9B,aAAQ,QAAQ,QAAQ;;IAEnB;IACP,OAAO;cAEP,oBAACA;KACC,OAAO;KACP,WAAW,OAAO;KAClB;KACA,SAAS;KACT,OAAO,EAAE,iBAAiB,OAAO;MACjC;MAhBG,MAiBD;IAER;GACI;EAEV;AAEF,uBAAe"}

package/es/color/ColorScales/index.d.mts

@@ -0,0 +1,22 @@
+import { ColorScaleItem } from "../types.mjs";
+import * as react28 from "react";
+
+//#region src/color/ColorScales/index.d.ts
+interface ColorScalesProps {
+  /**
+   * @description Index of the mid highlight color in the scale
+   */
+  midHighLight: number;
+  /**
+   * @description Name of the color scale
+   */
+  name: string;
+  /**
+   * @description Color scale item object
+   */
+  scale: ColorScaleItem;
+}
+declare const ColorScales: react28.NamedExoticComponent<ColorScalesProps>;
+//#endregion
+export { ColorScales, ColorScalesProps };
+//# sourceMappingURL=index.d.mts.map

package/es/color/ColorScales/index.mjs

@@ -0,0 +1,81 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { useStyles } from "./style.mjs";
+import ScaleRow_default from "./ScaleRow.mjs";
+import { Space } from "antd";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/color/ColorScales/index.tsx
+const ColorScales = memo(({ name, scale, midHighLight }) => {
+	const { styles } = useStyles();
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		align: "center",
+		flex: 1,
+		horizontal: true,
+		justify: "center",
+		children: /* @__PURE__ */ jsx("div", {
+			style: { padding: "8px 16px 32px 0" },
+			children: /* @__PURE__ */ jsxs(Space, {
+				direction: "vertical",
+				size: 2,
+				children: [
+					/* @__PURE__ */ jsxs(Space, {
+						size: 2,
+						children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+							align: "center",
+							className: styles.scaleRowTitle,
+							horizontal: true
+						}, "scale-num"), Array.from({ length: scale.light.length }).fill("").map((_, index) => {
+							if (index === 0 || index === 12) return false;
+							const isMidHighlight = midHighLight === index;
+							return /* @__PURE__ */ jsx("div", {
+								className: styles.scaleBox,
+								children: /* @__PURE__ */ jsx("div", {
+									className: styles.scaleBox,
+									children: /* @__PURE__ */ jsx(FlexBasic_default, {
+										align: "center",
+										className: styles.scaleItem,
+										horizontal: true,
+										justify: "center",
+										style: {
+											fontWeight: isMidHighlight ? 700 : 400,
+											opacity: .5
+										},
+										children: index
+									})
+								})
+							}, `num${index}`);
+						})]
+					}, "scale-title"),
+					/* @__PURE__ */ jsx(ScaleRow_default, {
+						name,
+						scale: scale.light,
+						title: "light"
+					}, "light"),
+					/* @__PURE__ */ jsx(ScaleRow_default, {
+						name,
+						scale: scale.lightA,
+						title: "lightA"
+					}, "lightA"),
+					/* @__PURE__ */ jsx(ScaleRow_default, {
+						name,
+						scale: scale.dark,
+						title: "dark"
+					}, "dark"),
+					/* @__PURE__ */ jsx(ScaleRow_default, {
+						name,
+						scale: scale.darkA,
+						title: "darkA"
+					}, "darkA")
+				]
+			})
+		})
+	});
+});
+var ColorScales_default = ColorScales;
+
+//#endregion
+export { ColorScales_default as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Flexbox","ScaleRow"],"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 { ColorScaleItem } from '../types';\nimport ScaleRow from './ScaleRow';\nimport { useStyles } 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  const { styles } = useStyles();\n\n  return (\n    <Flexbox align={'center'} flex={1} horizontal 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 align={'center'} className={styles.scaleRowTitle} horizontal 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                        align={'center'}\n                        className={styles.scaleItem}\n                        horizontal\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,MAAM,EAAE,WAAW,WAAW;AAE9B,QACE,oBAACA;EAAQ,OAAO;EAAU,MAAM;EAAG;EAAW,SAAS;YACrD,oBAAC;GAAI,OAAO,EAAE,SAAS,mBAAmB;aACxC,qBAAC;IAAM,WAAW;IAAY,MAAM;;KAClC,qBAAC;MAAwB,MAAM;iBAC7B,oBAACA;OAAQ,OAAO;OAAU,WAAW,OAAO;OAAe;SAAe,YAAc,EACvF,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,QAAQ,CAAC,CACxC,KAAK,GAAG,CACR,KAAK,GAAG,UAAU;AACjB,WAAI,UAAU,KAAK,UAAU,GAAI,QAAO;OAExC,MAAM,iBAAiB,iBAAiB;AAExC,cACE,oBAAC;QAAI,WAAW,OAAO;kBACrB,oBAAC;SAAI,WAAW,OAAO;mBACrB,oBAACA;UACC,OAAO;UACP,WAAW,OAAO;UAClB;UACA,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;WACV;oBAEA;WACO;UACN;UAd8B,MAAM,QAetC;QAER;QA3BK,cA4BH;KACR,oBAACC;MAA2B;MAAM,OAAO,MAAM;MAAO,OAAM;QAA9C,QAAwD;KACtE,oBAACA;MAA4B;MAAM,OAAO,MAAM;MAAQ,OAAM;QAAhD,SAA2D;KACzE,oBAACA;MAA0B;MAAM,OAAO,MAAM;MAAM,OAAM;QAA5C,OAAqD;KACnE,oBAACA;MAA2B;MAAM,OAAO,MAAM;MAAO,OAAM;QAA9C,QAAwD;;KAChE;IACJ;GACE;EAEZ;AAEF,0BAAe"}

package/es/color/ColorScales/style.mjs

@@ -0,0 +1,45 @@
+import { createStyles } from "antd-style";
+
+//#region src/color/ColorScales/style.ts
+const alphaBg = {
+	dark: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=) 0% 0% / 26px",
+	light: "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 26px"
+};
+const useStyles = createStyles(({ css: css$1, token }) => ({
+	scaleBox: css$1`
+    cursor: pointer;
+
+    position: relative;
+
+    width: 48px;
+    height: 32px;
+
+    background-position:
+      0 0,
+      0 8px,
+      8px -8px,
+      -8px 0;
+    background-size: 16px 16px;
+
+    transition: scale 400ms ${token.motionEaseOut};
+
+    &:active {
+      scale: 0.8;
+    }
+  `,
+	scaleItem: css$1`
+    width: 100%;
+    height: 100%;
+  `,
+	scaleRowTitle: css$1`
+    width: 64px;
+    height: 32px;
+  `,
+	text: css$1`
+    opacity: 0.5;
+  `
+}));
+
+//#endregion
+export { alphaBg, useStyles };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/color/ColorScales/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const alphaBg = {\n  dark: 'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACPTkDJAAAAZUlEQVRIDe2VMQoAMAgDa9/g/1/oIzrpZBCh2dLFkkoDF0Fz99OdiOjks+2/7S8fRRmMMIVoRGSoYzvvqF8ZIMKlC1GhQBc6IkPzq32QmdAzkEGihpWOSPsAss8HegYySNSw0hE9WQ4StafZFqkAAAAASUVORK5CYII=) 0% 0% / 26px',\n  light:\n    'url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAAFpJREFUWAntljEKADAIA23p6v//qQ+wfUEcCu1yriEgp0FHRJSJcnehmmWm1Dv/lO4HIg1AAAKjTqm03ea88zMCCEDgO4HV5bS757f+7wRoAAIQ4B9gByAAgQ3pfiDmXmAeEwAAAABJRU5ErkJggg==) 0% 0% / 26px',\n};\n\nexport const useStyles = createStyles(({ css, token }) => ({\n  scaleBox: css`\n    cursor: pointer;\n\n    position: relative;\n\n    width: 48px;\n    height: 32px;\n\n    background-position:\n      0 0,\n      0 8px,\n      8px -8px,\n      -8px 0;\n    background-size: 16px 16px;\n\n    transition: scale 400ms ${token.motionEaseOut};\n\n    &:active {\n      scale: 0.8;\n    }\n  `,\n  scaleItem: css`\n    width: 100%;\n    height: 100%;\n  `,\n  scaleRowTitle: css`\n    width: 64px;\n    height: 32px;\n  `,\n  text: css`\n    opacity: 0.5;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,UAAU;CACrB,MAAM;CACN,OACE;CACH;AAED,MAAa,YAAY,cAAc,EAAE,YAAK,aAAa;CACzD,UAAU,KAAG;;;;;;;;;;;;;;;8BAee,MAAM,cAAc;;;;;;CAMhD,WAAW,KAAG;;;;CAId,eAAe,KAAG;;;;CAIlB,MAAM,KAAG;;;CAGV,EAAE"}

package/es/color/colors/blue.d.mts

@@ -0,0 +1,7 @@
+import { ColorScaleItem } from "../types.mjs";
+
+//#region src/color/colors/blue.d.ts
+declare const blue: ColorScaleItem;
+//#endregion
+export { blue };
+//# sourceMappingURL=blue.d.mts.map

package/es/color/colors/blue.mjs

@@ -0,0 +1,68 @@
+//#region src/color/colors/blue.ts
+const blue = {
+	dark: [
+		"#000506",
+		"#002126",
+		"#00363f",
+		"#004e59",
+		"#006675",
+		"#008093",
+		"#159ab0",
+		"#47b3ca",
+		"#6acde4",
+		"#8ae8ff",
+		"#b8f0ff",
+		"#def7ff",
+		"#ffffff"
+	],
+	darkA: [
+		"rgba(0, 167, 200, 0.03)",
+		"rgba(0, 220, 253, 0.15)",
+		"rgba(0, 216, 252, 0.25)",
+		"rgba(0, 223, 254, 0.35)",
+		"rgba(0, 222, 254, 0.46)",
+		"rgba(0, 221, 253, 0.58)",
+		"rgba(30, 223, 255, 0.69)",
+		"rgba(89, 224, 252, 0.8)",
+		"rgba(118, 228, 253, 0.9)",
+		"#8ae8ff",
+		"#b8f0ff",
+		"#def7ff",
+		"#ffffff"
+	],
+	light: [
+		"#ffffff",
+		"#fbfeff",
+		"#f4fcff",
+		"#eafaff",
+		"#dff7ff",
+		"#d3f5ff",
+		"#c4f2ff",
+		"#b4efff",
+		"#a1ecff",
+		"#8ae8ff",
+		"#159ab0",
+		"#004e59",
+		"#000506"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(55, 205, 255, 0.02)",
+		"rgba(35, 195, 255, 0.05)",
+		"rgba(22, 199, 255, 0.09)",
+		"rgba(9, 193, 255, 0.13)",
+		"rgba(11, 199, 255, 0.18)",
+		"rgba(9, 201, 255, 0.24)",
+		"rgba(5, 202, 255, 0.3)",
+		"rgba(1, 204, 255, 0.37)",
+		"rgba(1, 205, 255, 0.46)",
+		"rgba(1, 145, 169, 0.92)",
+		"#004e59",
+		"#000506"
+	]
+};
+var blue_default = blue;
+
+//#endregion
+export { blue_default as default };
+//# sourceMappingURL=blue.mjs.map

package/es/color/colors/blue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blue.mjs","names":["blue: ColorScaleItem"],"sources":["../../../src/color/colors/blue.ts"],"sourcesContent":["import { ColorScaleItem } from '../types';\n\nconst blue: ColorScaleItem = {\n  dark: [\n    '#000506',\n    '#002126',\n    '#00363f',\n    '#004e59',\n    '#006675',\n    '#008093',\n    '#159ab0',\n    '#47b3ca',\n    '#6acde4',\n    '#8ae8ff',\n    '#b8f0ff',\n    '#def7ff',\n    '#ffffff',\n  ],\n  darkA: [\n    'rgba(0, 167, 200, 0.03)',\n    'rgba(0, 220, 253, 0.15)',\n    'rgba(0, 216, 252, 0.25)',\n    'rgba(0, 223, 254, 0.35)',\n    'rgba(0, 222, 254, 0.46)',\n    'rgba(0, 221, 253, 0.58)',\n    'rgba(30, 223, 255, 0.69)',\n    'rgba(89, 224, 252, 0.8)',\n    'rgba(118, 228, 253, 0.9)',\n    '#8ae8ff',\n    '#b8f0ff',\n    '#def7ff',\n    '#ffffff',\n  ],\n  light: [\n    '#ffffff',\n    '#fbfeff',\n    '#f4fcff',\n    '#eafaff',\n    '#dff7ff',\n    '#d3f5ff',\n    '#c4f2ff',\n    '#b4efff',\n    '#a1ecff',\n    '#8ae8ff',\n    '#159ab0',\n    '#004e59',\n    '#000506',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(55, 205, 255, 0.02)',\n    'rgba(35, 195, 255, 0.05)',\n    'rgba(22, 199, 255, 0.09)',\n    'rgba(9, 193, 255, 0.13)',\n    'rgba(11, 199, 255, 0.18)',\n    'rgba(9, 201, 255, 0.24)',\n    'rgba(5, 202, 255, 0.3)',\n    'rgba(1, 204, 255, 0.37)',\n    'rgba(1, 205, 255, 0.46)',\n    'rgba(1, 145, 169, 0.92)',\n    '#004e59',\n    '#000506',\n  ],\n};\n\nexport default blue;\n"],"mappings":";AAEA,MAAMA,OAAuB;CAC3B,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACF;AAED,mBAAe"}

package/es/color/colors/cyan.d.mts

@@ -0,0 +1,7 @@
+import { ColorScaleItem } from "../types.mjs";
+
+//#region src/color/colors/cyan.d.ts
+declare const cyan: ColorScaleItem;
+//#endregion
+export { cyan };
+//# sourceMappingURL=cyan.d.mts.map