@zerodep-dev/vue-tsx-pro-ui 0.0.0-stage → 0.1.0

package/dist/config/theme/high-contrast.d.ts

@@ -0,0 +1,103 @@
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import type { Theme } from './theme';
+/**
+ * 高对比主题的颜色：纯白底、纯黑字，文字与底色都到 7:1（WCAG AAA），边框到 3:1 以上，
+ * 弱视、强光下、投影时也看得清；品牌色是深蓝，提示色都取深的一档
+ */
+export declare const highContrastColors: css.Theme<css.VarGroup<{
+    readonly background: "#fcfcfd";
+    readonly surface: "#fcfcfd";
+    readonly surfaceMuted: "#f9f9fb";
+    readonly surfaceRaised: "#fcfcfd";
+    readonly fill: "#f0f0f3";
+    readonly fillHover: "#e8e8ec";
+    readonly fillActive: "#e0e1e6";
+    readonly text: "#1c2024";
+    readonly textMuted: "#60646c";
+    readonly textPlaceholder: "#80838d";
+    readonly textDisabled: "#b9bbc6";
+    readonly borderMuted: "#d9d9e0";
+    readonly border: "#cdced6";
+    readonly borderStrong: "#b9bbc6";
+    readonly accent: "#3e63dd";
+    readonly accentHover: "#3358d4";
+    readonly accentContrast: "#ffffff";
+    readonly accentText: "#3a5bc7";
+    readonly accentSoft: "#edf2fe";
+    readonly accentSoftHover: "#e1e9ff";
+    readonly accentBorder: "#abbdf9";
+    readonly danger: "#ce2c31";
+    readonly dangerHover: "#b8272c";
+    readonly dangerContrast: "#ffffff";
+    readonly dangerText: "#b8272c";
+    readonly dangerSoft: "#feebec";
+    readonly dangerSoftHover: "#ffdbdc";
+    readonly dangerBorder: "#f4a9aa";
+    readonly successText: "#193b2d";
+    readonly successSoft: "#e6f6eb";
+    readonly successBorder: "#8eceaa";
+    readonly success: "#008751";
+    readonly successHover: "#007143";
+    readonly successContrast: "#ffffff";
+    readonly successSoftHover: "#d6f1df";
+    readonly warningText: "#4f3422";
+    readonly warningSoft: "#fff7c2";
+    readonly warningBorder: "#e9c162";
+    readonly warning: "#ffc53d";
+    readonly warningHover: "#ffcd5f";
+    readonly warningContrast: "#4f3422";
+    readonly warningSoftHover: "#ffee9c";
+    readonly infoText: "#113264";
+    readonly infoSoft: "#e6f4fe";
+    readonly infoBorder: "#8ec8f6";
+    readonly info: "#0073e0";
+    readonly infoHover: "#0060bd";
+    readonly infoContrast: "#ffffff";
+    readonly infoSoftHover: "#d5efff";
+    readonly inverseSurface: "#1c2024";
+    readonly inverseText: "#fcfcfd";
+    readonly focusRing: "#3e63dd";
+    readonly overlay: "rgba(0, 0, 0, 0.4)";
+    readonly selection: "#d2deff";
+    readonly highlight: "#ffee9c";
+    readonly surfaceTranslucent: "rgba(252, 252, 253, 0.8)";
+    readonly codeKeyword: "#3a5bc7";
+    readonly codeString: "#1c7a51";
+    readonly codeNumber: "#bb4500";
+    readonly codeFunction: "#6550b9";
+    readonly codeType: "#007590";
+    readonly codeComment: "#60646c";
+    readonly codeTag: "#cb1d63";
+    readonly codeAttribute: "#815e46";
+    readonly codeInserted: "#e6f6eb";
+    readonly codeDeleted: "#feebec";
+    readonly chart1: "#3e63dd";
+    readonly chart2: "#0d9b8a";
+    readonly chart3: "#ef5f00";
+    readonly chart4: "#e93d82";
+    readonly chart5: "#6e56cf";
+    readonly chart6: "#0797b9";
+    readonly chart7: "#3e9b4f";
+    readonly chart8: "#ab6400";
+}>>;
+/** 高对比主题的阴影：边框已经足够分出层次，阴影收淡 */
+export declare const highContrastShadows: css.Theme<css.VarGroup<{
+    readonly none: "none";
+    readonly xs: "0 1px 1px 0 #00005506, 0 2px 1px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05)";
+    readonly sm: "0 2px 3px -2px #0000330f, 0 3px 12px -4px rgba(0, 0, 0, 0.1), 0 4px 16px -8px rgba(0, 0, 0, 0.1)";
+    readonly md: "0 8px 40px rgba(0, 0, 0, 0.05), 0 12px 32px -16px #0000330f";
+    readonly lg: "0 12px 60px rgba(0, 0, 0, 0.15), 0 12px 32px -16px #0009321f";
+    readonly xl: "0 12px 60px rgba(0, 0, 0, 0.15), 0 16px 64px #00005506, 0 16px 36px -20px #00062e32";
+}>>;
+/** 高对比主题的圆角：收小，轮廓更利落 */
+export declare const highContrastRadii: css.Theme<css.VarGroup<{
+    readonly none: "0";
+    readonly xs: "0.15em";
+    readonly sm: "0.25em";
+    readonly md: "0.4em";
+    readonly lg: "0.7em";
+    readonly xl: "1em";
+    readonly full: "9999px";
+}>>;
+/** 高对比主题：纯白底纯黑字、文字 7:1、边框加深、圆角收小；浏览器配色按亮色 */
+export declare const highContrastTheme: Theme;

