@qlover/tailwind-theme 0.1.0

package/dist/index.js

@@ -0,0 +1,343 @@
+// src/utils.ts
+function resolveTokenValue(value, prefix) {
+  return value.replace(/\$\{prefix\}/g, prefix);
+}
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      const sourceVal = source[key];
+      const targetVal = result[key];
+      if (sourceVal && typeof sourceVal === "object" && !Array.isArray(sourceVal) && targetVal && typeof targetVal === "object") {
+        result[key] = deepMerge(
+          targetVal,
+          sourceVal
+        );
+      } else {
+        result[key] = sourceVal;
+      }
+    }
+  }
+  return result;
+}
+
+// src/config.ts
+var themePrimaryBgOpacity = {
+  light: "0.08",
+  dark: "0.12",
+  pink: "0.12",
+  amber: "0.12",
+  forest: "0.1",
+  ocean: "0.1"
+};
+var builtinThemes = {
+  light: {
+    "color-primary": "246 248 250",
+    "color-secondary": "255 255 255",
+    "color-elevated": "240 242 244",
+    "color-primary-text": "31 35 40",
+    "color-primary-text-hover": "101 109 118",
+    "color-secondary-text": "101 109 118",
+    "color-tertiary-text": "140 149 159",
+    "color-primary-border": "208 215 222",
+    "color-brand": "124 58 237",
+    "color-brand-hover": "109 40 217",
+    "color-brand-active": "91 33 182",
+    "color-success": "#1a7f37",
+    "color-warning": "#faad14",
+    "color-error": "#cf222e",
+    "border-radius": "6px"
+  },
+  dark: {
+    "color-primary": "15 17 21",
+    "color-secondary": "22 27 34",
+    "color-elevated": "33 38 45",
+    "color-primary-text": "230 237 243",
+    "color-primary-text-hover": "139 148 158",
+    "color-secondary-text": "139 148 158",
+    "color-tertiary-text": "110 118 129",
+    "color-primary-border": "48 54 61",
+    "color-brand": "139 92 246",
+    "color-brand-hover": "124 58 237",
+    "color-brand-active": "109 40 217",
+    "color-success": "#3fb950",
+    "color-warning": "#faad14",
+    "color-error": "#f85149",
+    "border-radius": "6px"
+  },
+  pink: {
+    "color-primary": "26 13 20",
+    "color-secondary": "37 16 27",
+    "color-elevated": "48 21 34",
+    "color-primary-text": "252 232 240",
+    "color-primary-text-hover": "196 144 168",
+    "color-secondary-text": "196 144 168",
+    "color-tertiary-text": "138 88 112",
+    "color-primary-border": "92 45 66",
+    "color-brand": "244 114 182",
+    "color-brand-hover": "236 72 153",
+    "color-brand-active": "219 39 119",
+    "color-success": "#34d399",
+    "color-warning": "#faad14",
+    "color-error": "#fb7185",
+    "border-radius": "8px"
+  },
+  amber: {
+    "color-primary": "30 18 0",
+    "color-secondary": "40 26 0",
+    "color-elevated": "50 31 0",
+    "color-primary-text": "242 232 213",
+    "color-primary-text-hover": "184 166 138",
+    "color-secondary-text": "184 166 138",
+    "color-tertiary-text": "122 106 86",
+    "color-primary-border": "74 56 0",
+    "color-brand": "232 148 58",
+    "color-brand-hover": "208 120 40",
+    "color-brand-active": "180 100 30",
+    "color-success": "#5aad6e",
+    "color-warning": "#faad14",
+    "color-error": "#c85a4a",
+    "border-radius": "6px"
+  },
+  forest: {
+    "color-primary": "6 21 8",
+    "color-secondary": "12 31 14",
+    "color-elevated": "19 39 22",
+    "color-primary-text": "216 240 220",
+    "color-primary-text-hover": "136 173 142",
+    "color-secondary-text": "136 173 142",
+    "color-tertiary-text": "90 122 94",
+    "color-primary-border": "44 66 48",
+    "color-brand": "74 222 128",
+    "color-brand-hover": "34 197 94",
+    "color-brand-active": "22 163 74",
+    "color-success": "#86efac",
+    "color-warning": "#faad14",
+    "color-error": "#f87171",
+    "border-radius": "6px"
+  },
+  ocean: {
+    "color-primary": "6 14 26",
+    "color-secondary": "13 26 46",
+    "color-elevated": "18 36 62",
+    "color-primary-text": "218 238 255",
+    "color-primary-text-hover": "122 181 212",
+    "color-secondary-text": "122 181 212",
+    "color-tertiary-text": "74 126 154",
+    "color-primary-border": "30 58 92",
+    "color-brand": "56 189 248",
+    "color-brand-hover": "14 165 233",
+    "color-brand-active": "2 132 199",
+    "color-success": "#34d399",
+    "color-warning": "#faad14",
+    "color-error": "#f87171",
+    "border-radius": "6px"
+  }
+};
+var getDerivedTokens = (prefix, themeName) => {
+  const opacity = themeName ? themePrimaryBgOpacity[themeName] ?? "0.1" : "0.1";
+  return {
+    "color-bg-container": `rgb(var(--${prefix}-color-secondary))`,
+    "color-text": `rgb(var(--${prefix}-color-primary-text) / 0.85)`,
+    "color-text-heading": `rgb(var(--${prefix}-color-primary-text))`,
+    "color-text-disabled": `rgb(var(--${prefix}-color-primary-text) / 0.25)`,
+    "color-primary-hover": `rgb(var(--${prefix}-color-brand-hover))`,
+    "color-primary-active": `rgb(var(--${prefix}-color-brand-active))`,
+    "color-primary-bg": `rgb(var(--${prefix}-color-brand) / ${opacity})`,
+    "line-height": "1.5715"
+  };
+};
+var defaultTokenMapping = {
+  "color-primary": "rgb(var(--${prefix}-color-primary))",
+  "color-primary-active": "rgb(var(--${prefix}-color-primary-active))",
+  "color-primary-hover": "rgb(var(--${prefix}-color-primary-hover))",
+  "color-primary-bg": "rgb(var(--${prefix}-color-primary-bg))",
+  "color-secondary": "rgb(var(--${prefix}-color-secondary))",
+  "color-elevated": "rgb(var(--${prefix}-color-elevated))",
+  "color-primary-text": "rgb(var(--${prefix}-color-primary-text))",
+  "color-primary-text-hover": "rgb(var(--${prefix}-color-primary-text-hover))",
+  "color-secondary-text": "rgb(var(--${prefix}-color-secondary-text))",
+  "color-tertiary-text": "rgb(var(--${prefix}-color-tertiary-text))",
+  "color-primary-border": "rgb(var(--${prefix}-color-primary-border))",
+  "color-brand": "rgb(var(--${prefix}-color-brand))",
+  "color-brand-hover": "rgb(var(--${prefix}-color-brand-hover))",
+  "color-brand-active": "rgb(var(--${prefix}-color-brand-active))",
+  /** Text/icons on brand-colored surfaces (buttons, badges) */
+  "color-on-brand": "#ffffff",
+  "color-progress-track": "rgb(var(--${prefix}-color-primary-border) / 0.5)",
+  "color-bg-container": "rgb(var(--${prefix}-color-bg-container))",
+  "font-sans": 'var(--font-inter), ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif',
+  "animate-dashboard-skeleton-shimmer": "dashboard-skeleton-shimmer 1.6s ease-in-out infinite"
+};
+function getDefaultSelector(themeName, root) {
+  if (root) {
+    return `:root, html[data-theme="${themeName}"], [data-theme="${themeName}"]`;
+  }
+  return `html[data-theme="${themeName}"], [data-theme="${themeName}"]`;
+}
+var defaultConfig = {
+  prefix: "fe",
+  themes: {},
+  tokenMapping: defaultTokenMapping,
+  cssSelector: getDefaultSelector
+};
+function getConfig(options) {
+  const allThemes = deepMerge(builtinThemes, options?.themes || {});
+  const allMappings = deepMerge(
+    defaultTokenMapping,
+    options?.tokenMapping || {}
+  );
+  const config = Object.assign(
+    {},
+    defaultConfig,
+    options,
+    {
+      themes: allThemes,
+      tokenMapping: allMappings
+    }
+  );
+  if (!config.defaultTheme && config.themes) {
+    config.defaultTheme = Object.keys(config.themes)[0];
+  }
+  return config;
+}
+
+// src/core.ts
+function generateLayerBaseCSS(options = {}) {
+  const config = getConfig(options);
+  const { prefix, themes, cssSelector, defaultTheme } = config;
+  let css = "";
+  for (const [themeName, vars] of Object.entries(themes)) {
+    const isDefault = themeName === defaultTheme;
+    const selector = cssSelector(themeName, isDefault);
+    const themeDerived = getDerivedTokens(prefix, themeName);
+    const merged = {
+      ...vars,
+      ...themeDerived
+    };
+    css += `${selector} {
+`;
+    for (const [varName, value] of Object.entries(merged)) {
+      css += `  --${prefix}-${varName}: ${value};
+`;
+    }
+    css += "}\n\n";
+  }
+  return css;
+}
+function generateThemeBlockCSS(options = {}) {
+  const config = getConfig(options);
+  const { prefix, tokenMapping = defaultTokenMapping } = config;
+  let css = "@theme {\n";
+  for (const [tokenName, tokenValue] of Object.entries(tokenMapping)) {
+    const finalValue = resolveTokenValue(tokenValue, prefix);
+    css += `  --${tokenName}: ${finalValue};
+`;
+  }
+  css += "}\n";
+  return css;
+}
+function generateThemeCSS(options = {}) {
+  let css = "";
+  const layerBaseContent = generateLayerBaseCSS(options);
+  if (layerBaseContent) {
+    css += "@layer base {\n" + layerBaseContent + "}\n\n";
+  }
+  css += generateThemeBlockCSS(options);
+  return css;
+}
+
+// src/generater.ts
+import fs from "fs";
+import path from "path";
+var DEFAULT_OUTPUT_PATHS = {
+  "layer-base": "theme-layer-base.css",
+  "theme-block": "theme-block.css",
+  full: "theme.css"
+};
+function resolveCssContent(variant, options) {
+  switch (variant) {
+    case "layer-base": {
+      const layerBaseContent = generateLayerBaseCSS(options);
+      return layerBaseContent ? `@layer base {
+${layerBaseContent}}
+` : "";
+    }
+    case "theme-block":
+      return generateThemeBlockCSS(options);
+    case "full":
+      return generateThemeCSS(options);
+    default: {
+      const _exhaustive = variant;
+      return _exhaustive;
+    }
+  }
+}
+async function writeCssFile(absolutePath, css, overwrite) {
+  if (fs.existsSync(absolutePath)) {
+    if (overwrite) {
+      console.warn(
+        `\u26A0\uFE0F Warning: File already exists at ${absolutePath}. It will be overwritten.`
+      );
+    } else {
+      throw new Error(
+        `File already exists at ${absolutePath} and overwrite is set to false.`
+      );
+    }
+  }
+  const dir = path.dirname(absolutePath);
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir, { recursive: true });
+  }
+  await fs.promises.writeFile(absolutePath, css, "utf-8");
+  console.log(`\u2705 Theme CSS generated at ${absolutePath}`);
+}
+function resolveOutputPath(variant, options) {
+  if (options.outputPath) {
+    return path.resolve(process.cwd(), options.outputPath);
+  }
+  return path.resolve(process.cwd(), DEFAULT_OUTPUT_PATHS[variant]);
+}
+async function generateThemeFile(options = {}) {
+  const {
+    variant = "full",
+    overwrite = true,
+    outputPath,
+    ...restOptions
+  } = options;
+  const absolutePath = outputPath ? path.resolve(process.cwd(), outputPath) : resolveOutputPath(variant, options);
+  const css = resolveCssContent(variant, restOptions);
+  await writeCssFile(absolutePath, css, overwrite);
+  return absolutePath;
+}
+async function generateThemeFiles(options = {}) {
+  const {
+    outputDir = ".",
+    outputPaths = {},
+    overwrite = true,
+    ...restOptions
+  } = options;
+  const variants = Object.keys(DEFAULT_OUTPUT_PATHS);
+  const result = {};
+  for (const variant of variants) {
+    const relativePath = outputPaths[variant] ?? path.join(outputDir, DEFAULT_OUTPUT_PATHS[variant]);
+    const absolutePath = path.resolve(process.cwd(), relativePath);
+    const css = resolveCssContent(variant, restOptions);
+    await writeCssFile(absolutePath, css, overwrite);
+    result[variant] = absolutePath;
+  }
+  return result;
+}
+export {
+  builtinThemes,
+  defaultConfig,
+  defaultTokenMapping,
+  generateLayerBaseCSS,
+  generateThemeBlockCSS,
+  generateThemeCSS,
+  generateThemeFile,
+  generateThemeFiles,
+  getConfig,
+  getDefaultSelector,
+  getDerivedTokens
+};

