@lobehub/ui 1.161.0 → 1.162.0

package/es/color/colors/primary.js

@@ -0,0 +1,7 @@
+var primary = {
+  dark: ['#000000', '#111111', '#333333', '#555555', '#666666', '#888888', '#aaaaaa', '#cccccc', '#dddddd', '#eeeeee', '#ffffff', '#ffffff', '#ffffff'],
+  darkA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 255, 255, 0.08)', 'rgba(255, 255, 255, 0.16)', 'rgba(255, 255, 255, 0.22)', 'rgba(255, 255, 255, 0.36)', 'rgba(255, 255, 255, 0.48)', 'rgba(255, 255, 255, 0.6)', 'rgba(255, 255, 255, 0.72)', 'rgba(255, 255, 255, 0.84)', 'rgba(255, 255, 255, 0.88)', 'rgba(255, 255, 255, 0.92)', 'rgba(255, 255, 255, 0.96)', 'rgba(255, 255, 255, 0.98)'],
+  light: ['#ffffff', '#f5f5f5', '#eeeeee', '#cccccc', '#aaaaaa', '#888888', '#666666', '#444444', '#333333', '#222222', '#111111', '#0b0b0b', '#000000'],
+  lightA: ['rgba(0, 0, 0, 0.02)', 'rgba(0, 0, 0, 0.08)', 'rgba(0, 0, 0, 0.16)', 'rgba(0, 0, 0, 0.22)', 'rgba(0, 0, 0, 0.36)', 'rgba(0, 0, 0, 0.48)', 'rgba(0, 0, 0, 0.6)', 'rgba(0, 0, 0, 0.72)', 'rgba(0, 0, 0, 0.84)', 'rgba(0, 0, 0, 0.88)', 'rgba(0, 0, 0, 0.92)', 'rgba(0, 0, 0, 0.96)', 'rgba(0, 0, 0, 0.98)']
+};
+export default primary;

package/es/color/colors/purple.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const purple: ColorScaleItem;
+export default purple;

package/es/color/colors/purple.js

@@ -0,0 +1,7 @@
+var purple = {
+  dark: ['#0d000b', '#2e002a', '#42003e', '#560053', '#670e66', '#781e78', '#892b8a', '#9a399e', '#ab46b2', '#bd54c6', '#d590da', '#edc7ee', '#ffffff'],
+  darkA: ['rgba(217, 0, 183, 0.06)', 'rgba(242, 0, 221, 0.19)', 'rgba(254, 0, 238, 0.26)', 'rgba(253, 0, 244, 0.34)', 'rgba(251, 34, 249, 0.41)', 'rgba(255, 64, 255, 0.47)', 'rgba(249, 78, 251, 0.55)', 'rgba(248, 92, 255, 0.62)', 'rgba(244, 100, 254, 0.7)', 'rgba(242, 108, 254, 0.78)', 'rgba(248, 167, 253, 0.86)', 'rgba(252, 212, 253, 0.94)', '#ffffff'],
+  light: ['#ffffff', '#fff6fb', '#ffe7fd', '#fdd6fe', '#f6c4f8', '#eeb1f1', '#e49ce8', '#d886de', '#cb6ed2', '#bd54c6', '#892b8a', '#560053', '#0d000b'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 30, 155, 0.04)', 'rgba(255, 15, 235, 0.1)', 'rgba(243, 14, 249, 0.17)', 'rgba(218, 9, 226, 0.24)', 'rgba(200, 3, 210, 0.31)', 'rgba(186, 1, 196, 0.39)', 'rgba(174, 3, 186, 0.48)', 'rgba(164, 1, 176, 0.57)', 'rgba(156, 0, 170, 0.67)', 'rgba(113, 0, 114, 0.83)', '#560053', '#0d000b']
+};
+export default purple;

package/es/color/colors/red.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const red: ColorScaleItem;
+export default red;

package/es/color/colors/red.js