package/dist/config/theme/high-contrast.js

@@ -0,0 +1,119 @@
+import { colors, radii, shadows } from "./tokens.js";
+import { defaultFonts } from "./light.js";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+//#region src/config/theme/high-contrast.ts
+/**
+* 高对比主题的颜色：纯白底、纯黑字，文字与底色都到 7:1（WCAG AAA），边框到 3:1 以上，
+* 弱视、强光下、投影时也看得清；品牌色是深蓝，提示色都取深的一档
+*/
+var highContrastColors = css.createTheme(colors, {
+	background: "#ffffff",
+	surface: "#ffffff",
+	surfaceMuted: "#f2f2f2",
+	surfaceRaised: "#ffffff",
+	fill: "#ebebeb",
+	fillHover: "#dedede",
+	fillActive: "#d1d1d1",
+	text: "#000000",
+	textMuted: "#333333",
+	textPlaceholder: "#575757",
+	textDisabled: "#8a8a8a",
+	borderMuted: "#8f8f8f",
+	border: "#666666",
+	borderStrong: "#1f1f1f",
+	accent: "#0036a3",
+	accentHover: "#002a80",
+	accentContrast: "#ffffff",
+	accentText: "#0036a3",
+	accentSoft: "#e6edfb",
+	accentSoftHover: "#d5e0f8",
+	accentBorder: "#4a6fc2",
+	danger: "#a8001c",
+	dangerHover: "#870017",
+	dangerContrast: "#ffffff",
+	dangerText: "#8f0018",
+	dangerSoft: "#fcebee",
+	dangerSoftHover: "#f8d8de",
+	dangerBorder: "#c94157",
+	successText: "#0a5520",
+	successSoft: "#e4f4e8",
+	successBorder: "#3f8a52",
+	success: "#0a5520",
+	successHover: "#074619",
+	successContrast: "#ffffff",
+	successSoftHover: "#c0dcc6",
+	warningText: "#663800",
+	warningSoft: "#fff2d9",
+	warningBorder: "#a86d14",
+	warning: "#663800",
+	warningHover: "#552e00",
+	warningContrast: "#ffffff",
+	warningSoftHover: "#ecd4b1",
+	infoText: "#003a70",
+	infoSoft: "#e4f0fc",
+	infoBorder: "#3b77b5",
+	info: "#003a70",
+	infoHover: "#002f5d",
+	infoContrast: "#ffffff",
+	infoSoftHover: "#bed5ed",
+	inverseSurface: "#000000",
+	inverseText: "#ffffff",
+	focusRing: "#0036a3",
+	overlay: "rgba(0, 0, 0, 0.6)",
+	selection: "#bcd0f5",
+	highlight: "#ffe066",
+	surfaceTranslucent: "rgba(255, 255, 255, 0.92)",
+	codeKeyword: "#0036a3",
+	codeString: "#0a5520",
+	codeNumber: "#853600",
+	codeFunction: "#5f1a8f",
+	codeType: "#00525e",
+	codeComment: "#454545",
+	codeTag: "#8f0018",
+	codeAttribute: "#663800",
+	codeInserted: "#d8f1de",
+	codeDeleted: "#fadadf",
+	chart1: "#0036a3",
+	chart2: "#00756a",
+	chart3: "#c23d00",
+	chart4: "#ad1457",
+	chart5: "#5e35b1",
+	chart6: "#00798a",
+	chart7: "#2e7d32",
+	chart8: "#8a6500"
+});
+/** 高对比主题的阴影：边框已经足够分出层次，阴影收淡 */
+var highContrastShadows = css.createTheme(shadows, {
+	none: "none",
+	xs: "0 1px 2px rgba(0, 0, 0, 0.12)",
+	sm: "0 1px 3px rgba(0, 0, 0, 0.16)",
+	md: "0 4px 12px rgba(0, 0, 0, 0.18)",
+	lg: "0 8px 24px rgba(0, 0, 0, 0.22)",
+	xl: "0 12px 40px rgba(0, 0, 0, 0.26)"
+});
+/** 高对比主题的圆角：收小，轮廓更利落 */
+var highContrastRadii = css.createTheme(radii, {
+	none: "0",
+	xs: "0.1em",
+	sm: "0.15em",
+	md: "0.25em",
+	lg: "0.4em",
+	xl: "0.6em",
+	full: "9999px"
+});
+/** 高对比主题：纯白底纯黑字、文字 7:1、边框加深、圆角收小；浏览器配色按亮色 */
+var highContrastTheme = {
+	name: "high-contrast",
+	colorScheme: "light",
+	styles: [
+		highContrastColors,
+		highContrastShadows,
+		defaultFonts,
+		highContrastRadii
+	],
+	overrides: {}
+};
+//#endregion
+export { highContrastColors, highContrastRadii, highContrastShadows, highContrastTheme };
+
+//# sourceMappingURL=high-contrast.js.map

