@lemonppt/templates 0.1.7 → 0.2.0

package/dist/themes/theme01/tokens.d.ts

@@ -0,0 +1,199 @@
+/**
+ * theme01 视觉 Token 定义。
+ * 作为单一事实来源，既用于生成 CSS 变量，也可供组件在 SSR 等无法读取 CSS 变量的场景兜底使用。
+ * CSS 变量名与 theme01.css 中已有的变量保持一致，例如 --lp-blue、--lp-font 等。
+ */
+export interface Theme01Tokens {
+    ink: string;
+    ink2: string;
+    ink3: string;
+    white: string;
+    blue100: string;
+    gray700: string;
+    red: string;
+    blue: string;
+    green: string;
+    amber: string;
+    violet: string;
+    cyan: string;
+    pink: string;
+    orange: string;
+    lime: string;
+    gray600: string;
+    gray500: string;
+    gray400: string;
+    gray200: string;
+    gray100: string;
+    bg: string;
+    bgGradientStart: string;
+    bgGradientEnd: string;
+    surface: string;
+    surfaceStrong: string;
+    border: string;
+    shadow: string;
+    shadowSm: string;
+    glowBlue: string;
+    glowBlueStrong: string;
+    glowBlueSubtle: string;
+    glowBlueExtraStrong: string;
+    glowAmber: string;
+    glowViolet: string;
+    glowVioletStrong: string;
+    glowVioletSubtle: string;
+    glowVioletExtraStrong: string;
+    glowCyanSubtle: string;
+    glowPinkSubtle: string;
+    glowGreenSubtle: string;
+    glowRedSubtle: string;
+    shadowInset: string;
+    overlay: string;
+    overlayStrong: string;
+    divider: string;
+    scrim: string;
+    imageOverlay: string;
+    shadowRgb: string;
+    stroke: string;
+    whiteAlpha80: string;
+    whiteAlpha85: string;
+    whiteAlpha90: string;
+    font: string;
+    fontMono: string;
+    radiusSmall: string;
+    radiusMedium: string;
+    radiusLarge: string;
+}
+export declare const theme01Tokens: {
+    readonly ink: "#2a2a30";
+    readonly ink2: "#56565c";
+    readonly ink3: "#9a9ba4";
+    readonly white: "#ffffff";
+    readonly blue100: "#DBEAFE";
+    readonly gray700: "#374151";
+    readonly red: "#e15b4d";
+    readonly blue: "#5b9bd5";
+    readonly green: "#4caf8a";
+    readonly amber: "#e0a844";
+    readonly violet: "#7b6ad4";
+    readonly cyan: "#48a8c8";
+    readonly pink: "#d86aa3";
+    readonly orange: "#e67e22";
+    readonly lime: "#84cc16";
+    readonly gray600: "#4B5563";
+    readonly gray500: "#6B7280";
+    readonly gray400: "#9CA3AF";
+    readonly gray200: "#E5E7EB";
+    readonly gray100: "#F3F4F6";
+    readonly bg: "#f4f6f9";
+    readonly bgGradientStart: "#f4f6f9";
+    readonly bgGradientEnd: "#eef1f6";
+    readonly surface: "rgba(255, 255, 255, 0.55)";
+    readonly surfaceStrong: "rgba(255, 255, 255, 0.72)";
+    readonly border: "rgba(255, 255, 255, 0.72)";
+    readonly shadow: "0 24px 60px rgba(70, 72, 100, 0.13)";
+    readonly shadowSm: "0 8px 24px rgba(70, 72, 100, 0.1)";
+    readonly glowBlue: "rgba(91, 155, 213, 0.22)";
+    readonly glowBlueStrong: "rgba(91, 155, 213, 0.25)";
+    readonly glowBlueSubtle: "rgba(91, 155, 213, 0.12)";
+    readonly glowBlueExtraStrong: "rgba(91, 155, 213, 0.45)";
+    readonly glowAmber: "rgba(224, 168, 68, 0.18)";
+    readonly glowViolet: "rgba(123, 106, 212, 0.16)";
+    readonly glowVioletStrong: "rgba(123, 106, 212, 0.25)";
+    readonly glowVioletSubtle: "rgba(123, 106, 212, 0.12)";
+    readonly glowVioletExtraStrong: "rgba(123, 106, 212, 0.45)";
+    readonly glowCyanSubtle: "rgba(72, 168, 200, 0.12)";
+    readonly glowPinkSubtle: "rgba(216, 106, 163, 0.12)";
+    readonly glowGreenSubtle: "rgba(76, 175, 138, 0.16)";
+    readonly glowRedSubtle: "rgba(225, 91, 77, 0.16)";
+    readonly shadowInset: "0 1px 0 rgba(255, 255, 255, 0.75) inset";
+    readonly overlay: "rgba(0, 0, 0, 0.06)";
+    readonly overlayStrong: "rgba(0, 0, 0, 0.12)";
+    readonly divider: "rgba(0, 0, 0, 0.05)";
+    readonly scrim: "rgba(0, 0, 0, 0.42)";
+    readonly imageOverlay: "linear-gradient(180deg, rgba(244, 246, 249, 0.72) 0%, rgba(244, 246, 249, 0.92) 100%)";
+    readonly shadowRgb: "70, 72, 100";
+    readonly stroke: "rgba(42, 42, 48, 0.12)";
+    readonly whiteAlpha80: "rgba(255, 255, 255, 0.8)";
+    readonly whiteAlpha85: "rgba(255, 255, 255, 0.85)";
+    readonly whiteAlpha90: "rgba(255, 255, 255, 0.9)";
+    readonly font: "\"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif";
+    readonly fontMono: "\"Space Mono\", \"JetBrains Mono\", ui-monospace, monospace";
+    readonly radiusSmall: "9px";
+    readonly radiusMedium: "18px";
+    readonly radiusLarge: "24px";
+};
+/**
+ * 组件默认使用的主色调序列，与 ECharts 等图表库配色保持一致。
+ */
+export declare const theme01ColorSequence: ("#e15b4d" | "#5b9bd5" | "#4caf8a" | "#e0a844" | "#7b6ad4" | "#48a8c8" | "#d86aa3" | "#e67e22" | "#84cc16")[];
+export declare const theme01DarkTokens: {
+    readonly ink: "#f0f0f5";
+    readonly ink2: "#c0c0cc";
+    readonly ink3: "#888899";
+    readonly bg: "#1a1a20";
+    readonly bgGradientStart: "#1a1a20";
+    readonly bgGradientEnd: "#25252c";
+    readonly surface: "rgba(40, 40, 48, 0.60)";
+    readonly surfaceStrong: "rgba(48, 48, 58, 0.78)";
+    readonly border: "rgba(255, 255, 255, 0.10)";
+    readonly shadow: "0 24px 60px rgba(0, 0, 0, 0.35)";
+    readonly shadowSm: "0 8px 24px rgba(0, 0, 0, 0.28)";
+    readonly glowBlue: "rgba(91, 155, 213, 0.14)";
+    readonly glowBlueStrong: "rgba(91, 155, 213, 0.18)";
+    readonly glowBlueSubtle: "rgba(91, 155, 213, 0.10)";
+    readonly glowBlueExtraStrong: "rgba(91, 155, 213, 0.35)";
+    readonly glowAmber: "rgba(224, 168, 68, 0.11)";
+    readonly glowViolet: "rgba(123, 106, 212, 0.10)";
+    readonly glowVioletStrong: "rgba(123, 106, 212, 0.18)";
+    readonly glowVioletSubtle: "rgba(123, 106, 212, 0.10)";
+    readonly glowVioletExtraStrong: "rgba(123, 106, 212, 0.35)";
+    readonly glowCyanSubtle: "rgba(72, 168, 200, 0.10)";
+    readonly glowPinkSubtle: "rgba(216, 106, 163, 0.10)";
+    readonly glowGreenSubtle: "rgba(76, 175, 138, 0.14)";
+    readonly glowRedSubtle: "rgba(225, 91, 77, 0.14)";
+    readonly shadowInset: "0 1px 0 rgba(255, 255, 255, 0.08) inset";
+    readonly overlay: "rgba(255, 255, 255, 0.06)";
+    readonly overlayStrong: "rgba(255, 255, 255, 0.10)";
+    readonly divider: "rgba(255, 255, 255, 0.08)";
+    readonly scrim: "rgba(0, 0, 0, 0.60)";
+    readonly imageOverlay: "linear-gradient(180deg, rgba(26, 26, 32, 0.72) 0%, rgba(26, 26, 32, 0.92) 100%)";
+    readonly shadowRgb: "0, 0, 0";
+    readonly stroke: "rgba(255, 255, 255, 0.10)";
+    readonly whiteAlpha80: "rgba(255, 255, 255, 0.8)";
+    readonly whiteAlpha85: "rgba(255, 255, 255, 0.85)";
+    readonly whiteAlpha90: "rgba(255, 255, 255, 0.9)";
+    readonly white: "#ffffff";
+    readonly blue100: "#DBEAFE";
+    readonly gray700: "#374151";
+    readonly red: "#e15b4d";
+    readonly blue: "#5b9bd5";
+    readonly green: "#4caf8a";
+    readonly amber: "#e0a844";
+    readonly violet: "#7b6ad4";
+    readonly cyan: "#48a8c8";
+    readonly pink: "#d86aa3";
+    readonly orange: "#e67e22";
+    readonly lime: "#84cc16";
+    readonly gray600: "#4B5563";
+    readonly gray500: "#6B7280";
+    readonly gray400: "#9CA3AF";
+    readonly gray200: "#E5E7EB";
+    readonly gray100: "#F3F4F6";
+    readonly font: "\"Noto Sans SC\", \"PingFang SC\", system-ui, sans-serif";
+    readonly fontMono: "\"Space Mono\", \"JetBrains Mono\", ui-monospace, monospace";
+    readonly radiusSmall: "9px";
+    readonly radiusMedium: "18px";
+    readonly radiusLarge: "24px";
+};
+export type Theme01ColorScheme = 'light' | 'dark';
+/**
+ * 生成可在 <style> 标签中使用的 CSS 变量字符串。
+ * 变量名与 theme01.css 中已有的变量保持一致。
+ * 支持 light / dark 两种配色方案。
+ */
+export declare function generateThemeCssVariables(scheme?: Theme01ColorScheme): string;
+/**
+ * 生成同时包含 light 与 dark 两套变量的 CSS 字符串，
+ * 通过 :root 与 :root[data-theme="dark"] 选择器切换。
+ */
+export declare function generateThemeCssVariablesWithDark(): string;
+//# sourceMappingURL=tokens.d.ts.map