@@ -0,0 +1,7 @@
+var red = {
+  dark: ['#0f0003', '#380015', '#560023', '#780032', '#9d0042', '#c10251', '#d6225d', '#e43165', '#ee3a6a', '#f4416c', '#ffb0b7', '#ffe8e8', '#ffffff'],
+  darkA: ['rgba(250, 0, 50, 0.06)', 'rgba(255, 0, 95, 0.22)', 'rgba(253, 0, 103, 0.34)', 'rgba(255, 0, 106, 0.47)', 'rgba(253, 0, 106, 0.62)', 'rgba(254, 3, 107, 0.76)', 'rgba(255, 40, 111, 0.84)', 'rgba(253, 54, 112, 0.9)', 'rgba(253, 62, 113, 0.94)', 'rgba(254, 68, 112, 0.96)', '#ffb0b7', '#ffe8e8', '#ffffff'],
+  light: ['#ffffff', '#fffbff', '#fff3f3', '#ffe8e8', '#ffdadb', '#ffc7ca', '#ffb0b7', '#ff94a1', '#ff6f87', '#f4416c', '#d6225d', '#780032', '#0f0003'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 255, 0.02)', 'rgba(255, 15, 15, 0.05)', 'rgba(255, 25, 25, 0.1)', 'rgba(255, 8, 15, 0.15)', 'rgba(255, 0, 14, 0.22)', 'rgba(255, 0, 23, 0.31)', 'rgba(255, 0, 31, 0.42)', 'rgba(255, 2, 44, 0.57)', 'rgba(240, 2, 59, 0.75)', 'rgba(208, 1, 69, 0.87)', '#780032', '#0f0003']
+};
+export default red;

package/es/color/colors/volcano.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const volcano: ColorScaleItem;
+export default volcano;

package/es/color/colors/volcano.js

@@ -0,0 +1,7 @@
+var volcano = {
+  dark: ['#0c0100', '#2f0a00', '#451200', '#5d1900', '#762000', '#8e2a07', '#a53716', '#bc4424', '#d45132', '#ec5e41', '#ff9480', '#ffcbc3', '#ffffff'],
+  darkA: ['rgba(240, 20, 0, 0.05)', 'rgba(247, 53, 0, 0.19)', 'rgba(246, 64, 0, 0.28)', 'rgba(251, 68, 0, 0.37)', 'rgba(251, 68, 0, 0.47)', 'rgba(254, 75, 12, 0.56)', 'rgba(254, 85, 34, 0.65)', 'rgba(254, 92, 49, 0.74)', 'rgba(255, 98, 60, 0.83)', 'rgba(254, 101, 70, 0.93)', '#ff9480', '#ffcbc3', '#ffffff'],
+  light: ['#ffffff', '#fff7f6', '#ffece9', '#ffded9', '#ffcec5', '#ffbbaf', '#ffa695', '#ff8e78', '#fb745a', '#ec5e41', '#a53716', '#5d1900', '#0c0100'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 30, 0.04)', 'rgba(255, 44, 11, 0.09)', 'rgba(255, 35, 2, 0.15)', 'rgba(255, 42, 3, 0.23)', 'rgba(255, 43, 5, 0.32)', 'rgba(255, 43, 3, 0.42)', 'rgba(255, 42, 0, 0.53)', 'rgba(249, 41, 1, 0.65)', 'rgba(230, 40, 2, 0.75)', 'rgba(157, 38, 2, 0.92)', '#5d1900', '#0c0100']
+};
+export default volcano;

package/es/color/colors/yellow.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const yellow: ColorScaleItem;
+export default yellow;

package/es/color/colors/yellow.js

@@ -0,0 +1,7 @@
+var yellow = {
+  dark: ['#050400', '#251d00', '#3e3300', '#584a00', '#736300', '#8e7d00', '#ab9800', '#c7b426', '#e3d142', '#ffef5c', '#fff594', '#fffad3', '#ffffff'],
+  darkA: ['rgba(250, 200, 0, 0.02)', 'rgba(247, 193, 0, 0.15)', 'rgba(248, 204, 0, 0.25)', 'rgba(251, 211, 0, 0.35)', 'rgba(250, 215, 0, 0.46)', 'rgba(254, 223, 0, 0.56)', 'rgba(255, 227, 0, 0.67)', 'rgba(255, 231, 49, 0.78)', 'rgba(255, 235, 74, 0.89)', '#ffef5c', '#fff594', '#fffad3', '#ffffff'],
+  light: ['#ffffff', '#fffeff', '#fffcff', '#fffbf1', '#fffada', '#fff9c2', '#fff7aa', '#fff592', '#fff279', '#ffef5c', '#ab9800', '#584a00', '#050400'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 155, 255, 0.01)', 'rgba(255, 105, 255, 0.02)', 'rgba(255, 188, 22, 0.06)', 'rgba(255, 222, 8, 0.15)', 'rgba(255, 230, 1, 0.24)', 'rgba(255, 231, 5, 0.34)', 'rgba(255, 232, 2, 0.43)', 'rgba(255, 230, 2, 0.53)', 'rgba(255, 230, 0, 0.64)', '#ab9800', '#584a00', '#050400']
+};
+export default yellow;

package/es/color/index.d.ts

@@ -0,0 +1,4 @@
+export * from './colors';
+export { default as ColorScales, type ColorScalesProps } from './ColorScales';
+export * from './neutrals';
+export { ColorScaleItem } from './types';