package/dist/config/theme/high-contrast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"high-contrast.js","names":[],"sources":["../../../src/config/theme/high-contrast.ts"],"sourcesContent":["import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts } from './light';\nimport type { Theme } from './theme';\nimport { colors, radii, shadows } from './tokens';\n\n/**\n * 高对比主题的颜色：纯白底、纯黑字，文字与底色都到 7:1（WCAG AAA），边框到 3:1 以上，\n * 弱视、强光下、投影时也看得清；品牌色是深蓝，提示色都取深的一档\n */\nexport const highContrastColors = css.createTheme(colors, {\n  background: '#ffffff',\n  surface: '#ffffff',\n  surfaceMuted: '#f2f2f2',\n  surfaceRaised: '#ffffff',\n  fill: '#ebebeb',\n  fillHover: '#dedede',\n  fillActive: '#d1d1d1',\n  text: '#000000',\n  textMuted: '#333333',\n  textPlaceholder: '#575757',\n  textDisabled: '#8a8a8a',\n  borderMuted: '#8f8f8f',\n  border: '#666666',\n  borderStrong: '#1f1f1f',\n  accent: '#0036a3',\n  accentHover: '#002a80',\n  accentContrast: '#ffffff',\n  accentText: '#0036a3',\n  accentSoft: '#e6edfb',\n  accentSoftHover: '#d5e0f8',\n  accentBorder: '#4a6fc2',\n  danger: '#a8001c',\n  dangerHover: '#870017',\n  dangerContrast: '#ffffff',\n  dangerText: '#8f0018',\n  dangerSoft: '#fcebee',\n  dangerSoftHover: '#f8d8de',\n  dangerBorder: '#c94157',\n  successText: '#0a5520',\n  successSoft: '#e4f4e8',\n  successBorder: '#3f8a52',\n  success: '#0a5520',\n  successHover: '#074619',\n  successContrast: '#ffffff',\n  successSoftHover: '#c0dcc6',\n  warningText: '#663800',\n  warningSoft: '#fff2d9',\n  warningBorder: '#a86d14',\n  warning: '#663800',\n  warningHover: '#552e00',\n  warningContrast: '#ffffff',\n  warningSoftHover: '#ecd4b1',\n  infoText: '#003a70',\n  infoSoft: '#e4f0fc',\n  infoBorder: '#3b77b5',\n  info: '#003a70',\n  infoHover: '#002f5d',\n  infoContrast: '#ffffff',\n  infoSoftHover: '#bed5ed',\n  inverseSurface: '#000000',\n  inverseText: '#ffffff',\n  focusRing: '#0036a3',\n  overlay: 'rgba(0, 0, 0, 0.6)',\n  selection: '#bcd0f5',\n  highlight: '#ffe066',\n  surfaceTranslucent: 'rgba(255, 255, 255, 0.92)',\n  codeKeyword: '#0036a3',\n  codeString: '#0a5520',\n  codeNumber: '#853600',\n  codeFunction: '#5f1a8f',\n  codeType: '#00525e',\n  codeComment: '#454545',\n  codeTag: '#8f0018',\n  codeAttribute: '#663800',\n  codeInserted: '#d8f1de',\n  codeDeleted: '#fadadf',\n  chart1: '#0036a3',\n  chart2: '#00756a',\n  chart3: '#c23d00',\n  chart4: '#ad1457',\n  chart5: '#5e35b1',\n  chart6: '#00798a',\n  chart7: '#2e7d32',\n  chart8: '#8a6500',\n});\n\n/** 高对比主题的阴影：边框已经足够分出层次，阴影收淡 */\nexport const highContrastShadows = css.createTheme(shadows, {\n  none: 'none',\n  xs: '0 1px 2px rgba(0, 0, 0, 0.12)',\n  sm: '0 1px 3px rgba(0, 0, 0, 0.16)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.18)',\n  lg: '0 8px 24px rgba(0, 0, 0, 0.22)',\n  xl: '0 12px 40px rgba(0, 0, 0, 0.26)',\n});\n\n/** 高对比主题的圆角：收小，轮廓更利落 */\nexport const highContrastRadii = css.createTheme(radii, {\n  none: '0',\n  xs: '0.1em',\n  sm: '0.15em',\n  md: '0.25em',\n  lg: '0.4em',\n  xl: '0.6em',\n  full: '9999px',\n});\n\n/** 高对比主题：纯白底纯黑字、文字 7:1、边框加深、圆角收小；浏览器配色按亮色 */\nexport const highContrastTheme: Theme = {\n  name: 'high-contrast',\n  colorScheme: 'light',\n  styles: [highContrastColors, highContrastShadows, defaultFonts, highContrastRadii],\n  overrides: {},\n};\n"],"mappings":";;;;;;;;AASA,IAAa,qBAAqB,IAAI,YAAY,QAAQ;CACxD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,sBAAsB,IAAI,YAAY,SAAS;CAC1D,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,oBAAoB,IAAI,YAAY,OAAO;CACtD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,oBAA2B;CACtC,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAoB;EAAqB;EAAc;CAAiB;CACjF,WAAW,CAAC;AACd"}

