@lobehub/ui 5.6.2 → 5.6.4

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/chat/MessageInput/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(\n  ({ css, cssVar }) => css`\n    position: relative;\n\n    height: 100%;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: 13px;\n    line-height: 1.8;\n  `,\n);\n"],"mappings":";;;AAEA,MAAa,SAAS,oBACnB,EAAE,YAAK,uBAAa,KAAG;;;;;mBAKPA,SAAO,eAAe;;;IAIxC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/MessageInput/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(\n  ({ css, cssVar }) => css`\n    position: relative;\n\n    height: 100%;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: 13px;\n    line-height: 1.8;\n  `,\n);\n"],"mappings":";;AAEA,MAAa,SAAS,oBACnB,EAAE,KAAK,aAAa,GAAG;;;;;mBAKP,OAAO,eAAe;;;IAIxC"}

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

@@ -1,9 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
 import { ButtonProps } from "../../Button/type.mjs";
-import "../../Button/index.mjs";
 import { CodeEditorProps } from "../../CodeEditor/type.mjs";
-import "../../CodeEditor/index.mjs";
 import { CSSProperties } from "react";
 
 //#region src/chat/MessageInput/type.d.ts

package/es/chat/MessageModal/MessageModal.d.mts

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

package/es/chat/MessageModal/MessageModal.mjs

@@ -1,19 +1,17 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Button_default from "../../Button/Button.mjs";
-import CodeEditor_default from "../../CodeEditor/CodeEditor.mjs";
+import Button from "../../Button/Button.mjs";
+import CodeEditor from "../../CodeEditor/CodeEditor.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
-import TextArea_default from "../../Input/TextArea.mjs";
-import Modal_default from "../../Modal/Modal.mjs";
-import Markdown_default from "../../Markdown/Markdown.mjs";
+import TextArea from "../../Input/TextArea.mjs";
+import Modal from "../../Modal/Modal.mjs";
+import Markdown from "../../Markdown/Markdown.mjs";
 import { styles } from "../MessageInput/style.mjs";
 import messageModal_default from "../../i18n/resources/en/messageModal.mjs";
 import { memo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useResponsive } from "antd-style";
 import useMergeState from "use-merge-value";