package/dist/plugin.cjs

@@ -0,0 +1,296 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  default: () => plugin_default
+});
+module.exports = __toCommonJS(plugin_exports);
+
+// src/utils.ts
+function resolveTokenValue(value, prefix) {
+  return value.replace(/\$\{prefix\}/g, prefix);
+}
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      const sourceVal = source[key];
+      const targetVal = result[key];
+      if (sourceVal && typeof sourceVal === "object" && !Array.isArray(sourceVal) && targetVal && typeof targetVal === "object") {
+        result[key] = deepMerge(
+          targetVal,
+          sourceVal
+        );
+      } else {
+        result[key] = sourceVal;
+      }
+    }
+  }
+  return result;
+}
+
+// src/config.ts
+var themePrimaryBgOpacity = {
+  light: "0.08",
+  dark: "0.12",
+  pink: "0.12",
+  amber: "0.12",
+  forest: "0.1",
+  ocean: "0.1"
+};
+var builtinThemes = {
+  light: {
+    "color-primary": "246 248 250",
+    "color-secondary": "255 255 255",
+    "color-elevated": "240 242 244",
+    "color-primary-text": "31 35 40",
+    "color-primary-text-hover": "101 109 118",
+    "color-secondary-text": "101 109 118",
+    "color-tertiary-text": "140 149 159",
+    "color-primary-border": "208 215 222",
+    "color-brand": "124 58 237",
+    "color-brand-hover": "109 40 217",
+    "color-brand-active": "91 33 182",
+    "color-success": "#1a7f37",
+    "color-warning": "#faad14",
+    "color-error": "#cf222e",
+    "border-radius": "6px"
+  },
+  dark: {
+    "color-primary": "15 17 21",
+    "color-secondary": "22 27 34",
+    "color-elevated": "33 38 45",
+    "color-primary-text": "230 237 243",
+    "color-primary-text-hover": "139 148 158",
+    "color-secondary-text": "139 148 158",
+    "color-tertiary-text": "110 118 129",
+    "color-primary-border": "48 54 61",
+    "color-brand": "139 92 246",
+    "color-brand-hover": "124 58 237",
+    "color-brand-active": "109 40 217",
+    "color-success": "#3fb950",
+    "color-warning": "#faad14",
+    "color-error": "#f85149",
+    "border-radius": "6px"
+  },
+  pink: {
+    "color-primary": "26 13 20",
+    "color-secondary": "37 16 27",
+    "color-elevated": "48 21 34",
+    "color-primary-text": "252 232 240",
+    "color-primary-text-hover": "196 144 168",
+    "color-secondary-text": "196 144 168",
+    "color-tertiary-text": "138 88 112",
+    "color-primary-border": "92 45 66",
+    "color-brand": "244 114 182",
+    "color-brand-hover": "236 72 153",
+    "color-brand-active": "219 39 119",
+    "color-success": "#34d399",
+    "color-warning": "#faad14",
+    "color-error": "#fb7185",
+    "border-radius": "8px"
+  },
+  amber: {
+    "color-primary": "30 18 0",
+    "color-secondary": "40 26 0",
+    "color-elevated": "50 31 0",
+    "color-primary-text": "242 232 213",
+    "color-primary-text-hover": "184 166 138",
+    "color-secondary-text": "184 166 138",
+    "color-tertiary-text": "122 106 86",
+    "color-primary-border": "74 56 0",
+    "color-brand": "232 148 58",
+    "color-brand-hover": "208 120 40",
+    "color-brand-active": "180 100 30",
+    "color-success": "#5aad6e",
+    "color-warning": "#faad14",
+    "color-error": "#c85a4a",
+    "border-radius": "6px"
+  },
+  forest: {
+    "color-primary": "6 21 8",
+    "color-secondary": "12 31 14",
+    "color-elevated": "19 39 22",
+    "color-primary-text": "216 240 220",
+    "color-primary-text-hover": "136 173 142",
+    "color-secondary-text": "136 173 142",
+    "color-tertiary-text": "90 122 94",
+    "color-primary-border": "44 66 48",
+    "color-brand": "74 222 128",
+    "color-brand-hover": "34 197 94",
+    "color-brand-active": "22 163 74",
+    "color-success": "#86efac",
+    "color-warning": "#faad14",
+    "color-error": "#f87171",
+    "border-radius": "6px"
+  },
+  ocean: {
+    "color-primary": "6 14 26",
+    "color-secondary": "13 26 46",
+    "color-elevated": "18 36 62",
+    "color-primary-text": "218 238 255",
+    "color-primary-text-hover": "122 181 212",
+    "color-secondary-text": "122 181 212",
+    "color-tertiary-text": "74 126 154",
+    "color-primary-border": "30 58 92",
+    "color-brand": "56 189 248",
+    "color-brand-hover": "14 165 233",
+    "color-brand-active": "2 132 199",
+    "color-success": "#34d399",
+    "color-warning": "#faad14",
+    "color-error": "#f87171",
+    "border-radius": "6px"
+  }
+};
+var getDerivedTokens = (prefix, themeName) => {
+  const opacity = themeName ? themePrimaryBgOpacity[themeName] ?? "0.1" : "0.1";
+  return {
+    "color-bg-container": `rgb(var(--${prefix}-color-secondary))`,
+    "color-text": `rgb(var(--${prefix}-color-primary-text) / 0.85)`,
+    "color-text-heading": `rgb(var(--${prefix}-color-primary-text))`,
+    "color-text-disabled": `rgb(var(--${prefix}-color-primary-text) / 0.25)`,
+    "color-primary-hover": `rgb(var(--${prefix}-color-brand-hover))`,
+    "color-primary-active": `rgb(var(--${prefix}-color-brand-active))`,
+    "color-primary-bg": `rgb(var(--${prefix}-color-brand) / ${opacity})`,
+    "line-height": "1.5715"
+  };
+};
+var defaultTokenMapping = {
+  "color-primary": "rgb(var(--${prefix}-color-primary))",
+  "color-primary-active": "rgb(var(--${prefix}-color-primary-active))",
+  "color-primary-hover": "rgb(var(--${prefix}-color-primary-hover))",
+  "color-primary-bg": "rgb(var(--${prefix}-color-primary-bg))",
+  "color-secondary": "rgb(var(--${prefix}-color-secondary))",
+  "color-elevated": "rgb(var(--${prefix}-color-elevated))",
+  "color-primary-text": "rgb(var(--${prefix}-color-primary-text))",
+  "color-primary-text-hover": "rgb(var(--${prefix}-color-primary-text-hover))",
+  "color-secondary-text": "rgb(var(--${prefix}-color-secondary-text))",
+  "color-tertiary-text": "rgb(var(--${prefix}-color-tertiary-text))",
+  "color-primary-border": "rgb(var(--${prefix}-color-primary-border))",
+  "color-brand": "rgb(var(--${prefix}-color-brand))",
+  "color-brand-hover": "rgb(var(--${prefix}-color-brand-hover))",
+  "color-brand-active": "rgb(var(--${prefix}-color-brand-active))",
+  /** Text/icons on brand-colored surfaces (buttons, badges) */
+  "color-on-brand": "#ffffff",
+  "color-progress-track": "rgb(var(--${prefix}-color-primary-border) / 0.5)",
+  "color-bg-container": "rgb(var(--${prefix}-color-bg-container))",
+  "font-sans": 'var(--font-inter), ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", sans-serif',
+  "animate-dashboard-skeleton-shimmer": "dashboard-skeleton-shimmer 1.6s ease-in-out infinite"
+};
+function getDefaultSelector(themeName, root) {
+  if (root) {
+    return `:root, html[data-theme="${themeName}"], [data-theme="${themeName}"]`;
+  }
+  return `html[data-theme="${themeName}"], [data-theme="${themeName}"]`;
+}
+var defaultConfig = {
+  prefix: "fe",
+  themes: {},
+  tokenMapping: defaultTokenMapping,
+  cssSelector: getDefaultSelector
+};
+function getConfig(options) {
+  const allThemes = deepMerge(builtinThemes, options?.themes || {});
+  const allMappings = deepMerge(
+    defaultTokenMapping,
+    options?.tokenMapping || {}
+  );
+  const config = Object.assign(
+    {},
+    defaultConfig,
+    options,
+    {
+      themes: allThemes,
+      tokenMapping: allMappings
+    }
+  );
+  if (!config.defaultTheme && config.themes) {
+    config.defaultTheme = Object.keys(config.themes)[0];
+  }
+  return config;
+}
+
+// src/core.ts
+function generateLayerBaseCSS(options = {}) {
+  const config = getConfig(options);
+  const { prefix, themes, cssSelector, defaultTheme } = config;
+  let css = "";
+  for (const [themeName, vars] of Object.entries(themes)) {
+    const isDefault = themeName === defaultTheme;
+    const selector = cssSelector(themeName, isDefault);
+    const themeDerived = getDerivedTokens(prefix, themeName);
+    const merged = {
+      ...vars,
+      ...themeDerived
+    };
+    css += `${selector} {
+`;
+    for (const [varName, value] of Object.entries(merged)) {
+      css += `  --${prefix}-${varName}: ${value};
+`;
+    }
+    css += "}\n\n";
+  }
+  return css;
+}
+function generateThemeBlockCSS(options = {}) {
+  const config = getConfig(options);
+  const { prefix, tokenMapping = defaultTokenMapping } = config;
+  let css = "@theme {\n";
+  for (const [tokenName, tokenValue] of Object.entries(tokenMapping)) {
+    const finalValue = resolveTokenValue(tokenValue, prefix);
+    css += `  --${tokenName}: ${finalValue};
+`;
+  }
+  css += "}\n";
+  return css;
+}
+function generateThemeCSS(options = {}) {
+  let css = "";
+  const layerBaseContent = generateLayerBaseCSS(options);
+  if (layerBaseContent) {
+    css += "@layer base {\n" + layerBaseContent + "}\n\n";
+  }
+  css += generateThemeBlockCSS(options);
+  return css;
+}
+
+// src/plugin.ts
+var themePlugin = (userOptions = {}) => {
+  const { includePaths = ["/styles/index.css", "/styles/tailwind.css"] } = userOptions;
+  return {
+    postcssPlugin: "tailwind-theme-plugin",
+    Once(root, { postcss, result }) {
+      const from = result.opts.from ?? root.source?.input?.file ?? "";
+      const normalized = from.replace(/\\/g, "/");
+      const shouldProcess = includePaths.some(
+        (pattern) => normalized.endsWith(pattern)
+      );
+      if (normalized && !shouldProcess) {
+        return;
+      }
+      const finalCss = generateThemeCSS(userOptions);
+      root.prepend(postcss.parse(finalCss));
+    }
+  };
+};
+themePlugin.postcss = true;
+var plugin_default = themePlugin;