package/dist/themes/theme01/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/themes/theme01/tokens.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DQ,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,oBAAoB,+GAUhC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCI,CAAC;AAEnC,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAC;AAgElD;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,GAAE,kBAA4B,GAAG,MAAM,CAEtF;AAED;;;GAGG;AACH,wBAAgB,iCAAiC,IAAI,MAAM,CAS1D"}

package/dist/themes/theme01/tokens.js

@@ -0,0 +1,198 @@
+// lemonPPT - AI-powered presentation generation
+// Copyright (c) 2026 lemonforme
+// SPDX-License-Identifier: AGPL-3.0-or-later
+export const theme01Tokens = {
+    ink: '#2a2a30',
+    ink2: '#56565c',
+    ink3: '#9a9ba4',
+    white: '#ffffff',
+    blue100: '#DBEAFE',
+    gray700: '#374151',
+    red: '#e15b4d',
+    blue: '#5b9bd5',
+    green: '#4caf8a',
+    amber: '#e0a844',
+    violet: '#7b6ad4',
+    cyan: '#48a8c8',
+    pink: '#d86aa3',
+    orange: '#e67e22',
+    lime: '#84cc16',
+    gray600: '#4B5563',
+    gray500: '#6B7280',
+    gray400: '#9CA3AF',
+    gray200: '#E5E7EB',
+    gray100: '#F3F4F6',
+    bg: '#f4f6f9',
+    bgGradientStart: '#f4f6f9',
+    bgGradientEnd: '#eef1f6',
+    surface: 'rgba(255, 255, 255, 0.55)',
+    surfaceStrong: 'rgba(255, 255, 255, 0.72)',
+    border: 'rgba(255, 255, 255, 0.72)',
+    shadow: '0 24px 60px rgba(70, 72, 100, 0.13)',
+    shadowSm: '0 8px 24px rgba(70, 72, 100, 0.1)',
+    glowBlue: 'rgba(91, 155, 213, 0.22)',
+    glowBlueStrong: 'rgba(91, 155, 213, 0.25)',
+    glowBlueSubtle: 'rgba(91, 155, 213, 0.12)',
+    glowBlueExtraStrong: 'rgba(91, 155, 213, 0.45)',
+    glowAmber: 'rgba(224, 168, 68, 0.18)',
+    glowViolet: 'rgba(123, 106, 212, 0.16)',
+    glowVioletStrong: 'rgba(123, 106, 212, 0.25)',
+    glowVioletSubtle: 'rgba(123, 106, 212, 0.12)',
+    glowVioletExtraStrong: 'rgba(123, 106, 212, 0.45)',
+    glowCyanSubtle: 'rgba(72, 168, 200, 0.12)',
+    glowPinkSubtle: 'rgba(216, 106, 163, 0.12)',
+    glowGreenSubtle: 'rgba(76, 175, 138, 0.16)',
+    glowRedSubtle: 'rgba(225, 91, 77, 0.16)',
+    shadowInset: '0 1px 0 rgba(255, 255, 255, 0.75) inset',
+    overlay: 'rgba(0, 0, 0, 0.06)',
+    overlayStrong: 'rgba(0, 0, 0, 0.12)',
+    divider: 'rgba(0, 0, 0, 0.05)',
+    scrim: 'rgba(0, 0, 0, 0.42)',
+    imageOverlay: 'linear-gradient(180deg, rgba(244, 246, 249, 0.72) 0%, rgba(244, 246, 249, 0.92) 100%)',
+    shadowRgb: '70, 72, 100',
+    stroke: 'rgba(42, 42, 48, 0.12)',
+    whiteAlpha80: 'rgba(255, 255, 255, 0.8)',
+    whiteAlpha85: 'rgba(255, 255, 255, 0.85)',
+    whiteAlpha90: 'rgba(255, 255, 255, 0.9)',
+    font: '"Noto Sans SC", "PingFang SC", system-ui, sans-serif',
+    fontMono: '"Space Mono", "JetBrains Mono", ui-monospace, monospace',
+    radiusSmall: '9px',
+    radiusMedium: '18px',
+    radiusLarge: '24px',
+};
+/**
+ * 组件默认使用的主色调序列，与 ECharts 等图表库配色保持一致。
+ */
+export const theme01ColorSequence = [
+    theme01Tokens.blue,
+    theme01Tokens.green,
+    theme01Tokens.amber,
+    theme01Tokens.red,
+    theme01Tokens.violet,
+    theme01Tokens.pink,
+    theme01Tokens.cyan,
+    theme01Tokens.orange,
+    theme01Tokens.lime,
+];
+export const theme01DarkTokens = {
+    ...theme01Tokens,
+    ink: '#f0f0f5',
+    ink2: '#c0c0cc',
+    ink3: '#888899',
+    bg: '#1a1a20',
+    bgGradientStart: '#1a1a20',
+    bgGradientEnd: '#25252c',
+    surface: 'rgba(40, 40, 48, 0.60)',
+    surfaceStrong: 'rgba(48, 48, 58, 0.78)',
+    border: 'rgba(255, 255, 255, 0.10)',
+    shadow: '0 24px 60px rgba(0, 0, 0, 0.35)',
+    shadowSm: '0 8px 24px rgba(0, 0, 0, 0.28)',
+    glowBlue: 'rgba(91, 155, 213, 0.14)',
+    glowBlueStrong: 'rgba(91, 155, 213, 0.18)',
+    glowBlueSubtle: 'rgba(91, 155, 213, 0.10)',
+    glowBlueExtraStrong: 'rgba(91, 155, 213, 0.35)',
+    glowAmber: 'rgba(224, 168, 68, 0.11)',
+    glowViolet: 'rgba(123, 106, 212, 0.10)',
+    glowVioletStrong: 'rgba(123, 106, 212, 0.18)',
+    glowVioletSubtle: 'rgba(123, 106, 212, 0.10)',
+    glowVioletExtraStrong: 'rgba(123, 106, 212, 0.35)',
+    glowCyanSubtle: 'rgba(72, 168, 200, 0.10)',
+    glowPinkSubtle: 'rgba(216, 106, 163, 0.10)',
+    glowGreenSubtle: 'rgba(76, 175, 138, 0.14)',
+    glowRedSubtle: 'rgba(225, 91, 77, 0.14)',
+    shadowInset: '0 1px 0 rgba(255, 255, 255, 0.08) inset',
+    overlay: 'rgba(255, 255, 255, 0.06)',
+    overlayStrong: 'rgba(255, 255, 255, 0.10)',
+    divider: 'rgba(255, 255, 255, 0.08)',
+    scrim: 'rgba(0, 0, 0, 0.60)',
+    imageOverlay: 'linear-gradient(180deg, rgba(26, 26, 32, 0.72) 0%, rgba(26, 26, 32, 0.92) 100%)',
+    shadowRgb: '0, 0, 0',
+    stroke: 'rgba(255, 255, 255, 0.10)',
+    whiteAlpha80: 'rgba(255, 255, 255, 0.8)',
+    whiteAlpha85: 'rgba(255, 255, 255, 0.85)',
+    whiteAlpha90: 'rgba(255, 255, 255, 0.9)',
+};
+function buildCssVarsFromTokens(tokens) {
+    return `
+  --lp-ink: ${tokens.ink};
+  --lp-ink2: ${tokens.ink2};
+  --lp-ink3: ${tokens.ink3};
+  --lp-white: ${tokens.white};
+  --lp-blue-100: ${tokens.blue100};
+  --lp-gray-700: ${tokens.gray700};
+  --lp-red: ${tokens.red};
+  --lp-blue: ${tokens.blue};
+  --lp-green: ${tokens.green};
+  --lp-amber: ${tokens.amber};
+  --lp-violet: ${tokens.violet};
+  --lp-cyan: ${tokens.cyan};
+  --lp-pink: ${tokens.pink};
+  --lp-orange: ${tokens.orange};
+  --lp-lime: ${tokens.lime};
+  --lp-gray-600: ${tokens.gray600};
+  --lp-gray-500: ${tokens.gray500};
+  --lp-gray-400: ${tokens.gray400};
+  --lp-gray-200: ${tokens.gray200};
+  --lp-gray-100: ${tokens.gray100};
+  --lp-bg: ${tokens.bg};
+  --lp-bg-gradient-start: ${tokens.bgGradientStart};
+  --lp-bg-gradient-end: ${tokens.bgGradientEnd};
+  --lp-surface: ${tokens.surface};
+  --lp-surface-strong: ${tokens.surfaceStrong};
+  --lp-border: ${tokens.border};
+  --lp-shadow: ${tokens.shadow};
+  --lp-shadow-sm: ${tokens.shadowSm};
+  --lp-glow-blue: ${tokens.glowBlue};
+  --lp-glow-blue-strong: ${tokens.glowBlueStrong};
+  --lp-glow-blue-subtle: ${tokens.glowBlueSubtle};
+  --lp-glow-blue-extra-strong: ${tokens.glowBlueExtraStrong};
+  --lp-glow-amber: ${tokens.glowAmber};
+  --lp-glow-violet: ${tokens.glowViolet};
+  --lp-glow-violet-strong: ${tokens.glowVioletStrong};
+  --lp-glow-violet-subtle: ${tokens.glowVioletSubtle};
+  --lp-glow-violet-extra-strong: ${tokens.glowVioletExtraStrong};
+  --lp-glow-cyan-subtle: ${tokens.glowCyanSubtle};
+  --lp-glow-pink-subtle: ${tokens.glowPinkSubtle};
+  --lp-glow-green-subtle: ${tokens.glowGreenSubtle};
+  --lp-glow-red-subtle: ${tokens.glowRedSubtle};
+  --lp-shadow-inset: ${tokens.shadowInset};
+  --lp-overlay: ${tokens.overlay};
+  --lp-overlay-strong: ${tokens.overlayStrong};
+  --lp-divider: ${tokens.divider};
+  --lp-scrim: ${tokens.scrim};
+  --lp-image-overlay: ${tokens.imageOverlay};
+  --lp-shadow-rgb: ${tokens.shadowRgb};
+  --lp-stroke: ${tokens.stroke};
+  --lp-white-alpha-80: ${tokens.whiteAlpha80};
+  --lp-white-alpha-85: ${tokens.whiteAlpha85};
+  --lp-white-alpha-90: ${tokens.whiteAlpha90};
+  --lp-font: ${tokens.font};
+  --lp-font-mono: ${tokens.fontMono};
+  --lp-radius-small: ${tokens.radiusSmall};
+  --lp-radius-medium: ${tokens.radiusMedium};
+  --lp-radius-large: ${tokens.radiusLarge};
+`.trim();
+}
+/**
+ * 生成可在 <style> 标签中使用的 CSS 变量字符串。
+ * 变量名与 theme01.css 中已有的变量保持一致。
+ * 支持 light / dark 两种配色方案。
+ */
+export function generateThemeCssVariables(scheme = 'light') {
+    return buildCssVarsFromTokens(scheme === 'dark' ? theme01DarkTokens : theme01Tokens);
+}
+/**
+ * 生成同时包含 light 与 dark 两套变量的 CSS 字符串，
+ * 通过 :root 与 :root[data-theme="dark"] 选择器切换。
+ */
+export function generateThemeCssVariablesWithDark() {
+    return `
+:root {
+${buildCssVarsFromTokens(theme01Tokens)}
+}
+:root[data-theme="dark"] {
+${buildCssVarsFromTokens(theme01DarkTokens)}
+}
+`.trim();
+}
+//# sourceMappingURL=tokens.js.map

