advance-semi-theme 1.0.0

package/dist/antd/index.js

@@ -0,0 +1,1378 @@
+import {
+  SUPPORTED_COMPONENTS,
+  SemiThemePlugin,
+  createSemiTheme
+} from "../chunk-FMQWBDDZ.js";
+import {
+  semiColors,
+  semiColorsRGB
+} from "../chunk-QQOB6AOA.js";
+
+// src/antd/theme/tokens.ts
+var semiColors2 = {
+  // Brand Colors - Blue
+  blue: {
+    0: "#EAF5FF",
+    1: "#CBE7FE",
+    2: "#98CDFD",
+    3: "#65B2FC",
+    4: "#3295FB",
+    5: "#0064FA",
+    6: "#0062D6",
+    7: "#004FB3",
+    8: "#003D8F",
+    9: "#002C6B"
+  },
+  // Secondary - Light Blue
+  lightBlue: {
+    0: "#E9F7FD",
+    1: "#C9ECFC",
+    2: "#95D8F8",
+    3: "#62C3F5",
+    4: "#30ACF1",
+    5: "#0095EE",
+    6: "#007BCA",
+    7: "#0063A7",
+    8: "#004B83",
+    9: "#00355F"
+  },
+  // Success - Green
+  green: {
+    0: "#ECF7EC",
+    1: "#D0F0D1",
+    2: "#A4E0A7",
+    3: "#7DD182",
+    4: "#5AC262",
+    5: "#3BB346",
+    6: "#30953B",
+    7: "#25772F",
+    8: "#1B5924",
+    9: "#113C18"
+  },
+  // Danger - Red
+  red: {
+    0: "#FEF2ED",
+    1: "#FEDDD2",
+    2: "#FDB7A5",
+    3: "#FB9078",
+    4: "#FA664C",
+    5: "#F93920",
+    6: "#D52515",
+    7: "#B2140C",
+    8: "#8E0805",
+    9: "#6A0103"
+  },
+  // Warning - Orange
+  orange: {
+    0: "#FFF8EA",
+    1: "#FEEECC",
+    2: "#FED998",
+    3: "#FDC165",
+    4: "#FDA633",
+    5: "#FC8800",
+    6: "#D26700",
+    7: "#A84A00",
+    8: "#7E3100",
+    9: "#541D00"
+  },
+  // Yellow
+  yellow: {
+    0: "#FFFDEA",
+    1: "#FEFBCB",
+    2: "#FDF398",
+    3: "#FCE865",
+    4: "#FBDA32",
+    5: "#FAC800",
+    6: "#D0AA00",
+    7: "#A78B00",
+    8: "#7D6A00",
+    9: "#534800"
+  },
+  // Tertiary - Grey
+  grey: {
+    0: "#F9F9F9",
+    1: "#E6E8EA",
+    2: "#C6CACD",
+    3: "#A7ABB0",
+    4: "#888D92",
+    5: "#6B7075",
+    6: "#555B61",
+    7: "#41464C",
+    8: "#2E3238",
+    9: "#1C1F23"
+  },
+  // AI Colors - Purple
+  aiPurple: {
+    0: "#F8EDFF",
+    1: "#F2DAFF",
+    2: "#E3B5FF",
+    3: "#D191FF",
+    4: "#BD6CFF",
+    5: "#A647FF",
+    6: "#8636DB",
+    7: "#6928B8",
+    8: "#4E1C94",
+    9: "#361270"
+  },
+  // Cyan
+  cyan: {
+    5: "#0095EE",
+    6: "#007BCA",
+    7: "#0063A7"
+  },
+  // Teal
+  teal: {
+    5: "#02A783",
+    6: "#018B6D",
+    7: "#006F56"
+  },
+  // Pink
+  pink: {
+    5: "#F5319D",
+    6: "#CF2682",
+    7: "#A91D69"
+  },
+  // Indigo
+  indigo: {
+    5: "#4F46E5",
+    6: "#4037C2",
+    7: "#322B9E"
+  }
+};
+var semiTokens = {
+  // ========== Color System ==========
+  // Primary
+  colorPrimary: semiColors2.blue[5],
+  colorPrimaryHover: semiColors2.blue[6],
+  colorPrimaryActive: semiColors2.blue[7],
+  colorPrimaryBg: semiColors2.blue[0],
+  colorPrimaryBgHover: semiColors2.blue[1],
+  colorPrimaryBorder: semiColors2.blue[2],
+  colorPrimaryBorderHover: semiColors2.blue[3],
+  colorPrimaryText: semiColors2.blue[5],
+  colorPrimaryTextHover: semiColors2.blue[6],
+  colorPrimaryTextActive: semiColors2.blue[7],
+  // Info (same as primary)
+  colorInfo: semiColors2.blue[5],
+  colorInfoHover: semiColors2.blue[6],
+  colorInfoActive: semiColors2.blue[7],
+  colorInfoBg: semiColors2.blue[0],
+  colorInfoBgHover: semiColors2.blue[1],
+  colorInfoBorder: semiColors2.blue[2],
+  colorInfoBorderHover: semiColors2.blue[3],
+  colorInfoText: semiColors2.blue[5],
+  colorInfoTextHover: semiColors2.blue[6],
+  colorInfoTextActive: semiColors2.blue[7],
+  // Success
+  colorSuccess: semiColors2.green[5],
+  colorSuccessHover: semiColors2.green[6],
+  colorSuccessActive: semiColors2.green[7],
+  colorSuccessBg: semiColors2.green[0],
+  colorSuccessBgHover: semiColors2.green[1],
+  colorSuccessBorder: semiColors2.green[2],
+  colorSuccessBorderHover: semiColors2.green[3],
+  colorSuccessText: semiColors2.green[5],
+  colorSuccessTextHover: semiColors2.green[6],
+  colorSuccessTextActive: semiColors2.green[7],
+  // Warning
+  colorWarning: semiColors2.orange[5],
+  colorWarningHover: semiColors2.orange[6],
+  colorWarningActive: semiColors2.orange[7],
+  colorWarningBg: semiColors2.orange[0],
+  colorWarningBgHover: semiColors2.orange[1],
+  colorWarningBorder: semiColors2.orange[2],
+  colorWarningBorderHover: semiColors2.orange[3],
+  colorWarningText: semiColors2.orange[5],
+  colorWarningTextHover: semiColors2.orange[6],
+  colorWarningTextActive: semiColors2.orange[7],
+  // Error
+  colorError: semiColors2.red[5],
+  colorErrorHover: semiColors2.red[6],
+  colorErrorActive: semiColors2.red[7],
+  colorErrorBg: semiColors2.red[0],
+  colorErrorBgHover: semiColors2.red[1],
+  colorErrorBorder: semiColors2.red[2],
+  colorErrorBorderHover: semiColors2.red[3],
+  colorErrorText: semiColors2.red[5],
+  colorErrorTextHover: semiColors2.red[6],
+  colorErrorTextActive: semiColors2.red[7],
+  // Link
+  colorLink: semiColors2.blue[5],
+  colorLinkHover: semiColors2.blue[6],
+  colorLinkActive: semiColors2.blue[7],
+  // Text Colors (based on grey-9 with opacity)
+  colorText: "rgba(28, 31, 35, 1)",
+  // text-0: 100%
+  colorTextSecondary: "rgba(28, 31, 35, 0.8)",
+  // text-1: 80%
+  colorTextTertiary: "rgba(28, 31, 35, 0.62)",
+  // text-2: 62%
+  colorTextQuaternary: "rgba(28, 31, 35, 0.35)",
+  // text-3: 35%
+  colorTextDescription: "rgba(28, 31, 35, 0.62)",
+  colorTextDisabled: "rgba(28, 31, 35, 0.35)",
+  colorTextHeading: "rgba(28, 31, 35, 1)",
+  colorTextLabel: "rgba(28, 31, 35, 0.8)",
+  colorTextPlaceholder: "rgba(28, 31, 35, 0.35)",
+  colorTextLightSolid: "#ffffff",
+  // Background Colors
+  colorBgContainer: "#ffffff",
+  colorBgElevated: "#ffffff",
+  colorBgLayout: semiColors2.grey[0],
+  colorBgSpotlight: semiColors2.grey[7],
+  colorBgMask: "rgba(22, 22, 26, 0.6)",
+  // Fill Colors (Semi's fill-0/1/2)
+  colorFill: "rgba(46, 50, 56, 0.05)",
+  // fill-0
+  colorFillSecondary: "rgba(46, 50, 56, 0.09)",
+  // fill-1
+  colorFillTertiary: "rgba(46, 50, 56, 0.13)",
+  // fill-2
+  colorFillQuaternary: "rgba(46, 50, 56, 0.02)",
+  // Border Colors
+  colorBorder: "rgba(28, 31, 35, 0.08)",
+  colorBorderSecondary: "rgba(28, 31, 35, 0.06)",
+  // ========== Border Radius ==========
+  borderRadius: 3,
+  borderRadiusXS: 3,
+  borderRadiusSM: 3,
+  borderRadiusLG: 6,
+  borderRadiusOuter: 6,
+  // ========== Box Shadow ==========
+  boxShadow: "0 0 1px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.1)",
+  boxShadowSecondary: "0 0 1px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.1)",
+  boxShadowTertiary: "0 0 1px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.08)",
+  // ========== Typography ==========
+  fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
+  fontSize: 14,
+  fontSizeSM: 12,
+  fontSizeLG: 16,
+  fontSizeXL: 20,
+  fontSizeHeading1: 32,
+  fontSizeHeading2: 28,
+  fontSizeHeading3: 24,
+  fontSizeHeading4: 20,
+  fontSizeHeading5: 18,
+  fontWeightStrong: 600,
+  // ========== Line Height ==========
+  lineHeight: 1.5714285714285714,
+  lineHeightSM: 1.6666666666666667,
+  lineHeightLG: 1.5,
+  lineHeightHeading1: 1.25,
+  lineHeightHeading2: 1.2857142857142858,
+  lineHeightHeading3: 1.3333333333333333,
+  lineHeightHeading4: 1.4,
+  lineHeightHeading5: 1.3333333333333333,
+  // ========== Size ==========
+  controlHeight: 32,
+  controlHeightXS: 16,
+  controlHeightSM: 24,
+  controlHeightLG: 40,
+  // ========== Spacing ==========
+  padding: 16,
+  paddingXS: 8,
+  paddingXXS: 4,
+  paddingSM: 12,
+  paddingLG: 24,
+  paddingXL: 32,
+  paddingContentHorizontal: 16,
+  paddingContentHorizontalSM: 12,
+  paddingContentHorizontalLG: 24,
+  paddingContentVertical: 12,
+  paddingContentVerticalSM: 8,
+  paddingContentVerticalLG: 16,
+  margin: 16,
+  marginXS: 8,
+  marginXXS: 4,
+  marginSM: 12,
+  marginLG: 24,
+  marginXL: 32,
+  // ========== Motion ==========
+  motionDurationFast: "0.1s",
+  motionDurationMid: "0.2s",
+  motionDurationSlow: "0.3s",
+  motionEaseInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  motionEaseOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  motionEaseIn: "cubic-bezier(0.4, 0, 1, 1)",
+  motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
+  motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
+  motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+  motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
+  // ========== Z-Index ==========
+  zIndexPopupBase: 1e3,
+  zIndexBase: 0,
+  // ========== Wire Frame ==========
+  wireframe: false
+};
+var semiTokensDark = {
+  ...semiTokens,
+  // Override colors for dark mode
+  colorText: "rgba(249, 249, 249, 1)",
+  colorTextSecondary: "rgba(249, 249, 249, 0.8)",
+  colorTextTertiary: "rgba(249, 249, 249, 0.6)",
+  colorTextQuaternary: "rgba(249, 249, 249, 0.35)",
+  colorTextDescription: "rgba(249, 249, 249, 0.6)",
+  colorTextDisabled: "rgba(249, 249, 249, 0.35)",
+  colorTextHeading: "rgba(249, 249, 249, 1)",
+  colorTextLabel: "rgba(249, 249, 249, 0.8)",
+  colorTextPlaceholder: "rgba(249, 249, 249, 0.35)",
+  // Dark background hierarchy
+  colorBgContainer: "#232429",
+  colorBgElevated: "#35363C",
+  colorBgLayout: "#16161A",
+  colorBgSpotlight: "#4F5159",
+  colorBgMask: "rgba(22, 22, 26, 0.6)",
+  // Dark fill colors
+  colorFill: "rgba(255, 255, 255, 0.12)",
+  colorFillSecondary: "rgba(255, 255, 255, 0.16)",
+  colorFillTertiary: "rgba(255, 255, 255, 0.20)",
+  colorFillQuaternary: "rgba(255, 255, 255, 0.04)",
+  // Dark border colors
+  colorBorder: "rgba(255, 255, 255, 0.08)",
+  colorBorderSecondary: "rgba(255, 255, 255, 0.06)",
+  // Dark shadow
+  boxShadow: "inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 4px 14px rgba(0, 0, 0, 0.25)",
+  boxShadowSecondary: "inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 4px 14px rgba(0, 0, 0, 0.25)"
+};
+
+// src/antd/theme/components/index.ts
+var componentTokens = {
+  // ========== Button ==========
+  // 按钮样式完全由 CSS 控制（src/styles/components/button.css）
+  // Token 配置已移除，避免维护两份配置
+  Button: {},
+  // ========== Input ==========
+  Input: {
+    borderRadius: 3,
+    borderRadiusLG: 3,
+    borderRadiusSM: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent",
+    hoverBorderColor: "transparent",
+    activeBorderColor: "#0064FA",
+    activeShadow: "none",
+    hoverBg: "rgba(46, 50, 56, 0.09)",
+    activeBg: "rgba(46, 50, 56, 0.05)",
+    addonBg: "rgba(46, 50, 56, 0.02)",
+    paddingInline: 12,
+    paddingInlineLG: 12,
+    paddingInlineSM: 8,
+    paddingBlock: 4,
+    paddingBlockLG: 7,
+    paddingBlockSM: 0,
+    inputFontSize: 14,
+    inputFontSizeLG: 14,
+    inputFontSizeSM: 12
+  },
+  // ========== InputNumber ==========
+  InputNumber: {
+    borderRadius: 3,
+    borderRadiusLG: 3,
+    borderRadiusSM: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent",
+    hoverBorderColor: "transparent",
+    activeBorderColor: "#0064FA",
+    activeShadow: "none",
+    handleBg: "transparent",
+    handleBorderColor: "transparent",
+    handleHoverColor: "#0064FA",
+    paddingInline: 12
+  },
+  // ========== Select ==========
+  Select: {
+    borderRadius: 3,
+    borderRadiusLG: 3,
+    borderRadiusSM: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent",
+    selectorBg: "rgba(46, 50, 56, 0.05)",
+    optionSelectedBg: "rgba(0, 100, 250, 0.1)",
+    optionSelectedColor: "#0064FA",
+    optionActiveBg: "rgba(46, 50, 56, 0.05)",
+    optionSelectedFontWeight: 400,
+    optionPadding: "8px 12px",
+    multipleItemBg: "rgba(46, 50, 56, 0.09)",
+    multipleItemBorderColor: "transparent",
+    singleItemHeightLG: 40
+  },
+  // ========== Cascader ==========
+  Cascader: {
+    borderRadius: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent",
+    optionSelectedBg: "rgba(0, 100, 250, 0.1)",
+    optionPadding: "8px 12px",
+    dropdownHeight: 180,
+    controlItemWidth: 120
+  },
+  // ========== TreeSelect ==========
+  TreeSelect: {
+    borderRadius: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent",
+    nodeSelectedBg: "rgba(0, 100, 250, 0.1)",
+    nodeHoverBg: "rgba(46, 50, 56, 0.05)"
+  },
+  // ========== DatePicker ==========
+  DatePicker: {
+    borderRadius: 3,
+    borderRadiusSM: 3,
+    borderRadiusLG: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent",
+    hoverBorderColor: "transparent",
+    activeBorderColor: "#0064FA",
+    activeShadow: "none",
+    cellWidth: 36,
+    cellHeight: 36,
+    cellActiveWithRangeBg: "rgba(0, 100, 250, 0.1)",
+    cellHoverBg: "rgba(46, 50, 56, 0.05)",
+    cellHoverWithRangeBg: "rgba(0, 100, 250, 0.1)",
+    cellRangeBorderColor: "#0064FA",
+    withoutTimeCellHeight: 56,
+    presetsWidth: 120
+  },
+  // ========== TimePicker ==========
+  TimePicker: {
+    borderRadius: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent",
+    itemActiveBg: "rgba(0, 100, 250, 0.1)"
+  },
+  // ========== Checkbox ==========
+  Checkbox: {
+    borderRadiusSM: 3,
+    colorBgContainer: "transparent",
+    colorBorder: "rgba(28, 31, 35, 0.35)",
+    colorPrimary: "#0064FA",
+    colorPrimaryHover: "#0062D6",
+    colorPrimaryBorder: "#0064FA"
+  },
+  // ========== Radio ==========
+  Radio: {
+    buttonSolidCheckedBg: "#0064FA",
+    buttonSolidCheckedColor: "#ffffff",
+    buttonSolidCheckedHoverBg: "#0062D6",
+    buttonSolidCheckedActiveBg: "#004FB3",
+    buttonBg: "transparent",
+    buttonCheckedBg: "transparent",
+    buttonColor: "rgba(28, 31, 35, 1)",
+    buttonCheckedBgDisabled: "rgba(46, 50, 56, 0.05)",
+    buttonCheckedColorDisabled: "rgba(28, 31, 35, 0.35)",
+    buttonPaddingInline: 16,
+    dotColorDisabled: "rgba(28, 31, 35, 0.35)",
+    dotSize: 8,
+    radioSize: 16,
+    wrapperMarginInlineEnd: 8
+  },
+  // ========== Switch ==========
+  Switch: {
+    colorPrimary: "#3BB346",
+    colorPrimaryHover: "#30953B",
+    handleBg: "#ffffff",
+    handleSize: 18,
+    handleSizeSM: 12,
+    trackHeight: 24,
+    trackHeightSM: 16,
+    trackMinWidth: 40,
+    trackMinWidthSM: 26,
+    trackPadding: 3,
+    innerMaxMargin: 24,
+    innerMinMargin: 6,
+    innerMaxMarginSM: 18,
+    innerMinMarginSM: 4
+  },
+  // ========== Slider ==========
+  Slider: {
+    borderRadiusXS: 3,
+    trackBg: "rgba(46, 50, 56, 0.2)",
+    trackBgDisabled: "rgba(46, 50, 56, 0.1)",
+    trackHoverBg: "rgba(46, 50, 56, 0.3)",
+    railBg: "rgba(46, 50, 56, 0.1)",
+    railHoverBg: "rgba(46, 50, 56, 0.15)",
+    handleColor: "#0064FA",
+    handleActiveColor: "#0064FA",
+    handleActiveOutlineColor: "rgba(0, 100, 250, 0.2)",
+    handleSize: 14,
+    handleSizeHover: 16,
+    handleLineWidth: 2,
+    handleLineWidthHover: 4,
+    dotSize: 8,
+    dotBorderColor: "rgba(46, 50, 56, 0.2)",
+    dotActiveBorderColor: "#0064FA",
+    railSize: 4
+  },
+  // ========== Rate ==========
+  Rate: {
+    starBg: "rgba(46, 50, 56, 0.05)",
+    starColor: "#FAC800",
+    starHoverScale: "scale(1.1)",
+    starSize: 20
+  },
+  // ========== Upload ==========
+  Upload: {
+    borderRadiusLG: 6,
+    colorBorder: "rgba(28, 31, 35, 0.08)",
+    colorFillAlter: "rgba(46, 50, 56, 0.02)"
+  },
+  // ========== Form ==========
+  Form: {
+    labelColor: "rgba(28, 31, 35, 1)",
+    labelFontSize: 14,
+    labelColonMarginInlineStart: 2,
+    labelColonMarginInlineEnd: 8,
+    labelRequiredMarkColor: "#F93920",
+    itemMarginBottom: 24,
+    verticalLabelMargin: "0 0 8px",
+    verticalLabelPadding: "0"
+  },
+  // ========== Table ==========
+  Table: {
+    borderRadius: 6,
+    borderRadiusLG: 6,
+    headerBg: "rgba(46, 50, 56, 0.02)",
+    headerColor: "rgba(28, 31, 35, 0.62)",
+    headerSortActiveBg: "rgba(46, 50, 56, 0.04)",
+    headerSortHoverBg: "rgba(46, 50, 56, 0.04)",
+    headerFilterHoverBg: "rgba(46, 50, 56, 0.05)",
+    headerSplitColor: "rgba(28, 31, 35, 0.08)",
+    bodySortBg: "rgba(46, 50, 56, 0.02)",
+    rowHoverBg: "rgba(46, 50, 56, 0.03)",
+    rowSelectedBg: "rgba(0, 100, 250, 0.08)",
+    rowSelectedHoverBg: "rgba(0, 100, 250, 0.12)",
+    rowExpandedBg: "rgba(46, 50, 56, 0.01)",
+    cellPaddingBlock: 16,
+    cellPaddingBlockMD: 12,
+    cellPaddingBlockSM: 8,
+    cellPaddingInline: 16,
+    cellPaddingInlineMD: 8,
+    cellPaddingInlineSM: 8,
+    cellFontSize: 14,
+    cellFontSizeMD: 14,
+    cellFontSizeSM: 12,
+    footerBg: "rgba(46, 50, 56, 0.02)",
+    footerColor: "rgba(28, 31, 35, 0.62)",
+    filterDropdownBg: "#ffffff",
+    filterDropdownMenuBg: "#ffffff",
+    fixedHeaderSortActiveBg: "rgba(46, 50, 56, 0.04)",
+    stickyScrollBarBg: "rgba(46, 50, 56, 0.35)",
+    stickyScrollBarBorderRadius: 4
+  },
+  // ========== Pagination ==========
+  Pagination: {
+    borderRadius: 3,
+    itemActiveBg: "rgba(0, 100, 250, 0.1)",
+    itemActiveColorDisabled: "rgba(28, 31, 35, 0.35)",
+    itemBg: "transparent",
+    itemInputBg: "rgba(46, 50, 56, 0.05)",
+    itemLinkBg: "transparent",
+    itemSize: 32,
+    itemSizeSM: 24,
+    miniOptionsSizeChangerTop: 0
+  },
+  // ========== Menu ==========
+  Menu: {
+    borderRadius: 3,
+    borderRadiusLG: 6,
+    itemBorderRadius: 3,
+    subMenuItemBorderRadius: 3,
+    colorItemBg: "transparent",
+    colorSubItemBg: "transparent",
+    colorItemBgActive: "transparent",
+    colorItemBgHover: "rgba(46, 50, 56, 0.05)",
+    colorItemBgSelected: "rgba(0, 100, 250, 0.1)",
+    colorActiveBarBorderSize: 0,
+    colorItemText: "rgba(28, 31, 35, 0.8)",
+    colorItemTextHover: "rgba(28, 31, 35, 1)",
+    colorItemTextSelected: "#0064FA",
+    colorItemTextDisabled: "rgba(28, 31, 35, 0.35)",
+    colorItemTextSelectedHorizontal: "#0064FA",
+    colorItemBgSelectedHorizontal: "transparent",
+    horizontalItemSelectedBg: "transparent",
+    horizontalItemSelectedColor: "#0064FA",
+    horizontalLineHeight: "48px",
+    itemHeight: 40,
+    itemMarginBlock: 4,
+    itemMarginInline: 4,
+    itemPaddingInline: 16,
+    iconSize: 16,
+    iconMarginInlineEnd: 10,
+    collapsedWidth: 80,
+    collapsedIconSize: 16,
+    popupBg: "#ffffff",
+    darkItemBg: "#16161A",
+    darkSubMenuItemBg: "#232429",
+    darkItemColor: "rgba(249, 249, 249, 0.8)",
+    darkItemHoverBg: "rgba(255, 255, 255, 0.12)",
+    darkItemHoverColor: "rgba(249, 249, 249, 1)",
+    darkItemSelectedBg: "rgba(0, 100, 250, 0.2)",
+    darkItemSelectedColor: "#84A9FF",
+    darkItemDisabledColor: "rgba(249, 249, 249, 0.35)",
+    darkPopupBg: "#35363C"
+  },
+  // ========== Dropdown ==========
+  Dropdown: {
+    borderRadiusLG: 6,
+    borderRadiusSM: 3,
+    controlItemBgHover: "rgba(46, 50, 56, 0.05)",
+    controlItemBgActive: "rgba(0, 100, 250, 0.1)",
+    controlItemBgActiveHover: "rgba(0, 100, 250, 0.15)",
+    colorBgElevated: "#ffffff",
+    colorText: "rgba(28, 31, 35, 1)",
+    colorTextDisabled: "rgba(28, 31, 35, 0.35)",
+    paddingBlock: 5
+  },
+  // ========== Tabs ==========
+  Tabs: {
+    borderRadius: 3,
+    borderRadiusLG: 6,
+    inkBarColor: "#0064FA",
+    itemActiveColor: "#0064FA",
+    itemSelectedColor: "#0064FA",
+    itemHoverColor: "#0062D6",
+    itemColor: "rgba(28, 31, 35, 0.8)",
+    titleFontSize: 14,
+    titleFontSizeLG: 16,
+    titleFontSizeSM: 12,
+    horizontalMargin: "0 0 16px 0",
+    horizontalItemMargin: "0 24px 0 0",
+    horizontalItemMarginRTL: "0 0 0 24px",
+    horizontalItemPadding: "12px 0",
+    horizontalItemPaddingLG: "16px 0",
+    horizontalItemPaddingSM: "8px 0",
+    verticalItemMargin: "0 0 16px 0",
+    verticalItemPadding: "8px 24px",
+    cardBg: "rgba(46, 50, 56, 0.02)",
+    cardHeight: 40,
+    cardPadding: "8px 16px",
+    cardGutter: 2
+  },
+  // ========== Breadcrumb ==========
+  Breadcrumb: {
+    itemColor: "rgba(28, 31, 35, 0.62)",
+    lastItemColor: "rgba(28, 31, 35, 1)",
+    linkColor: "rgba(28, 31, 35, 0.62)",
+    linkHoverColor: "#0064FA",
+    separatorColor: "rgba(28, 31, 35, 0.35)",
+    separatorMargin: 8,
+    iconFontSize: 14
+  },
+  // ========== Steps ==========
+  Steps: {
+    dotSize: 8,
+    dotCurrentSize: 10,
+    iconSize: 32,
+    iconSizeSM: 24,
+    iconFontSize: 16,
+    iconTop: 0,
+    navArrowColor: "rgba(28, 31, 35, 0.35)",
+    navContentMaxWidth: "auto",
+    titleLineHeight: 32,
+    descriptionMaxWidth: 140,
+    finishIconBorderColor: "#0064FA",
+    customIconFontSize: 24,
+    customIconSize: 32,
+    customIconTop: 0
+  },
+  // ========== Card ==========
+  Card: {
+    borderRadius: 6,
+    borderRadiusLG: 6,
+    colorBgContainer: "#ffffff",
+    colorBorderSecondary: "rgba(28, 31, 35, 0.08)",
+    headerBg: "transparent",
+    headerFontSize: 16,
+    headerFontSizeSM: 14,
+    headerHeight: 56,
+    headerHeightSM: 40,
+    actionsBg: "rgba(46, 50, 56, 0.02)",
+    actionsLiMargin: "12px 0",
+    tabsMarginBottom: -17,
+    extraColor: "rgba(28, 31, 35, 0.62)"
+  },
+  // ========== Collapse ==========
+  Collapse: {
+    borderRadiusLG: 6,
+    headerBg: "rgba(46, 50, 56, 0.02)",
+    headerPadding: "12px 16px",
+    contentBg: "#ffffff",
+    contentPadding: "16px",
+    colorBorder: "rgba(28, 31, 35, 0.08)"
+  },
+  // ========== Descriptions ==========
+  Descriptions: {
+    borderRadiusLG: 6,
+    titleMarginBottom: 20,
+    itemPaddingBottom: 16,
+    colonMarginRight: 8,
+    colonMarginLeft: 2,
+    contentColor: "rgba(28, 31, 35, 1)",
+    labelBg: "rgba(46, 50, 56, 0.02)",
+    titleColor: "rgba(28, 31, 35, 1)",
+    colorTextSecondary: "rgba(28, 31, 35, 0.62)",
+    colorSplit: "rgba(28, 31, 35, 0.08)",
+    extraColor: "rgba(28, 31, 35, 0.62)"
+  },
+  // ========== List ==========
+  List: {
+    borderRadiusLG: 6,
+    contentWidth: 220,
+    descriptionFontSize: 14,
+    emptyTextPadding: 16,
+    footerBg: "transparent",
+    headerBg: "transparent",
+    itemPadding: "12px 0",
+    itemPaddingLG: "16px 24px",
+    itemPaddingSM: "8px 16px",
+    metaMarginBottom: 16,
+    titleMarginBottom: 12,
+    avatarMarginRight: 16,
+    colorBorder: "rgba(28, 31, 35, 0.08)",
+    colorText: "rgba(28, 31, 35, 1)",
+    colorTextDescription: "rgba(28, 31, 35, 0.62)"
+  },
+  // ========== Tag ==========
+  Tag: {
+    borderRadiusSM: 3,
+    defaultBg: "rgba(46, 50, 56, 0.05)",
+    defaultColor: "rgba(28, 31, 35, 0.8)"
+  },
+  // ========== Badge ==========
+  Badge: {
+    dotSize: 8,
+    textFontSize: 12,
+    textFontSizeSM: 12,
+    textFontWeight: 400,
+    indicatorHeight: 20,
+    indicatorHeightSM: 14
+  },
+  // ========== Avatar ==========
+  Avatar: {
+    borderRadius: 3,
+    groupBorderColor: "#ffffff",
+    groupOverlapping: -8,
+    groupSpace: 4,
+    containerSize: 32,
+    containerSizeLG: 40,
+    containerSizeSM: 24,
+    textFontSize: 18,
+    textFontSizeLG: 24,
+    textFontSizeSM: 14
+  },
+  // ========== Tooltip ==========
+  Tooltip: {
+    borderRadius: 6,
+    colorBgSpotlight: "rgba(65, 70, 76, 1)",
+    colorTextLightSolid: "#ffffff"
+  },
+  // ========== Popover ==========
+  Popover: {
+    borderRadiusLG: 6,
+    colorBgElevated: "#ffffff",
+    titleMinWidth: 160
+  },
+  // ========== Popconfirm ==========
+  Popconfirm: {
+    colorWarning: "#FC8800"
+  },
+  // ========== Modal ==========
+  Modal: {
+    borderRadiusLG: 12,
+    borderRadiusSM: 6,
+    colorBgMask: "rgba(22, 22, 26, 0.6)",
+    contentBg: "#ffffff",
+    footerBg: "transparent",
+    headerBg: "#ffffff",
+    titleColor: "rgba(28, 31, 35, 1)",
+    titleFontSize: 16,
+    titleLineHeight: 1.5
+  },
+  // ========== Drawer ==========
+  Drawer: {
+    borderRadiusLG: 0,
+    colorBgElevated: "#ffffff",
+    colorBgMask: "rgba(22, 22, 26, 0.6)",
+    footerPaddingBlock: 16,
+    footerPaddingInline: 24
+  },
+  // ========== Message ==========
+  Message: {
+    borderRadiusLG: 6,
+    contentBg: "#ffffff",
+    contentPadding: "10px 16px"
+  },
+  // ========== Notification ==========
+  Notification: {
+    borderRadiusLG: 6,
+    width: 384
+  },
+  // ========== Progress ==========
+  Progress: {
+    circleTextFontSize: "1em",
+    defaultColor: "#0064FA",
+    lineBorderRadius: 100,
+    remainingColor: "rgba(46, 50, 56, 0.1)"
+  },
+  // ========== Alert ==========
+  Alert: {
+    borderRadiusLG: 6,
+    defaultPadding: "12px 16px",
+    withDescriptionPadding: "16px",
+    withDescriptionIconSize: 24
+  },
+  // ========== Spin ==========
+  Spin: {
+    dotSize: 20,
+    dotSizeLG: 32,
+    dotSizeSM: 14,
+    contentHeight: 400
+  },
+  // ========== Skeleton ==========
+  Skeleton: {
+    borderRadiusSM: 3,
+    color: "rgba(46, 50, 56, 0.11)",
+    colorGradientEnd: "rgba(46, 50, 56, 0.11)",
+    gradientFromColor: "rgba(46, 50, 56, 0.11)",
+    gradientToColor: "rgba(46, 50, 56, 0.05)",
+    titleHeight: 16,
+    blockRadius: 3,
+    paragraphLiHeight: 16,
+    paragraphMarginTop: 28
+  },
+  // ========== Result ==========
+  Result: {
+    titleFontSize: 24,
+    subtitleFontSize: 14,
+    iconFontSize: 72,
+    extraMargin: "24px 0 0 0"
+  },
+  // ========== Empty ==========
+  Empty: {
+    colorText: "rgba(28, 31, 35, 0.35)",
+    colorTextDisabled: "rgba(28, 31, 35, 0.35)"
+  },
+  // ========== Timeline ==========
+  Timeline: {
+    dotBg: "#ffffff",
+    dotBorderWidth: 2,
+    itemHeadSize: 10,
+    itemPaddingBottom: 20,
+    tailColor: "rgba(28, 31, 35, 0.15)",
+    tailWidth: 2
+  },
+  // ========== Tree ==========
+  Tree: {
+    borderRadius: 3,
+    directoryNodeSelectedBg: "rgba(0, 100, 250, 0.1)",
+    directoryNodeSelectedColor: "#0064FA",
+    nodeHoverBg: "rgba(46, 50, 56, 0.05)",
+    nodeSelectedBg: "rgba(0, 100, 250, 0.1)",
+    titleHeight: 24
+  },
+  // ========== Transfer ==========
+  Transfer: {
+    listHeight: 200,
+    listWidth: 180,
+    listWidthLG: 250,
+    headerHeight: 40,
+    itemHeight: 32,
+    itemPaddingBlock: 5
+  },
+  // ========== Divider ==========
+  Divider: {
+    colorSplit: "rgba(28, 31, 35, 0.08)",
+    textPaddingInline: "1em",
+    orientationMargin: 0.05
+  },
+  // ========== Space ==========
+  Space: {},
+  // ========== Anchor ==========
+  Anchor: {
+    borderRadius: 3,
+    linkPaddingBlock: 4,
+    linkPaddingInlineStart: 16
+  },
+  // ========== Affix ==========
+  Affix: {},
+  // ========== BackTop ==========
+  BackTop: {
+    zIndexPopup: 10
+  },
+  // ========== ColorPicker ==========
+  ColorPicker: {
+    borderRadius: 3,
+    borderRadiusSM: 3,
+    borderRadiusXS: 3
+  },
+  // ========== Segmented ==========
+  Segmented: {
+    borderRadius: 3,
+    borderRadiusSM: 3,
+    borderRadiusXS: 2,
+    itemActiveBg: "rgba(46, 50, 56, 0.13)",
+    itemColor: "rgba(28, 31, 35, 0.8)",
+    itemHoverBg: "rgba(46, 50, 56, 0.09)",
+    itemHoverColor: "rgba(28, 31, 35, 1)",
+    itemSelectedBg: "#ffffff",
+    itemSelectedColor: "rgba(28, 31, 35, 1)",
+    trackBg: "rgba(46, 50, 56, 0.05)",
+    trackPadding: 2
+  },
+  // ========== Tour ==========
+  Tour: {
+    borderRadiusLG: 12,
+    colorBgElevated: "#ffffff",
+    primaryNextBtnHoverBg: "#0062D6",
+    primaryPrevBtnBg: "#ffffff",
+    closeBtnSize: 22
+  },
+  // ========== QRCode ==========
+  QRCode: {
+    borderRadiusLG: 6
+  },
+  // ========== Image ==========
+  Image: {
+    previewOperationColor: "rgba(255, 255, 255, 0.65)",
+    previewOperationColorDisabled: "rgba(255, 255, 255, 0.25)",
+    previewOperationHoverColor: "rgba(255, 255, 255, 0.85)",
+    previewOperationSize: 18
+  },
+  // ========== Watermark ==========
+  Watermark: {},
+  // ========== FloatButton ==========
+  FloatButton: {
+    borderRadiusLG: 50
+  },
+  // ========== Mentions ==========
+  Mentions: {
+    borderRadius: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent",
+    dropdownHeight: 250,
+    zIndexPopup: 1050,
+    controlItemBgHover: "rgba(46, 50, 56, 0.05)"
+  },
+  // ========== AutoComplete ==========
+  AutoComplete: {
+    borderRadius: 3,
+    colorBgContainer: "rgba(46, 50, 56, 0.05)",
+    colorBorder: "transparent"
+  },
+  // ========== Calendar ==========
+  Calendar: {
+    fullBg: "#ffffff",
+    fullPanelBg: "#ffffff",
+    itemActiveBg: "rgba(0, 100, 250, 0.1)",
+    miniContentHeight: 256,
+    monthControlWidth: 80,
+    yearControlWidth: 80
+  },
+  // ========== Carousel ==========
+  Carousel: {
+    dotWidth: 16,
+    dotHeight: 3,
+    dotActiveWidth: 24,
+    dotOffset: 12
+  },
+  // ========== Statistic ==========
+  Statistic: {
+    contentFontSize: 24,
+    titleFontSize: 14
+  },
+  // ========== Typography ==========
+  Typography: {
+    titleMarginBottom: "0.5em",
+    titleMarginTop: "1.2em"
+  },
+  // ========== Layout ==========
+  Layout: {
+    bodyBg: "#F9F9F9",
+    headerBg: "#ffffff",
+    headerColor: "rgba(28, 31, 35, 1)",
+    headerHeight: 64,
+    headerPadding: "0 24px",
+    footerBg: "#ffffff",
+    footerPadding: "24px 50px",
+    siderBg: "#ffffff",
+    triggerBg: "rgba(46, 50, 56, 0.05)",
+    triggerColor: "rgba(28, 31, 35, 0.8)",
+    triggerHeight: 48,
+    lightTriggerBg: "#ffffff",
+    lightTriggerColor: "rgba(28, 31, 35, 0.8)",
+    lightSiderBg: "#ffffff",
+    zeroTriggerHeight: 42,
+    zeroTriggerWidth: 36
+  },
+  // ========== Grid ==========
+  Grid: {}
+  // ========== Typography Link ==========
+  // 链接样式在 Typography 中处理
+  // ========== InputTextArea ==========
+  // TextArea 继承 Input 样式
+  // ========== Banner (Alert 变体) ==========
+  // Banner 在 Alert 中处理
+  // ========== SideSheet (Drawer 变体) ==========
+  // SideSheet = Drawer，已在 Drawer 中配置
+  // ========== Toast (Message 变体) ==========
+  // Toast = Message，已在 Message 中配置
+  // ========== Navigation (Menu 变体) ==========
+  // Navigation = Menu，已在 Menu 中配置
+  // ========== Rating (Rate 别名) ==========
+  // Rating = Rate，已在 Rate 中配置
+  // ========== TagInput ==========
+  // Ant Design Vue 中对应 Select mode="tags"
+  // ========== ScrollList ==========
+  // 使用 List 配置
+  // ========== Highlight ==========
+  // 使用 Typography 配置
+  // ========== Collapsible ==========
+  // 使用 Collapse 配置
+  // ========== ConfigProvider ==========
+  // 逻辑组件，无样式
+  // ========== LocaleProvider ==========
+  // 逻辑组件，无样式
+};
+var componentTokensDark = {
+  ...componentTokens,
+  // Override specific components for dark mode
+  Button: {
+    ...componentTokens.Button,
+    // Dark 模式: 深色填充
+    defaultBg: "rgba(255, 255, 255, 0.12)",
+    // dark fill-0
+    defaultBorderColor: "transparent",
+    defaultColor: "rgba(249, 249, 249, 0.8)",
+    // dark text-1
+    defaultHoverBg: "rgba(255, 255, 255, 0.16)",
+    // dark fill-1
+    defaultHoverBorderColor: "transparent",
+    defaultHoverColor: "rgba(249, 249, 249, 1)",
+    // dark text-0
+    defaultActiveBg: "rgba(255, 255, 255, 0.20)",
+    // dark fill-2
+    defaultActiveColor: "rgba(249, 249, 249, 1)",
+    // Ghost 按钮
+    defaultGhostColor: "rgba(249, 249, 249, 0.8)",
+    defaultGhostBorderColor: "rgba(255, 255, 255, 0.08)",
+    // Text 按钮
+    textHoverBg: "rgba(255, 255, 255, 0.12)"
+  },
+  Input: {
+    ...componentTokens.Input,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)",
+    hoverBg: "rgba(255, 255, 255, 0.16)",
+    activeBg: "rgba(255, 255, 255, 0.12)",
+    addonBg: "rgba(255, 255, 255, 0.04)"
+  },
+  Select: {
+    ...componentTokens.Select,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)",
+    selectorBg: "rgba(255, 255, 255, 0.12)",
+    optionActiveBg: "rgba(255, 255, 255, 0.12)",
+    optionSelectedBg: "rgba(0, 100, 250, 0.2)",
+    multipleItemBg: "rgba(255, 255, 255, 0.16)"
+  },
+  Table: {
+    ...componentTokens.Table,
+    headerBg: "rgba(255, 255, 255, 0.04)",
+    headerColor: "rgba(249, 249, 249, 0.6)",
+    headerSortActiveBg: "rgba(255, 255, 255, 0.08)",
+    headerSortHoverBg: "rgba(255, 255, 255, 0.08)",
+    bodySortBg: "rgba(255, 255, 255, 0.04)",
+    rowHoverBg: "rgba(255, 255, 255, 0.06)",
+    rowSelectedBg: "rgba(0, 100, 250, 0.16)",
+    rowSelectedHoverBg: "rgba(0, 100, 250, 0.2)",
+    rowExpandedBg: "rgba(255, 255, 255, 0.02)",
+    footerBg: "rgba(255, 255, 255, 0.04)",
+    footerColor: "rgba(249, 249, 249, 0.6)",
+    colorBgContainer: "#232429"
+  },
+  Card: {
+    ...componentTokens.Card,
+    colorBgContainer: "#35363C",
+    actionsBg: "rgba(255, 255, 255, 0.04)"
+  },
+  Modal: {
+    ...componentTokens.Modal,
+    contentBg: "#35363C",
+    headerBg: "#35363C"
+  },
+  Drawer: {
+    ...componentTokens.Drawer,
+    colorBgElevated: "#35363C"
+  },
+  Dropdown: {
+    ...componentTokens.Dropdown,
+    colorBgElevated: "#35363C",
+    controlItemBgHover: "rgba(255, 255, 255, 0.12)",
+    controlItemBgActive: "rgba(0, 100, 250, 0.2)",
+    colorText: "rgba(249, 249, 249, 1)",
+    colorTextDisabled: "rgba(249, 249, 249, 0.35)"
+  },
+  Popover: {
+    ...componentTokens.Popover,
+    colorBgElevated: "#35363C"
+  },
+  Message: {
+    ...componentTokens.Message,
+    contentBg: "#43444A"
+  },
+  Collapse: {
+    ...componentTokens.Collapse,
+    headerBg: "rgba(255, 255, 255, 0.04)",
+    contentBg: "#232429"
+  },
+  Skeleton: {
+    ...componentTokens.Skeleton,
+    color: "rgba(255, 255, 255, 0.11)",
+    colorGradientEnd: "rgba(255, 255, 255, 0.11)",
+    gradientFromColor: "rgba(255, 255, 255, 0.11)",
+    gradientToColor: "rgba(255, 255, 255, 0.05)"
+  },
+  Segmented: {
+    ...componentTokens.Segmented,
+    itemActiveBg: "rgba(255, 255, 255, 0.20)",
+    itemColor: "rgba(249, 249, 249, 0.8)",
+    itemHoverBg: "rgba(255, 255, 255, 0.16)",
+    itemHoverColor: "rgba(249, 249, 249, 1)",
+    itemSelectedBg: "#4F5159",
+    itemSelectedColor: "rgba(249, 249, 249, 1)",
+    trackBg: "rgba(255, 255, 255, 0.12)"
+  },
+  Tour: {
+    ...componentTokens.Tour,
+    colorBgElevated: "#35363C"
+  },
+  Calendar: {
+    ...componentTokens.Calendar,
+    fullBg: "#232429",
+    fullPanelBg: "#232429"
+  },
+  // 补充更多深色模式组件
+  InputNumber: {
+    ...componentTokens.InputNumber,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)"
+  },
+  Cascader: {
+    ...componentTokens.Cascader,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)",
+    optionSelectedBg: "rgba(0, 100, 250, 0.2)"
+  },
+  TreeSelect: {
+    ...componentTokens.TreeSelect,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)",
+    nodeSelectedBg: "rgba(0, 100, 250, 0.2)",
+    nodeHoverBg: "rgba(255, 255, 255, 0.12)"
+  },
+  DatePicker: {
+    ...componentTokens.DatePicker,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)",
+    cellActiveWithRangeBg: "rgba(0, 100, 250, 0.2)",
+    cellHoverWithRangeBg: "rgba(0, 100, 250, 0.2)"
+  },
+  TimePicker: {
+    ...componentTokens.TimePicker,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)",
+    itemActiveBg: "rgba(0, 100, 250, 0.2)"
+  },
+  Pagination: {
+    ...componentTokens.Pagination,
+    itemActiveBg: "rgba(0, 100, 250, 0.2)",
+    itemInputBg: "rgba(255, 255, 255, 0.12)"
+  },
+  Menu: {
+    ...componentTokens.Menu,
+    colorItemBg: "transparent",
+    colorItemBgHover: "rgba(255, 255, 255, 0.12)",
+    colorItemBgSelected: "rgba(0, 100, 250, 0.2)",
+    colorItemText: "rgba(249, 249, 249, 0.8)",
+    colorItemTextHover: "rgba(249, 249, 249, 1)",
+    colorItemTextSelected: "#84A9FF",
+    popupBg: "#35363C"
+  },
+  Tabs: {
+    ...componentTokens.Tabs,
+    cardBg: "rgba(255, 255, 255, 0.04)"
+  },
+  Tag: {
+    ...componentTokens.Tag,
+    defaultBg: "rgba(255, 255, 255, 0.12)",
+    defaultColor: "rgba(249, 249, 249, 0.8)"
+  },
+  List: {
+    ...componentTokens.List,
+    colorText: "rgba(249, 249, 249, 1)",
+    colorTextDescription: "rgba(249, 249, 249, 0.6)"
+  },
+  Descriptions: {
+    ...componentTokens.Descriptions,
+    labelBg: "rgba(255, 255, 255, 0.04)",
+    contentColor: "rgba(249, 249, 249, 1)",
+    titleColor: "rgba(249, 249, 249, 1)",
+    colorTextSecondary: "rgba(249, 249, 249, 0.6)"
+  },
+  Tooltip: {
+    ...componentTokens.Tooltip,
+    colorBgSpotlight: "rgba(79, 81, 89, 1)"
+  },
+  Notification: {
+    ...componentTokens.Notification
+  },
+  Alert: {
+    ...componentTokens.Alert
+  },
+  Tree: {
+    ...componentTokens.Tree,
+    nodeHoverBg: "rgba(255, 255, 255, 0.12)",
+    nodeSelectedBg: "rgba(0, 100, 250, 0.2)",
+    directoryNodeSelectedBg: "rgba(0, 100, 250, 0.2)"
+  },
+  Transfer: {
+    ...componentTokens.Transfer
+  },
+  Empty: {
+    ...componentTokens.Empty,
+    colorText: "rgba(249, 249, 249, 0.35)",
+    colorTextDisabled: "rgba(249, 249, 249, 0.35)"
+  },
+  Upload: {
+    ...componentTokens.Upload,
+    colorFillAlter: "rgba(255, 255, 255, 0.04)"
+  },
+  Form: {
+    ...componentTokens.Form,
+    labelColor: "rgba(249, 249, 249, 1)"
+  },
+  Anchor: {
+    ...componentTokens.Anchor
+  },
+  Mentions: {
+    ...componentTokens.Mentions,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)",
+    controlItemBgHover: "rgba(255, 255, 255, 0.12)"
+  },
+  AutoComplete: {
+    ...componentTokens.AutoComplete,
+    colorBgContainer: "rgba(255, 255, 255, 0.12)"
+  },
+  Carousel: {
+    ...componentTokens.Carousel
+  },
+  FloatButton: {
+    ...componentTokens.FloatButton
+  },
+  Layout: {
+    ...componentTokens.Layout,
+    bodyBg: "#16161A",
+    headerBg: "#232429",
+    headerColor: "rgba(249, 249, 249, 1)",
+    footerBg: "#232429",
+    siderBg: "#232429",
+    triggerBg: "rgba(255, 255, 255, 0.12)",
+    triggerColor: "rgba(249, 249, 249, 0.8)",
+    lightTriggerBg: "#35363C",
+    lightTriggerColor: "rgba(249, 249, 249, 0.8)",
+    lightSiderBg: "#35363C"
+  },
+  Statistic: {
+    ...componentTokens.Statistic
+  },
+  Result: {
+    ...componentTokens.Result
+  },
+  Steps: {
+    ...componentTokens.Steps
+  },
+  Progress: {
+    ...componentTokens.Progress
+  },
+  Rate: {
+    ...componentTokens.Rate
+  },
+  Slider: {
+    ...componentTokens.Slider
+  },
+  Switch: {
+    ...componentTokens.Switch
+  },
+  Checkbox: {
+    ...componentTokens.Checkbox
+  },
+  Radio: {
+    ...componentTokens.Radio
+  },
+  ColorPicker: {
+    ...componentTokens.ColorPicker
+  },
+  QRCode: {
+    ...componentTokens.QRCode
+  },
+  Watermark: {
+    ...componentTokens.Watermark
+  },
+  Affix: {
+    ...componentTokens.Affix
+  },
+  BackTop: {
+    ...componentTokens.BackTop
+  },
+  Breadcrumb: {
+    ...componentTokens.Breadcrumb,
+    itemColor: "rgba(249, 249, 249, 0.6)",
+    lastItemColor: "rgba(249, 249, 249, 1)",
+    linkColor: "rgba(249, 249, 249, 0.6)",
+    separatorColor: "rgba(249, 249, 249, 0.35)"
+  },
+  Avatar: {
+    ...componentTokens.Avatar,
+    groupBorderColor: "#232429"
+  },
+  Badge: {
+    ...componentTokens.Badge
+  },
+  Image: {
+    ...componentTokens.Image
+  },
+  Spin: {
+    ...componentTokens.Spin
+  },
+  // Alert already defined above at line ~997, removed duplicate
+  Popconfirm: {
+    ...componentTokens.Popconfirm
+  },
+  Timeline: {
+    ...componentTokens.Timeline,
+    dotBg: "#232429",
+    tailColor: "rgba(249, 249, 249, 0.15)"
+  },
+  Divider: {
+    ...componentTokens.Divider,
+    colorSplit: "rgba(255, 255, 255, 0.08)"
+  }
+};
+
+// src/antd/theme/index.ts
+var semiTheme = {
+  token: semiTokens,
+  components: componentTokens
+};
+var semiThemeDark = {
+  token: semiTokensDark,
+  components: componentTokensDark
+};
+export {
+  SUPPORTED_COMPONENTS,
+  SemiThemePlugin,
+  componentTokens,
+  componentTokensDark,
+  semiColors as coreColors,
+  createSemiTheme,
+  createSemiTheme as default,
+  semiColors2 as semiColors,
+  semiColorsRGB,
+  semiTheme,
+  semiThemeDark,
+  semiTokens,
+  semiTokensDark
+};