package/dist/config/theme/lemon.d.ts

@@ -0,0 +1,103 @@
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import type { Theme } from './theme';
+/**
+ * 柠檬主题的颜色：奶油黄的页面、柠檬黄的浅底、金柠檬色的品牌色 `#aa9200`（配深色字）。中性色按 slate 各级亮度换成黄绿色相（oklch 100°），品牌色取 Radix yellow 色阶；亮柠檬黄在浅色表面上到不了图形要的 3:1，实色取到得了的最亮一档。
+ * 先按风格取色，再按对比度要求调深浅（pnpm themes:check 校验）
+ */
+export declare const lemonColors: css.Theme<css.VarGroup<{
+    readonly background: "#fcfcfd";
+    readonly surface: "#fcfcfd";
+    readonly surfaceMuted: "#f9f9fb";
+    readonly surfaceRaised: "#fcfcfd";
+    readonly fill: "#f0f0f3";
+    readonly fillHover: "#e8e8ec";
+    readonly fillActive: "#e0e1e6";
+    readonly text: "#1c2024";
+    readonly textMuted: "#60646c";
+    readonly textPlaceholder: "#80838d";
+    readonly textDisabled: "#b9bbc6";
+    readonly borderMuted: "#d9d9e0";
+    readonly border: "#cdced6";
+    readonly borderStrong: "#b9bbc6";
+    readonly accent: "#3e63dd";
+    readonly accentHover: "#3358d4";
+    readonly accentContrast: "#ffffff";
+    readonly accentText: "#3a5bc7";
+    readonly accentSoft: "#edf2fe";
+    readonly accentSoftHover: "#e1e9ff";
+    readonly accentBorder: "#abbdf9";
+    readonly danger: "#ce2c31";
+    readonly dangerHover: "#b8272c";
+    readonly dangerContrast: "#ffffff";
+    readonly dangerText: "#b8272c";
+    readonly dangerSoft: "#feebec";
+    readonly dangerSoftHover: "#ffdbdc";
+    readonly dangerBorder: "#f4a9aa";
+    readonly successText: "#193b2d";
+    readonly successSoft: "#e6f6eb";
+    readonly successBorder: "#8eceaa";
+    readonly success: "#008751";
+    readonly successHover: "#007143";
+    readonly successContrast: "#ffffff";
+    readonly successSoftHover: "#d6f1df";
+    readonly warningText: "#4f3422";
+    readonly warningSoft: "#fff7c2";
+    readonly warningBorder: "#e9c162";
+    readonly warning: "#ffc53d";
+    readonly warningHover: "#ffcd5f";
+    readonly warningContrast: "#4f3422";
+    readonly warningSoftHover: "#ffee9c";
+    readonly infoText: "#113264";
+    readonly infoSoft: "#e6f4fe";
+    readonly infoBorder: "#8ec8f6";
+    readonly info: "#0073e0";
+    readonly infoHover: "#0060bd";
+    readonly infoContrast: "#ffffff";
+    readonly infoSoftHover: "#d5efff";
+    readonly inverseSurface: "#1c2024";
+    readonly inverseText: "#fcfcfd";
+    readonly focusRing: "#3e63dd";
+    readonly overlay: "rgba(0, 0, 0, 0.4)";
+    readonly selection: "#d2deff";
+    readonly highlight: "#ffee9c";
+    readonly surfaceTranslucent: "rgba(252, 252, 253, 0.8)";
+    readonly codeKeyword: "#3a5bc7";
+    readonly codeString: "#1c7a51";
+    readonly codeNumber: "#bb4500";
+    readonly codeFunction: "#6550b9";
+    readonly codeType: "#007590";
+    readonly codeComment: "#60646c";
+    readonly codeTag: "#cb1d63";
+    readonly codeAttribute: "#815e46";
+    readonly codeInserted: "#e6f6eb";
+    readonly codeDeleted: "#feebec";
+    readonly chart1: "#3e63dd";
+    readonly chart2: "#0d9b8a";
+    readonly chart3: "#ef5f00";
+    readonly chart4: "#e93d82";
+    readonly chart5: "#6e56cf";
+    readonly chart6: "#0797b9";
+    readonly chart7: "#3e9b4f";
+    readonly chart8: "#ab6400";
+}>>;
+/** 柠檬主题的阴影：带主色调的投影 */
+export declare const lemonShadows: css.Theme<css.VarGroup<{
+    readonly none: "none";
+    readonly xs: "0 1px 1px 0 #00005506, 0 2px 1px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05)";
+    readonly sm: "0 2px 3px -2px #0000330f, 0 3px 12px -4px rgba(0, 0, 0, 0.1), 0 4px 16px -8px rgba(0, 0, 0, 0.1)";
+    readonly md: "0 8px 40px rgba(0, 0, 0, 0.05), 0 12px 32px -16px #0000330f";
+    readonly lg: "0 12px 60px rgba(0, 0, 0, 0.15), 0 12px 32px -16px #0009321f";
+    readonly xl: "0 12px 60px rgba(0, 0, 0, 0.15), 0 16px 64px #00005506, 0 16px 36px -20px #00062e32";
+}>>;
+/** 柠檬主题的圆角：更圆润，清新柔和 */
+export declare const lemonRadii: css.Theme<css.VarGroup<{
+    readonly none: "0";
+    readonly xs: "0.15em";
+    readonly sm: "0.25em";
+    readonly md: "0.4em";
+    readonly lg: "0.7em";
+    readonly xl: "1em";
+    readonly full: "9999px";
+}>>;
+/** 柠檬主题：奶油黄底、柠檬黄品牌色、更圆的圆角、很轻的阴影；浏览器配色按亮色 */
+export declare const lemonTheme: Theme;