-
 //#region src/chat/MessageModal/MessageModal.tsx
 const MessageModal = memo(({ panelRef, editing, open, height = "75vh", onOpenChange, onEditingChange, placeholder, value, language = "markdown", onChange, text, footer, extra }) => {
 	const { mobile } = useResponsive();
@@ -30,14 +28,14 @@ const MessageModal = memo(({ panelRef, editing, open, height = "75vh", onOpenCha
 	const confirmText = text?.confirm ?? t("messageModal.confirm");
 	const cancelText = text?.cancel ?? t("messageModal.cancel");
 	const editText = text?.edit ?? t("messageModal.edit");
-	return /* @__PURE__ */ jsx(Modal_default, {
+	return /* @__PURE__ */ jsx(Modal, {
 		allowFullscreen: true,
 		destroyOnHidden: true,
 		cancelText,
 		footer: isEdit ? /* @__PURE__ */ jsxs(FlexBasic_default, {
 			direction: "horizontal-reverse",
 			gap: 8,
-			children: [/* @__PURE__ */ jsx(Button_default, {
+			children: [/* @__PURE__ */ jsx(Button, {
 				type: "primary",
 				onClick: () => {
 					setTyping(false);
@@ -45,7 +43,7 @@ const MessageModal = memo(({ panelRef, editing, open, height = "75vh", onOpenCha
 					setMessage(value);
 				},
 				children: confirmText
-			}), /* @__PURE__ */ jsx(Button_default, {
+			}), /* @__PURE__ */ jsx(Button, {
 				onClick: () => {
 					setTyping(false);
 					setMessage(value);
@@ -64,7 +62,7 @@ const MessageModal = memo(({ panelRef, editing, open, height = "75vh", onOpenCha
 			setTyping(false);
 			setMessage(value);
 		},
-		children: isEdit ? mobile ? /* @__PURE__ */ jsx(TextArea_default, {
+		children: isEdit ? mobile ? /* @__PURE__ */ jsx(TextArea, {
 			autoSize: true,
 			className: styles,
 			defaultValue: temporaryValue,
@@ -72,8 +70,8 @@ const MessageModal = memo(({ panelRef, editing, open, height = "75vh", onOpenCha
 			value: temporaryValue,
 			variant: "borderless",
 			onBlur: (e) => setMessage(e.target.value),
-			onChange: (value$1) => setMessage(value$1.target.value)
-		}) : /* @__PURE__ */ jsx(CodeEditor_default, {
+			onChange: (value) => setMessage(value.target.value)
+		}) : /* @__PURE__ */ jsx(CodeEditor, {
 			className: styles,
 			defaultValue: temporaryValue,
 			language,
@@ -81,16 +79,15 @@ const MessageModal = memo(({ panelRef, editing, open, height = "75vh", onOpenCha
 			value: temporaryValue,
 			variant: "borderless",
 			onBlur: (e) => setMessage(e.target.value),
-			onValueChange: (value$1) => setMessage(value$1)
-		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [extra, /* @__PURE__ */ jsx(Markdown_default, {
+			onValueChange: (value) => setMessage(value)
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [extra, /* @__PURE__ */ jsx(Markdown, {
 			variant: "chat",
 			children: String(value || placeholder)
 		})] })
 	});
 });
 MessageModal.displayName = "MessageModal";
-var MessageModal_default = MessageModal;
-
 //#endregion
-export { MessageModal_default as default };
+export { MessageModal as default };
+
 //# sourceMappingURL=MessageModal.mjs.map

package/es/chat/MessageModal/MessageModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageModal.mjs","names":["messageModalMessages","useControlledState","Modal","Flexbox","Button","TextArea","textStyles","value","CodeEditor","Markdown"],"sources":["../../../src/chat/MessageModal/MessageModal.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport Button from '@/Button';\nimport { styles as textStyles } from '@/chat/MessageInput/style';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport messageModalMessages from '@/i18n/resources/en/messageModal';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport TextArea from '@/Input/TextArea';\nimport Markdown from '@/Markdown';\nimport Modal from '@/Modal';\n\nimport { type MessageModalProps } from './type';\n\nconst MessageModal = memo<MessageModalProps>(\n  ({\n    panelRef,\n    editing,\n    open,\n    height = '75vh',\n    onOpenChange,\n    onEditingChange,\n    placeholder,\n    value,\n    language = 'markdown',\n    onChange,\n    text,\n    footer,\n    extra,\n  }) => {\n    const { mobile } = useResponsive();\n    const { t } = useTranslation(messageModalMessages);\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [showModal, setShowModal] = useControlledState(false, {\n      onChange: onOpenChange,\n      value: open,\n    });\n\n    const [temporaryValue, setMessage] = useState(value);\n\n    const confirmText = text?.confirm ?? t('messageModal.confirm');\n    const cancelText = text?.cancel ?? t('messageModal.cancel');\n    const editText = text?.edit ?? t('messageModal.edit');\n\n    const modalFooter = isEdit ? (\n      <Flexbox direction={'horizontal-reverse'} gap={8}>\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            setTyping(false);\n            onChange?.(temporaryValue);\n            setMessage(value);\n          }}\n        >\n          {confirmText}\n        </Button>\n        <Button\n          onClick={() => {\n            setTyping(false);\n            setMessage(value);\n          }}\n        >\n          {cancelText}\n        </Button>\n      </Flexbox>\n    ) : (\n      footer\n    );\n\n    return (\n      <Modal\n        allowFullscreen\n        destroyOnHidden\n        cancelText={cancelText}\n        footer={modalFooter}\n        height={height}\n        okText={editText}\n        open={showModal}\n        panelRef={panelRef}\n        title={text?.title}\n        onOk={() => setTyping(true)}\n        onCancel={() => {\n          setShowModal(false);\n          setTyping(false);\n          setMessage(value);\n        }}\n      >\n        {isEdit ? (\n          mobile ? (\n            <TextArea\n              autoSize\n              className={textStyles}\n              defaultValue={temporaryValue}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n              onBlur={(e) => setMessage(e.target.value)}\n              onChange={(value) => setMessage(value.target.value)}\n            />\n          ) : (\n            <CodeEditor\n              className={textStyles}\n              defaultValue={temporaryValue}\n              language={language}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n              onBlur={(e) => setMessage(e.target.value)}\n              onValueChange={(value) => setMessage(value)}\n            />\n          )\n        ) : (\n          <>\n            {extra}\n            <Markdown variant={'chat'}>{String(value || placeholder)}</Markdown>\n          </>\n        )}\n      </Modal>\n    );\n  },\n);\n\nMessageModal.displayName = 'MessageModal';\n\nexport default MessageModal;\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,eAAe,MAClB,EACC,UACA,SACA,MACA,SAAS,QACT,cACA,iBACA,aACA,OACA,WAAW,YACX,UACA,MACA,QACA,YACI;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,eAAeA,qBAAqB;CAClD,MAAM,CAAC,QAAQ,aAAaC,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,WAAW,gBAAgBA,cAAmB,OAAO;EAC1D,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,gBAAgB,cAAc,SAAS,MAAM;CAEpD,MAAM,cAAc,MAAM,WAAW,EAAE,uBAAuB;CAC9D,MAAM,aAAa,MAAM,UAAU,EAAE,sBAAsB;CAC3D,MAAM,WAAW,MAAM,QAAQ,EAAE,oBAAoB;AA2BrD,QACE,oBAACC;EACC;EACA;EACY;EACZ,QA9BgB,SAClB,qBAACC;GAAQ,WAAW;GAAsB,KAAK;cAC7C,oBAACC;IACC,MAAK;IACL,eAAe;AACb,eAAU,MAAM;AAChB,gBAAW,eAAe;AAC1B,gBAAW,MAAM;;cAGlB;KACM,EACT,oBAACA;IACC,eAAe;AACb,eAAU,MAAM;AAChB,gBAAW,MAAM;;cAGlB;KACM;IACD,GAEV;EASU;EACR,QAAQ;EACR,MAAM;EACI;EACV,OAAO,MAAM;EACb,YAAY,UAAU,KAAK;EAC3B,gBAAgB;AACd,gBAAa,MAAM;AACnB,aAAU,MAAM;AAChB,cAAW,MAAM;;YAGlB,SACC,SACE,oBAACC;GACC;GACA,WAAWC;GACX,cAAc;GACD;GACb,OAAO;GACP,SAAS;GACT,SAAS,MAAM,WAAW,EAAE,OAAO,MAAM;GACzC,WAAW,YAAU,WAAWC,QAAM,OAAO,MAAM;IACnD,GAEF,oBAACC;GACC,WAAWF;GACX,cAAc;GACJ;GACG;GACb,OAAO;GACP,SAAS;GACT,SAAS,MAAM,WAAW,EAAE,OAAO,MAAM;GACzC,gBAAgB,YAAU,WAAWC,QAAM;IAC3C,GAGJ,8CACG,OACD,oBAACE;GAAS,SAAS;aAAS,OAAO,SAAS,YAAY;IAAY,IACnE;GAEC;EAGb;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"MessageModal.mjs","names":["messageModalMessages","useControlledState","Flexbox","textStyles"],"sources":["../../../src/chat/MessageModal/MessageModal.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport Button from '@/Button';\nimport { styles as textStyles } from '@/chat/MessageInput/style';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport messageModalMessages from '@/i18n/resources/en/messageModal';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport TextArea from '@/Input/TextArea';\nimport Markdown from '@/Markdown';\nimport Modal from '@/Modal';\n\nimport { type MessageModalProps } from './type';\n\nconst MessageModal = memo<MessageModalProps>(\n  ({\n    panelRef,\n    editing,\n    open,\n    height = '75vh',\n    onOpenChange,\n    onEditingChange,\n    placeholder,\n    value,\n    language = 'markdown',\n    onChange,\n    text,\n    footer,\n    extra,\n  }) => {\n    const { mobile } = useResponsive();\n    const { t } = useTranslation(messageModalMessages);\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [showModal, setShowModal] = useControlledState(false, {\n      onChange: onOpenChange,\n      value: open,\n    });\n\n    const [temporaryValue, setMessage] = useState(value);\n\n    const confirmText = text?.confirm ?? t('messageModal.confirm');\n    const cancelText = text?.cancel ?? t('messageModal.cancel');\n    const editText = text?.edit ?? t('messageModal.edit');\n\n    const modalFooter = isEdit ? (\n      <Flexbox direction={'horizontal-reverse'} gap={8}>\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            setTyping(false);\n            onChange?.(temporaryValue);\n            setMessage(value);\n          }}\n        >\n          {confirmText}\n        </Button>\n        <Button\n          onClick={() => {\n            setTyping(false);\n            setMessage(value);\n          }}\n        >\n          {cancelText}\n        </Button>\n      </Flexbox>\n    ) : (\n      footer\n    );\n\n    return (\n      <Modal\n        allowFullscreen\n        destroyOnHidden\n        cancelText={cancelText}\n        footer={modalFooter}\n        height={height}\n        okText={editText}\n        open={showModal}\n        panelRef={panelRef}\n        title={text?.title}\n        onOk={() => setTyping(true)}\n        onCancel={() => {\n          setShowModal(false);\n          setTyping(false);\n          setMessage(value);\n        }}\n      >\n        {isEdit ? (\n          mobile ? (\n            <TextArea\n              autoSize\n              className={textStyles}\n              defaultValue={temporaryValue}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n              onBlur={(e) => setMessage(e.target.value)}\n              onChange={(value) => setMessage(value.target.value)}\n            />\n          ) : (\n            <CodeEditor\n              className={textStyles}\n              defaultValue={temporaryValue}\n              language={language}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n              onBlur={(e) => setMessage(e.target.value)}\n              onValueChange={(value) => setMessage(value)}\n            />\n          )\n        ) : (\n          <>\n            {extra}\n            <Markdown variant={'chat'}>{String(value || placeholder)}</Markdown>\n          </>\n        )}\n      </Modal>\n    );\n  },\n);\n\nMessageModal.displayName = 'MessageModal';\n\nexport default MessageModal;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,eAAe,MAClB,EACC,UACA,SACA,MACA,SAAS,QACT,cACA,iBACA,aACA,OACA,WAAW,YACX,UACA,MACA,QACA,YACI;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,eAAeA,qBAAqB;CAClD,MAAM,CAAC,QAAQ,aAAaC,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,WAAW,gBAAgBA,cAAmB,OAAO;EAC1D,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,gBAAgB,cAAc,SAAS,MAAM;CAEpD,MAAM,cAAc,MAAM,WAAW,EAAE,uBAAuB;CAC9D,MAAM,aAAa,MAAM,UAAU,EAAE,sBAAsB;CAC3D,MAAM,WAAW,MAAM,QAAQ,EAAE,oBAAoB;AA2BrD,QACE,oBAAC,OAAD;EACE,iBAAA;EACA,iBAAA;EACY;EACZ,QA9BgB,SAClB,qBAACC,mBAAD;GAAS,WAAW;GAAsB,KAAK;aAA/C,CACE,oBAAC,QAAD;IACE,MAAK;IACL,eAAe;AACb,eAAU,MAAM;AAChB,gBAAW,eAAe;AAC1B,gBAAW,MAAM;;cAGlB;IACM,CAAA,EACT,oBAAC,QAAD;IACE,eAAe;AACb,eAAU,MAAM;AAChB,gBAAW,MAAM;;cAGlB;IACM,CAAA,CACD;OAEV;EASU;EACR,QAAQ;EACR,MAAM;EACI;EACV,OAAO,MAAM;EACb,YAAY,UAAU,KAAK;EAC3B,gBAAgB;AACd,gBAAa,MAAM;AACnB,aAAU,MAAM;AAChB,cAAW,MAAM;;YAGlB,SACC,SACE,oBAAC,UAAD;GACE,UAAA;GACA,WAAWC;GACX,cAAc;GACD;GACb,OAAO;GACP,SAAS;GACT,SAAS,MAAM,WAAW,EAAE,OAAO,MAAM;GACzC,WAAW,UAAU,WAAW,MAAM,OAAO,MAAM;GACnD,CAAA,GAEF,oBAAC,YAAD;GACE,WAAWA;GACX,cAAc;GACJ;GACG;GACb,OAAO;GACP,SAAS;GACT,SAAS,MAAM,WAAW,EAAE,OAAO,MAAM;GACzC,gBAAgB,UAAU,WAAW,MAAM;GAC3C,CAAA,GAGJ,qBAAA,YAAA,EAAA,UAAA,CACG,OACD,oBAAC,UAAD;GAAU,SAAS;aAAS,OAAO,SAAS,YAAY;GAAY,CAAA,CACnE,EAAA,CAAA;EAEC,CAAA;EAGb;AAED,aAAa,cAAc"}

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

@@ -1,7 +1,5 @@
 import { ModalProps } from "../../Modal/type.mjs";
-import "../../Modal/index.mjs";
 import { MessageInputProps } from "../MessageInput/type.mjs";
-import "../MessageInput/index.mjs";
 import { ReactNode } from "react";
 
 //#region src/chat/MessageModal/type.d.ts

package/es/chat/TokenTag/TokenTag.mjs

@@ -1,6 +1,5 @@
-'use client';
-
-import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
+"use client";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
 import chat_default from "../../i18n/resources/en/chat.mjs";
 import { useMemo } from "react";
@@ -8,7 +7,6 @@ import { jsx } from "react/jsx-runtime";
 import { Progress } from "antd";
 import { cssVar } from "antd-style";
 import numeral from "numeral";
-
 //#region src/chat/TokenTag/TokenTag.tsx
 const format = (number) => numeral(number).format("0,0");
 const TokenTag = ({ mode = "remained", maxValue, value, text, showInfo, size = 20, ...rest }) => {
@@ -37,7 +35,7 @@ const TokenTag = ({ mode = "remained", maxValue, value, text, showInfo, size = 2
 		};
 	}, [percent]);
 	const title = valueLeft > 0 ? [mode === "remained" ? remainedText : usedText, mode === "remained" ? format(valueLeft) : format(value)].join(" ") : overloadText;
-	return /* @__PURE__ */ jsx(ActionIcon_default, {
+	return /* @__PURE__ */ jsx(ActionIcon, {
 		size,
 		title: showInfo ? title : void 0,
 		icon: /* @__PURE__ */ jsx(Progress, {
@@ -51,8 +49,7 @@ const TokenTag = ({ mode = "remained", maxValue, value, text, showInfo, size = 2
 	});
 };
 TokenTag.displayName = "TokenTag";
-var TokenTag_default = TokenTag;
-
 //#endregion
-export { TokenTag_default as default };
+export { TokenTag as default };
+
 //# sourceMappingURL=TokenTag.mjs.map

package/es/chat/TokenTag/TokenTag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TokenTag.mjs","names":["TokenTag: FC<TokenTagProps>","chatMessages","type: 'normal' | 'low' | 'overload'","ActionIcon"],"sources":["../../../src/chat/TokenTag/TokenTag.tsx"],"sourcesContent":["'use client';\n\nimport { Progress } from 'antd';\nimport { cssVar } from 'antd-style';\nimport numeral from 'numeral';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport chatMessages from '@/i18n/resources/en/chat';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport type { TokenTagProps } from './type';\n\nconst format = (number: number) => numeral(number).format('0,0');\n\nconst TokenTag: FC<TokenTagProps> = ({\n  mode = 'remained',\n  maxValue,\n  value,\n  text,\n  showInfo,\n  size = 20,\n  ...rest\n}) => {\n  const { t } = useTranslation(chatMessages);\n  const valueLeft = maxValue - value;\n  const percent = value / maxValue;\n  const remainedText = text?.remained ?? t('tokenTag.remained');\n  const usedText = text?.used ?? t('tokenTag.used');\n  const overloadText = text?.overload ?? t('tokenTag.overload');\n\n  const data = useMemo(() => {\n    let type: 'normal' | 'low' | 'overload';\n    let color;\n\n    if (percent < 0.7) {\n      type = 'normal';\n      color = cssVar.colorText;\n    } else if (percent < 0.9) {\n      type = 'low';\n      color = cssVar.colorWarning;\n    } else {\n      type = 'overload';\n      color = cssVar.colorError;\n    }\n    return {\n      color,\n      type,\n    };\n  }, [percent]);\n\n  const title =\n    valueLeft > 0\n      ? [\n          mode === 'remained' ? remainedText : usedText,\n          mode === 'remained' ? format(valueLeft) : format(value),\n        ].join(' ')\n      : overloadText;\n\n  return (\n    <ActionIcon\n      size={size}\n      title={showInfo ? title : undefined}\n      icon={\n        <Progress\n          percent={percent * 100}\n          showInfo={false}\n          size={Number(typeof size === 'object' ? size?.size || 20 : size) || 20}\n          strokeColor={data.color}\n          type=\"circle\"\n        />\n      }\n      {...rest}\n    />\n  );\n};\n\nTokenTag.displayName = 'TokenTag';\n\nexport default TokenTag;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,UAAU,WAAmB,QAAQ,OAAO,CAAC,OAAO,MAAM;AAEhE,MAAMA,YAA+B,EACnC,OAAO,YACP,UACA,OACA,MACA,UACA,OAAO,IACP,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,eAAeC,aAAa;CAC1C,MAAM,YAAY,WAAW;CAC7B,MAAM,UAAU,QAAQ;CACxB,MAAM,eAAe,MAAM,YAAY,EAAE,oBAAoB;CAC7D,MAAM,WAAW,MAAM,QAAQ,EAAE,gBAAgB;CACjD,MAAM,eAAe,MAAM,YAAY,EAAE,oBAAoB;CAE7D,MAAM,OAAO,cAAc;EACzB,IAAIC;EACJ,IAAI;AAEJ,MAAI,UAAU,IAAK;AACjB,UAAO;AACP,WAAQ,OAAO;aACN,UAAU,IAAK;AACxB,UAAO;AACP,WAAQ,OAAO;SACV;AACL,UAAO;AACP,WAAQ,OAAO;;AAEjB,SAAO;GACL;GACA;GACD;IACA,CAAC,QAAQ,CAAC;CAEb,MAAM,QACJ,YAAY,IACR,CACE,SAAS,aAAa,eAAe,UACrC,SAAS,aAAa,OAAO,UAAU,GAAG,OAAO,MAAM,CACxD,CAAC,KAAK,IAAI,GACX;AAEN,QACE,oBAACC;EACO;EACN,OAAO,WAAW,QAAQ;EAC1B,MACE,oBAAC;GACC,SAAS,UAAU;GACnB,UAAU;GACV,MAAM,OAAO,OAAO,SAAS,WAAW,MAAM,QAAQ,KAAK,KAAK,IAAI;GACpE,aAAa,KAAK;GAClB,MAAK;IACL;EAEJ,GAAI;GACJ;;AAIN,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"TokenTag.mjs","names":["chatMessages"],"sources":["../../../src/chat/TokenTag/TokenTag.tsx"],"sourcesContent":["'use client';\n\nimport { Progress } from 'antd';\nimport { cssVar } from 'antd-style';\nimport numeral from 'numeral';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport chatMessages from '@/i18n/resources/en/chat';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport type { TokenTagProps } from './type';\n\nconst format = (number: number) => numeral(number).format('0,0');\n\nconst TokenTag: FC<TokenTagProps> = ({\n  mode = 'remained',\n  maxValue,\n  value,\n  text,\n  showInfo,\n  size = 20,\n  ...rest\n}) => {\n  const { t } = useTranslation(chatMessages);\n  const valueLeft = maxValue - value;\n  const percent = value / maxValue;\n  const remainedText = text?.remained ?? t('tokenTag.remained');\n  const usedText = text?.used ?? t('tokenTag.used');\n  const overloadText = text?.overload ?? t('tokenTag.overload');\n\n  const data = useMemo(() => {\n    let type: 'normal' | 'low' | 'overload';\n    let color;\n\n    if (percent < 0.7) {\n      type = 'normal';\n      color = cssVar.colorText;\n    } else if (percent < 0.9) {\n      type = 'low';\n      color = cssVar.colorWarning;\n    } else {\n      type = 'overload';\n      color = cssVar.colorError;\n    }\n    return {\n      color,\n      type,\n    };\n  }, [percent]);\n\n  const title =\n    valueLeft > 0\n      ? [\n          mode === 'remained' ? remainedText : usedText,\n          mode === 'remained' ? format(valueLeft) : format(value),\n        ].join(' ')\n      : overloadText;\n\n  return (\n    <ActionIcon\n      size={size}\n      title={showInfo ? title : undefined}\n      icon={\n        <Progress\n          percent={percent * 100}\n          showInfo={false}\n          size={Number(typeof size === 'object' ? size?.size || 20 : size) || 20}\n          strokeColor={data.color}\n          type=\"circle\"\n        />\n      }\n      {...rest}\n    />\n  );\n};\n\nTokenTag.displayName = 'TokenTag';\n\nexport default TokenTag;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,UAAU,WAAmB,QAAQ,OAAO,CAAC,OAAO,MAAM;AAEhE,MAAM,YAA+B,EACnC,OAAO,YACP,UACA,OACA,MACA,UACA,OAAO,IACP,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,eAAeA,aAAa;CAC1C,MAAM,YAAY,WAAW;CAC7B,MAAM,UAAU,QAAQ;CACxB,MAAM,eAAe,MAAM,YAAY,EAAE,oBAAoB;CAC7D,MAAM,WAAW,MAAM,QAAQ,EAAE,gBAAgB;CACjD,MAAM,eAAe,MAAM,YAAY,EAAE,oBAAoB;CAE7D,MAAM,OAAO,cAAc;EACzB,IAAI;EACJ,IAAI;AAEJ,MAAI,UAAU,IAAK;AACjB,UAAO;AACP,WAAQ,OAAO;aACN,UAAU,IAAK;AACxB,UAAO;AACP,WAAQ,OAAO;SACV;AACL,UAAO;AACP,WAAQ,OAAO;;AAEjB,SAAO;GACL;GACA;GACD;IACA,CAAC,QAAQ,CAAC;CAEb,MAAM,QACJ,YAAY,IACR,CACE,SAAS,aAAa,eAAe,UACrC,SAAS,aAAa,OAAO,UAAU,GAAG,OAAO,MAAM,CACxD,CAAC,KAAK,IAAI,GACX;AAEN,QACE,oBAAC,YAAD;EACQ;EACN,OAAO,WAAW,QAAQ,KAAA;EAC1B,MACE,oBAAC,UAAD;GACE,SAAS,UAAU;GACnB,UAAU;GACV,MAAM,OAAO,OAAO,SAAS,WAAW,MAAM,QAAQ,KAAK,KAAK,IAAI;GACpE,aAAa,KAAK;GAClB,MAAK;GACL,CAAA;EAEJ,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc"}

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

@@ -1,6 +1,4 @@
 import { ActionIconProps } from "../../ActionIcon/type.mjs";
-import "../../ActionIcon/index.mjs";
-
 //#region src/chat/TokenTag/type.d.ts
 interface TokenTagProps extends ActionIconProps {
   maxValue: number;

package/es/chat/index.d.mts

@@ -1,6 +1,5 @@
 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";
@@ -11,32 +10,23 @@ 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

@@ -1,20 +1,19 @@
-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 BackBottom from "./BackBottom/BackBottom.mjs";
+import ChatHeaderTitle from "./ChatHeader/ChatHeaderTitle.mjs";
+import ChatHeader from "./ChatHeader/index.mjs";
+import ChatInputAreaInner from "./ChatInputArea/components/ChatInputAreaInner.mjs";
+import ChatInputActionBar from "./ChatInputArea/components/ChatInputActionBar.mjs";
+import ChatSendButton from "./ChatInputArea/components/ChatSendButton.mjs";
+import ChatInputArea from "./ChatInputArea/index.mjs";
+import MessageInput from "./MessageInput/MessageInput.mjs";
+import MessageModal from "./MessageModal/MessageModal.mjs";
+import EditableMessage from "./EditableMessage/EditableMessage.mjs";
+import ChatItem from "./ChatItem/ChatItem.mjs";
+import ChatActionsBar from "./ChatList/components/ChatActionsBar.mjs";
+import ChatList from "./ChatList/ChatList.mjs";
+import EditableMessageList from "./EditableMessageList/EditableMessageList.mjs";
+import LoadingDots from "./LoadingDots/LoadingDots.mjs";
+import TokenTag 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 };
+export { BackBottom, ChatActionsBar, ChatErrorType, ChatHeader, ChatHeaderTitle, ChatInputActionBar, ChatInputArea, ChatInputAreaInner, ChatItem, ChatList, ChatSendButton, EditableMessage, EditableMessageList, LanguageModel, LoadingDots, MessageInput, MessageModal, TokenTag };

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

@@ -3,7 +3,6 @@ import { LLMRoleType } from "./llm.mjs";
 import { BaseDataModel } from "./meta.mjs";
 
 //#region src/chat/types/chatMessage.d.ts
-
 /**
  * 聊天消息错误对象
  */

package/es/chat/types/error.mjs

@@ -14,7 +14,7 @@ const ChatErrorType = {
 	ServiceUnavailable: 503,
 	GatewayTimeout: 504
 };
-
 //#endregion
 export { ChatErrorType };
+
 //# sourceMappingURL=error.mjs.map

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

@@ -12,7 +12,7 @@ declare enum LanguageModel {
    * GPT 4
    */
   GPT4 = "gpt-4",
-  GPT4_32K = "gpt-4-32k",
+  GPT4_32K = "gpt-4-32k"
 }
 interface LLMParams {
   /**

package/es/chat/types/llm.mjs

@@ -2,20 +2,20 @@
 /**
 * LLM 模型
 */
-let LanguageModel = /* @__PURE__ */ function(LanguageModel$1) {
+let LanguageModel = /* @__PURE__ */ function(LanguageModel) {
 	/**
 	* GPT 3.5 Turbo
 	*/
-	LanguageModel$1["GPT3_5"] = "gpt-3.5-turbo";
-	LanguageModel$1["GPT3_5_16K"] = "gpt-3.5-turbo-16k";
+	LanguageModel["GPT3_5"] = "gpt-3.5-turbo";
+	LanguageModel["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;
+	LanguageModel["GPT4"] = "gpt-4";
+	LanguageModel["GPT4_32K"] = "gpt-4-32k";
+	return LanguageModel;
 }({});
-
 //#endregion
 export { LanguageModel };
+
 //# sourceMappingURL=llm.mjs.map

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

@@ -1 +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"}
+{"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,gBAAL,yBAAA,eAAA;;;;AAIL,eAAA,YAAA;AACA,eAAA,gBAAA;;;;AAIA,eAAA,UAAA;AACA,eAAA,cAAA;;KACD"}

package/es/color/ColorScales/ScaleRow.mjs

@@ -4,7 +4,6 @@ import { alphaBg, styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Space, message } from "antd";
-
 //#region src/color/ColorScales/ScaleRow.tsx
 const ScaleRow = memo(({ name, title, scale }) => {
 	let style = {};
@@ -56,8 +55,7 @@ const ScaleRow = memo(({ name, title, scale }) => {
 		})]
 	});
 });
-var ScaleRow_default = ScaleRow;
-
 //#endregion
-export { ScaleRow_default as default };
+export { ScaleRow as default };
+
 //# sourceMappingURL=ScaleRow.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/ScaleRow.tsx"],"sourcesContent":["import { message, Space } from 'antd';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { alphaBg, styles } 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  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            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,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;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,QAAQ,UAAU,MAAM,GAAG,MAAM,MAAM;AAEvE,WAAM,gBAAgB,QAAQ;AAC9B,aAAQ,QAAQ,QAAQ;;cAG1B,oBAACA;KACC;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,OAAO;MACjC;MAhBG,MAiBD;IAER;GACI;EAEV;AAEF,uBAAe"}
+{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/ScaleRow.tsx"],"sourcesContent":["import { message, Space } from 'antd';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { alphaBg, styles } 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  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            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,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,OAAD;EAAO,MAAM;YAAb,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;aACrB,oBAAC,OAAD;IAAK,WAAW,OAAO;cAAO;IAAY,CAAA;GACtC,EAFqC,MAErC,EACL,MAAM,KAAK,OAAO,UAAU;AAC3B,OAAI,UAAU,KAAK,UAAU,GAAI,QAAO;AAExC,UACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,QAAQ,UAAU,MAAM,GAAG,MAAM,MAAM;AAEvE,WAAM,gBAAgB,QAAQ;AAC9B,aAAQ,QAAQ,QAAQ;;cAG1B,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,OAAO;KACjC,CAAA;IACE,EAjBC,MAiBD;IAER,CACI;;EAEV"}

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

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "../types.mjs";
-import * as react66 from "react";
+import * as _$react from "react";
 
 //#region src/color/ColorScales/index.d.ts
 interface ColorScalesProps {
@@ -16,7 +16,7 @@ interface ColorScalesProps {
    */
   scale: ColorScaleItem;
 }
-declare const ColorScales: react66.NamedExoticComponent<ColorScalesProps>;
+declare const ColorScales: _$react.NamedExoticComponent<ColorScalesProps>;
 //#endregion
 export { ColorScales, ColorScalesProps };
 //# sourceMappingURL=index.d.mts.map

package/es/color/ColorScales/index.mjs

@@ -1,12 +1,10 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { styles } from "./style.mjs";
-import ScaleRow_default from "./ScaleRow.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, {
@@ -48,22 +46,22 @@ const ColorScales = memo(({ name, scale, midHighLight }) => {
 							}, `num${index}`);
 						})]
 					}, "scale-title"),
-					/* @__PURE__ */ jsx(ScaleRow_default, {
+					/* @__PURE__ */ jsx(ScaleRow, {
 						name,
 						scale: scale.light,
 						title: "light"
 					}, "light"),
-					/* @__PURE__ */ jsx(ScaleRow_default, {
+					/* @__PURE__ */ jsx(ScaleRow, {
 						name,
 						scale: scale.lightA,
 						title: "lightA"
 					}, "lightA"),
-					/* @__PURE__ */ jsx(ScaleRow_default, {
+					/* @__PURE__ */ jsx(ScaleRow, {
 						name,
 						scale: scale.dark,
 						title: "dark"
 					}, "dark"),
-					/* @__PURE__ */ jsx(ScaleRow_default, {
+					/* @__PURE__ */ jsx(ScaleRow, {
 						name,
 						scale: scale.darkA,
 						title: "darkA"
@@ -73,8 +71,7 @@ const ColorScales = memo(({ name, scale, midHighLight }) => {
 		})
 	});
 });
-var ColorScales_default = ColorScales;
-
 //#endregion
-export { ColorScales_default as default };
+export { ColorScales as default };
+
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +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 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;AAC5E,QACE,oBAACA;EAAQ;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;YACrD,oBAAC;GAAI,OAAO,EAAE,SAAS,mBAAmB;aACxC,qBAAC;IAAM,WAAW;IAAY,MAAM;;KAClC,qBAAC;MAAwB,MAAM;iBAC7B,oBAACA;OAAQ;OAAW,OAAO;OAAU,WAAW,OAAO;SAAmB,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;UACA,OAAO;UACP,WAAW,OAAO;UAClB,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"}
+{"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;AAC5E,QACE,oBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;YACrD,oBAAC,OAAD;GAAK,OAAO,EAAE,SAAS,mBAAmB;aACxC,qBAAC,OAAD;IAAO,WAAW;IAAY,MAAM;cAApC;KACE,qBAAC,OAAD;MAAyB,MAAM;gBAA/B,CACE,oBAACA,mBAAD;OAAS,YAAA;OAAW,OAAO;OAAU,WAAW,OAAO;OAAiC,EAAd,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,OAAD;QAAK,WAAW,OAAO;kBACrB,oBAAC,OAAD;SAAK,WAAW,OAAO;mBACrB,oBAACA,mBAAD;UACE,YAAA;UACA,OAAO;UACP,WAAW,OAAO;UAClB,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;WACV;oBAEA;UACO,CAAA;SACN,CAAA;QACF,EAfgC,MAAM,QAetC;QAER,CACE;QA5BG,cA4BH;KACR,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;MAAU,EAAxD,QAAwD;KACtE,oBAAC,UAAD;MAA6B;MAAM,OAAO,MAAM;MAAQ,OAAM;MAAW,EAA3D,SAA2D;KACzE,oBAAC,UAAD;MAA2B;MAAM,OAAO,MAAM;MAAM,OAAM;MAAS,EAArD,OAAqD;KACnE,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;MAAU,EAAxD,QAAwD;KAChE;;GACJ,CAAA;EACE,CAAA;EAEZ"}

package/es/color/ColorScales/style.mjs

@@ -1,12 +1,11 @@
 import { createStaticStyles } 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 styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	scaleBox: css$1`
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	scaleBox: css`
     cursor: pointer;
 
     position: relative;
@@ -21,25 +20,25 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
       -8px 0;
     background-size: 16px 16px;
 
-    transition: scale 400ms ${cssVar$1.motionEaseOut};
+    transition: scale 400ms ${cssVar.motionEaseOut};
 
     &:active {
       scale: 0.8;
     }
   `,
-	scaleItem: css$1`
+	scaleItem: css`
     width: 100%;
     height: 100%;
   `,
-	scaleRowTitle: css$1`
+	scaleRowTitle: css`
     width: 64px;
     height: 32px;
   `,
-	text: css$1`
+	text: css`
     opacity: 0.5;
   `
 }));
-
 //#endregion
 export { alphaBg, styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/color/ColorScales/style.ts"],"sourcesContent":["import { createStaticStyles } 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 styles = createStaticStyles(({ css, cssVar }) => ({\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 ${cssVar.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,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,UAAU,KAAG;;;;;;;;;;;;;;;8BAeeA,SAAO,cAAc;;;;;;CAMjD,WAAW,KAAG;;;;CAId,eAAe,KAAG;;;;CAIlB,MAAM,KAAG;;;CAGV,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/color/ColorScales/style.ts"],"sourcesContent":["import { createStaticStyles } 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 styles = createStaticStyles(({ css, cssVar }) => ({\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 ${cssVar.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,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;;;;;;;;;;;;;;;8BAee,OAAO,cAAc;;;;;;CAMjD,WAAW,GAAG;;;;CAId,eAAe,GAAG;;;;CAIlB,MAAM,GAAG;;;CAGV,EAAE"}

package/es/color/CssVar/ScaleRow.mjs

@@ -4,7 +4,6 @@ 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 = {};
@@ -38,8 +37,7 @@ const ScaleRow = memo(({ name, title, scale }) => {
 		})]
 	});
 });
-var ScaleRow_default = ScaleRow;
-
 //#endregion
-export { ScaleRow_default as default };
+export { ScaleRow as default };
+
 //# sourceMappingURL=ScaleRow.mjs.map

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,EAAE;AAGhB,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;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,YAAiC,MAAM;AAEvE,WAAM,gBAAgB,QAAQ;AAC9B,aAAQ,QAAQ,QAAQ;;cAG1B,oBAACA;KACC;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,OAAO;MACjC;MAhBG,MAiBD;IAER;GACI;EAEV;AAEF,uBAAe"}
+{"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,EAAE;AAGhB,QACE,qBAAC,OAAD;EAAO,MAAM;YAAb,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;aACrB,oBAAC,OAAD;IAAK,WAAW,OAAO;cAAO;IAAY,CAAA;GACtC,EAFqC,MAErC,EACL,MAAM,KAAK,OAAO,UAAU;AAC3B,OAAI,UAAU,KAAK,UAAU,GAAI,QAAO;AAExC,UACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,MAAA,MAAiC,MAAM;AAEvE,WAAM,gBAAgB,QAAQ;AAC9B,aAAQ,QAAQ,QAAQ;;cAG1B,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,OAAO;KACjC,CAAA;IACE,EAjBC,MAiBD;IAER,CACI;;EAEV"}

package/es/color/CssVar/VarRow.mjs

@@ -5,7 +5,6 @@ import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Space, message } from "antd";
 import { cssVar } from "antd-style";
-
 //#region src/color/CssVar/VarRow.tsx
 const ScaleRow = memo(({ name }) => {
 	return /* @__PURE__ */ jsxs(Space, {
@@ -47,8 +46,7 @@ const ScaleRow = memo(({ name }) => {
 		})]
 	});
 });
-var VarRow_default = ScaleRow;
-
 //#endregion
-export { VarRow_default as default };
+export { ScaleRow as default };
+
 //# sourceMappingURL=VarRow.mjs.map