package/es/color/index.js

@@ -0,0 +1,4 @@
+export * from "./colors";
+export { default as ColorScales } from "./ColorScales";
+export * from "./neutrals";
+export { ColorScaleItem } from "./types";

package/es/color/neutrals/index.d.ts

@@ -0,0 +1,15 @@
+import type { ColorScaleItem } from "../types";
+export interface NeutralColorScales {
+    mauve: ColorScaleItem;
+    olive: ColorScaleItem;
+    sage: ColorScaleItem;
+    sand: ColorScaleItem;
+    slate: ColorScaleItem;
+}
+export declare const neutralColorScales: NeutralColorScales;
+export { neutralColorScales as neutrals };
+export { default as mauve } from './mauve';
+export { default as olive } from './olive';
+export { default as sage } from './sage';
+export { default as sand } from './sand';
+export { default as slate } from './slate';

package/es/color/neutrals/index.js

@@ -0,0 +1,18 @@
+import mauve from "./mauve";
+import olive from "./olive";
+import sage from "./sage";
+import sand from "./sand";
+import slate from "./slate";
+export var neutralColorScales = {
+  mauve: mauve,
+  olive: olive,
+  sage: sage,
+  sand: sand,
+  slate: slate
+};
+export { neutralColorScales as neutrals };
+export { default as mauve } from "./mauve";
+export { default as olive } from "./olive";
+export { default as sage } from "./sage";
+export { default as sand } from "./sand";
+export { default as slate } from "./slate";

package/es/color/neutrals/mauve.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const mauve: ColorScaleItem;
+export default mauve;

package/es/color/neutrals/mauve.js

@@ -0,0 +1,7 @@
+var mauve = {
+  dark: ['#1c1b1e', '#252528', '#2f2f32', '#3a393d', '#454448', '#504f53', '#5b5a5f', '#67666a', '#737177', '#7f7d83', '#bbb9bd', '#fcf8fb', '#ffffff'],
+  darkA: ['rgba(233, 225, 250, 0.12)', 'rgba(231, 231, 250, 0.16)', 'rgba(235, 235, 250, 0.2)', 'rgba(242, 237, 254, 0.24)', 'rgba(238, 234, 248, 0.29)', 'rgba(242, 239, 252, 0.33)', 'rgba(239, 237, 250, 0.38)', 'rgba(245, 243, 252, 0.42)', 'rgba(245, 240, 253, 0.47)', 'rgba(244, 240, 252, 0.52)', 'rgba(253, 250, 255, 0.74)', 'rgba(255, 251, 254, 0.99)', '#ffffff'],
+  light: ['#fcf8fb', '#edeaed', '#dfdcdf', '#d1ced2', '#c2c0c4', '#b4b2b7', '#a7a4a9', '#99979c', '#8c8a90', '#7f7d83', '#4a494d', '#1c1b1e', '#111'],
+  lightA: ['rgba(155, 22, 122, 0.03)', 'rgba(55, 22, 55, 0.09)', 'rgba(26, 5, 26, 0.14)', 'rgba(25, 10, 30, 0.2)', 'rgba(11, 3, 19, 0.25)', 'rgba(13, 7, 23, 0.31)', 'rgba(11, 2, 16, 0.36)', 'rgba(6, 1, 14, 0.41)', 'rgba(5, 1, 14, 0.46)', 'rgba(4, 0, 12, 0.51)', 'rgba(4, 2, 8, 0.72)', 'rgba(3, 2, 5, 0.9)', '#111']
+};
+export default mauve;

package/es/color/neutrals/olive.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const olive: ColorScaleItem;
+export default olive;

package/es/color/neutrals/olive.js

@@ -0,0 +1,7 @@
+var olive = {
+  dark: ['#1a1c1b', '#232624', '#2d302e', '#383a38', '#424542', '#4d504d', '#585c58', '#646763', '#70736e', '#7c7f79', '#b9bab5', '#faf9f4', '#ffffff'],
+  darkA: ['rgba(236, 255, 245, 0.11)', 'rgba(233, 253, 240, 0.15)', 'rgba(237, 253, 242, 0.19)', 'rgba(243, 252, 243, 0.23)', 'rgba(236, 246, 236, 0.28)', 'rgba(241, 250, 241, 0.32)', 'rgba(238, 249, 238, 0.37)', 'rgba(244, 251, 241, 0.41)', 'rgba(243, 250, 239, 0.46)', 'rgba(248, 254, 242, 0.5)', 'rgba(253, 255, 248, 0.73)', 'rgba(255, 254, 249, 0.98)', '#ffffff'],
+  light: ['#faf9f4', '#ecebe6', '#ddddd7', '#cfcfc9', '#c0c1bb', '#b2b4ae', '#a4a6a0', '#969993', '#898c86', '#7c7f79', '#484b48', '#1a1c1b', '#111'],
+  lightA: ['rgba(155, 135, 35, 0.05)', 'rgba(65, 55, 5, 0.1)', 'rgba(43, 43, 5, 0.16)', 'rgba(37, 37, 10, 0.22)', 'rgba(22, 25, 3, 0.27)', 'rgba(14, 21, 2, 0.32)', 'rgba(16, 21, 5, 0.38)', 'rgba(11, 18, 4, 0.43)', 'rgba(9, 15, 3, 0.48)', 'rgba(8, 13, 2, 0.53)', 'rgba(1, 5, 1, 0.72)', 'rgba(1, 3, 2, 0.9)', '#111']
+};
+export default olive;