package/dist/config/theme/lemon.js

@@ -0,0 +1,119 @@
+import { colors, radii, shadows } from "./tokens.js";
+import { defaultFonts } from "./light.js";
+import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+//#region src/config/theme/lemon.ts
+/**
+* 柠檬主题的颜色：奶油黄的页面、柠檬黄的浅底、金柠檬色的品牌色 `#aa9200`（配深色字）。中性色按 slate 各级亮度换成黄绿色相（oklch 100°），品牌色取 Radix yellow 色阶；亮柠檬黄在浅色表面上到不了图形要的 3:1，实色取到得了的最亮一档。
+* 先按风格取色，再按对比度要求调深浅（pnpm themes:check 校验）
+*/
+var lemonColors = css.createTheme(colors, {
+	background: "#fefdf2",
+	surface: "#fefdf2",
+	surfaceMuted: "#fbfaef",
+	surfaceRaised: "#fefdf2",
+	fill: "#f3f1e2",
+	fillHover: "#ebe9da",
+	fillActive: "#e4e2d3",
+	text: "#232010",
+	textMuted: "#676552",
+	textPlaceholder: "#878471",
+	textDisabled: "#bebcae",
+	borderMuted: "#dddacc",
+	border: "#d1cfc1",
+	borderStrong: "#bebcae",
+	accent: "#9f8700",
+	accentHover: "#aa9539",
+	accentContrast: "#232010",
+	accentText: "#956300",
+	accentSoft: "#fffab8",
+	accentSoftHover: "#fff394",
+	accentBorder: "#e4c767",
+	danger: "#d83a3f",
+	dangerHover: "#b62f34",
+	dangerContrast: "#ffffff",
+	dangerText: "#c31e28",
+	dangerSoft: "#feebec",
+	dangerSoftHover: "#ffdbdc",
+	dangerBorder: "#f4a9aa",
+	successText: "#193b2d",
+	successSoft: "#e6f6eb",
+	successBorder: "#8eceaa",
+	success: "#008751",
+	successHover: "#007143",
+	successContrast: "#ffffff",
+	successSoftHover: "#d6f1df",
+	warningText: "#4f3422",
+	warningSoft: "#fff7c2",
+	warningBorder: "#e9c162",
+	warning: "#ffc53d",
+	warningHover: "#ffcd5f",
+	warningContrast: "#4f3422",
+	warningSoftHover: "#ffee9c",
+	infoText: "#113264",
+	infoSoft: "#e6f4fe",
+	infoBorder: "#8ec8f6",
+	info: "#0073e0",
+	infoHover: "#0060bd",
+	infoContrast: "#ffffff",
+	infoSoftHover: "#d5efff",
+	inverseSurface: "#232010",
+	inverseText: "#fefdf2",
+	focusRing: "#9f8700",
+	overlay: "rgba(35, 32, 16, 0.4)",
+	selection: "#ffe770",
+	highlight: "#e2f0bd",
+	surfaceTranslucent: "rgba(254, 253, 242, 0.8)",
+	codeKeyword: "#956300",
+	codeString: "#147a51",
+	codeNumber: "#bf4100",
+	codeFunction: "#6550b9",
+	codeType: "#007590",
+	codeComment: "#676552",
+	codeTag: "#cb1d63",
+	codeAttribute: "#815e46",
+	codeInserted: "#e6f6eb",
+	codeDeleted: "#feebec",
+	chart1: "#9f8700",
+	chart2: "#6fa000",
+	chart3: "#3e9b4f",
+	chart4: "#ef5f00",
+	chart5: "#0797b9",
+	chart6: "#cf3897",
+	chart7: "#0d9b8a",
+	chart8: "#c68400"
+});
+/** 柠檬主题的阴影：带主色调的投影 */
+var lemonShadows = css.createTheme(shadows, {
+	none: "none",
+	xs: "0 1px 1px 0 rgba(80, 72, 10, 0.028), 0 2px 1px -1px rgba(80, 72, 10, 0.035), 0 1px 3px 0 rgba(80, 72, 10, 0.035)",
+	sm: "0 2px 3px -2px rgba(80, 72, 10, 0.042), 0 3px 12px -4px rgba(80, 72, 10, 0.07), 0 4px 16px -8px rgba(80, 72, 10, 0.07)",
+	md: "0 8px 40px rgba(80, 72, 10, 0.035), 0 12px 32px -16px rgba(80, 72, 10, 0.056)",
+	lg: "0 12px 60px rgba(80, 72, 10, 0.105), 0 12px 32px -16px rgba(80, 72, 10, 0.084)",
+	xl: "0 12px 60px rgba(80, 72, 10, 0.105), 0 16px 64px rgba(80, 72, 10, 0.028), 0 16px 36px -20px rgba(80, 72, 10, 0.14)"
+});
+/** 柠檬主题的圆角：更圆润，清新柔和 */
+var lemonRadii = css.createTheme(radii, {
+	none: "0",
+	xs: "0.25em",
+	sm: "0.45em",
+	md: "0.75em",
+	lg: "1.1em",
+	xl: "1.5em",
+	full: "9999px"
+});
+/** 柠檬主题：奶油黄底、柠檬黄品牌色、更圆的圆角、很轻的阴影；浏览器配色按亮色 */
+var lemonTheme = {
+	name: "lemon",
+	colorScheme: "light",
+	styles: [
+		lemonColors,
+		lemonShadows,
+		defaultFonts,
+		lemonRadii
+	],
+	overrides: {}
+};
+//#endregion
+export { lemonColors, lemonRadii, lemonShadows, lemonTheme };
+
+//# sourceMappingURL=lemon.js.map