package/dist/themes/theme01/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../../src/themes/theme01/tokens.ts"],"names":[],"mappings":"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"}

package/dist/themes/theme01/trend-v1.d.ts

@@ -0,0 +1,22 @@
+import type { LayoutMeta, PropsSchema } from '@lemonppt/core';
+import type { ReactNode } from 'react';
+export interface Theme01TrendV1Point {
+    label?: string;
+    value?: number;
+}
+export interface Theme01TrendV1Series {
+    name?: string;
+    data?: Theme01TrendV1Point[];
+}
+export interface Theme01TrendV1Props {
+    kicker?: string;
+    title?: string;
+    series?: Theme01TrendV1Series[];
+    _slideIdx?: number;
+    _editable?: boolean;
+    [key: string]: unknown;
+}
+export declare const theme01TrendV1Meta: LayoutMeta;
+export declare const theme01TrendV1Schema: PropsSchema;
+export declare function Theme01TrendV1(props: Theme01TrendV1Props): ReactNode;
+//# sourceMappingURL=trend-v1.d.ts.map

package/dist/themes/theme01/trend-v1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trend-v1.d.ts","sourceRoot":"","sources":["../../../src/themes/theme01/trend-v1.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAC9B;AACD,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AACD,eAAO,MAAM,kBAAkB,EAAE,UAOhC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,WAmDlC,CAAC;AACF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CA6EpE"}