package/es/color/neutrals/sage.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const sage: ColorScaleItem;
+export default sage;

package/es/color/neutrals/sage.js

@@ -0,0 +1,7 @@
+var sage = {
+  dark: ['#1a1c1b', '#232624', '#2d302e', '#383a38', '#424542', '#4d504d', '#585c58', '#646763', '#70736e', '#7c7f79', '#b9bab5', '#faf9f4', '#ffffff'],
+  darkA: ['rgba(236, 255, 245, 0.11)', 'rgba(233, 253, 240, 0.15)', 'rgba(237, 253, 242, 0.19)', 'rgba(243, 252, 243, 0.23)', 'rgba(236, 246, 236, 0.28)', 'rgba(241, 250, 241, 0.32)', 'rgba(238, 249, 238, 0.37)', 'rgba(244, 251, 241, 0.41)', 'rgba(243, 250, 239, 0.46)', 'rgba(248, 254, 242, 0.5)', 'rgba(253, 255, 248, 0.73)', 'rgba(255, 254, 249, 0.98)', '#ffffff'],
+  light: ['#faf9f4', '#ecebe6', '#ddddd7', '#cfcfc9', '#c0c1bb', '#b2b4ae', '#a4a6a0', '#969993', '#898c86', '#7c7f79', '#484b48', '#1a1c1b', '#111'],
+  lightA: ['rgba(155, 135, 35, 0.05)', 'rgba(65, 55, 5, 0.1)', 'rgba(43, 43, 5, 0.16)', 'rgba(37, 37, 10, 0.22)', 'rgba(22, 25, 3, 0.27)', 'rgba(14, 21, 2, 0.32)', 'rgba(16, 21, 5, 0.38)', 'rgba(11, 18, 4, 0.43)', 'rgba(9, 15, 3, 0.48)', 'rgba(8, 13, 2, 0.53)', 'rgba(1, 5, 1, 0.72)', 'rgba(1, 3, 2, 0.9)', '#111']
+};
+export default sage;

package/es/color/neutrals/sand.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const sand: ColorScaleItem;
+export default sand;

package/es/color/neutrals/sand.js

@@ -0,0 +1,7 @@
+var sand = {
+  dark: ['#1c1c18', '#262521', '#30302b', '#3a3a35', '#45453f', '#505049', '#5c5b54', '#67675f', '#73726a', '#7f7e76', '#bcbab2', '#fcf9f3', '#ffffff'],
+  darkA: ['rgba(255, 255, 218, 0.11)', 'rgba(253, 247, 220, 0.15)', 'rgba(253, 253, 226, 0.19)', 'rgba(252, 252, 230, 0.23)', 'rgba(246, 246, 225, 0.28)', 'rgba(250, 250, 228, 0.32)', 'rgba(249, 246, 227, 0.37)', 'rgba(251, 251, 232, 0.41)', 'rgba(250, 248, 230, 0.46)', 'rgba(254, 252, 236, 0.5)', 'rgba(254, 251, 241, 0.74)', 'rgba(255, 252, 245, 0.99)', '#ffffff'],
+  light: ['#fcf9f3', '#edebe4', '#dfddd5', '#d1cfc7', '#c3c1b9', '#b5b3ab', '#a7a69d', '#999890', '#8c8b83', '#7f7e76', '#4b4a44', '#1c1c18', '#111'],
+  lightA: ['rgba(195, 135, 15, 0.05)', 'rgba(91, 73, 10, 0.11)', 'rgba(67, 55, 8, 0.17)', 'rgba(46, 37, 0, 0.22)', 'rgba(41, 34, 5, 0.28)', 'rgba(31, 25, 0, 0.33)', 'rgba(29, 27, 4, 0.39)', 'rgba(23, 21, 3, 0.44)', 'rgba(20, 18, 2, 0.49)', 'rgba(18, 16, 1, 0.54)', 'rgba(12, 10, 2, 0.74)', 'rgba(6, 6, 1, 0.91)', '#111']
+};
+export default sand;