package/dist/config/theme/lemon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lemon.js","names":[],"sources":["../../../src/config/theme/lemon.ts"],"sourcesContent":["import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { defaultFonts } from './light';\nimport type { Theme } from './theme';\nimport { colors, radii, shadows } from './tokens';\n\n/**\n * 柠檬主题的颜色：奶油黄的页面、柠檬黄的浅底、金柠檬色的品牌色 `#aa9200`（配深色字）。中性色按 slate 各级亮度换成黄绿色相（oklch 100°），品牌色取 Radix yellow 色阶；亮柠檬黄在浅色表面上到不了图形要的 3:1，实色取到得了的最亮一档。\n * 先按风格取色，再按对比度要求调深浅（pnpm themes:check 校验）\n */\nexport const lemonColors = css.createTheme(colors, {\n  background: '#fefdf2',\n  surface: '#fefdf2',\n  surfaceMuted: '#fbfaef',\n  surfaceRaised: '#fefdf2',\n  fill: '#f3f1e2',\n  fillHover: '#ebe9da',\n  fillActive: '#e4e2d3',\n  text: '#232010',\n  textMuted: '#676552',\n  textPlaceholder: '#878471',\n  textDisabled: '#bebcae',\n  borderMuted: '#dddacc',\n  border: '#d1cfc1',\n  borderStrong: '#bebcae',\n  accent: '#9f8700',\n  accentHover: '#aa9539',\n  accentContrast: '#232010',\n  accentText: '#956300',\n  accentSoft: '#fffab8',\n  accentSoftHover: '#fff394',\n  accentBorder: '#e4c767',\n  danger: '#d83a3f',\n  dangerHover: '#b62f34',\n  dangerContrast: '#ffffff',\n  dangerText: '#c31e28',\n  dangerSoft: '#feebec',\n  dangerSoftHover: '#ffdbdc',\n  dangerBorder: '#f4a9aa',\n  successText: '#193b2d',\n  successSoft: '#e6f6eb',\n  successBorder: '#8eceaa',\n  success: '#008751',\n  successHover: '#007143',\n  successContrast: '#ffffff',\n  successSoftHover: '#d6f1df',\n  warningText: '#4f3422',\n  warningSoft: '#fff7c2',\n  warningBorder: '#e9c162',\n  warning: '#ffc53d',\n  warningHover: '#ffcd5f',\n  warningContrast: '#4f3422',\n  warningSoftHover: '#ffee9c',\n  infoText: '#113264',\n  infoSoft: '#e6f4fe',\n  infoBorder: '#8ec8f6',\n  info: '#0073e0',\n  infoHover: '#0060bd',\n  infoContrast: '#ffffff',\n  infoSoftHover: '#d5efff',\n  inverseSurface: '#232010',\n  inverseText: '#fefdf2',\n  focusRing: '#9f8700',\n  overlay: 'rgba(35, 32, 16, 0.4)',\n  selection: '#ffe770',\n  highlight: '#e2f0bd',\n  surfaceTranslucent: 'rgba(254, 253, 242, 0.8)',\n  codeKeyword: '#956300',\n  codeString: '#147a51',\n  codeNumber: '#bf4100',\n  codeFunction: '#6550b9',\n  codeType: '#007590',\n  codeComment: '#676552',\n  codeTag: '#cb1d63',\n  codeAttribute: '#815e46',\n  codeInserted: '#e6f6eb',\n  codeDeleted: '#feebec',\n  chart1: '#9f8700',\n  chart2: '#6fa000',\n  chart3: '#3e9b4f',\n  chart4: '#ef5f00',\n  chart5: '#0797b9',\n  chart6: '#cf3897',\n  chart7: '#0d9b8a',\n  chart8: '#c68400',\n});\n\n/** 柠檬主题的阴影：带主色调的投影 */\nexport const lemonShadows = css.createTheme(shadows, {\n  none: 'none',\n  xs: '0 1px 1px 0 rgba(80, 72, 10, 0.028), 0 2px 1px -1px rgba(80, 72, 10, 0.035), 0 1px 3px 0 rgba(80, 72, 10, 0.035)',\n  sm: '0 2px 3px -2px rgba(80, 72, 10, 0.042), 0 3px 12px -4px rgba(80, 72, 10, 0.07), 0 4px 16px -8px rgba(80, 72, 10, 0.07)',\n  md: '0 8px 40px rgba(80, 72, 10, 0.035), 0 12px 32px -16px rgba(80, 72, 10, 0.056)',\n  lg: '0 12px 60px rgba(80, 72, 10, 0.105), 0 12px 32px -16px rgba(80, 72, 10, 0.084)',\n  xl: '0 12px 60px rgba(80, 72, 10, 0.105), 0 16px 64px rgba(80, 72, 10, 0.028), 0 16px 36px -20px rgba(80, 72, 10, 0.14)',\n});\n\n/** 柠檬主题的圆角：更圆润，清新柔和 */\nexport const lemonRadii = css.createTheme(radii, {\n  none: '0',\n  xs: '0.25em',\n  sm: '0.45em',\n  md: '0.75em',\n  lg: '1.1em',\n  xl: '1.5em',\n  full: '9999px',\n});\n\n/** 柠檬主题：奶油黄底、柠檬黄品牌色、更圆的圆角、很轻的阴影；浏览器配色按亮色 */\nexport const lemonTheme: Theme = {\n  name: 'lemon',\n  colorScheme: 'light',\n  styles: [lemonColors, lemonShadows, defaultFonts, lemonRadii],\n  overrides: {},\n};\n"],"mappings":";;;;;;;;AASA,IAAa,cAAc,IAAI,YAAY,QAAQ;CACjD,YAAY;CACZ,SAAS;CACT,cAAc;CACd,eAAe;CACf,MAAM;CACN,WAAW;CACX,YAAY;CACZ,MAAM;CACN,WAAW;CACX,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,QAAQ;CACR,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,gBAAgB;CAChB,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,aAAa;CACb,aAAa;CACb,eAAe;CACf,SAAS;CACT,cAAc;CACd,iBAAiB;CACjB,kBAAkB;CAClB,UAAU;CACV,UAAU;CACV,YAAY;CACZ,MAAM;CACN,WAAW;CACX,cAAc;CACd,eAAe;CACf,gBAAgB;CAChB,aAAa;CACb,WAAW;CACX,SAAS;CACT,WAAW;CACX,WAAW;CACX,oBAAoB;CACpB,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,UAAU;CACV,aAAa;CACb,SAAS;CACT,eAAe;CACf,cAAc;CACd,aAAa;CACb,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV,CAAC;;AAGD,IAAa,eAAe,IAAI,YAAY,SAAS;CACnD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,CAAC;;AAGD,IAAa,aAAa,IAAI,YAAY,OAAO;CAC/C,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,CAAC;;AAGD,IAAa,aAAoB;CAC/B,MAAM;CACN,aAAa;CACb,QAAQ;EAAC;EAAa;EAAc;EAAc;CAAU;CAC5D,WAAW,CAAC;AACd"}