package/dist/plugin.d.cts

@@ -0,0 +1,52 @@
+import { Plugin } from 'postcss';
+
+type RGBChannels = string;
+type ColorValue = string;
+type ThemeTokens = Record<string, ColorValue | RGBChannels>;
+/** Named themes → token sets (avoids index-signature confusion with `Record<string, ThemeTokens>`) */
+type ThemesMap = Record<string, ThemeTokens>;
+/**
+ * Token mapping for the theme.
+ *
+ * @example
+ * {
+ *   'color-primary': 'rgb(var(--${prefix}-color-primary))',
+ *   'color-secondary': 'rgb(var(--${prefix}-color-secondary))',
+ *   'color-elevated': 'rgb(var(--${prefix}-color-elevated))',
+ *   'color-primary-text': 'rgb(var(--${prefix}-color-primary-text))',
+ *   'color-primary-text-hover': 'rgb(var(--${prefix}-color-primary-text-hover))',
+ *   'color-secondary-text': 'rgb(var(--${prefix}-color-secondary-text))',
+ *   'color-tertiary-text': 'rgb(var(--${prefix}-color-tertiary-text))',
+ * }
+ *
+ * 最后结果可能=>
+ * {
+ *   '--color-primary': 'rgb(var(--fe-color-primary))',
+ *   '--color-secondary': 'rgb(var(--fe-color-secondary))',
+ *   '--color-elevated': 'rgb(var(--fe-color-elevated))',
+ *   '--color-primary-text': 'rgb(var(--fe-color-primary-text))',
+ *   '--color-primary-text-hover': 'rgb(var(--fe-color-primary-text-hover))',
+ *   '--color-secondary-text': 'rgb(var(--fe-color-secondary-text))',
+ *   '--color-tertiary-text': 'rgb(var(--fe-color-tertiary-text))',
+ * }
+ */
+type TokenMapping = Record<string, string>;
+interface UiThemeOptions {
+    prefix?: string;
+    defaultTheme?: string;
+    themes?: ThemesMap;
+    tokenMapping?: TokenMapping;
+    cssSelector?: (themeName: string, root: boolean) => string;
+    outputPath?: string;
+    overwrite?: boolean;
+}
+
+interface ThemePluginOptions extends UiThemeOptions {
+    includePaths?: string[];
+}
+declare const themePlugin: {
+    (userOptions?: ThemePluginOptions): Plugin;
+    postcss: boolean;
+};
+
+export { type ThemePluginOptions, themePlugin as default };