package/es/color/neutrals/slate.d.ts

@@ -0,0 +1,3 @@
+import { ColorScaleItem } from '../types';
+declare const slate: ColorScaleItem;
+export default slate;

package/es/color/neutrals/slate.js

@@ -0,0 +1,7 @@
+var slate = {
+  dark: ['#1b1c1d', '#242527', '#2e2f32', '#383a3c', '#434547', '#4e5052', '#595b5e', '#64676a', '#707276', '#7b7e82', '#b8babc', '#f9f9fa', '#ffffff'],
+  darkA: ['rgba(225, 233, 242, 0.12)', 'rgba(225, 231, 244, 0.16)', 'rgba(230, 235, 250, 0.2)', 'rgba(233, 242, 250, 0.24)', 'rgba(239, 246, 254, 0.28)', 'rgba(236, 242, 248, 0.33)', 'rgba(241, 246, 254, 0.37)', 'rgba(238, 245, 252, 0.42)', 'rgba(238, 243, 251, 0.47)', 'rgba(241, 247, 255, 0.51)', 'rgba(249, 251, 254, 0.74)', 'rgba(254, 254, 255, 0.98)', '#ffffff'],
+  light: ['#f9f9fa', '#ebebec', '#dcddde', '#cecfd0', '#bfc1c3', '#b1b3b5', '#a4a6a8', '#96989b', '#898b8e', '#7b7e82', '#484a4d', '#1b1c1d', '#111'],
+  lightA: ['rgba(55, 55, 88, 0.03)', 'rgba(5, 5, 17, 0.08)', 'rgba(5, 12, 19, 0.14)', 'rgba(10, 15, 20, 0.2)', 'rgba(9, 17, 24, 0.26)', 'rgba(3, 10, 16, 0.31)', 'rgba(2, 8, 13, 0.36)', 'rgba(5, 10, 17, 0.42)', 'rgba(4, 8, 15, 0.47)', 'rgba(1, 7, 15, 0.52)', 'rgba(1, 4, 8, 0.72)', 'rgba(2, 3, 4, 0.9)', '#111']
+};
+export default slate;

package/es/color/types.d.ts

@@ -0,0 +1,22 @@
+type colorStep = [
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string
+];
+export interface ColorScaleItem {
+    dark: colorStep;
+    darkA: colorStep;
+    light: colorStep;
+    lightA: colorStep;
+}
+export {};

package/es/color/types.js

@@ -0,0 +1 @@
+export {};

package/es/components.d.ts

@@ -5,7 +5,6 @@ export { default as Avatar, type AvatarProps } from './Avatar';
 export { default as Burger, type BurgerProps } from './Burger';
 export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';
 export { default as Collapse, type CollapseProps } from './Collapse';
-export { default as ColorScales, type ColorScalesProps } from './ColorScales';
 export { type Config, default as ConfigProvider, useCdnFn } from './ConfigProvider';
 export { default as ContextMenu, type ContextMenuProps } from './ContextMenu';
 export { default as CopyButton, type CopyButtonProps } from './CopyButton';
@@ -63,3 +62,4 @@ export type * from './types';
 export { copyToClipboard } from './utils/copyToClipboard';
 export { type CDN, genCdnUrl } from './utils/genCdnUrl';
 export { default as Video, type VideoProps } from './Video';
+export { ErrorBoundary, type ErrorBoundaryProps } from 'react-error-boundary';

package/es/components.js

@@ -5,7 +5,6 @@ export { default as Avatar } from "./Avatar";
 export { default as Burger } from "./Burger";
 export { default as CodeEditor } from "./CodeEditor";
 export { default as Collapse } from "./Collapse";
-export { default as ColorScales } from "./ColorScales";
 export { default as ConfigProvider, useCdnFn } from "./ConfigProvider";
 export { default as ContextMenu } from "./ContextMenu";
 export { default as CopyButton } from "./CopyButton";
@@ -61,4 +60,5 @@ export { default as Toc } from "./Toc";
 export { default as Tooltip } from "./Tooltip";
 export { copyToClipboard } from "./utils/copyToClipboard";
 export { genCdnUrl } from "./utils/genCdnUrl";
-export { default as Video } from "./Video";
+export { default as Video } from "./Video";
+export { ErrorBoundary } from 'react-error-boundary';

package/es/hooks/useChatListActionsBar.js

