@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/color/CssVar/style.mjs

@@ -1,39 +1,31 @@
-import { createStaticStyles } from "antd-style";
 //#region src/color/CssVar/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	scaleBox: css`
-    cursor: pointer;
-
-    position: relative;
-
-    width: 48px;
-    height: 32px;
-
-    background-position:
-      0 0,
-      0 8px,
-      8px -8px,
-      -8px 0;
-    background-size: 16px 16px;
-
-    transition: scale 400ms ${cssVar.motionEaseOut};
-
-    &:active {
-      scale: 0.8;
-    }
-  `,
-	scaleItem: css`
-    width: 100%;
-    height: 100%;
-  `,
-	scaleRowTitle: css`
-    width: 64px;
-    height: 32px;
-  `,
-	text: css`
-    opacity: 0.5;
-  `
-}));
+const styles = {
+	scaleBox: {
+		k1YJky: "lb1wlk0ns",
+		kmkexE: "lb1aym83t",
+		kgSjnq: "lb1ht9rhz",
+		kkrTdU: "lb1ypdohk",
+		kVAEAm: "lb1n2onr6",
+		km0Bbg: "lb17v98wq",
+		kZKoxP: "lb10w6t97",
+		kzqmXN: "lb1useyqa",
+		$$css: true
+	},
+	scaleItem: {
+		kZKoxP: "lb5yr21d",
+		kzqmXN: "lbh8yej3",
+		$$css: true
+	},
+	scaleRowTitle: {
+		kZKoxP: "lb10w6t97",
+		kzqmXN: "lb1fu8urw",
+		$$css: true
+	},
+	text: {
+		kSiTet: "lbbyyjgo",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/color/CssVar/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":";;AAQA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;;;;;;;;;;;;;;;8BAee,OAAO,cAAc;;;;;;CAMjD,WAAW,GAAG;;;;CAId,eAAe,GAAG;;;;CAIlB,MAAM,GAAG;;;AAGX,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/color/CssVar/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\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 = stylex.create({\n  scaleBox: {\n    backgroundPosition: '0 0, 0 8px, 8px -8px, -8px 0',\n    transition: `scale 400ms ${cssVar.motionEaseOut}`,\n    backgroundSize: '16px 16px',\n    cursor: 'pointer',\n    position: 'relative',\n    scale: { 'default': null, ':active': 0.8 },\n    height: 32,\n    width: 48,\n  },\n  scaleItem: {\n    height: '100%',\n    width: '100%',\n  },\n  scaleRowTitle: {\n    height: 32,\n    width: 64,\n  },\n  text: {\n    opacity: 0.5,\n  },\n});\n"],"mappings":";AAOA,MAAa,SAAS;CACpB,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,eAAe;EACb,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,OAAO;CACT;AACF"}

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

@@ -14,7 +14,7 @@ import red from "./red.mjs";
 import volcano from "./volcano.mjs";
 import yellow from "./yellow.mjs";
 //#region src/color/colors/index.d.ts
-interface ColorScales {
+export interface ColorScales {
   blue: ColorScaleItem;
   cyan: ColorScaleItem;
   geekblue: ColorScaleItem;
@@ -30,7 +30,7 @@ interface ColorScales {
   volcano: ColorScaleItem;
   yellow: ColorScaleItem;
 }
-declare const colorScales: ColorScales;
+export declare const colorScales: ColorScales;
 //#endregion
-export { ColorScales, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, orange, primary, purple, red, volcano, yellow };
+export { blueGeekblueMix as blue, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, orange, primary, purple, red, volcano, yellow };
 //# sourceMappingURL=index.d.mts.map

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

@@ -5,14 +5,14 @@ import sage from "./sage.mjs";
 import sand from "./sand.mjs";
 import slate from "./slate.mjs";
 //#region src/color/neutrals/index.d.ts
-interface NeutralColorScales {
+export interface NeutralColorScales {
   mauve: ColorScaleItem;
   olive: ColorScaleItem;
   sage: ColorScaleItem;
   sand: ColorScaleItem;
   slate: ColorScaleItem;
 }
-declare const neutralColorScales: NeutralColorScales;
+export declare const neutralColorScales: NeutralColorScales;
 //#endregion
-export { NeutralColorScales, mauve, neutralColorScales, neutralColorScales as neutrals, olive, sage, sand, slate };
+export { mauve, neutralColorScales as neutrals, olive, sage, sand, slate };
 //# sourceMappingURL=index.d.mts.map

package/es/color/status/error.mjs

@@ -0,0 +1,67 @@
+//#region src/color/status/error.ts
+const error = {
+	dark: [
+		"#190a09",
+		"#340b0c",
+		"#4b141a",
+		"#641f24",
+		"#8a3334",
+		"#aa3f3e",
+		"#b53a3a",
+		"#be3738",
+		"#d64242",
+		"#e95350",
+		"#ffa8a0",
+		"#ffe1df",
+		"#fff8f7"
+	],
+	darkA: [
+		"rgba(250, 100, 90, 0.1)",
+		"rgba(248, 52, 57, 0.21)",
+		"rgba(250, 67, 87, 0.3)",
+		"rgba(250, 78, 90, 0.4)",
+		"rgba(251, 93, 95, 0.55)",
+		"rgba(254, 94, 93, 0.67)",
+		"rgba(255, 82, 82, 0.71)",
+		"rgba(253, 73, 75, 0.75)",
+		"rgba(255, 79, 79, 0.84)",
+		"rgba(253, 90, 87, 0.92)",
+		"#ffa8a0",
+		"#ffe1df",
+		"#fff8f7"
+	],
+	light: [
+		"#ffffff",
+		"#fef8f7",
+		"#fff0ee",
+		"#ffe7e4",
+		"#ffded8",
+		"#ffcec5",
+		"#ffb9ab",
+		"#ff9c88",
+		"#ff775c",
+		"#f35837",
+		"#ce461e",
+		"#9b3206",
+		"#64260f"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(230, 80, 55, 0.04)",
+		"rgba(255, 41, 12, 0.07)",
+		"rgba(255, 37, 10, 0.11)",
+		"rgba(255, 49, 11, 0.16)",
+		"rgba(255, 42, 3, 0.23)",
+		"rgba(255, 43, 0, 0.33)",
+		"rgba(255, 44, 2, 0.47)",
+		"rgba(255, 43, 0, 0.64)",
+		"rgba(240, 44, 2, 0.79)",
+		"#ce461e",
+		"#9b3206",
+		"#64260f"
+	]
+};
+//#endregion
+export { error };
+
+//# sourceMappingURL=error.mjs.map

package/es/color/status/error.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.mjs","names":[],"sources":["../../../src/color/status/error.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const error: ColorScaleItem = {\n  dark: [\n    '#190a09',\n    '#340b0c',\n    '#4b141a',\n    '#641f24',\n    '#8a3334',\n    '#aa3f3e',\n    '#b53a3a',\n    '#be3738',\n    '#d64242',\n    '#e95350',\n    '#ffa8a0',\n    '#ffe1df',\n    '#fff8f7',\n  ],\n  darkA: [\n    'rgba(250, 100, 90, 0.1)',\n    'rgba(248, 52, 57, 0.21)',\n    'rgba(250, 67, 87, 0.3)',\n    'rgba(250, 78, 90, 0.4)',\n    'rgba(251, 93, 95, 0.55)',\n    'rgba(254, 94, 93, 0.67)',\n    'rgba(255, 82, 82, 0.71)',\n    'rgba(253, 73, 75, 0.75)',\n    'rgba(255, 79, 79, 0.84)',\n    'rgba(253, 90, 87, 0.92)',\n    '#ffa8a0',\n    '#ffe1df',\n    '#fff8f7',\n  ],\n  light: [\n    '#ffffff',\n    '#fef8f7',\n    '#fff0ee',\n    '#ffe7e4',\n    '#ffded8',\n    '#ffcec5',\n    '#ffb9ab',\n    '#ff9c88',\n    '#ff775c',\n    '#f35837',\n    '#ce461e',\n    '#9b3206',\n    '#64260f',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(230, 80, 55, 0.04)',\n    'rgba(255, 41, 12, 0.07)',\n    'rgba(255, 37, 10, 0.11)',\n    'rgba(255, 49, 11, 0.16)',\n    'rgba(255, 42, 3, 0.23)',\n    'rgba(255, 43, 0, 0.33)',\n    'rgba(255, 44, 2, 0.47)',\n    'rgba(255, 43, 0, 0.64)',\n    'rgba(240, 44, 2, 0.79)',\n    '#ce461e',\n    '#9b3206',\n    '#64260f',\n  ],\n};\n"],"mappings":";AAEA,MAAa,QAAwB;CACnC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/status/index.mjs

@@ -0,0 +1,15 @@
+import { error } from "./error.mjs";
+import { info } from "./info.mjs";
+import { success } from "./success.mjs";
+import { warning } from "./warning.mjs";
+//#region src/color/status/index.ts
+const statusColorScales = {
+	error,
+	info,
+	success,
+	warning
+};
+//#endregion
+export { statusColorScales };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/color/status/index.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\nimport { error } from './error';\nimport { info } from './info';\nimport { success } from './success';\nimport { warning } from './warning';\n\nexport interface StatusColorScales {\n  error: ColorScaleItem;\n  info: ColorScaleItem;\n  success: ColorScaleItem;\n  warning: ColorScaleItem;\n}\n\nexport const statusColorScales: StatusColorScales = {\n  error,\n  info,\n  success,\n  warning,\n};\n"],"mappings":";;;;;AAaA,MAAa,oBAAuC;CAClD;CACA;CACA;CACA;AACF"}

package/es/color/status/info.mjs

@@ -0,0 +1,67 @@
+//#region src/color/status/info.ts
+const info = {
+	dark: [
+		"#060f18",
+		"#001a35",
+		"#002949",
+		"#003961",
+		"#005389",
+		"#0067a9",
+		"#007cc9",
+		"#0091eb",
+		"#00a2fe",
+		"#4cb3ff",
+		"#9cdaff",
+		"#cfedfd",
+		"#f8f9ff"
+	],
+	darkA: [
+		"rgba(60, 150, 240, 0.1)",
+		"rgba(0, 124, 252, 0.21)",
+		"rgba(0, 141, 252, 0.29)",
+		"rgba(0, 150, 255, 0.38)",
+		"rgba(0, 154, 254, 0.54)",
+		"rgba(0, 154, 252, 0.67)",
+		"rgba(0, 157, 254, 0.79)",
+		"rgba(0, 158, 255, 0.92)",
+		"#00a2fe",
+		"#4cb3ff",
+		"#9cdaff",
+		"#cfedfd",
+		"#f8f9ff"
+	],
+	light: [
+		"#ffffff",
+		"#f8f9ff",
+		"#edf4ff",
+		"#e3edff",
+		"#d7e6ff",
+		"#c0d9ff",
+		"#a0c7ff",
+		"#72aeff",
+		"#2c91ff",
+		"#0076e3",
+		"#0060cc",
+		"#004ebf",
+		"#1b3671"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(22, 55, 255, 0.03)",
+		"rgba(30, 117, 255, 0.08)",
+		"rgba(0, 91, 255, 0.11)",
+		"rgba(5, 99, 255, 0.16)",
+		"rgba(3, 103, 255, 0.25)",
+		"rgba(5, 108, 255, 0.38)",
+		"rgba(3, 110, 255, 0.56)",
+		"rgba(1, 122, 255, 0.83)",
+		"#0076e3",
+		"#0060cc",
+		"#004ebf",
+		"#1b3671"
+	]
+};
+//#endregion
+export { info };
+
+//# sourceMappingURL=info.mjs.map

package/es/color/status/info.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.mjs","names":[],"sources":["../../../src/color/status/info.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const info: ColorScaleItem = {\n  dark: [\n    '#060f18',\n    '#001a35',\n    '#002949',\n    '#003961',\n    '#005389',\n    '#0067a9',\n    '#007cc9',\n    '#0091eb',\n    '#00a2fe',\n    '#4cb3ff',\n    '#9cdaff',\n    '#cfedfd',\n    '#f8f9ff',\n  ],\n  darkA: [\n    'rgba(60, 150, 240, 0.1)',\n    'rgba(0, 124, 252, 0.21)',\n    'rgba(0, 141, 252, 0.29)',\n    'rgba(0, 150, 255, 0.38)',\n    'rgba(0, 154, 254, 0.54)',\n    'rgba(0, 154, 252, 0.67)',\n    'rgba(0, 157, 254, 0.79)',\n    'rgba(0, 158, 255, 0.92)',\n    '#00a2fe',\n    '#4cb3ff',\n    '#9cdaff',\n    '#cfedfd',\n    '#f8f9ff',\n  ],\n  light: [\n    '#ffffff',\n    '#f8f9ff',\n    '#edf4ff',\n    '#e3edff',\n    '#d7e6ff',\n    '#c0d9ff',\n    '#a0c7ff',\n    '#72aeff',\n    '#2c91ff',\n    '#0076e3',\n    '#0060cc',\n    '#004ebf',\n    '#1b3671',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(22, 55, 255, 0.03)',\n    'rgba(30, 117, 255, 0.08)',\n    'rgba(0, 91, 255, 0.11)',\n    'rgba(5, 99, 255, 0.16)',\n    'rgba(3, 103, 255, 0.25)',\n    'rgba(5, 108, 255, 0.38)',\n    'rgba(3, 110, 255, 0.56)',\n    'rgba(1, 122, 255, 0.83)',\n    '#0076e3',\n    '#0060cc',\n    '#004ebf',\n    '#1b3671',\n  ],\n};\n"],"mappings":";AAEA,MAAa,OAAuB;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/status/success.mjs

@@ -0,0 +1,67 @@
+//#region src/color/status/success.ts
+const success = {
+	dark: [
+		"#0a1004",
+		"#061f00",
+		"#102e00",
+		"#1c3f00",
+		"#315a09",
+		"#3e6f06",
+		"#518b03",
+		"#67a70a",
+		"#71b814",
+		"#80c933",
+		"#bae48c",
+		"#deeec7",
+		"#f9faef"
+	],
+	darkA: [
+		"rgba(143, 229, 57, 0.07)",
+		"rgba(46, 238, 0, 0.13)",
+		"rgba(84, 242, 0, 0.19)",
+		"rgba(112, 252, 0, 0.25)",
+		"rgba(136, 250, 25, 0.36)",
+		"rgba(141, 252, 14, 0.44)",
+		"rgba(147, 253, 5, 0.55)",
+		"rgba(156, 253, 15, 0.66)",
+		"rgba(155, 252, 27, 0.73)",
+		"rgba(162, 254, 65, 0.79)",
+		"#bae48c",
+		"#deeec7",
+		"#f9faef"
+	],
+	light: [
+		"#ffffff",
+		"#f8fbf1",
+		"#eef6e6",
+		"#e1f1d9",
+		"#d4eccc",
+		"#bde3b6",
+		"#a0d89c",
+		"#71c87a",
+		"#30b556",
+		"#00a03f",
+		"#00864e",
+		"#006342",
+		"#00422b"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(138, 188, 22, 0.06)",
+		"rgba(85, 165, 5, 0.1)",
+		"rgba(55, 162, 2, 0.15)",
+		"rgba(40, 160, 0, 0.2)",
+		"rgba(27, 158, 3, 0.29)",
+		"rgba(11, 155, 1, 0.39)",
+		"rgba(1, 157, 18, 0.56)",
+		"rgba(3, 165, 49, 0.82)",
+		"#00a03f",
+		"#00864e",
+		"#006342",
+		"#00422b"
+	]
+};
+//#endregion
+export { success };
+
+//# sourceMappingURL=success.mjs.map

package/es/color/status/success.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.mjs","names":[],"sources":["../../../src/color/status/success.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const success: ColorScaleItem = {\n  dark: [\n    '#0a1004',\n    '#061f00',\n    '#102e00',\n    '#1c3f00',\n    '#315a09',\n    '#3e6f06',\n    '#518b03',\n    '#67a70a',\n    '#71b814',\n    '#80c933',\n    '#bae48c',\n    '#deeec7',\n    '#f9faef',\n  ],\n  darkA: [\n    'rgba(143, 229, 57, 0.07)',\n    'rgba(46, 238, 0, 0.13)',\n    'rgba(84, 242, 0, 0.19)',\n    'rgba(112, 252, 0, 0.25)',\n    'rgba(136, 250, 25, 0.36)',\n    'rgba(141, 252, 14, 0.44)',\n    'rgba(147, 253, 5, 0.55)',\n    'rgba(156, 253, 15, 0.66)',\n    'rgba(155, 252, 27, 0.73)',\n    'rgba(162, 254, 65, 0.79)',\n    '#bae48c',\n    '#deeec7',\n    '#f9faef',\n  ],\n  light: [\n    '#ffffff',\n    '#f8fbf1',\n    '#eef6e6',\n    '#e1f1d9',\n    '#d4eccc',\n    '#bde3b6',\n    '#a0d89c',\n    '#71c87a',\n    '#30b556',\n    '#00a03f',\n    '#00864e',\n    '#006342',\n    '#00422b',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(138, 188, 22, 0.06)',\n    'rgba(85, 165, 5, 0.1)',\n    'rgba(55, 162, 2, 0.15)',\n    'rgba(40, 160, 0, 0.2)',\n    'rgba(27, 158, 3, 0.29)',\n    'rgba(11, 155, 1, 0.39)',\n    'rgba(1, 157, 18, 0.56)',\n    'rgba(3, 165, 49, 0.82)',\n    '#00a03f',\n    '#00864e',\n    '#006342',\n    '#00422b',\n  ],\n};\n"],"mappings":";AAEA,MAAa,UAA0B;CACrC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/status/warning.mjs

@@ -0,0 +1,67 @@
+//#region src/color/status/warning.ts
+const warning = {
+	dark: [
+		"#150d02",
+		"#251700",
+		"#3c2200",
+		"#512f00",
+		"#724600",
+		"#8d5700",
+		"#ae6e00",
+		"#e39a00",
+		"#f6aa00",
+		"#ffbe45",
+		"#ffdd9c",
+		"#ffe5b8",
+		"#fff8f3"
+	],
+	darkA: [
+		"rgba(233, 144, 22, 0.09)",
+		"rgba(247, 153, 0, 0.15)",
+		"rgba(250, 142, 0, 0.24)",
+		"rgba(253, 147, 0, 0.32)",
+		"rgba(253, 156, 0, 0.45)",
+		"rgba(252, 155, 0, 0.56)",
+		"rgba(252, 159, 0, 0.69)",
+		"rgba(255, 173, 0, 0.89)",
+		"rgba(254, 175, 0, 0.97)",
+		"#ffbe45",
+		"#ffdd9c",
+		"#ffe5b8",
+		"#fff8f3"
+	],
+	light: [
+		"#ffffff",
+		"#fff8f3",
+		"#fff2e2",
+		"#ffe9cc",
+		"#ffe1b3",
+		"#ffda9a",
+		"#ffd17f",
+		"#ffca61",
+		"#ffbe2b",
+		"#feb400",
+		"#d78f00",
+		"#6d5200",
+		"#4a3600"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(255, 115, 15, 0.05)",
+		"rgba(255, 147, 13, 0.12)",
+		"rgba(255, 145, 0, 0.2)",
+		"rgba(255, 155, 2, 0.3)",
+		"rgba(255, 163, 3, 0.4)",
+		"rgba(255, 165, 4, 0.51)",
+		"rgba(255, 170, 0, 0.62)",
+		"rgba(255, 177, 0, 0.83)",
+		"#feb400",
+		"#d78f00",
+		"#6d5200",
+		"#4a3600"
+	]
+};
+//#endregion
+export { warning };
+
+//# sourceMappingURL=warning.mjs.map

package/es/color/status/warning.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.mjs","names":[],"sources":["../../../src/color/status/warning.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const warning: ColorScaleItem = {\n  dark: [\n    '#150d02',\n    '#251700',\n    '#3c2200',\n    '#512f00',\n    '#724600',\n    '#8d5700',\n    '#ae6e00',\n    '#e39a00',\n    '#f6aa00',\n    '#ffbe45',\n    '#ffdd9c',\n    '#ffe5b8',\n    '#fff8f3',\n  ],\n  darkA: [\n    'rgba(233, 144, 22, 0.09)',\n    'rgba(247, 153, 0, 0.15)',\n    'rgba(250, 142, 0, 0.24)',\n    'rgba(253, 147, 0, 0.32)',\n    'rgba(253, 156, 0, 0.45)',\n    'rgba(252, 155, 0, 0.56)',\n    'rgba(252, 159, 0, 0.69)',\n    'rgba(255, 173, 0, 0.89)',\n    'rgba(254, 175, 0, 0.97)',\n    '#ffbe45',\n    '#ffdd9c',\n    '#ffe5b8',\n    '#fff8f3',\n  ],\n  light: [\n    '#ffffff',\n    '#fff8f3',\n    '#fff2e2',\n    '#ffe9cc',\n    '#ffe1b3',\n    '#ffda9a',\n    '#ffd17f',\n    '#ffca61',\n    '#ffbe2b',\n    '#feb400',\n    '#d78f00',\n    '#6d5200',\n    '#4a3600',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(255, 115, 15, 0.05)',\n    'rgba(255, 147, 13, 0.12)',\n    'rgba(255, 145, 0, 0.2)',\n    'rgba(255, 155, 2, 0.3)',\n    'rgba(255, 163, 3, 0.4)',\n    'rgba(255, 165, 4, 0.51)',\n    'rgba(255, 170, 0, 0.62)',\n    'rgba(255, 177, 0, 0.83)',\n    '#feb400',\n    '#d78f00',\n    '#6d5200',\n    '#4a3600',\n  ],\n};\n"],"mappings":";AAEA,MAAa,UAA0B;CACrC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/types.d.mts

@@ -1,11 +1,11 @@
 //#region src/color/types.d.ts
 type colorStep = [string, string, string, string, string, string, string, string, string, string, string, string, string];
-interface ColorScaleItem {
+export interface ColorScaleItem {
   dark: colorStep;
   darkA: colorStep;
   light: colorStep;
   lightA: colorStep;
 }
 //#endregion
-export { ColorScaleItem };
+export {};
 //# sourceMappingURL=types.d.mts.map

package/es/dashboard/AuthLayout/Aside.d.mts

@@ -1,7 +1,7 @@
 import { AuthLayoutAsideProps } from "./type.mjs";
 //#region src/dashboard/AuthLayout/Aside.d.ts
 /** Inset art panel for `AuthLayout`'s `aside` slot, with a scrim and copy at the bottom. */
-declare function AuthLayoutAside({ background, className, kicker, line, ...rest }: AuthLayoutAsideProps): import("react").JSX.Element;
+declare function AuthLayoutAside({ background, className, kicker, line, style, ...rest }: AuthLayoutAsideProps): import("react").JSX.Element;
 declare namespace AuthLayoutAside {
   var displayName: string;
 }

package/es/dashboard/AuthLayout/Aside.mjs

@@ -1,22 +1,23 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
 import { styles } from "./style.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
+import * as stylex from "@stylexjs/stylex";
 //#region src/dashboard/AuthLayout/Aside.tsx
 /** Inset art panel for `AuthLayout`'s `aside` slot, with a scrim and copy at the bottom. */
-function AuthLayoutAside({ background, className, kicker, line, ...rest }) {
+function AuthLayoutAside({ background, className, kicker, line, style, ...rest }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: cx(styles.asidePlate, className),
 		...rest,
+		...styleProps(styles.asidePlate, className, style),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: styles.asidePanel,
-			children: [background, kicker || line ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { className: styles.asideScrim }), /* @__PURE__ */ jsxs("div", {
-				className: styles.asideCopy,
+			...stylex.props(styles.asidePanel),
+			children: [background, kicker || line ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", { ...stylex.props(styles.asideScrim) }), /* @__PURE__ */ jsxs("div", {
+				...stylex.props(styles.asideCopy),
 				children: [kicker ? /* @__PURE__ */ jsx("p", {
-					className: styles.asideKicker,
+					...stylex.props(styles.asideKicker),
 					children: kicker
 				}) : null, line ? /* @__PURE__ */ jsx("p", {
-					className: styles.asideLine,
+					...stylex.props(styles.asideLine),
 					children: line
 				}) : null]
 			})] }) : null]

package/es/dashboard/AuthLayout/Aside.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Aside.mjs","names":[],"sources":["../../../src/dashboard/AuthLayout/Aside.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\n\nimport { styles } from './style';\nimport type { AuthLayoutAsideProps } from './type';\n\n/** Inset art panel for `AuthLayout`'s `aside` slot, with a scrim and copy at the bottom. */\nfunction AuthLayoutAside({ background, className, kicker, line, ...rest }: AuthLayoutAsideProps) {\n  return (\n    <div className={cx(styles.asidePlate, className)} {...rest}>\n      <div className={styles.asidePanel}>\n        {background}\n        {kicker || line ? (\n          <>\n            <div className={styles.asideScrim} />\n            <div className={styles.asideCopy}>\n              {kicker ? <p className={styles.asideKicker}>{kicker}</p> : null}\n              {line ? <p className={styles.asideLine}>{line}</p> : null}\n            </div>\n          </>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nAuthLayoutAside.displayName = 'AuthLayoutAside';\n\nexport default AuthLayoutAside;\n"],"mappings":";;;;;;AAQA,SAAS,gBAAgB,EAAE,YAAY,WAAW,QAAQ,MAAM,GAAG,QAA8B;CAC/F,OACE,oBAAC,OAAD;EAAK,WAAW,GAAG,OAAO,YAAY,SAAS;EAAG,GAAI;EACpD,UAAA,qBAAC,OAAD;GAAK,WAAW,OAAO;GAAvB,UAAA,CACG,YACA,UAAU,OACT,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD,EAAK,WAAW,OAAO,WAAa,CAAA,GACpC,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA,CACG,SAAS,oBAAC,KAAD;KAAG,WAAW,OAAO;KAAc,UAAA;IAAU,CAAA,IAAI,MAC1D,OAAO,oBAAC,KAAD;KAAG,WAAW,OAAO;KAAY,UAAA;IAAQ,CAAA,IAAI,IAClD;GACL,CAAA,CAAA,EAAA,CAAA,IACA,IACD;;CACF,CAAA;AAET;AAEA,gBAAgB,cAAc"}
+{"version":3,"file":"Aside.mjs","names":[],"sources":["../../../src/dashboard/AuthLayout/Aside.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\nimport type { AuthLayoutAsideProps } from './type';\n\n/** Inset art panel for `AuthLayout`'s `aside` slot, with a scrim and copy at the bottom. */\nfunction AuthLayoutAside({\n  background,\n  className,\n  kicker,\n  line,\n  style,\n  ...rest\n}: AuthLayoutAsideProps) {\n  return (\n    <div {...rest} {...styleProps(styles.asidePlate, className, style)}>\n      <div {...stylex.props(styles.asidePanel)}>\n        {background}\n        {kicker || line ? (\n          <>\n            <div {...stylex.props(styles.asideScrim)} />\n            <div {...stylex.props(styles.asideCopy)}>\n              {kicker ? <p {...stylex.props(styles.asideKicker)}>{kicker}</p> : null}\n              {line ? <p {...stylex.props(styles.asideLine)}>{line}</p> : null}\n            </div>\n          </>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nAuthLayoutAside.displayName = 'AuthLayoutAside';\n\nexport default AuthLayoutAside;\n"],"mappings":";;;;;;;AAQA,SAAS,gBAAgB,EACvB,YACA,WACA,QACA,MACA,OACA,GAAG,QACoB;CACvB,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAM,GAAI,WAAW,OAAO,YAAY,WAAW,KAAK;EACpE,UAAA,qBAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,UAAU;GAAvC,UAAA,CACG,YACA,UAAU,OAAO,qBAAA,UAAA,EAAA,UAAA,CACd,oBAAC,OAAD,EAAK,GAAI,OAAO,MAAM,OAAO,UAAU,EAAI,CAAA,GAC3C,qBAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,SAAS;IAAtC,UAAA,CACG,SAAS,oBAAC,KAAD;KAAG,GAAI,OAAO,MAAM,OAAO,WAAW;KAAI,UAAA;IAAU,CAAA,IAAI,MACjE,OAAO,oBAAC,KAAD;KAAG,GAAI,OAAO,MAAM,OAAO,SAAS;KAAI,UAAA;IAAQ,CAAA,IAAI,IACzD;GACL,CAAA,CAAA,EAAA,CAAA,IAAI,IACL;;CACF,CAAA;AACT;AACA,gBAAgB,cAAc"}

package/es/dashboard/AuthLayout/AuthLayout.d.mts

@@ -1,7 +1,7 @@
 import { AuthLayoutProps } from "./type.mjs";
 import AuthLayoutAside from "./Aside.mjs";
 //#region src/dashboard/AuthLayout/AuthLayout.d.ts
-declare function AuthLayout({ alert, aside, background, brand, card, children, className, description, footer, loading, logo, title, tools, variant, ...rest }: AuthLayoutProps): import("react").JSX.Element;
+declare function AuthLayout({ alert, aside, background, brand, card, children, className, description, footer, loading, logo, style, title, tools, variant, ...rest }: AuthLayoutProps): import("react").JSX.Element;
 declare namespace AuthLayout {
   var displayName: string;
   var Aside: typeof AuthLayoutAside;

package/es/dashboard/AuthLayout/AuthLayout.mjs

@@ -1,13 +1,25 @@
 "use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
+import { cssVar } from "../../styles/stylex/cssVar.stylex.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Skeleton from "../../base-ui/Skeleton/index.mjs";
-import Text from "../../base-ui/Text/Text.mjs";
+import { useThemeMode } from "../../styles/theme/scope.mjs";
+import Text from "../../Text/Text.mjs";
+import Skeleton from "../../Skeleton/index.mjs";
 import { styles } from "./style.mjs";
 import AuthLayoutAside from "./Aside.mjs";
 import { isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx, useThemeMode } from "antd-style";
+import * as stylex from "@stylexjs/stylex";
 //#region src/dashboard/AuthLayout/AuthLayout.tsx
+const titleStyle = {
+	fontSize: cssVar.fontSizeHeading3,
+	lineHeight: cssVar.lineHeightHeading3,
+	margin: 0
+};
+const descriptionStyle = {
+	color: cssVar.colorTextSecondary,
+	lineHeight: 1.6
+};
 const FormSkeleton = () => /* @__PURE__ */ jsxs(FlexBasic_default, {
 	"aria-hidden": true,
 	gap: 12,
@@ -29,29 +41,29 @@ const FormSkeleton = () => /* @__PURE__ */ jsxs(FlexBasic_default, {
 		})
 	]
 });
-function AuthLayout({ alert, aside, background = "plain", brand, card = true, children, className, description, footer, loading, logo, title, tools, variant = "default", ...rest }) {
+function AuthLayout({ alert, aside, background = "plain", brand, card = true, children, className, description, footer, loading, logo, style, title, tools, variant = "default", ...rest }) {
 	const { isDarkMode } = useThemeMode();
 	const split = Boolean(aside);
 	const art = isValidElement(background) ? background : null;
 	const heading = title === void 0 || title === null ? null : typeof title === "string" ? /* @__PURE__ */ jsx(Text, {
 		as: "h1",
-		className: styles.title,
+		style: titleStyle,
 		weight: "bold",
 		children: title
 	}) : /* @__PURE__ */ jsx("div", {
-		className: styles.titleNode,
+		...stylex.props(styles.titleNode),
 		children: title
 	});
 	const intro = logo || heading || description ? /* @__PURE__ */ jsxs(FlexBasic_default, {
 		gap: 8,
 		children: [
 			logo ? /* @__PURE__ */ jsx("div", {
-				className: styles.logo,
+				...stylex.props(styles.logo),
 				children: logo
 			}) : null,
 			heading,
 			description ? /* @__PURE__ */ jsx(Text, {
-				className: styles.description,
+				style: descriptionStyle,
 				type: "secondary",
 				children: description
 			}) : null
@@ -59,40 +71,44 @@ function AuthLayout({ alert, aside, background = "plain", brand, card = true, ch
 	}) : null;
 	return /* @__PURE__ */ jsxs("div", {
 		"data-auth-layout": "",
-		className: cx(styles.page, background === "grid" && styles.grid, background === "grid" && isDarkMode && styles.gridDark, className),
 		...rest,
+		...styleProps([
+			styles.page,
+			background === "grid" && styles.grid,
+			background === "grid" && isDarkMode && styles.gridDark
+		], className, style),
 		children: [
 			art ? /* @__PURE__ */ jsx("div", {
-				className: styles.backdrop,
+				...stylex.props(styles.backdrop),
 				children: art
 			}) : null,
 			/* @__PURE__ */ jsxs("header", {
-				className: styles.header,
+				...stylex.props(styles.header),
 				children: [brand, tools ? /* @__PURE__ */ jsx("div", {
-					className: styles.tools,
+					...stylex.props(styles.tools),
 					children: tools
 				}) : null]
 			}),
 			/* @__PURE__ */ jsx("main", {
-				className: styles.main,
+				...stylex.props(styles.main),
 				children: card ? /* @__PURE__ */ jsx("div", {
 					"data-auth-card": "",
-					className: cx(styles.lift, split && styles.liftSplit, variant === "elevated" && styles.elevated),
+					...stylex.props(styles.lift, split && styles.liftSplit, variant === "elevated" && styles.elevated),
 					children: /* @__PURE__ */ jsxs("div", {
-						className: cx(styles.frame, split && styles.split),
+						...stylex.props(styles.frame, split && styles.split),
 						children: [/* @__PURE__ */ jsxs("div", {
-							className: cx(styles.form, split && styles.formSplit),
+							...stylex.props(styles.form, split && styles.formSplit),
 							children: [
 								intro,
 								alert,
 								loading ? /* @__PURE__ */ jsx(FormSkeleton, {}) : children,
 								footer ? /* @__PURE__ */ jsx("div", {
-									className: styles.footer,
+									...styleProps(styles.footer, "lobe-auth-layout-footer"),
 									children: footer
 								}) : null
 							]
 						}), aside ? /* @__PURE__ */ jsx("div", {
-							className: styles.aside,
+							...stylex.props(styles.aside),
 							children: aside
 						}) : null]
 					})