@boo-dreamer/theme 0.0.1

package/dist/index.cjs

@@ -0,0 +1,420 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const DEFAULT_RADIUS = {
+  none: "0",
+  sm: "2px",
+  base: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "12px",
+  full: "9999px"
+};
+const DEFAULT_SHADOW = {
+  none: "none",
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
+};
+const DARK_SHADOW = {
+  none: "none",
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.3)",
+  base: "0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.4)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.4)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4)"
+};
+const DEFAULT_FONT_SIZE = {
+  xs: "12px",
+  sm: "13px",
+  base: "14px",
+  md: "16px",
+  lg: "18px",
+  xl: "20px",
+  "2xl": "24px",
+  "3xl": "30px"
+};
+const DEFAULT_LINE_HEIGHT = {
+  tight: "1.25",
+  base: "1.5",
+  relaxed: "1.75"
+};
+const DEFAULT_FONT_WEIGHT = {
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+};
+const DEFAULT_SPACING = {
+  0: "0",
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px"
+};
+const DEFAULT_TRANSITION = {
+  fast: "0.1s",
+  base: "0.2s",
+  slow: "0.3s",
+  ease: "cubic-bezier(0.4, 0, 0.2, 1)"
+};
+const DEFAULT_Z_INDEX = {
+  dropdown: 1e3,
+  sticky: 1100,
+  fixed: 1200,
+  modalBackdrop: 1300,
+  modal: 1400,
+  popover: 1500,
+  tooltip: 1600
+};
+const DEFAULT_FONT_FAMILY = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+const DEFAULT_FONT_FAMILY_MONO = 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+const DEFAULT_STORAGE_KEY = "boo-theme-mode";
+const DEFAULT_CSS_PREFIX = "boo";
+const MINT_LIGHT = {
+  // 品牌色
+  primary: "#10B981",
+  primaryLight: "#34D399",
+  primaryDark: "#059669",
+  primaryBg: "#ECFDF5",
+  // 功能色
+  success: "#22C55E",
+  warning: "#F59E0B",
+  error: "#EF4444",
+  info: "#3B82F6",
+  // 文字颜色
+  textPrimary: "#1F2937",
+  textSecondary: "#6B7280",
+  textPlaceholder: "#9CA3AF",
+  textDisabled: "#D1D5DB",
+  // 边框
+  border: "#E5E7EB",
+  borderLight: "#F3F4F6",
+  divider: "#E5E7EB",
+  // 背景
+  bgPage: "#F9FAFB",
+  bgContainer: "#FFFFFF",
+  bgElevated: "#FFFFFF",
+  bgSpotlight: "#F3F4F6"
+};
+const MINT_DARK = {
+  // 品牌色
+  primary: "#34D399",
+  primaryLight: "#6EE7B7",
+  primaryDark: "#10B981",
+  primaryBg: "#064E3B",
+  // 功能色
+  success: "#4ADE80",
+  warning: "#FBBF24",
+  error: "#F87171",
+  info: "#60A5FA",
+  // 文字颜色
+  textPrimary: "#F9FAFB",
+  textSecondary: "#D1D5DB",
+  textPlaceholder: "#9CA3AF",
+  textDisabled: "#6B7280",
+  // 边框
+  border: "#374151",
+  borderLight: "#4B5563",
+  divider: "#374151",
+  // 背景
+  bgPage: "#111827",
+  bgContainer: "#1F2937",
+  bgElevated: "#374151",
+  bgSpotlight: "#374151"
+};
+const PRESET_MINT = {
+  name: "mint",
+  light: MINT_LIGHT,
+  dark: MINT_DARK
+};
+const PRESETS = {
+  mint: PRESET_MINT
+};
+const DEFAULT_PRESET = PRESET_MINT;
+function camelToKebab(str) {
+  return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function cssVar(prefix, category, key) {
+  return `--${prefix}-${category}-${camelToKebab(key)}`;
+}
+function generateColorVars(colors, prefix) {
+  const vars = {};
+  for (const [key, value] of Object.entries(colors)) {
+    vars[cssVar(prefix, "color", key)] = value;
+  }
+  return vars;
+}
+function generateCommonVars(prefix) {
+  const vars = {};
+  for (const [key, value] of Object.entries(DEFAULT_RADIUS)) {
+    vars[cssVar(prefix, "radius", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_FONT_SIZE)) {
+    vars[cssVar(prefix, "font-size", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_LINE_HEIGHT)) {
+    vars[cssVar(prefix, "line-height", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_FONT_WEIGHT)) {
+    vars[cssVar(prefix, "font-weight", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_SPACING)) {
+    vars[cssVar(prefix, "spacing", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_TRANSITION)) {
+    vars[cssVar(prefix, "transition", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_Z_INDEX)) {
+    vars[cssVar(prefix, "z", camelToKebab(key))] = String(value);
+  }
+  vars[`--${prefix}-font-family`] = DEFAULT_FONT_FAMILY;
+  vars[`--${prefix}-font-family-mono`] = DEFAULT_FONT_FAMILY_MONO;
+  return vars;
+}
+function generateShadowVars(isDark, prefix) {
+  const vars = {};
+  const shadow = isDark ? DARK_SHADOW : DEFAULT_SHADOW;
+  for (const [key, value] of Object.entries(shadow)) {
+    vars[cssVar(prefix, "shadow", key)] = value;
+  }
+  return vars;
+}
+function varsToCSS(vars) {
+  return Object.entries(vars).map(([key, value]) => `${key}: ${value};`).join("\n  ");
+}
+function injectCSSVars(colors, theme, prefix = DEFAULT_CSS_PREFIX) {
+  const styleId = `${prefix}-theme-vars`;
+  let styleEl = document.getElementById(styleId);
+  if (!styleEl) {
+    styleEl = document.createElement("style");
+    styleEl.id = styleId;
+    document.head.appendChild(styleEl);
+  }
+  const colorVars = generateColorVars(colors, prefix);
+  const commonVars = generateCommonVars(prefix);
+  const shadowVars = generateShadowVars(theme === "dark", prefix);
+  const allVars = { ...colorVars, ...commonVars, ...shadowVars };
+  styleEl.textContent = `:root {
+  ${varsToCSS(allVars)}
+}`;
+}
+function setThemeAttribute(theme) {
+  document.documentElement.setAttribute("data-theme", theme);
+  if (theme === "dark") {
+    document.documentElement.classList.add("dark");
+  } else {
+    document.documentElement.classList.remove("dark");
+  }
+}
+function getCSSVar(name, prefix = DEFAULT_CSS_PREFIX) {
+  const varName = name.startsWith("--") ? name : `--${prefix}-${name}`;
+  return getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
+}
+function setCSSVar(name, value, prefix = DEFAULT_CSS_PREFIX) {
+  const varName = name.startsWith("--") ? name : `--${prefix}-${name}`;
+  document.documentElement.style.setProperty(varName, value);
+}
+function getSystemTheme() {
+  if (typeof window === "undefined") {
+    return "light";
+  }
+  const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  return mediaQuery.matches ? "dark" : "light";
+}
+function watchSystemTheme(callback) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  const handler = (e) => {
+    callback(e.matches ? "dark" : "light");
+  };
+  if (mediaQuery.addEventListener) {
+    mediaQuery.addEventListener("change", handler);
+    return () => mediaQuery.removeEventListener("change", handler);
+  } else {
+    mediaQuery.addListener(handler);
+    return () => {
+      mediaQuery.removeListener(handler);
+    };
+  }
+}
+function supportsSystemTheme() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  return window.matchMedia !== void 0;
+}
+function loadMode(storageKey) {
+  if (typeof localStorage === "undefined") return null;
+  const stored = localStorage.getItem(storageKey);
+  if (stored === "light" || stored === "dark" || stored === "system") {
+    return stored;
+  }
+  return null;
+}
+function saveMode(storageKey, mode) {
+  if (typeof localStorage === "undefined") return;
+  localStorage.setItem(storageKey, mode);
+}
+function createTheme(config = {}) {
+  const {
+    defaultMode = "system",
+    storageKey = DEFAULT_STORAGE_KEY,
+    persist = true,
+    colors: customColors,
+    darkColors: customDarkColors,
+    preset: presetName,
+    cssPrefix = DEFAULT_CSS_PREFIX
+  } = config;
+  const preset = presetName ? PRESETS[presetName] || DEFAULT_PRESET : DEFAULT_PRESET;
+  const lightColors = { ...preset.light, ...customColors };
+  const darkColors = { ...preset.dark, ...customDarkColors };
+  const mode = vue.ref(
+    (persist ? loadMode(storageKey) : null) || defaultMode
+  );
+  const appliedTheme = vue.computed(() => {
+    if (mode.value === "system") {
+      return getSystemTheme();
+    }
+    return mode.value;
+  });
+  const isDark = vue.computed(() => appliedTheme.value === "dark");
+  const colors = vue.computed(() => isDark.value ? darkColors : lightColors);
+  let unwatchSystem = null;
+  function applyTheme() {
+    const theme = appliedTheme.value;
+    const currentColors = isDark.value ? darkColors : lightColors;
+    injectCSSVars(currentColors, theme, cssPrefix);
+    setThemeAttribute(theme);
+  }
+  function setMode(newMode) {
+    mode.value = newMode;
+    if (persist) {
+      saveMode(storageKey, newMode);
+    }
+  }
+  function toggle() {
+    if (mode.value === "light") {
+      setMode("dark");
+    } else if (mode.value === "dark") {
+      setMode("light");
+    } else {
+      setMode(isDark.value ? "light" : "dark");
+    }
+  }
+  function setColors(newColors) {
+    if (isDark.value) {
+      Object.assign(darkColors, newColors);
+    } else {
+      Object.assign(lightColors, newColors);
+    }
+    applyTheme();
+  }
+  function getCssVar(name) {
+    return getCSSVar(name, cssPrefix);
+  }
+  function init() {
+    applyTheme();
+    if (mode.value === "system") {
+      unwatchSystem = watchSystemTheme(() => {
+        applyTheme();
+      });
+    }
+  }
+  function destroy() {
+    if (unwatchSystem) {
+      unwatchSystem();
+      unwatchSystem = null;
+    }
+  }
+  vue.watch(mode, (newMode) => {
+    if (unwatchSystem) {
+      unwatchSystem();
+      unwatchSystem = null;
+    }
+    if (newMode === "system") {
+      unwatchSystem = watchSystemTheme(() => {
+        applyTheme();
+      });
+    }
+    applyTheme();
+  });
+  return {
+    mode,
+    appliedTheme,
+    isDark,
+    colors,
+    setMode,
+    toggle,
+    setColors,
+    getCssVar,
+    init,
+    destroy
+  };
+}
+let globalTheme = null;
+function setupTheme(config = {}) {
+  globalTheme = createTheme(config);
+  globalTheme.init();
+  return globalTheme;
+}
+function useTheme() {
+  if (!globalTheme) {
+    globalTheme = createTheme();
+    vue.onMounted(() => {
+      globalTheme.init();
+    });
+    vue.onUnmounted(() => {
+      globalTheme.destroy();
+    });
+  }
+  return {
+    mode: globalTheme.mode,
+    appliedTheme: globalTheme.appliedTheme,
+    isDark: globalTheme.isDark,
+    colors: globalTheme.colors,
+    setMode: globalTheme.setMode,
+    toggle: globalTheme.toggle,
+    setColors: globalTheme.setColors,
+    getCssVar: globalTheme.getCssVar
+  };
+}
+exports.DARK_SHADOW = DARK_SHADOW;
+exports.DEFAULT_CSS_PREFIX = DEFAULT_CSS_PREFIX;
+exports.DEFAULT_FONT_FAMILY = DEFAULT_FONT_FAMILY;
+exports.DEFAULT_FONT_FAMILY_MONO = DEFAULT_FONT_FAMILY_MONO;
+exports.DEFAULT_FONT_SIZE = DEFAULT_FONT_SIZE;
+exports.DEFAULT_FONT_WEIGHT = DEFAULT_FONT_WEIGHT;
+exports.DEFAULT_LINE_HEIGHT = DEFAULT_LINE_HEIGHT;
+exports.DEFAULT_PRESET = DEFAULT_PRESET;
+exports.DEFAULT_RADIUS = DEFAULT_RADIUS;
+exports.DEFAULT_SHADOW = DEFAULT_SHADOW;
+exports.DEFAULT_SPACING = DEFAULT_SPACING;
+exports.DEFAULT_STORAGE_KEY = DEFAULT_STORAGE_KEY;
+exports.DEFAULT_TRANSITION = DEFAULT_TRANSITION;
+exports.DEFAULT_Z_INDEX = DEFAULT_Z_INDEX;
+exports.MINT_DARK = MINT_DARK;
+exports.MINT_LIGHT = MINT_LIGHT;
+exports.PRESETS = PRESETS;
+exports.PRESET_MINT = PRESET_MINT;
+exports.createTheme = createTheme;
+exports.getCSSVar = getCSSVar;
+exports.getSystemTheme = getSystemTheme;
+exports.injectCSSVars = injectCSSVars;
+exports.setCSSVar = setCSSVar;
+exports.setThemeAttribute = setThemeAttribute;
+exports.setupTheme = setupTheme;
+exports.supportsSystemTheme = supportsSystemTheme;
+exports.useTheme = useTheme;
+exports.watchSystemTheme = watchSystemTheme;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/constants.ts","../src/presets.ts","../src/css-vars.ts","../src/system.ts","../src/useTheme.ts"],"sourcesContent":["/**\n * @boo-dreamer/theme - 常量定义\n */\nimport type {\n  ThemeRadius,\n  ThemeShadow,\n  ThemeFontSize,\n  ThemeLineHeight,\n  ThemeFontWeight,\n  ThemeSpacing,\n  ThemeTransition,\n  ThemeZIndex,\n} from './types.js';\n\n/**\n * 默认圆角\n */\nexport const DEFAULT_RADIUS: ThemeRadius = {\n  none: '0',\n  sm: '2px',\n  base: '4px',\n  md: '6px',\n  lg: '8px',\n  xl: '12px',\n  full: '9999px',\n};\n\n/**\n * 默认阴影\n */\nexport const DEFAULT_SHADOW: ThemeShadow = {\n  none: 'none',\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  base: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)',\n};\n\n/**\n * 暗色模式阴影\n */\nexport const DARK_SHADOW: ThemeShadow = {\n  none: 'none',\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.3)',\n  base: '0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.4)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.4)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4)',\n};\n\n/**\n * 默认字号\n */\nexport const DEFAULT_FONT_SIZE: ThemeFontSize = {\n  xs: '12px',\n  sm: '13px',\n  base: '14px',\n  md: '16px',\n  lg: '18px',\n  xl: '20px',\n  '2xl': '24px',\n  '3xl': '30px',\n};\n\n/**\n * 默认行高\n */\nexport const DEFAULT_LINE_HEIGHT: ThemeLineHeight = {\n  tight: '1.25',\n  base: '1.5',\n  relaxed: '1.75',\n};\n\n/**\n * 默认字重\n */\nexport const DEFAULT_FONT_WEIGHT: ThemeFontWeight = {\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n};\n\n/**\n * 默认间距\n */\nexport const DEFAULT_SPACING: ThemeSpacing = {\n  0: '0',\n  1: '4px',\n  2: '8px',\n  3: '12px',\n  4: '16px',\n  5: '20px',\n  6: '24px',\n  8: '32px',\n  10: '40px',\n  12: '48px',\n};\n\n/**\n * 默认过渡\n */\nexport const DEFAULT_TRANSITION: ThemeTransition = {\n  fast: '0.1s',\n  base: '0.2s',\n  slow: '0.3s',\n  ease: 'cubic-bezier(0.4, 0, 0.2, 1)',\n};\n\n/**\n * 默认层级\n */\nexport const DEFAULT_Z_INDEX: ThemeZIndex = {\n  dropdown: 1000,\n  sticky: 1100,\n  fixed: 1200,\n  modalBackdrop: 1300,\n  modal: 1400,\n  popover: 1500,\n  tooltip: 1600,\n};\n\n/**\n * 默认字体\n */\nexport const DEFAULT_FONT_FAMILY =\n  '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"';\n\n/**\n * 默认代码字体\n */\nexport const DEFAULT_FONT_FAMILY_MONO =\n  'SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace';\n\n/**\n * 默认存储 key\n */\nexport const DEFAULT_STORAGE_KEY = 'boo-theme-mode';\n\n/**\n * 默认 CSS 前缀\n */\nexport const DEFAULT_CSS_PREFIX = 'boo';\n","/**\n * @boo-dreamer/theme - 主题预设（薄荷绿）\n */\nimport type { ThemeColors, ThemePreset } from './types.js';\n\n/**\n * 薄荷绿 - 浅色模式\n */\nexport const MINT_LIGHT: ThemeColors = {\n  // 品牌色\n  primary: '#10B981',\n  primaryLight: '#34D399',\n  primaryDark: '#059669',\n  primaryBg: '#ECFDF5',\n\n  // 功能色\n  success: '#22C55E',\n  warning: '#F59E0B',\n  error: '#EF4444',\n  info: '#3B82F6',\n\n  // 文字颜色\n  textPrimary: '#1F2937',\n  textSecondary: '#6B7280',\n  textPlaceholder: '#9CA3AF',\n  textDisabled: '#D1D5DB',\n\n  // 边框\n  border: '#E5E7EB',\n  borderLight: '#F3F4F6',\n  divider: '#E5E7EB',\n\n  // 背景\n  bgPage: '#F9FAFB',\n  bgContainer: '#FFFFFF',\n  bgElevated: '#FFFFFF',\n  bgSpotlight: '#F3F4F6',\n};\n\n/**\n * 薄荷绿 - 深色模式\n */\nexport const MINT_DARK: ThemeColors = {\n  // 品牌色\n  primary: '#34D399',\n  primaryLight: '#6EE7B7',\n  primaryDark: '#10B981',\n  primaryBg: '#064E3B',\n\n  // 功能色\n  success: '#4ADE80',\n  warning: '#FBBF24',\n  error: '#F87171',\n  info: '#60A5FA',\n\n  // 文字颜色\n  textPrimary: '#F9FAFB',\n  textSecondary: '#D1D5DB',\n  textPlaceholder: '#9CA3AF',\n  textDisabled: '#6B7280',\n\n  // 边框\n  border: '#374151',\n  borderLight: '#4B5563',\n  divider: '#374151',\n\n  // 背景\n  bgPage: '#111827',\n  bgContainer: '#1F2937',\n  bgElevated: '#374151',\n  bgSpotlight: '#374151',\n};\n\n/**\n * 薄荷绿预设\n */\nexport const PRESET_MINT: ThemePreset = {\n  name: 'mint',\n  light: MINT_LIGHT,\n  dark: MINT_DARK,\n};\n\n/**\n * 所有预设\n */\nexport const PRESETS: Record<string, ThemePreset> = {\n  mint: PRESET_MINT,\n};\n\n/**\n * 默认预设\n */\nexport const DEFAULT_PRESET = PRESET_MINT;\n","/**\n * @boo-dreamer/theme - CSS 变量注入\n */\nimport type { ThemeColors, AppliedTheme } from './types.js';\nimport {\n  DEFAULT_RADIUS,\n  DEFAULT_SHADOW,\n  DARK_SHADOW,\n  DEFAULT_FONT_SIZE,\n  DEFAULT_LINE_HEIGHT,\n  DEFAULT_FONT_WEIGHT,\n  DEFAULT_SPACING,\n  DEFAULT_TRANSITION,\n  DEFAULT_Z_INDEX,\n  DEFAULT_FONT_FAMILY,\n  DEFAULT_FONT_FAMILY_MONO,\n  DEFAULT_CSS_PREFIX,\n} from './constants.js';\n\n/**\n * 驼峰转短横线\n */\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\n/**\n * 生成 CSS 变量名\n */\nfunction cssVar(prefix: string, category: string, key: string): string {\n  return `--${prefix}-${category}-${camelToKebab(key)}`;\n}\n\n/**\n * 生成颜色 CSS 变量\n */\nfunction generateColorVars(colors: ThemeColors, prefix: string): Record<string, string> {\n  const vars: Record<string, string> = {};\n  \n  for (const [key, value] of Object.entries(colors)) {\n    vars[cssVar(prefix, 'color', key)] = value;\n  }\n  \n  return vars;\n}\n\n/**\n * 生成通用 CSS 变量（不随主题变化）\n */\nfunction generateCommonVars(prefix: string): Record<string, string> {\n  const vars: Record<string, string> = {};\n  \n  // 圆角\n  for (const [key, value] of Object.entries(DEFAULT_RADIUS)) {\n    vars[cssVar(prefix, 'radius', key)] = value;\n  }\n  \n  // 字号\n  for (const [key, value] of Object.entries(DEFAULT_FONT_SIZE)) {\n    vars[cssVar(prefix, 'font-size', key)] = value;\n  }\n  \n  // 行高\n  for (const [key, value] of Object.entries(DEFAULT_LINE_HEIGHT)) {\n    vars[cssVar(prefix, 'line-height', key)] = value;\n  }\n  \n  // 字重\n  for (const [key, value] of Object.entries(DEFAULT_FONT_WEIGHT)) {\n    vars[cssVar(prefix, 'font-weight', key)] = value;\n  }\n  \n  // 间距\n  for (const [key, value] of Object.entries(DEFAULT_SPACING)) {\n    vars[cssVar(prefix, 'spacing', key)] = value;\n  }\n  \n  // 过渡\n  for (const [key, value] of Object.entries(DEFAULT_TRANSITION)) {\n    vars[cssVar(prefix, 'transition', key)] = value;\n  }\n  \n  // 层级\n  for (const [key, value] of Object.entries(DEFAULT_Z_INDEX)) {\n    vars[cssVar(prefix, 'z', camelToKebab(key))] = String(value);\n  }\n  \n  // 字体\n  vars[`--${prefix}-font-family`] = DEFAULT_FONT_FAMILY;\n  vars[`--${prefix}-font-family-mono`] = DEFAULT_FONT_FAMILY_MONO;\n  \n  return vars;\n}\n\n/**\n * 生成阴影 CSS 变量\n */\nfunction generateShadowVars(isDark: boolean, prefix: string): Record<string, string> {\n  const vars: Record<string, string> = {};\n  const shadow = isDark ? DARK_SHADOW : DEFAULT_SHADOW;\n  \n  for (const [key, value] of Object.entries(shadow)) {\n    vars[cssVar(prefix, 'shadow', key)] = value;\n  }\n  \n  return vars;\n}\n\n/**\n * 将变量对象转换为 CSS 字符串\n */\nfunction varsToCSS(vars: Record<string, string>): string {\n  return Object.entries(vars)\n    .map(([key, value]) => `${key}: ${value};`)\n    .join('\\n  ');\n}\n\n/**\n * 注入 CSS 变量到页面\n */\nexport function injectCSSVars(\n  colors: ThemeColors,\n  theme: AppliedTheme,\n  prefix: string = DEFAULT_CSS_PREFIX\n): void {\n  const styleId = `${prefix}-theme-vars`;\n  let styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n  \n  if (!styleEl) {\n    styleEl = document.createElement('style');\n    styleEl.id = styleId;\n    document.head.appendChild(styleEl);\n  }\n  \n  const colorVars = generateColorVars(colors, prefix);\n  const commonVars = generateCommonVars(prefix);\n  const shadowVars = generateShadowVars(theme === 'dark', prefix);\n  \n  const allVars = { ...colorVars, ...commonVars, ...shadowVars };\n  \n  styleEl.textContent = `:root {\\n  ${varsToCSS(allVars)}\\n}`;\n}\n\n/**\n * 设置 HTML 属性（用于 CSS 选择器）\n */\nexport function setThemeAttribute(theme: AppliedTheme): void {\n  document.documentElement.setAttribute('data-theme', theme);\n  \n  // 同时设置 class，方便 Tailwind 等框架使用\n  if (theme === 'dark') {\n    document.documentElement.classList.add('dark');\n  } else {\n    document.documentElement.classList.remove('dark');\n  }\n}\n\n/**\n * 获取 CSS 变量值\n */\nexport function getCSSVar(name: string, prefix: string = DEFAULT_CSS_PREFIX): string {\n  const varName = name.startsWith('--') ? name : `--${prefix}-${name}`;\n  return getComputedStyle(document.documentElement).getPropertyValue(varName).trim();\n}\n\n/**\n * 设置单个 CSS 变量\n */\nexport function setCSSVar(\n  name: string,\n  value: string,\n  prefix: string = DEFAULT_CSS_PREFIX\n): void {\n  const varName = name.startsWith('--') ? name : `--${prefix}-${name}`;\n  document.documentElement.style.setProperty(varName, value);\n}\n","/**\n * @boo-dreamer/theme - 系统主题监听\n */\nimport type { AppliedTheme } from './types.js';\n\n/**\n * 获取系统主题偏好\n */\nexport function getSystemTheme(): AppliedTheme {\n  if (typeof window === 'undefined') {\n    return 'light';\n  }\n  \n  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n  return mediaQuery.matches ? 'dark' : 'light';\n}\n\n/**\n * 监听系统主题变化\n */\nexport function watchSystemTheme(callback: (theme: AppliedTheme) => void): () => void {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n  \n  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n  \n  const handler = (e: MediaQueryListEvent) => {\n    callback(e.matches ? 'dark' : 'light');\n  };\n  \n  // 兼容旧版浏览器\n  if (mediaQuery.addEventListener) {\n    mediaQuery.addEventListener('change', handler);\n    return () => mediaQuery.removeEventListener('change', handler);\n  } else {\n    // 旧版 API\n    (mediaQuery as unknown as { addListener: (h: typeof handler) => void }).addListener(handler);\n    return () => {\n      (mediaQuery as unknown as { removeListener: (h: typeof handler) => void }).removeListener(handler);\n    };\n  }\n}\n\n/**\n * 检查是否支持系统主题检测\n */\nexport function supportsSystemTheme(): boolean {\n  if (typeof window === 'undefined') {\n    return false;\n  }\n  return window.matchMedia !== undefined;\n}\n","/**\n * @boo-dreamer/theme - useTheme 组合式函数\n */\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\nimport type {\n  ThemeMode,\n  AppliedTheme,\n  ThemeColors,\n  ThemeConfig,\n  UseThemeReturn,\n} from './types.js';\nimport { DEFAULT_PRESET, PRESETS } from './presets.js';\nimport { DEFAULT_STORAGE_KEY, DEFAULT_CSS_PREFIX } from './constants.js';\nimport { injectCSSVars, setThemeAttribute, getCSSVar } from './css-vars.js';\nimport { getSystemTheme, watchSystemTheme } from './system.js';\n\n/**\n * 从 localStorage 读取模式\n */\nfunction loadMode(storageKey: string): ThemeMode | null {\n  if (typeof localStorage === 'undefined') return null;\n  const stored = localStorage.getItem(storageKey);\n  if (stored === 'light' || stored === 'dark' || stored === 'system') {\n    return stored;\n  }\n  return null;\n}\n\n/**\n * 保存模式到 localStorage\n */\nfunction saveMode(storageKey: string, mode: ThemeMode): void {\n  if (typeof localStorage === 'undefined') return;\n  localStorage.setItem(storageKey, mode);\n}\n\n/**\n * 创建主题管理\n */\nexport function createTheme(config: ThemeConfig = {}) {\n  const {\n    defaultMode = 'system',\n    storageKey = DEFAULT_STORAGE_KEY,\n    persist = true,\n    colors: customColors,\n    darkColors: customDarkColors,\n    preset: presetName,\n    cssPrefix = DEFAULT_CSS_PREFIX,\n  } = config;\n\n  // 获取预设\n  const preset = presetName ? PRESETS[presetName] || DEFAULT_PRESET : DEFAULT_PRESET;\n\n  // 合并自定义颜色\n  const lightColors: ThemeColors = { ...preset.light, ...customColors };\n  const darkColors: ThemeColors = { ...preset.dark, ...customDarkColors };\n\n  // 状态\n  const mode = ref<ThemeMode>(\n    (persist ? loadMode(storageKey) : null) || defaultMode\n  );\n\n  // 计算实际应用的主题\n  const appliedTheme = computed<AppliedTheme>(() => {\n    if (mode.value === 'system') {\n      return getSystemTheme();\n    }\n    return mode.value;\n  });\n\n  // 是否暗色模式\n  const isDark = computed(() => appliedTheme.value === 'dark');\n\n  // 当前颜色\n  const colors = computed(() => (isDark.value ? darkColors : lightColors));\n\n  // 系统主题变化时触发更新\n  let unwatchSystem: (() => void) | null = null;\n\n  /**\n   * 应用主题\n   */\n  function applyTheme(): void {\n    const theme = appliedTheme.value;\n    const currentColors = isDark.value ? darkColors : lightColors;\n    \n    injectCSSVars(currentColors, theme, cssPrefix);\n    setThemeAttribute(theme);\n  }\n\n  /**\n   * 设置模式\n   */\n  function setMode(newMode: ThemeMode): void {\n    mode.value = newMode;\n    if (persist) {\n      saveMode(storageKey, newMode);\n    }\n  }\n\n  /**\n   * 切换主题\n   */\n  function toggle(): void {\n    if (mode.value === 'light') {\n      setMode('dark');\n    } else if (mode.value === 'dark') {\n      setMode('light');\n    } else {\n      // system 模式下，切换到当前实际主题的反面\n      setMode(isDark.value ? 'light' : 'dark');\n    }\n  }\n\n  /**\n   * 设置自定义颜色（运行时）\n   */\n  function setColors(newColors: Partial<ThemeColors>): void {\n    if (isDark.value) {\n      Object.assign(darkColors, newColors);\n    } else {\n      Object.assign(lightColors, newColors);\n    }\n    applyTheme();\n  }\n\n  /**\n   * 获取 CSS 变量值\n   */\n  function getCssVar(name: string): string {\n    return getCSSVar(name, cssPrefix);\n  }\n\n  /**\n   * 初始化\n   */\n  function init(): void {\n    applyTheme();\n\n    // 监听系统主题变化\n    if (mode.value === 'system') {\n      unwatchSystem = watchSystemTheme(() => {\n        applyTheme();\n      });\n    }\n  }\n\n  /**\n   * 销毁\n   */\n  function destroy(): void {\n    if (unwatchSystem) {\n      unwatchSystem();\n      unwatchSystem = null;\n    }\n  }\n\n  // 监听模式变化\n  watch(mode, (newMode) => {\n    // 清除旧的系统监听\n    if (unwatchSystem) {\n      unwatchSystem();\n      unwatchSystem = null;\n    }\n\n    // 如果是 system 模式，重新监听\n    if (newMode === 'system') {\n      unwatchSystem = watchSystemTheme(() => {\n        applyTheme();\n      });\n    }\n\n    applyTheme();\n  });\n\n  return {\n    mode,\n    appliedTheme,\n    isDark,\n    colors,\n    setMode,\n    toggle,\n    setColors,\n    getCssVar,\n    init,\n    destroy,\n  };\n}\n\n// 全局实例\nlet globalTheme: ReturnType<typeof createTheme> | null = null;\n\n/**\n * 初始化主题（在 app 入口调用）\n */\nexport function setupTheme(config: ThemeConfig = {}): ReturnType<typeof createTheme> {\n  globalTheme = createTheme(config);\n  globalTheme.init();\n  return globalTheme;\n}\n\n/**\n * useTheme 组合式函数\n */\nexport function useTheme(): UseThemeReturn {\n  if (!globalTheme) {\n    // 如果没有初始化，创建一个默认实例\n    globalTheme = createTheme();\n    \n    // 在组件挂载时初始化\n    onMounted(() => {\n      globalTheme!.init();\n    });\n\n    onUnmounted(() => {\n      globalTheme!.destroy();\n    });\n  }\n\n  return {\n    mode: globalTheme.mode,\n    appliedTheme: globalTheme.appliedTheme,\n    isDark: globalTheme.isDark,\n    colors: globalTheme.colors,\n    setMode: globalTheme.setMode,\n    toggle: globalTheme.toggle,\n    setColors: globalTheme.setColors,\n    getCssVar: globalTheme.getCssVar,\n  };\n}\n"],"names":["ref","computed","watch","onMounted","onUnmounted"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,374 @@
+import { ComputedRef } from 'vue';
+import { Ref } from 'vue';
+
+/**
+ * 实际应用的主题（不含 system）
+ */
+export declare type AppliedTheme = 'light' | 'dark';
+
+/**
+ * 创建主题管理
+ */
+export declare function createTheme(config?: ThemeConfig): {
+    mode: Ref<ThemeMode, ThemeMode>;
+    appliedTheme: ComputedRef<AppliedTheme>;
+    isDark: ComputedRef<boolean>;
+    colors: ComputedRef<ThemeColors>;
+    setMode: (newMode: ThemeMode) => void;
+    toggle: () => void;
+    setColors: (newColors: Partial<ThemeColors>) => void;
+    getCssVar: (name: string) => string;
+    init: () => void;
+    destroy: () => void;
+};
+
+/**
+ * 暗色模式阴影
+ */
+export declare const DARK_SHADOW: ThemeShadow;
+
+/**
+ * 默认 CSS 前缀
+ */
+export declare const DEFAULT_CSS_PREFIX = "boo";
+
+/**
+ * 默认字体
+ */
+export declare const DEFAULT_FONT_FAMILY = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
+
+/**
+ * 默认代码字体
+ */
+export declare const DEFAULT_FONT_FAMILY_MONO = "SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace";
+
+/**
+ * 默认字号
+ */
+export declare const DEFAULT_FONT_SIZE: ThemeFontSize;
+
+/**
+ * 默认字重
+ */
+export declare const DEFAULT_FONT_WEIGHT: ThemeFontWeight;
+
+/**
+ * 默认行高
+ */
+export declare const DEFAULT_LINE_HEIGHT: ThemeLineHeight;
+
+/**
+ * 默认预设
+ */
+export declare const DEFAULT_PRESET: ThemePreset;
+
+/**
+ * 默认圆角
+ */
+export declare const DEFAULT_RADIUS: ThemeRadius;
+
+/**
+ * 默认阴影
+ */
+export declare const DEFAULT_SHADOW: ThemeShadow;
+
+/**
+ * 默认间距
+ */
+export declare const DEFAULT_SPACING: ThemeSpacing;
+
+/**
+ * 默认存储 key
+ */
+export declare const DEFAULT_STORAGE_KEY = "boo-theme-mode";
+
+/**
+ * 默认过渡
+ */
+export declare const DEFAULT_TRANSITION: ThemeTransition;
+
+/**
+ * 默认层级
+ */
+export declare const DEFAULT_Z_INDEX: ThemeZIndex;
+
+/**
+ * 获取 CSS 变量值
+ */
+export declare function getCSSVar(name: string, prefix?: string): string;
+
+/**
+ * 获取系统主题偏好
+ */
+export declare function getSystemTheme(): AppliedTheme;
+
+/**
+ * 注入 CSS 变量到页面
+ */
+export declare function injectCSSVars(colors: ThemeColors, theme: AppliedTheme, prefix?: string): void;
+
+/**
+ * 薄荷绿 - 深色模式
+ */
+export declare const MINT_DARK: ThemeColors;
+
+/**
+ * 薄荷绿 - 浅色模式
+ */
+export declare const MINT_LIGHT: ThemeColors;
+
+/**
+ * 薄荷绿预设
+ */
+export declare const PRESET_MINT: ThemePreset;
+
+/**
+ * 所有预设
+ */
+export declare const PRESETS: Record<string, ThemePreset>;
+
+/**
+ * 设置单个 CSS 变量
+ */
+export declare function setCSSVar(name: string, value: string, prefix?: string): void;
+
+/**
+ * 设置 HTML 属性（用于 CSS 选择器）
+ */
+export declare function setThemeAttribute(theme: AppliedTheme): void;
+
+/**
+ * 初始化主题（在 app 入口调用）
+ */
+export declare function setupTheme(config?: ThemeConfig): ReturnType<typeof createTheme>;
+
+/**
+ * 检查是否支持系统主题检测
+ */
+export declare function supportsSystemTheme(): boolean;
+
+/**
+ * 颜色配置
+ */
+export declare interface ThemeColors {
+    /** 品牌主色 */
+    primary: string;
+    /** 主色浅色 */
+    primaryLight: string;
+    /** 主色深色 */
+    primaryDark: string;
+    /** 主色背景色 */
+    primaryBg: string;
+    /** 成功色 */
+    success: string;
+    /** 警告色 */
+    warning: string;
+    /** 错误色 */
+    error: string;
+    /** 信息色 */
+    info: string;
+    /** 主要文字颜色 */
+    textPrimary: string;
+    /** 次要文字颜色 */
+    textSecondary: string;
+    /** 占位符文字颜色 */
+    textPlaceholder: string;
+    /** 禁用文字颜色 */
+    textDisabled: string;
+    /** 边框颜色 */
+    border: string;
+    /** 浅边框颜色 */
+    borderLight: string;
+    /** 分割线颜色 */
+    divider: string;
+    /** 页面背景色 */
+    bgPage: string;
+    /** 容器背景色 */
+    bgContainer: string;
+    /** 悬浮层背景色 */
+    bgElevated: string;
+    /** 聚焦/hover 背景色 */
+    bgSpotlight: string;
+}
+
+/**
+ * 主题配置
+ */
+export declare interface ThemeConfig {
+    /** 默认模式 */
+    defaultMode?: ThemeMode;
+    /** 存储 key */
+    storageKey?: string;
+    /** 是否持久化 */
+    persist?: boolean;
+    /** 自定义颜色 */
+    colors?: Partial<ThemeColors>;
+    /** 暗色模式自定义颜色 */
+    darkColors?: Partial<ThemeColors>;
+    /** 使用预设 */
+    preset?: string;
+    /** CSS 变量前缀 */
+    cssPrefix?: string;
+}
+
+/**
+ * 字体大小配置
+ */
+export declare interface ThemeFontSize {
+    xs: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+}
+
+/**
+ * 字重配置
+ */
+export declare interface ThemeFontWeight {
+    normal: string;
+    medium: string;
+    semibold: string;
+    bold: string;
+}
+
+/**
+ * 行高配置
+ */
+export declare interface ThemeLineHeight {
+    tight: string;
+    base: string;
+    relaxed: string;
+}
+
+/**
+ * 主题模式
+ */
+export declare type ThemeMode = 'light' | 'dark' | 'system';
+
+/**
+ * 主题预设
+ */
+export declare interface ThemePreset {
+    name: string;
+    light: ThemeColors;
+    dark: ThemeColors;
+}
+
+/**
+ * 圆角配置
+ */
+export declare interface ThemeRadius {
+    none: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    full: string;
+}
+
+/**
+ * 阴影配置
+ */
+export declare interface ThemeShadow {
+    none: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+}
+
+/**
+ * 间距配置
+ */
+export declare interface ThemeSpacing {
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    8: string;
+    10: string;
+    12: string;
+}
+
+/**
+ * 过渡动画配置
+ */
+export declare interface ThemeTransition {
+    fast: string;
+    base: string;
+    slow: string;
+    ease: string;
+}
+
+/**
+ * 主题变量配置
+ */
+export declare interface ThemeVariables {
+    colors: ThemeColors;
+    radius: ThemeRadius;
+    shadow: ThemeShadow;
+    fontSize: ThemeFontSize;
+    lineHeight: ThemeLineHeight;
+    fontWeight: ThemeFontWeight;
+    spacing: ThemeSpacing;
+    transition: ThemeTransition;
+    zIndex: ThemeZIndex;
+    fontFamily: string;
+    fontFamilyMono: string;
+}
+
+/**
+ * 层级配置
+ */
+export declare interface ThemeZIndex {
+    dropdown: number;
+    sticky: number;
+    fixed: number;
+    modalBackdrop: number;
+    modal: number;
+    popover: number;
+    tooltip: number;
+}
+
+/**
+ * useTheme 组合式函数
+ */
+export declare function useTheme(): UseThemeReturn;
+
+/**
+ * useTheme 返回值
+ */
+export declare interface UseThemeReturn {
+    /** 当前模式 */
+    mode: Ref<ThemeMode>;
+    /** 实际应用的主题 */
+    appliedTheme: Ref<AppliedTheme>;
+    /** 是否暗色模式 */
+    isDark: Ref<boolean>;
+    /** 当前颜色配置 */
+    colors: Ref<ThemeColors>;
+    /** 设置模式 */
+    setMode: (mode: ThemeMode) => void;
+    /** 切换主题 */
+    toggle: () => void;
+    /** 设置自定义颜色 */
+    setColors: (colors: Partial<ThemeColors>) => void;
+    /** 获取 CSS 变量值 */
+    getCssVar: (name: string) => string;
+}
+
+/**
+ * 监听系统主题变化
+ */
+export declare function watchSystemTheme(callback: (theme: AppliedTheme) => void): () => void;
+
+export { }

package/dist/index.mjs

@@ -0,0 +1,420 @@
+import { ref, computed, watch, onMounted, onUnmounted } from "vue";
+const DEFAULT_RADIUS = {
+  none: "0",
+  sm: "2px",
+  base: "4px",
+  md: "6px",
+  lg: "8px",
+  xl: "12px",
+  full: "9999px"
+};
+const DEFAULT_SHADOW = {
+  none: "none",
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)"
+};
+const DARK_SHADOW = {
+  none: "none",
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.3)",
+  base: "0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.4)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.4)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4)"
+};
+const DEFAULT_FONT_SIZE = {
+  xs: "12px",
+  sm: "13px",
+  base: "14px",
+  md: "16px",
+  lg: "18px",
+  xl: "20px",
+  "2xl": "24px",
+  "3xl": "30px"
+};
+const DEFAULT_LINE_HEIGHT = {
+  tight: "1.25",
+  base: "1.5",
+  relaxed: "1.75"
+};
+const DEFAULT_FONT_WEIGHT = {
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+};
+const DEFAULT_SPACING = {
+  0: "0",
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px"
+};
+const DEFAULT_TRANSITION = {
+  fast: "0.1s",
+  base: "0.2s",
+  slow: "0.3s",
+  ease: "cubic-bezier(0.4, 0, 0.2, 1)"
+};
+const DEFAULT_Z_INDEX = {
+  dropdown: 1e3,
+  sticky: 1100,
+  fixed: 1200,
+  modalBackdrop: 1300,
+  modal: 1400,
+  popover: 1500,
+  tooltip: 1600
+};
+const DEFAULT_FONT_FAMILY = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+const DEFAULT_FONT_FAMILY_MONO = 'SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace';
+const DEFAULT_STORAGE_KEY = "boo-theme-mode";
+const DEFAULT_CSS_PREFIX = "boo";
+const MINT_LIGHT = {
+  // 品牌色
+  primary: "#10B981",
+  primaryLight: "#34D399",
+  primaryDark: "#059669",
+  primaryBg: "#ECFDF5",
+  // 功能色
+  success: "#22C55E",
+  warning: "#F59E0B",
+  error: "#EF4444",
+  info: "#3B82F6",
+  // 文字颜色
+  textPrimary: "#1F2937",
+  textSecondary: "#6B7280",
+  textPlaceholder: "#9CA3AF",
+  textDisabled: "#D1D5DB",
+  // 边框
+  border: "#E5E7EB",
+  borderLight: "#F3F4F6",
+  divider: "#E5E7EB",
+  // 背景
+  bgPage: "#F9FAFB",
+  bgContainer: "#FFFFFF",
+  bgElevated: "#FFFFFF",
+  bgSpotlight: "#F3F4F6"
+};
+const MINT_DARK = {
+  // 品牌色
+  primary: "#34D399",
+  primaryLight: "#6EE7B7",
+  primaryDark: "#10B981",
+  primaryBg: "#064E3B",
+  // 功能色
+  success: "#4ADE80",
+  warning: "#FBBF24",
+  error: "#F87171",
+  info: "#60A5FA",
+  // 文字颜色
+  textPrimary: "#F9FAFB",
+  textSecondary: "#D1D5DB",
+  textPlaceholder: "#9CA3AF",
+  textDisabled: "#6B7280",
+  // 边框
+  border: "#374151",
+  borderLight: "#4B5563",
+  divider: "#374151",
+  // 背景
+  bgPage: "#111827",
+  bgContainer: "#1F2937",
+  bgElevated: "#374151",
+  bgSpotlight: "#374151"
+};
+const PRESET_MINT = {
+  name: "mint",
+  light: MINT_LIGHT,
+  dark: MINT_DARK
+};
+const PRESETS = {
+  mint: PRESET_MINT
+};
+const DEFAULT_PRESET = PRESET_MINT;
+function camelToKebab(str) {
+  return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function cssVar(prefix, category, key) {
+  return `--${prefix}-${category}-${camelToKebab(key)}`;
+}
+function generateColorVars(colors, prefix) {
+  const vars = {};
+  for (const [key, value] of Object.entries(colors)) {
+    vars[cssVar(prefix, "color", key)] = value;
+  }
+  return vars;
+}
+function generateCommonVars(prefix) {
+  const vars = {};
+  for (const [key, value] of Object.entries(DEFAULT_RADIUS)) {
+    vars[cssVar(prefix, "radius", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_FONT_SIZE)) {
+    vars[cssVar(prefix, "font-size", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_LINE_HEIGHT)) {
+    vars[cssVar(prefix, "line-height", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_FONT_WEIGHT)) {
+    vars[cssVar(prefix, "font-weight", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_SPACING)) {
+    vars[cssVar(prefix, "spacing", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_TRANSITION)) {
+    vars[cssVar(prefix, "transition", key)] = value;
+  }
+  for (const [key, value] of Object.entries(DEFAULT_Z_INDEX)) {
+    vars[cssVar(prefix, "z", camelToKebab(key))] = String(value);
+  }
+  vars[`--${prefix}-font-family`] = DEFAULT_FONT_FAMILY;
+  vars[`--${prefix}-font-family-mono`] = DEFAULT_FONT_FAMILY_MONO;
+  return vars;
+}
+function generateShadowVars(isDark, prefix) {
+  const vars = {};
+  const shadow = isDark ? DARK_SHADOW : DEFAULT_SHADOW;
+  for (const [key, value] of Object.entries(shadow)) {
+    vars[cssVar(prefix, "shadow", key)] = value;
+  }
+  return vars;
+}
+function varsToCSS(vars) {
+  return Object.entries(vars).map(([key, value]) => `${key}: ${value};`).join("\n  ");
+}
+function injectCSSVars(colors, theme, prefix = DEFAULT_CSS_PREFIX) {
+  const styleId = `${prefix}-theme-vars`;
+  let styleEl = document.getElementById(styleId);
+  if (!styleEl) {
+    styleEl = document.createElement("style");
+    styleEl.id = styleId;
+    document.head.appendChild(styleEl);
+  }
+  const colorVars = generateColorVars(colors, prefix);
+  const commonVars = generateCommonVars(prefix);
+  const shadowVars = generateShadowVars(theme === "dark", prefix);
+  const allVars = { ...colorVars, ...commonVars, ...shadowVars };
+  styleEl.textContent = `:root {
+  ${varsToCSS(allVars)}
+}`;
+}
+function setThemeAttribute(theme) {
+  document.documentElement.setAttribute("data-theme", theme);
+  if (theme === "dark") {
+    document.documentElement.classList.add("dark");
+  } else {
+    document.documentElement.classList.remove("dark");
+  }
+}
+function getCSSVar(name, prefix = DEFAULT_CSS_PREFIX) {
+  const varName = name.startsWith("--") ? name : `--${prefix}-${name}`;
+  return getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
+}
+function setCSSVar(name, value, prefix = DEFAULT_CSS_PREFIX) {
+  const varName = name.startsWith("--") ? name : `--${prefix}-${name}`;
+  document.documentElement.style.setProperty(varName, value);
+}
+function getSystemTheme() {
+  if (typeof window === "undefined") {
+    return "light";
+  }
+  const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  return mediaQuery.matches ? "dark" : "light";
+}
+function watchSystemTheme(callback) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+  const handler = (e) => {
+    callback(e.matches ? "dark" : "light");
+  };
+  if (mediaQuery.addEventListener) {
+    mediaQuery.addEventListener("change", handler);
+    return () => mediaQuery.removeEventListener("change", handler);
+  } else {
+    mediaQuery.addListener(handler);
+    return () => {
+      mediaQuery.removeListener(handler);
+    };
+  }
+}
+function supportsSystemTheme() {
+  if (typeof window === "undefined") {
+    return false;
+  }
+  return window.matchMedia !== void 0;
+}
+function loadMode(storageKey) {
+  if (typeof localStorage === "undefined") return null;
+  const stored = localStorage.getItem(storageKey);
+  if (stored === "light" || stored === "dark" || stored === "system") {
+    return stored;
+  }
+  return null;
+}
+function saveMode(storageKey, mode) {
+  if (typeof localStorage === "undefined") return;
+  localStorage.setItem(storageKey, mode);
+}
+function createTheme(config = {}) {
+  const {
+    defaultMode = "system",
+    storageKey = DEFAULT_STORAGE_KEY,
+    persist = true,
+    colors: customColors,
+    darkColors: customDarkColors,
+    preset: presetName,
+    cssPrefix = DEFAULT_CSS_PREFIX
+  } = config;
+  const preset = presetName ? PRESETS[presetName] || DEFAULT_PRESET : DEFAULT_PRESET;
+  const lightColors = { ...preset.light, ...customColors };
+  const darkColors = { ...preset.dark, ...customDarkColors };
+  const mode = ref(
+    (persist ? loadMode(storageKey) : null) || defaultMode
+  );
+  const appliedTheme = computed(() => {
+    if (mode.value === "system") {
+      return getSystemTheme();
+    }
+    return mode.value;
+  });
+  const isDark = computed(() => appliedTheme.value === "dark");
+  const colors = computed(() => isDark.value ? darkColors : lightColors);
+  let unwatchSystem = null;
+  function applyTheme() {
+    const theme = appliedTheme.value;
+    const currentColors = isDark.value ? darkColors : lightColors;
+    injectCSSVars(currentColors, theme, cssPrefix);
+    setThemeAttribute(theme);
+  }
+  function setMode(newMode) {
+    mode.value = newMode;
+    if (persist) {
+      saveMode(storageKey, newMode);
+    }
+  }
+  function toggle() {
+    if (mode.value === "light") {
+      setMode("dark");
+    } else if (mode.value === "dark") {
+      setMode("light");
+    } else {
+      setMode(isDark.value ? "light" : "dark");
+    }
+  }
+  function setColors(newColors) {
+    if (isDark.value) {
+      Object.assign(darkColors, newColors);
+    } else {
+      Object.assign(lightColors, newColors);
+    }
+    applyTheme();
+  }
+  function getCssVar(name) {
+    return getCSSVar(name, cssPrefix);
+  }
+  function init() {
+    applyTheme();
+    if (mode.value === "system") {
+      unwatchSystem = watchSystemTheme(() => {
+        applyTheme();
+      });
+    }
+  }
+  function destroy() {
+    if (unwatchSystem) {
+      unwatchSystem();
+      unwatchSystem = null;
+    }
+  }
+  watch(mode, (newMode) => {
+    if (unwatchSystem) {
+      unwatchSystem();
+      unwatchSystem = null;
+    }
+    if (newMode === "system") {
+      unwatchSystem = watchSystemTheme(() => {
+        applyTheme();
+      });
+    }
+    applyTheme();
+  });
+  return {
+    mode,
+    appliedTheme,
+    isDark,
+    colors,
+    setMode,
+    toggle,
+    setColors,
+    getCssVar,
+    init,
+    destroy
+  };
+}
+let globalTheme = null;
+function setupTheme(config = {}) {
+  globalTheme = createTheme(config);
+  globalTheme.init();
+  return globalTheme;
+}
+function useTheme() {
+  if (!globalTheme) {
+    globalTheme = createTheme();
+    onMounted(() => {
+      globalTheme.init();
+    });
+    onUnmounted(() => {
+      globalTheme.destroy();
+    });
+  }
+  return {
+    mode: globalTheme.mode,
+    appliedTheme: globalTheme.appliedTheme,
+    isDark: globalTheme.isDark,
+    colors: globalTheme.colors,
+    setMode: globalTheme.setMode,
+    toggle: globalTheme.toggle,
+    setColors: globalTheme.setColors,
+    getCssVar: globalTheme.getCssVar
+  };
+}
+export {
+  DARK_SHADOW,
+  DEFAULT_CSS_PREFIX,
+  DEFAULT_FONT_FAMILY,
+  DEFAULT_FONT_FAMILY_MONO,
+  DEFAULT_FONT_SIZE,
+  DEFAULT_FONT_WEIGHT,
+  DEFAULT_LINE_HEIGHT,
+  DEFAULT_PRESET,
+  DEFAULT_RADIUS,
+  DEFAULT_SHADOW,
+  DEFAULT_SPACING,
+  DEFAULT_STORAGE_KEY,
+  DEFAULT_TRANSITION,
+  DEFAULT_Z_INDEX,
+  MINT_DARK,
+  MINT_LIGHT,
+  PRESETS,
+  PRESET_MINT,
+  createTheme,
+  getCSSVar,
+  getSystemTheme,
+  injectCSSVars,
+  setCSSVar,
+  setThemeAttribute,
+  setupTheme,
+  supportsSystemTheme,
+  useTheme,
+  watchSystemTheme
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/constants.ts","../src/presets.ts","../src/css-vars.ts","../src/system.ts","../src/useTheme.ts"],"sourcesContent":["/**\n * @boo-dreamer/theme - 常量定义\n */\nimport type {\n  ThemeRadius,\n  ThemeShadow,\n  ThemeFontSize,\n  ThemeLineHeight,\n  ThemeFontWeight,\n  ThemeSpacing,\n  ThemeTransition,\n  ThemeZIndex,\n} from './types.js';\n\n/**\n * 默认圆角\n */\nexport const DEFAULT_RADIUS: ThemeRadius = {\n  none: '0',\n  sm: '2px',\n  base: '4px',\n  md: '6px',\n  lg: '8px',\n  xl: '12px',\n  full: '9999px',\n};\n\n/**\n * 默认阴影\n */\nexport const DEFAULT_SHADOW: ThemeShadow = {\n  none: 'none',\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  base: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)',\n};\n\n/**\n * 暗色模式阴影\n */\nexport const DARK_SHADOW: ThemeShadow = {\n  none: 'none',\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.3)',\n  base: '0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.4)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.4)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.4)',\n};\n\n/**\n * 默认字号\n */\nexport const DEFAULT_FONT_SIZE: ThemeFontSize = {\n  xs: '12px',\n  sm: '13px',\n  base: '14px',\n  md: '16px',\n  lg: '18px',\n  xl: '20px',\n  '2xl': '24px',\n  '3xl': '30px',\n};\n\n/**\n * 默认行高\n */\nexport const DEFAULT_LINE_HEIGHT: ThemeLineHeight = {\n  tight: '1.25',\n  base: '1.5',\n  relaxed: '1.75',\n};\n\n/**\n * 默认字重\n */\nexport const DEFAULT_FONT_WEIGHT: ThemeFontWeight = {\n  normal: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n};\n\n/**\n * 默认间距\n */\nexport const DEFAULT_SPACING: ThemeSpacing = {\n  0: '0',\n  1: '4px',\n  2: '8px',\n  3: '12px',\n  4: '16px',\n  5: '20px',\n  6: '24px',\n  8: '32px',\n  10: '40px',\n  12: '48px',\n};\n\n/**\n * 默认过渡\n */\nexport const DEFAULT_TRANSITION: ThemeTransition = {\n  fast: '0.1s',\n  base: '0.2s',\n  slow: '0.3s',\n  ease: 'cubic-bezier(0.4, 0, 0.2, 1)',\n};\n\n/**\n * 默认层级\n */\nexport const DEFAULT_Z_INDEX: ThemeZIndex = {\n  dropdown: 1000,\n  sticky: 1100,\n  fixed: 1200,\n  modalBackdrop: 1300,\n  modal: 1400,\n  popover: 1500,\n  tooltip: 1600,\n};\n\n/**\n * 默认字体\n */\nexport const DEFAULT_FONT_FAMILY =\n  '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"';\n\n/**\n * 默认代码字体\n */\nexport const DEFAULT_FONT_FAMILY_MONO =\n  'SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace';\n\n/**\n * 默认存储 key\n */\nexport const DEFAULT_STORAGE_KEY = 'boo-theme-mode';\n\n/**\n * 默认 CSS 前缀\n */\nexport const DEFAULT_CSS_PREFIX = 'boo';\n","/**\n * @boo-dreamer/theme - 主题预设（薄荷绿）\n */\nimport type { ThemeColors, ThemePreset } from './types.js';\n\n/**\n * 薄荷绿 - 浅色模式\n */\nexport const MINT_LIGHT: ThemeColors = {\n  // 品牌色\n  primary: '#10B981',\n  primaryLight: '#34D399',\n  primaryDark: '#059669',\n  primaryBg: '#ECFDF5',\n\n  // 功能色\n  success: '#22C55E',\n  warning: '#F59E0B',\n  error: '#EF4444',\n  info: '#3B82F6',\n\n  // 文字颜色\n  textPrimary: '#1F2937',\n  textSecondary: '#6B7280',\n  textPlaceholder: '#9CA3AF',\n  textDisabled: '#D1D5DB',\n\n  // 边框\n  border: '#E5E7EB',\n  borderLight: '#F3F4F6',\n  divider: '#E5E7EB',\n\n  // 背景\n  bgPage: '#F9FAFB',\n  bgContainer: '#FFFFFF',\n  bgElevated: '#FFFFFF',\n  bgSpotlight: '#F3F4F6',\n};\n\n/**\n * 薄荷绿 - 深色模式\n */\nexport const MINT_DARK: ThemeColors = {\n  // 品牌色\n  primary: '#34D399',\n  primaryLight: '#6EE7B7',\n  primaryDark: '#10B981',\n  primaryBg: '#064E3B',\n\n  // 功能色\n  success: '#4ADE80',\n  warning: '#FBBF24',\n  error: '#F87171',\n  info: '#60A5FA',\n\n  // 文字颜色\n  textPrimary: '#F9FAFB',\n  textSecondary: '#D1D5DB',\n  textPlaceholder: '#9CA3AF',\n  textDisabled: '#6B7280',\n\n  // 边框\n  border: '#374151',\n  borderLight: '#4B5563',\n  divider: '#374151',\n\n  // 背景\n  bgPage: '#111827',\n  bgContainer: '#1F2937',\n  bgElevated: '#374151',\n  bgSpotlight: '#374151',\n};\n\n/**\n * 薄荷绿预设\n */\nexport const PRESET_MINT: ThemePreset = {\n  name: 'mint',\n  light: MINT_LIGHT,\n  dark: MINT_DARK,\n};\n\n/**\n * 所有预设\n */\nexport const PRESETS: Record<string, ThemePreset> = {\n  mint: PRESET_MINT,\n};\n\n/**\n * 默认预设\n */\nexport const DEFAULT_PRESET = PRESET_MINT;\n","/**\n * @boo-dreamer/theme - CSS 变量注入\n */\nimport type { ThemeColors, AppliedTheme } from './types.js';\nimport {\n  DEFAULT_RADIUS,\n  DEFAULT_SHADOW,\n  DARK_SHADOW,\n  DEFAULT_FONT_SIZE,\n  DEFAULT_LINE_HEIGHT,\n  DEFAULT_FONT_WEIGHT,\n  DEFAULT_SPACING,\n  DEFAULT_TRANSITION,\n  DEFAULT_Z_INDEX,\n  DEFAULT_FONT_FAMILY,\n  DEFAULT_FONT_FAMILY_MONO,\n  DEFAULT_CSS_PREFIX,\n} from './constants.js';\n\n/**\n * 驼峰转短横线\n */\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n\n/**\n * 生成 CSS 变量名\n */\nfunction cssVar(prefix: string, category: string, key: string): string {\n  return `--${prefix}-${category}-${camelToKebab(key)}`;\n}\n\n/**\n * 生成颜色 CSS 变量\n */\nfunction generateColorVars(colors: ThemeColors, prefix: string): Record<string, string> {\n  const vars: Record<string, string> = {};\n  \n  for (const [key, value] of Object.entries(colors)) {\n    vars[cssVar(prefix, 'color', key)] = value;\n  }\n  \n  return vars;\n}\n\n/**\n * 生成通用 CSS 变量（不随主题变化）\n */\nfunction generateCommonVars(prefix: string): Record<string, string> {\n  const vars: Record<string, string> = {};\n  \n  // 圆角\n  for (const [key, value] of Object.entries(DEFAULT_RADIUS)) {\n    vars[cssVar(prefix, 'radius', key)] = value;\n  }\n  \n  // 字号\n  for (const [key, value] of Object.entries(DEFAULT_FONT_SIZE)) {\n    vars[cssVar(prefix, 'font-size', key)] = value;\n  }\n  \n  // 行高\n  for (const [key, value] of Object.entries(DEFAULT_LINE_HEIGHT)) {\n    vars[cssVar(prefix, 'line-height', key)] = value;\n  }\n  \n  // 字重\n  for (const [key, value] of Object.entries(DEFAULT_FONT_WEIGHT)) {\n    vars[cssVar(prefix, 'font-weight', key)] = value;\n  }\n  \n  // 间距\n  for (const [key, value] of Object.entries(DEFAULT_SPACING)) {\n    vars[cssVar(prefix, 'spacing', key)] = value;\n  }\n  \n  // 过渡\n  for (const [key, value] of Object.entries(DEFAULT_TRANSITION)) {\n    vars[cssVar(prefix, 'transition', key)] = value;\n  }\n  \n  // 层级\n  for (const [key, value] of Object.entries(DEFAULT_Z_INDEX)) {\n    vars[cssVar(prefix, 'z', camelToKebab(key))] = String(value);\n  }\n  \n  // 字体\n  vars[`--${prefix}-font-family`] = DEFAULT_FONT_FAMILY;\n  vars[`--${prefix}-font-family-mono`] = DEFAULT_FONT_FAMILY_MONO;\n  \n  return vars;\n}\n\n/**\n * 生成阴影 CSS 变量\n */\nfunction generateShadowVars(isDark: boolean, prefix: string): Record<string, string> {\n  const vars: Record<string, string> = {};\n  const shadow = isDark ? DARK_SHADOW : DEFAULT_SHADOW;\n  \n  for (const [key, value] of Object.entries(shadow)) {\n    vars[cssVar(prefix, 'shadow', key)] = value;\n  }\n  \n  return vars;\n}\n\n/**\n * 将变量对象转换为 CSS 字符串\n */\nfunction varsToCSS(vars: Record<string, string>): string {\n  return Object.entries(vars)\n    .map(([key, value]) => `${key}: ${value};`)\n    .join('\\n  ');\n}\n\n/**\n * 注入 CSS 变量到页面\n */\nexport function injectCSSVars(\n  colors: ThemeColors,\n  theme: AppliedTheme,\n  prefix: string = DEFAULT_CSS_PREFIX\n): void {\n  const styleId = `${prefix}-theme-vars`;\n  let styleEl = document.getElementById(styleId) as HTMLStyleElement | null;\n  \n  if (!styleEl) {\n    styleEl = document.createElement('style');\n    styleEl.id = styleId;\n    document.head.appendChild(styleEl);\n  }\n  \n  const colorVars = generateColorVars(colors, prefix);\n  const commonVars = generateCommonVars(prefix);\n  const shadowVars = generateShadowVars(theme === 'dark', prefix);\n  \n  const allVars = { ...colorVars, ...commonVars, ...shadowVars };\n  \n  styleEl.textContent = `:root {\\n  ${varsToCSS(allVars)}\\n}`;\n}\n\n/**\n * 设置 HTML 属性（用于 CSS 选择器）\n */\nexport function setThemeAttribute(theme: AppliedTheme): void {\n  document.documentElement.setAttribute('data-theme', theme);\n  \n  // 同时设置 class，方便 Tailwind 等框架使用\n  if (theme === 'dark') {\n    document.documentElement.classList.add('dark');\n  } else {\n    document.documentElement.classList.remove('dark');\n  }\n}\n\n/**\n * 获取 CSS 变量值\n */\nexport function getCSSVar(name: string, prefix: string = DEFAULT_CSS_PREFIX): string {\n  const varName = name.startsWith('--') ? name : `--${prefix}-${name}`;\n  return getComputedStyle(document.documentElement).getPropertyValue(varName).trim();\n}\n\n/**\n * 设置单个 CSS 变量\n */\nexport function setCSSVar(\n  name: string,\n  value: string,\n  prefix: string = DEFAULT_CSS_PREFIX\n): void {\n  const varName = name.startsWith('--') ? name : `--${prefix}-${name}`;\n  document.documentElement.style.setProperty(varName, value);\n}\n","/**\n * @boo-dreamer/theme - 系统主题监听\n */\nimport type { AppliedTheme } from './types.js';\n\n/**\n * 获取系统主题偏好\n */\nexport function getSystemTheme(): AppliedTheme {\n  if (typeof window === 'undefined') {\n    return 'light';\n  }\n  \n  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n  return mediaQuery.matches ? 'dark' : 'light';\n}\n\n/**\n * 监听系统主题变化\n */\nexport function watchSystemTheme(callback: (theme: AppliedTheme) => void): () => void {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n  \n  const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n  \n  const handler = (e: MediaQueryListEvent) => {\n    callback(e.matches ? 'dark' : 'light');\n  };\n  \n  // 兼容旧版浏览器\n  if (mediaQuery.addEventListener) {\n    mediaQuery.addEventListener('change', handler);\n    return () => mediaQuery.removeEventListener('change', handler);\n  } else {\n    // 旧版 API\n    (mediaQuery as unknown as { addListener: (h: typeof handler) => void }).addListener(handler);\n    return () => {\n      (mediaQuery as unknown as { removeListener: (h: typeof handler) => void }).removeListener(handler);\n    };\n  }\n}\n\n/**\n * 检查是否支持系统主题检测\n */\nexport function supportsSystemTheme(): boolean {\n  if (typeof window === 'undefined') {\n    return false;\n  }\n  return window.matchMedia !== undefined;\n}\n","/**\n * @boo-dreamer/theme - useTheme 组合式函数\n */\nimport { ref, computed, watch, onMounted, onUnmounted } from 'vue';\nimport type {\n  ThemeMode,\n  AppliedTheme,\n  ThemeColors,\n  ThemeConfig,\n  UseThemeReturn,\n} from './types.js';\nimport { DEFAULT_PRESET, PRESETS } from './presets.js';\nimport { DEFAULT_STORAGE_KEY, DEFAULT_CSS_PREFIX } from './constants.js';\nimport { injectCSSVars, setThemeAttribute, getCSSVar } from './css-vars.js';\nimport { getSystemTheme, watchSystemTheme } from './system.js';\n\n/**\n * 从 localStorage 读取模式\n */\nfunction loadMode(storageKey: string): ThemeMode | null {\n  if (typeof localStorage === 'undefined') return null;\n  const stored = localStorage.getItem(storageKey);\n  if (stored === 'light' || stored === 'dark' || stored === 'system') {\n    return stored;\n  }\n  return null;\n}\n\n/**\n * 保存模式到 localStorage\n */\nfunction saveMode(storageKey: string, mode: ThemeMode): void {\n  if (typeof localStorage === 'undefined') return;\n  localStorage.setItem(storageKey, mode);\n}\n\n/**\n * 创建主题管理\n */\nexport function createTheme(config: ThemeConfig = {}) {\n  const {\n    defaultMode = 'system',\n    storageKey = DEFAULT_STORAGE_KEY,\n    persist = true,\n    colors: customColors,\n    darkColors: customDarkColors,\n    preset: presetName,\n    cssPrefix = DEFAULT_CSS_PREFIX,\n  } = config;\n\n  // 获取预设\n  const preset = presetName ? PRESETS[presetName] || DEFAULT_PRESET : DEFAULT_PRESET;\n\n  // 合并自定义颜色\n  const lightColors: ThemeColors = { ...preset.light, ...customColors };\n  const darkColors: ThemeColors = { ...preset.dark, ...customDarkColors };\n\n  // 状态\n  const mode = ref<ThemeMode>(\n    (persist ? loadMode(storageKey) : null) || defaultMode\n  );\n\n  // 计算实际应用的主题\n  const appliedTheme = computed<AppliedTheme>(() => {\n    if (mode.value === 'system') {\n      return getSystemTheme();\n    }\n    return mode.value;\n  });\n\n  // 是否暗色模式\n  const isDark = computed(() => appliedTheme.value === 'dark');\n\n  // 当前颜色\n  const colors = computed(() => (isDark.value ? darkColors : lightColors));\n\n  // 系统主题变化时触发更新\n  let unwatchSystem: (() => void) | null = null;\n\n  /**\n   * 应用主题\n   */\n  function applyTheme(): void {\n    const theme = appliedTheme.value;\n    const currentColors = isDark.value ? darkColors : lightColors;\n    \n    injectCSSVars(currentColors, theme, cssPrefix);\n    setThemeAttribute(theme);\n  }\n\n  /**\n   * 设置模式\n   */\n  function setMode(newMode: ThemeMode): void {\n    mode.value = newMode;\n    if (persist) {\n      saveMode(storageKey, newMode);\n    }\n  }\n\n  /**\n   * 切换主题\n   */\n  function toggle(): void {\n    if (mode.value === 'light') {\n      setMode('dark');\n    } else if (mode.value === 'dark') {\n      setMode('light');\n    } else {\n      // system 模式下，切换到当前实际主题的反面\n      setMode(isDark.value ? 'light' : 'dark');\n    }\n  }\n\n  /**\n   * 设置自定义颜色（运行时）\n   */\n  function setColors(newColors: Partial<ThemeColors>): void {\n    if (isDark.value) {\n      Object.assign(darkColors, newColors);\n    } else {\n      Object.assign(lightColors, newColors);\n    }\n    applyTheme();\n  }\n\n  /**\n   * 获取 CSS 变量值\n   */\n  function getCssVar(name: string): string {\n    return getCSSVar(name, cssPrefix);\n  }\n\n  /**\n   * 初始化\n   */\n  function init(): void {\n    applyTheme();\n\n    // 监听系统主题变化\n    if (mode.value === 'system') {\n      unwatchSystem = watchSystemTheme(() => {\n        applyTheme();\n      });\n    }\n  }\n\n  /**\n   * 销毁\n   */\n  function destroy(): void {\n    if (unwatchSystem) {\n      unwatchSystem();\n      unwatchSystem = null;\n    }\n  }\n\n  // 监听模式变化\n  watch(mode, (newMode) => {\n    // 清除旧的系统监听\n    if (unwatchSystem) {\n      unwatchSystem();\n      unwatchSystem = null;\n    }\n\n    // 如果是 system 模式，重新监听\n    if (newMode === 'system') {\n      unwatchSystem = watchSystemTheme(() => {\n        applyTheme();\n      });\n    }\n\n    applyTheme();\n  });\n\n  return {\n    mode,\n    appliedTheme,\n    isDark,\n    colors,\n    setMode,\n    toggle,\n    setColors,\n    getCssVar,\n    init,\n    destroy,\n  };\n}\n\n// 全局实例\nlet globalTheme: ReturnType<typeof createTheme> | null = null;\n\n/**\n * 初始化主题（在 app 入口调用）\n */\nexport function setupTheme(config: ThemeConfig = {}): ReturnType<typeof createTheme> {\n  globalTheme = createTheme(config);\n  globalTheme.init();\n  return globalTheme;\n}\n\n/**\n * useTheme 组合式函数\n */\nexport function useTheme(): UseThemeReturn {\n  if (!globalTheme) {\n    // 如果没有初始化，创建一个默认实例\n    globalTheme = createTheme();\n    \n    // 在组件挂载时初始化\n    onMounted(() => {\n      globalTheme!.init();\n    });\n\n    onUnmounted(() => {\n      globalTheme!.destroy();\n    });\n  }\n\n  return {\n    mode: globalTheme.mode,\n    appliedTheme: globalTheme.appliedTheme,\n    isDark: globalTheme.isDark,\n    colors: globalTheme.colors,\n    setMode: globalTheme.setMode,\n    toggle: globalTheme.toggle,\n    setColors: globalTheme.setColors,\n    getCssVar: globalTheme.getCssVar,\n  };\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@boo-dreamer/theme",
+  "version": "0.0.1",
+  "description": "Vue3 主题管理工具包，支持 light/dark/system 模式切换、CSS 变量注入",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "keywords": [
+    "theme",
+    "dark-mode",
+    "css-variables",
+    "vue3"
+  ],
+  "author": "",
+  "license": "MIT",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}