package/dist/config/theme/light.d.ts

@@ -0,0 +1,107 @@
+import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import type { Theme } from './theme';
+/** 亮色主题的颜色（默认值） */
+export declare const lightColors: css.Theme<css.VarGroup<{
+    readonly background: "#fcfcfd";
+    readonly surface: "#fcfcfd";
+    readonly surfaceMuted: "#f9f9fb";
+    readonly surfaceRaised: "#fcfcfd";
+    readonly fill: "#f0f0f3";
+    readonly fillHover: "#e8e8ec";
+    readonly fillActive: "#e0e1e6";
+    readonly text: "#1c2024";
+    readonly textMuted: "#60646c";
+    readonly textPlaceholder: "#80838d";
+    readonly textDisabled: "#b9bbc6";
+    readonly borderMuted: "#d9d9e0";
+    readonly border: "#cdced6";
+    readonly borderStrong: "#b9bbc6";
+    readonly accent: "#3e63dd";
+    readonly accentHover: "#3358d4";
+    readonly accentContrast: "#ffffff";
+    readonly accentText: "#3a5bc7";
+    readonly accentSoft: "#edf2fe";
+    readonly accentSoftHover: "#e1e9ff";
+    readonly accentBorder: "#abbdf9";
+    readonly danger: "#ce2c31";
+    readonly dangerHover: "#b8272c";
+    readonly dangerContrast: "#ffffff";
+    readonly dangerText: "#b8272c";
+    readonly dangerSoft: "#feebec";
+    readonly dangerSoftHover: "#ffdbdc";
+    readonly dangerBorder: "#f4a9aa";
+    readonly successText: "#193b2d";
+    readonly successSoft: "#e6f6eb";
+    readonly successBorder: "#8eceaa";
+    readonly success: "#008751";
+    readonly successHover: "#007143";
+    readonly successContrast: "#ffffff";
+    readonly successSoftHover: "#d6f1df";
+    readonly warningText: "#4f3422";
+    readonly warningSoft: "#fff7c2";
+    readonly warningBorder: "#e9c162";
+    readonly warning: "#ffc53d";
+    readonly warningHover: "#ffcd5f";
+    readonly warningContrast: "#4f3422";
+    readonly warningSoftHover: "#ffee9c";
+    readonly infoText: "#113264";
+    readonly infoSoft: "#e6f4fe";
+    readonly infoBorder: "#8ec8f6";
+    readonly info: "#0073e0";
+    readonly infoHover: "#0060bd";
+    readonly infoContrast: "#ffffff";
+    readonly infoSoftHover: "#d5efff";
+    readonly inverseSurface: "#1c2024";
+    readonly inverseText: "#fcfcfd";
+    readonly focusRing: "#3e63dd";
+    readonly overlay: "rgba(0, 0, 0, 0.4)";
+    readonly selection: "#d2deff";
+    readonly highlight: "#ffee9c";
+    readonly surfaceTranslucent: "rgba(252, 252, 253, 0.8)";
+    readonly codeKeyword: "#3a5bc7";
+    readonly codeString: "#1c7a51";
+    readonly codeNumber: "#bb4500";
+    readonly codeFunction: "#6550b9";
+    readonly codeType: "#007590";
+    readonly codeComment: "#60646c";
+    readonly codeTag: "#cb1d63";
+    readonly codeAttribute: "#815e46";
+    readonly codeInserted: "#e6f6eb";
+    readonly codeDeleted: "#feebec";
+    readonly chart1: "#3e63dd";
+    readonly chart2: "#0d9b8a";
+    readonly chart3: "#ef5f00";
+    readonly chart4: "#e93d82";
+    readonly chart5: "#6e56cf";
+    readonly chart6: "#0797b9";
+    readonly chart7: "#3e9b4f";
+    readonly chart8: "#ab6400";
+}>>;
+/** 亮色主题的阴影（默认值） */
+export declare const lightShadows: css.Theme<css.VarGroup<{
+    readonly none: "none";
+    readonly xs: "0 1px 1px 0 #00005506, 0 2px 1px -1px rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.05)";
+    readonly sm: "0 2px 3px -2px #0000330f, 0 3px 12px -4px rgba(0, 0, 0, 0.1), 0 4px 16px -8px rgba(0, 0, 0, 0.1)";
+    readonly md: "0 8px 40px rgba(0, 0, 0, 0.05), 0 12px 32px -16px #0000330f";
+    readonly lg: "0 12px 60px rgba(0, 0, 0, 0.15), 0 12px 32px -16px #0009321f";
+    readonly xl: "0 12px 60px rgba(0, 0, 0, 0.15), 0 16px 64px #00005506, 0 16px 36px -20px #00062e32";
+}>>;
+/** 默认字体：标题与正文都是无衬线 */
+export declare const defaultFonts: css.Theme<css.VarGroup<{
+    readonly sans: "system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif";
+    readonly mono: "ui-monospace, \"Cascadia Code\", \"JetBrains Mono\", \"SFMono-Regular\", Consolas, \"Liberation Mono\", monospace";
+    readonly serif: "\"Noto Serif SC\", \"Source Han Serif SC\", \"Songti SC\", STSong, \"SimSun\", Georgia, serif";
+    readonly heading: "system-ui, -apple-system, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei UI\", \"Microsoft YaHei\", \"Noto Sans SC\", \"Source Han Sans SC\", sans-serif";
+}>>;
+/** 默认圆角 */
+export declare const defaultRadii: css.Theme<css.VarGroup<{
+    readonly none: "0";
+    readonly xs: "0.15em";
+    readonly sm: "0.25em";
+    readonly md: "0.4em";
+    readonly lg: "0.7em";
+    readonly xl: "1em";
+    readonly full: "9999px";
+}>>;
+/** 亮色主题（默认）：即 tokens.ts 里的默认值 */
+export declare const lightTheme: Theme;