package/dist/themes/theme01/trend-v1.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditableField } from '../../editable-field.js';
+export const theme01TrendV1Meta = {
+    id: 'theme01_trend_v1',
+    theme: 'theme01',
+    role: 'chart',
+    displayName: 'Theme 01 趋势图',
+    description: '多系列折线/面积趋势图',
+    needsMedia: false,
+};
+export const theme01TrendV1Schema = {
+    fields: [
+        {
+            key: 'kicker',
+            label: '标签',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'title',
+            label: '标题',
+            type: 'text',
+            inlineEditable: true
+        },
+        {
+            key: 'series',
+            label: '系列',
+            type: 'array',
+            maxItems: 4,
+            minItems: 1,
+            itemSchema: [
+                {
+                    key: 'name',
+                    label: '系列名称',
+                    type: 'text',
+                    inlineEditable: true
+                },
+                {
+                    key: 'data',
+                    label: '数据点',
+                    type: 'array',
+                    maxItems: 12,
+                    minItems: 1,
+                    itemSchema: [
+                        {
+                            key: 'label',
+                            label: '标签',
+                            type: 'text',
+                            inlineEditable: true
+                        },
+                        {
+                            key: 'value',
+                            label: '数值',
+                            type: 'number',
+                            inlineEditable: true
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+};
+export function Theme01TrendV1(props) {
+    const { kicker, title, series = [], _slideIdx, _editable } = props;
+    const safeSeries = series.slice(0, 4);
+    const allPoints = safeSeries.flatMap((s) => s.data || []);
+    const labels = Array.from(new Set(allPoints.map((p) => p.label || ''))).filter(Boolean);
+    const values = safeSeries.map((s) => labels.map((label) => {
+        const point = (s.data || []).find((p) => p.label === label);
+        return typeof point?.value === 'number' ? point.value : 0;
+    }));
+    const maxValue = Math.max(1, ...values.flat());
+    const chartHeight = 240;
+    const chartWidth = 720;
+    const padding = { top: 20, right: 30, bottom: 40, left: 50 };
+    const innerW = chartWidth - padding.left - padding.right;
+    const innerH = chartHeight - padding.top - padding.bottom;
+    const xFor = (index) => padding.left + (index / (labels.length - 1 || 1)) * innerW;
+    const yFor = (value) => padding.top + innerH - (value / maxValue) * innerH;
+    const colors = ['var(--lp-blue)', 'var(--lp-green)', 'var(--lp-amber)', 'var(--lp-red)'];
+    return (_jsx("div", { className: "lp-slide lp-trend-v1", children: _jsxs("div", { className: "lp-trend-v1-inner", children: [kicker && (_jsx(EditableField, { prop: "kicker", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-pill lp-rise", children: kicker })), _jsx(EditableField, { prop: "title", slideIdx: _slideIdx, editable: _editable, as: "h2", className: "lp-head lp-trend-v1-title lp-rise", children: title }), _jsxs("div", { className: "lp-trend-v1-chart lp-rise", children: [_jsxs("svg", { viewBox: `0 0 ${chartWidth} ${chartHeight}`, className: "lp-trend-v1-svg", children: [Array.from({ length: 5 }).map((_, i) => {
+                                    const y = padding.top + (i / 4) * innerH;
+                                    return (_jsx("line", { x1: padding.left, y1: y, x2: padding.left + innerW, y2: y, className: "lp-trend-v1-grid" }, `h-${i}`));
+                                }), labels.map((_, i) => {
+                                    const x = xFor(i);
+                                    return _jsx("line", { x1: x, y1: padding.top, x2: x, y2: padding.top + innerH, className: "lp-trend-v1-grid" }, `v-${i}`);
+                                }), _jsx("line", { x1: padding.left, y1: padding.top + innerH, x2: padding.left + innerW, y2: padding.top + innerH, className: "lp-trend-v1-axis" }), _jsx("line", { x1: padding.left, y1: padding.top, x2: padding.left, y2: padding.top + innerH, className: "lp-trend-v1-axis" }), safeSeries.map((_, seriesIdx) => {
+                                    const seriesValues = values[seriesIdx];
+                                    const points = seriesValues.map((value, i) => `${xFor(i)},${yFor(value)}`).join(' ');
+                                    const areaPoints = `${xFor(0)},${padding.top + innerH} ${points} ${xFor(labels.length - 1 || 0)},${padding.top + innerH}`;
+                                    const color = colors[seriesIdx % colors.length];
+                                    return (_jsxs("g", { children: [_jsx("polygon", { points: areaPoints, fill: color, fillOpacity: "0.12" }), _jsx("polyline", { points: points, fill: "none", stroke: color, strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round" }), seriesValues.map((value, i) => (_jsx("circle", { cx: xFor(i), cy: yFor(value), r: "5", fill: color, stroke: "var(--lp-white)", strokeWidth: "2" }, i)))] }, seriesIdx));
+                                }), labels.map((label, i) => (_jsx("text", { x: xFor(i), y: padding.top + innerH + 22, textAnchor: "middle", className: "lp-trend-v1-label", children: label }, i))), Array.from({ length: 5 }).map((_, i) => {
+                                    const value = Math.round(maxValue * (1 - i / 4));
+                                    return (_jsx("text", { x: padding.left - 10, y: padding.top + (i / 4) * innerH + 4, textAnchor: "end", className: "lp-trend-v1-label", children: value }, i));
+                                })] }), safeSeries.length > 0 && (_jsx("div", { className: "lp-trend-v1-legend", children: safeSeries.map((s, i) => (_jsxs("div", { className: "lp-trend-v1-legend-item", children: [_jsx("span", { className: "lp-trend-v1-legend-dot", style: { background: colors[i % colors.length] } }), _jsx(EditableField, { prop: `series.${i}.name`, slideIdx: _slideIdx, editable: _editable, as: "span", children: s.name || `系列 ${i + 1}` })] }, i))) }))] })] }) }));
+}
+//# sourceMappingURL=trend-v1.js.map

package/dist/themes/theme01/trend-v1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trend-v1.js","sourceRoot":"","sources":["../../../src/themes/theme01/trend-v1.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAiBxD,MAAM,CAAC,MAAM,kBAAkB,GAAe;IAC5C,EAAE,EAAE,kBAAkB;IACtB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,cAAc;IAC3B,WAAW,EAAE,aAAa;IAC1B,UAAU,EAAE,KAAK;CAClB,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAgB;IAC/C,MAAM,EAAE;QACN;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACrB;QACD;YACE,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,MAAM;YACZ,cAAc,EAAE,IAAI;SACrB;QACD;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,IAAI;YACX,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE;gBACV;oBACE,GAAG,EAAE,MAAM;oBACX,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE,MAAM;oBACZ,cAAc,EAAE,IAAI;iBACrB;gBACD;oBACE,GAAG,EAAE,MAAM;oBACX,KAAK,EAAE,KAAK;oBACZ,IAAI,EAAE,OAAO;oBACb,QAAQ,EAAE,EAAE;oBACZ,QAAQ,EAAE,CAAC;oBACX,UAAU,EAAE;wBACV;4BACE,GAAG,EAAE,OAAO;4BACZ,KAAK,EAAE,IAAI;4BACX,IAAI,EAAE,MAAM;4BACZ,cAAc,EAAE,IAAI;yBACrB;wBACD;4BACE,GAAG,EAAE,OAAO;4BACZ,KAAK,EAAE,IAAI;4BACX,IAAI,EAAE,QAAQ;4BACd,cAAc,EAAE,IAAI;yBACrB;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC;AACF,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACnE,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC1D,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACxF,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACxD,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;QAC5D,OAAO,OAAO,KAAK,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC,CAAC;IACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;IAC/C,MAAM,WAAW,GAAG,GAAG,CAAC;IACxB,MAAM,UAAU,GAAG,GAAG,CAAC;IACvB,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAC7D,MAAM,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC;IACzD,MAAM,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,CAAC;IAC1D,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC;IAC3F,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,GAAG,MAAM,GAAG,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,MAAM,CAAC;IACnF,MAAM,MAAM,GAAG,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC;IACzF,OAAO,CAAC,cAAK,SAAS,EAAC,sBAAsB,YACzC,eAAK,SAAS,EAAC,mBAAmB,aACnC,MAAM,IAAI,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,iBAAiB,YACpH,MAAM,GACa,CAAC,EACvB,KAAC,aAAa,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,mCAAmC,YACpH,KAAK,GACI,EAChB,eAAK,SAAS,EAAC,2BAA2B,aACpC,eAAK,OAAO,EAAE,OAAO,UAAU,IAAI,WAAW,EAAE,EAAE,SAAS,EAAC,iBAAiB,aAEhF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oCACxC,MAAM,CAAC,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC;oCACzC,OAAO,CAAC,eAAqB,EAAE,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,SAAS,EAAC,kBAAkB,IAAjG,KAAK,CAAC,EAAE,CAA2F,CAAC,CAAC;gCAC1H,CAAC,CAAC,EACC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oCACrB,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;oCAClB,OAAO,eAAqB,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,SAAS,EAAC,kBAAkB,IAA/F,KAAK,CAAC,EAAE,CAAyF,CAAC;gCACtH,CAAC,CAAC,EAGA,eAAM,EAAE,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI,GAAG,MAAM,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,SAAS,EAAC,kBAAkB,GAAE,EACrI,eAAM,EAAE,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,EAAE,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,SAAS,EAAC,kBAAkB,GAAE,EAGlH,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE;oCACjC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;oCACvC,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oCACrF,MAAM,UAAU,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,GAAG,MAAM,IAAI,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,CAAC;oCAC1H,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;oCAChD,OAAO,CAAC,wBACI,kBAAS,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAC,MAAM,GAAE,EAC9D,mBAAU,MAAM,EAAE,MAAM,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EAClH,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,iBAAgB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAC,GAAG,EAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAC,iBAAiB,EAAC,WAAW,EAAC,GAAG,IAA5F,CAAC,CAA6F,CAAC,CAAC,KAH1I,SAAS,CAInB,CAAC,CAAC;gCACV,CAAC,CAAC,EAGC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,eAAc,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,GAAG,MAAM,GAAG,EAAE,EAAE,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB,YACjI,KAAK,IAD8B,CAAC,CAExB,CAAC,CAAC,EAChB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oCACxC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oCACjD,OAAO,CAAC,eAAc,CAAC,EAAE,OAAO,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,UAAU,EAAC,KAAK,EAAC,SAAS,EAAC,mBAAmB,YACpH,KAAK,IADC,CAAC,CAEX,CAAC,CAAC;gCACb,CAAC,CAAC,IACU,EACL,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,cAAK,SAAS,EAAC,oBAAoB,YACzD,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,eAAa,SAAS,EAAC,yBAAyB,aACvE,eAAM,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAC5F,KAAC,aAAa,IAAC,IAAI,EAAE,UAAU,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAC,MAAM,YACnG,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,GAAG,CAAC,EAAE,GACA,KAJiB,CAAC,CAKtC,CAAC,CAAC,GACJ,CAAC,IACH,IACE,GACJ,CAAC,CAAC;AACV,CAAC"}

package/dist/themes/theme02/bento-v1.d.ts

@@ -0,0 +1,27 @@
+import type { LayoutMeta, PropsSchema } from '@lemonppt/core';
+import type { ReactNode } from 'react';
+export interface Theme02BentoV1Insight {
+    value?: string;
+    label?: string;
+    description?: string;
+}
+export interface Theme02BentoV1Props {
+    kicker?: string;
+    title?: string;
+    subtitle?: string;
+    items: Array<{
+        label: string;
+        value: string;
+        unit?: string;
+        size?: 'small' | 'medium' | 'large';
+    }>;
+    showInsight?: boolean;
+    insight?: Theme02BentoV1Insight;
+    _slideIdx?: number;
+    _editable?: boolean;
+    [key: string]: unknown;
+}
+export declare const theme02BentoV1Meta: LayoutMeta;
+export declare const theme02BentoV1Schema: PropsSchema;
+export declare function Theme02BentoV1(props: Theme02BentoV1Props): ReactNode;
+//# sourceMappingURL=bento-v1.d.ts.map

package/dist/themes/theme02/bento-v1.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bento-v1.d.ts","sourceRoot":"","sources":["../../../src/themes/theme02/bento-v1.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;KAAE,CAAC,CAAC;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,UAOhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,WAsDlC,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAiFpE"}

package/dist/themes/theme02/bento-v1.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditableField } from '../../editable-field.js';
+export const theme02BentoV1Meta = {
+    id: 'theme02_bento_v1',
+    theme: 'theme02',
+    role: 'bento',
+    displayName: 'Theme 02 霓虹 Bento',
+    description: '不规则数据卡片网格 + 霓虹强调',
+    needsMedia: false,
+};
+export const theme02BentoV1Schema = {
+    fields: [
+        {
+            key: 'kicker',
+            label: '标签',
+            type: 'text',
+            inlineEditable: true,
+        },
+        {
+            key: 'title',
+            label: '标题',
+            type: 'text',
+            inlineEditable: true,
+        },
+        {
+            key: 'subtitle',
+            label: '副标题',
+            type: 'textarea',
+            inlineEditable: true,
+        },
+        {
+            key: 'items',
+            label: '数据项',
+            type: 'array',
+            itemSchema: [
+                { key: 'label', label: '标签', type: 'text', inlineEditable: true },
+                { key: 'value', label: '数值', type: 'text', inlineEditable: true },
+                { key: 'unit', label: '单位', type: 'text', inlineEditable: true },
+                { key: 'size', label: '尺寸', type: 'select', options: [{ value: 'small', label: '小' }, { value: 'medium', label: '中' }, { value: 'large', label: '大' }] },
+            ],
+        },
+        {
+            key: 'showInsight',
+            label: '重点强调',
+            type: 'boolean',
+            defaultValue: true,
+        },
+        {
+            key: 'insight',
+            label: '洞察面板',
+            type: 'object',
+            visibleWhen: { key: 'showInsight', value: true },
+            defaultValue: {
+                value: '5',
+                label: '核心增长引擎',
+                description: 'Bento 网格呈现的五项业务均保持双位数增长。',
+            },
+            itemSchema: [
+                { key: 'value', label: '主数值', type: 'text' },
+                { key: 'label', label: '主数值说明', type: 'text' },
+                { key: 'description', label: '解读文字', type: 'textarea' },
+            ],
+        },
+    ],
+};
+export function Theme02BentoV1(props) {
+    const { kicker, title, subtitle, items = [], showInsight = true, insight, _slideIdx, _editable } = props;
+    return (_jsxs("div", { className: `lp-slide lp-theme02-bento-v1 ${showInsight && insight ? 'lp-theme02-bento-v1--insight' : ''}`, children: [_jsxs("div", { className: "lp-theme02-bento-main", children: [_jsxs("div", { className: "lp-theme02-bento-header", children: [kicker && (_jsx(EditableField, { prop: "kicker", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-pill lp-rise", children: kicker })), title && (_jsx(EditableField, { prop: "title", slideIdx: _slideIdx, editable: _editable, as: "h1", className: "lp-theme02-bento-title lp-rise", children: title })), subtitle && (_jsx(EditableField, { prop: "subtitle", slideIdx: _slideIdx, editable: _editable, as: "p", className: "lp-theme02-bento-subtitle lp-rise", children: subtitle }))] }), _jsx("div", { className: "lp-theme02-bento-grid", children: items.map((item, index) => (_jsxs("div", { className: `lp-theme02-bento-card lp-rise lp-theme02-bento-card--${item.size || 'medium'}`, style: { animationDelay: `${index * 70}ms` }, children: [_jsx(EditableField, { prop: `items.${index}.value`, slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-theme02-bento-value", children: item.value }), item.unit && (_jsx(EditableField, { prop: `items.${index}.unit`, slideIdx: _slideIdx, editable: _editable, as: "span", className: "lp-theme02-bento-unit", children: item.unit })), _jsx(EditableField, { prop: `items.${index}.label`, slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-theme02-bento-label", children: item.label })] }, index))) })] }), showInsight && insight && (_jsxs("div", { className: "lp-theme02-insight-panel lp-rise", children: [_jsx(EditableField, { prop: "insight.value", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-theme02-insight-value", children: insight.value }), _jsx(EditableField, { prop: "insight.label", slideIdx: _slideIdx, editable: _editable, as: "div", className: "lp-theme02-insight-label", children: insight.label }), insight.description && (_jsx(EditableField, { prop: "insight.description", slideIdx: _slideIdx, editable: _editable, as: "p", className: "lp-theme02-insight-description", children: insight.description }))] }))] }));
+}
+//# sourceMappingURL=bento-v1.js.map