@@ -1,28 +1,31 @@
 import { Copy, Edit, RotateCw, Trash } from 'lucide-react';
+import { useMemo } from 'react';
 export var useChatListActionsBar = function useChatListActionsBar(text) {
-  return {
-    copy: {
-      icon: Copy,
-      key: 'copy',
-      label: (text === null || text === void 0 ? void 0 : text.copy) || 'Copy'
-    },
-    del: {
-      icon: Trash,
-      key: 'del',
-      label: (text === null || text === void 0 ? void 0 : text.delete) || 'Delete'
-    },
-    divider: {
-      type: 'divider'
-    },
-    edit: {
-      icon: Edit,
-      key: 'edit',
-      label: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit'
-    },
-    regenerate: {
-      icon: RotateCw,
-      key: 'regenerate',
-      label: (text === null || text === void 0 ? void 0 : text.regenerate) || 'Regenerate'
-    }
-  };
+  return useMemo(function () {
+    return {
+      copy: {
+        icon: Copy,
+        key: 'copy',
+        label: (text === null || text === void 0 ? void 0 : text.copy) || 'Copy'
+      },
+      del: {
+        icon: Trash,
+        key: 'del',
+        label: (text === null || text === void 0 ? void 0 : text.delete) || 'Delete'
+      },
+      divider: {
+        type: 'divider'
+      },
+      edit: {
+        icon: Edit,
+        key: 'edit',
+        label: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit'
+      },
+      regenerate: {
+        icon: RotateCw,
+        key: 'regenerate',
+        label: (text === null || text === void 0 ? void 0 : text.regenerate) || 'Regenerate'
+      }
+    };
+  }, [text]);
 };

package/es/hooks/useHighlight.d.ts

@@ -1,3 +1,3 @@
 export declare const FALLBACK_LANG = "txt";
-export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr/dist/_internal").SWRResponse<string, any, any>;
+export declare const useHighlight: (text: string, lang: string, enableTransformer?: boolean) => import("swr/dist/_internal").SWRResponse<string, any, any>;
 export { default as languageMap } from './languageMap';

package/es/hooks/useHighlight.js

@@ -1,35 +1,51 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import { transformerNotationDiff, transformerNotationErrorLevel, transformerNotationFocus, transformerNotationHighlight, transformerNotationWordHighlight } from '@shikijs/transformers';
+import { useThemeMode } from 'antd-style';
+import { useMemo } from 'react';
 import { codeToHtml } from 'shiki';
 import useSWR from 'swr';
 import { Md5 } from 'ts-md5';
 import { themeConfig } from "../Highlighter/theme";
 import languageMap from "./languageMap";
 export var FALLBACK_LANG = 'txt';
-export var useHighlight = function useHighlight(text, lang, isDarkMode) {
-  return useSWR(Md5.hashStr([lang.toLowerCase(), isDarkMode ? 'd' : 'l', text].join('-')), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var language;
+export var useHighlight = function useHighlight(text, lang, enableTransformer) {
+  var _useThemeMode = useThemeMode(),
+    isDarkMode = _useThemeMode.isDarkMode;
+  var language = lang.toLowerCase();
+  var matchedLanguage = useMemo(function () {
+    return languageMap.includes(language) ? language : FALLBACK_LANG;
+  }, [language]);
+  var theme = useMemo(function () {
+    return themeConfig(isDarkMode);
+  }, [isDarkMode]);
+  var transformers = useMemo(function () {
+    if (!enableTransformer) return;
+    return [transformerNotationDiff(), transformerNotationHighlight(), transformerNotationWordHighlight(), transformerNotationFocus(), transformerNotationErrorLevel()];
+  }, [enableTransformer]);
+  var key = useMemo(function () {
+    return Md5.hashStr(text);
+  }, [text]);
+  return useSWR([matchedLanguage, isDarkMode ? 'd' : 'l', key].join('-'), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
-          language = lang.toLowerCase();
           return _context.abrupt("return", codeToHtml(text, {
-            lang: languageMap.includes(language) ? language : FALLBACK_LANG,
-            theme: themeConfig(isDarkMode),
-            transformers: [transformerNotationDiff(), transformerNotationHighlight(), transformerNotationWordHighlight(), transformerNotationFocus(), transformerNotationErrorLevel()]
+            lang: matchedLanguage,
+            theme: theme,
+            transformers: transformers
           }));
-        case 5:
-          _context.prev = 5;
+        case 4:
+          _context.prev = 4;
           _context.t0 = _context["catch"](0);
           console.error('shiki Highlight error:', _context.t0);
           return _context.abrupt("return", text);
-        case 9:
+        case 8:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 5]]);
+    }, _callee, null, [[0, 4]]);
   })));
 };
 export { default as languageMap } from "./languageMap";

