@lobehub/ui 1.160.0 → 1.162.0

package/es/color/colors/index.js

@@ -0,0 +1,45 @@
+import blue from "./blue";
+import cyan from "./cyan";
+import geekblue from "./geekblue";
+import gold from "./gold";
+import gray from "./gray";
+import green from "./green";
+import lime from "./lime";
+import magenta from "./magenta";
+import orange from "./orange";
+import primary from "./primary";
+import purple from "./purple";
+import red from "./red";
+import volcano from "./volcano";
+import yellow from "./yellow";
+export var colorScales = {
+  blue: blue,
+  cyan: cyan,
+  geekblue: geekblue,
+  gold: gold,
+  gray: gray,
+  green: green,
+  lime: lime,
+  magenta: magenta,
+  orange: orange,
+  primary: primary,
+  purple: purple,
+  red: red,
+  volcano: volcano,
+  yellow: yellow
+};
+export { colorScales as colors };
+export { default as blue } from "./blue";
+export { default as cyan } from "./cyan";
+export { default as geekblue } from "./geekblue";
+export { default as gold } from "./gold";
+export { default as gray } from "./gray";
+export { default as green } from "./green";
+export { default as lime } from "./lime";
+export { default as magenta } from "./magenta";
+export { default as orange } from "./orange";
+export { default as primary } from "./primary";
+export { default as purple } from "./purple";
+export { default as red } from "./red";
+export { default as volcano } from "./volcano";
+export { default as yellow } from "./yellow";

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

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

package/es/color/colors/lime.js

@@ -0,0 +1,7 @@
+var lime = {
+  dark: ['#020400', '#142100', '#253700', '#374f00', '#4b6800', '#608200', '#769d00', '#8fb81b', '#a9d42f', '#c4f042', '#daf685', '#eefbbe', '#ffffff'],
+  darkA: ['rgba(100, 200, 0, 0.02)', 'rgba(154, 254, 0, 0.13)', 'rgba(168, 250, 0, 0.22)', 'rgba(177, 255, 0, 0.31)', 'rgba(183, 254, 0, 0.41)', 'rgba(188, 255, 0, 0.51)', 'rgba(190, 253, 0, 0.62)', 'rgba(196, 252, 37, 0.73)', 'rgba(204, 255, 57, 0.83)', 'rgba(209, 255, 70, 0.94)', 'rgba(225, 254, 137, 0.97)', 'rgba(240, 254, 192, 0.99)', '#ffffff'],
+  light: ['#ffffff', '#feffeb', '#f9ffd8', '#f2ffc1', '#ebfdaf', '#e4fc9b', '#ddf987', '#d5f773', '#cdf35c', '#c4f042', '#769d00', '#374f00', '#020400'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(242, 255, 5, 0.08)', 'rgba(218, 255, 11, 0.16)', 'rgba(203, 255, 7, 0.25)', 'rgba(193, 249, 5, 0.32)', 'rgba(187, 247, 5, 0.4)', 'rgba(183, 242, 0, 0.47)', 'rgba(179, 240, 0, 0.55)', 'rgba(177, 236, 0, 0.64)', 'rgba(175, 235, 0, 0.74)', '#769d00', '#374f00', '#020400']
+};
+export default lime;

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

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

package/es/color/colors/magenta.js

@@ -0,0 +1,7 @@
+var magenta = {
+  dark: ['#100002', '#350011', '#4b001e', '#63002d', '#79093f', '#8e1752', '#a32466', '#b8317b', '#ce3e91', '#e34ba9', '#f38bcb', '#fec5e8', '#ffffff'],
+  darkA: ['rgba(229, 0, 29, 0.07)', 'rgba(252, 0, 81, 0.21)', 'rgba(250, 0, 100, 0.3)', 'rgba(254, 0, 115, 0.39)', 'rgba(252, 19, 131, 0.48)', 'rgba(254, 41, 146, 0.56)', 'rgba(255, 56, 159, 0.64)', 'rgba(252, 67, 168, 0.73)', 'rgba(254, 77, 179, 0.81)', 'rgba(255, 84, 190, 0.89)', 'rgba(253, 145, 211, 0.96)', '#fec5e8', '#ffffff'],
+  light: ['#ffffff', '#fff7f9', '#ffeaf4', '#ffdaee', '#ffc7e7', '#ffb2df', '#ff99d6', '#f980ca', '#ef67ba', '#e34ba9', '#a32466', '#63002d', '#100002'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 105, 0.04)', 'rgba(255, 22, 133, 0.09)', 'rgba(255, 8, 142, 0.15)', 'rgba(255, 0, 146, 0.22)', 'rgba(255, 7, 152, 0.31)', 'rgba(255, 0, 153, 0.4)', 'rgba(243, 1, 149, 0.5)', 'rgba(228, 2, 140, 0.6)', 'rgba(216, 1, 134, 0.71)', 'rgba(148, 0, 77, 0.86)', '#63002d', '#100002']
+};
+export default magenta;

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

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

package/es/color/colors/orange.js

@@ -0,0 +1,7 @@
+var orange = {
+  dark: ['#070300', '#291900', '#462b00', '#684100', '#8e5900', '#b36f00', '#d18000', '#e88b00', '#f89200', '#ff9927', '#ffd1b1', '#fff1eb', '#ffffff'],
+  darkA: ['rgba(233, 100, 0, 0.03)', 'rgba(241, 147, 0, 0.17)', 'rgba(250, 154, 0, 0.28)', 'rgba(254, 159, 0, 0.41)', 'rgba(254, 159, 0, 0.56)', 'rgba(252, 156, 0, 0.71)', 'rgba(255, 156, 0, 0.82)', 'rgba(255, 153, 0, 0.91)', 'rgba(253, 149, 0, 0.98)', '#ff9927', '#ffd1b1', '#fff1eb', '#ffffff'],
+  light: ['#ffffff', '#fffcff', '#fff8f6', '#fff1eb', '#ffe9dd', '#ffdeca', '#ffd1b1', '#ffc293', '#ffb06a', '#ff9927', '#d18000', '#684100', '#070300'],
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 105, 255, 0.02)', 'rgba(255, 80, 30, 0.04)', 'rgba(255, 80, 5, 0.08)', 'rgba(255, 98, 12, 0.14)', 'rgba(255, 98, 3, 0.21)', 'rgba(255, 107, 3, 0.31)', 'rgba(255, 113, 4, 0.43)', 'rgba(255, 121, 2, 0.59)', 'rgba(255, 135, 1, 0.85)', '#d18000', '#684100', '#070300']
+};
+export default orange;

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

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

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,