package/es/index.d.ts

@@ -3,6 +3,7 @@ export { default as Logo, type LobeHubProps as LogoProps } from './brand/LobeHub
 export { default as LogoThree, type LogoThreeProps } from './brand/LogoThree';
 export { default as LogoSpline, type LogoSplineProps } from './brand/LogoThree/LogoSpline';
 export * from './chat';
+export * from './color';
 export * from './components';
 export * from './mobile';
 export * from './storybook';

package/es/index.js

@@ -3,6 +3,7 @@ export { default as Logo } from "./brand/LobeHub";
 export { default as LogoThree } from "./brand/LogoThree";
 export { default as LogoSpline } from "./brand/LogoThree/LogoSpline";
 export * from "./chat";
+export * from "./color";
 export * from "./components";
 export * from "./mobile";
 export * from "./storybook";

package/es/styles/customTheme.js

@@ -1,26 +1,26 @@
-import { colorScales } from "./colors/colors";
-import { neutralColorScales } from "./colors/neutralColors";
+import { blue, cyan, geekblue, gold, green, lime, magenta, orange, purple, red, volcano, yellow } from "../color/colors";
+import { mauve, olive, sage, sand, slate } from "../color/neutrals";
 export var primaryColors = {
-  blue: colorScales.blue.dark[9],
-  cyan: colorScales.cyan.dark[9],
-  geekblue: colorScales.geekblue.dark[9],
-  gold: colorScales.gold.dark[9],
-  green: colorScales.green.dark[9],
-  lime: colorScales.lime.dark[9],
-  magenta: colorScales.magenta.dark[9],
-  orange: colorScales.orange.dark[9],
-  purple: colorScales.purple.dark[9],
-  red: colorScales.red.dark[9],
-  volcano: colorScales.volcano.dark[9],
-  yellow: colorScales.yellow.dark[9]
+  blue: blue.dark[9],
+  cyan: cyan.dark[9],
+  geekblue: geekblue.dark[9],
+  gold: gold.dark[9],
+  green: green.dark[9],
+  lime: lime.dark[9],
+  magenta: magenta.dark[9],
+  orange: orange.dark[9],
+  purple: purple.dark[9],
+  red: red.dark[9],
+  volcano: volcano.dark[9],
+  yellow: yellow.dark[9]
 };
 export var primaryColorsSwatches = [primaryColors.red, primaryColors.orange, primaryColors.gold, primaryColors.yellow, primaryColors.lime, primaryColors.green, primaryColors.cyan, primaryColors.blue, primaryColors.geekblue, primaryColors.purple, primaryColors.magenta, primaryColors.volcano];
 export var neutralColors = {
-  mauve: neutralColorScales.mauve.dark[9],
-  olive: neutralColorScales.olive.dark[9],
-  sage: neutralColorScales.sage.dark[9],
-  sand: neutralColorScales.sand.dark[9],
-  slate: neutralColorScales.slate.dark[9]
+  mauve: mauve.dark[9],
+  olive: olive.dark[9],
+  sage: sage.dark[9],
+  sand: sand.dark[9],
+  slate: slate.dark[9]
 };
 export var neutralColorsSwatches = [neutralColors.mauve, neutralColors.slate, neutralColors.sage, neutralColors.olive, neutralColors.sand];
 export var findCustomThemeName = function findCustomThemeName(type, value) {

package/es/styles/index.d.ts

@@ -1,7 +1,4 @@
-export { colorScales as colors } from './colors/colors';
-export { colorScales } from './colors/colors';
-export { generateColorNeutralPalette, generateColorPalette } from './colors/generateColorPalette';
-export { neutralColorScales } from './colors/neutralColors';
 export * from './customTheme';
 export { generateCustomStylish as lobeCustomStylish } from './theme/customStylish';
 export { generateCustomToken as lobeCustomToken } from './theme/customToken';
+export { generateColorNeutralPalette, generateColorPalette } from './theme/generateColorPalette';

package/es/styles/index.js

@@ -1,7 +1,4 @@
-export { colorScales as colors } from "./colors/colors";
-export { colorScales } from "./colors/colors";
-export { generateColorNeutralPalette, generateColorPalette } from "./colors/generateColorPalette";
-export { neutralColorScales } from "./colors/neutralColors";
 export * from "./customTheme";
 export { generateCustomStylish as lobeCustomStylish } from "./theme/customStylish";
-export { generateCustomToken as lobeCustomToken } from "./theme/customToken";
+export { generateCustomToken as lobeCustomToken } from "./theme/customToken";
+export { generateColorNeutralPalette, generateColorPalette } from "./theme/generateColorPalette";

package/es/styles/theme/algorithms/darkAlgorithm.js

@@ -1,6 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { generateColorNeutralPalette, generateColorPalette, neutralColorScales } from "../..";
-import { colorScales } from "../../colors/colors";
+import { colorScales } from "../../../color/colors";
+import { neutralColorScales } from "../../../color/neutrals";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette";
 import darkBaseToken from "../token/dark";
 export var darkAlgorithm = function darkAlgorithm(seedToken, mapToken) {
   var primaryColor = seedToken.primaryColor;

package/es/styles/theme/algorithms/lightAlgorithm.js

@@ -1,6 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { generateColorNeutralPalette, generateColorPalette, neutralColorScales } from "../..";
-import { colorScales } from "../../colors/colors";
+import { colorScales } from "../../../color/colors";
+import { neutralColorScales } from "../../../color/neutrals";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette";
 import lightBaseToken from "../token/light";
 export var lightAlgorithm = function lightAlgorithm(seedToken, mapToken) {
   var primaryColor = seedToken.primaryColor;

package/es/styles/theme/antdTheme.d.ts

@@ -1,6 +1,6 @@
 import { ThemeConfig } from 'antd';
 import { ThemeAppearance } from 'antd-style';
-import { NeutralColors, PrimaryColors } from "..";
+import { NeutralColors, PrimaryColors } from '../customTheme';
 export interface LobeAntdThemeParams {
     appearance: ThemeAppearance;
     neutralColor?: NeutralColors;

package/es/styles/theme/customToken.js

@@ -3,7 +3,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { camelCase } from 'lodash-es';
-import { colorScales } from "../colors/colors";
+import { colorScales } from "../../color/colors";
 var generateColorPalette = function generateColorPalette(_ref) {
   var _ref2;
   var name = _ref.name,

package/es/styles/{colors → theme}/generateColorPalette.d.ts

@@ -1,5 +1,5 @@
 import { AliasToken } from 'antd/es/theme/interface';
-import { ColorScaleItem } from "./colors";
+import type { ColorScaleItem } from "../../color/types";
 export declare const generateColorPalette: ({ type, scale, appearance, }: {
     appearance: 'light' | 'dark';
     scale: ColorScaleItem;

package/es/styles/theme/token/dark.js

@@ -1,33 +1,33 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { colorScales } from "../../colors/colors";
-import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
+import { blue, gold, gray, lime, primary, red } from "../../../color/colors";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette";
 var primaryToken = generateColorPalette({
   appearance: 'dark',
-  scale: colorScales.bnw,
+  scale: primary,
   type: 'Primary'
 });
 var neutralToken = generateColorNeutralPalette({
   appearance: 'dark',
-  scale: colorScales.gray
+  scale: gray
 });
 var successToken = generateColorPalette({
   appearance: 'dark',
-  scale: colorScales.lime,
+  scale: lime,
   type: 'Success'
 });
 var warningToken = generateColorPalette({
   appearance: 'dark',
-  scale: colorScales.gold,
+  scale: gold,
   type: 'Warning'
 });
 var errorToken = generateColorPalette({
   appearance: 'dark',
-  scale: colorScales.red,
+  scale: red,
   type: 'Error'
 });
 var infoToken = generateColorPalette({
   appearance: 'dark',
-  scale: colorScales.blue,
+  scale: blue,
   type: 'Info'
 });
 var darkBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {

package/es/styles/theme/token/light.js

@@ -1,33 +1,33 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import { colorScales } from "../../colors/colors";
-import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
+import { geekblue, gray, green, orange, primary, volcano } from "../../../color/colors";
+import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette";
 var primaryToken = generateColorPalette({
   appearance: 'light',
-  scale: colorScales.bnw,
+  scale: primary,
   type: 'Primary'
 });
 var neutralToken = generateColorNeutralPalette({
   appearance: 'light',
-  scale: colorScales.gray
+  scale: gray
 });
 var successToken = generateColorPalette({
   appearance: 'light',
-  scale: colorScales.green,
+  scale: green,
   type: 'Success'
 });
 var warningToken = generateColorPalette({
   appearance: 'light',
-  scale: colorScales.orange,
+  scale: orange,
   type: 'Warning'
 });
 var errorToken = generateColorPalette({
   appearance: 'light',
-  scale: colorScales.volcano,
+  scale: volcano,
   type: 'Error'
 });
 var infoToken = generateColorPalette({
   appearance: 'light',
-  scale: colorScales.geekblue,
+  scale: geekblue,
   type: 'Info'
 });
 var lightBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.161.0",
+  "version": "1.162.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",