@mekari/pixel3-postcss 1.0.16 → 2.0.0-next.1

package/dist/auto-import-plugin.d.ts

@@ -0,0 +1,21 @@
+declare function injectAutoImports(filePath: string, content: string): string | undefined;
+declare const pixelAutoImportPlugin: {
+    name: string;
+    hooks: {
+        'parser:before': {
+            filter: {
+                id: {
+                    include: string[];
+                    exclude: string[];
+                };
+                code: RegExp;
+            };
+            handler: ({ filePath, content }: {
+                filePath: string;
+                content: string;
+            }) => string | undefined;
+        };
+    };
+};
+
+export { injectAutoImports, pixelAutoImportPlugin };

package/dist/auto-import-plugin.js

@@ -0,0 +1,46 @@
+// src/auto-import-plugin.ts
+var AUTO_IMPORTS = ["css", "cx", "cva", "sva", "token"];
+var IMPORT_SOURCE = "@mekari/pixel3";
+var isBound = (code, name) => new RegExp(
+  `import\\s*\\{[^}]*\\b${name}\\b[^}]*\\}\\s*from|\\b(const|let|var|function)\\s+${name}\\b`
+).test(code);
+function injectAutoImports(filePath, content) {
+  const names = AUTO_IMPORTS.filter(
+    (name) => new RegExp(`\\b${name}\\(`).test(content) && !isBound(content, name)
+  );
+  if (!names.length)
+    return;
+  const line = `import { ${names.join(", ")} } from '${IMPORT_SOURCE}'
+`;
+  if (!filePath.endsWith(".vue"))
+    return line + content;
+  const scriptOpen = /<script\b[^>]*\bsetup\b[^>]*>/.exec(content) ?? /<script\b[^>]*>/.exec(content);
+  if (!scriptOpen)
+    return `${content}
+<script setup>
+${line}</script>
+`;
+  const at = scriptOpen.index + scriptOpen[0].length;
+  return `${content.slice(0, at)}
+${line}${content.slice(at)}`;
+}
+var pixelAutoImportPlugin = {
+  name: "pixel3-auto-import",
+  hooks: {
+    "parser:before": {
+      // Filters run natively, so files that cannot need the import never cross into JS
+      filter: {
+        id: {
+          include: ["**/*.vue", "**/*.{js,jsx,ts,tsx}"],
+          exclude: ["**/node_modules/**", "**/dist/**"]
+        },
+        code: /\b(css|cx|cva|sva|token)\(/
+      },
+      handler: ({ filePath, content }) => injectAutoImports(filePath, content)
+    }
+  }
+};
+export {
+  injectAutoImports,
+  pixelAutoImportPlugin
+};

package/dist/index.cjs

@@ -0,0 +1,350 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// ../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.33_ts-node@10.9.2_@types+node@20.11.21_typescript@5.4.3__typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
+var getImportMetaUrl, importMetaUrl;
+var init_cjs_shims = __esm({
+  "../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.33_ts-node@10.9.2_@types+node@20.11.21_typescript@5.4.3__typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js"() {
+    "use strict";
+    getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
+    importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
+  }
+});
+
+// src/default-config.ts
+var defaultConfig;
+var init_default_config = __esm({
+  "src/default-config.ts"() {
+    "use strict";
+    init_cjs_shims();
+    defaultConfig = {
+      preflight: true,
+      include: ["./src/**/*.{js,jsx,ts,tsx,vue}", "./app/**/*.{js,jsx,ts,tsx,vue}"],
+      exclude: [],
+      // Panda v2 only extracts style functions whose source module is listed here: the styled-system
+      // package for Pixel dist, and @mekari/pixel3 for `css`/`cx`/`token` in apps.
+      importMap: [
+        "@mekari/pixel3-styled-system",
+        { css: "@mekari/pixel3", tokens: "@mekari/pixel3", jsx: "@mekari/pixel3" }
+      ],
+      layers: {
+        reset: "pixel_reset",
+        base: "pixel_base",
+        tokens: "pixel_tokens",
+        recipes: "pixel_recipes",
+        utilities: "pixel_utilities"
+      },
+      prefix: "mp",
+      jsxFramework: "vue",
+      jsxFactory: "Pixel",
+      jsxStyleProps: "all"
+    };
+  }
+});
+
+// src/create-config.ts
+function resolveEsmEntry(name) {
+  const readManifest = (dir2) => {
+    const file = import_path.default.join(dir2, "package.json");
+    return import_fs.default.existsSync(file) ? JSON.parse(import_fs.default.readFileSync(file, "utf8")) : void 0;
+  };
+  let dir = import_path.default.dirname(require2.resolve(name));
+  while (readManifest(dir)?.name !== name) {
+    if (dir === import_path.default.dirname(dir))
+      throw new Error(`[pixel3-postcss] package.json of ${name} not found`);
+    dir = import_path.default.dirname(dir);
+  }
+  const manifestPath = import_path.default.join(dir, "package.json");
+  const manifest = readManifest(dir);
+  const root = manifest.exports?.["."];
+  const entry = (typeof root === "string" ? root : root?.import ?? root?.default) ?? manifest.module ?? manifest.main;
+  return import_path.default.join(import_path.default.dirname(manifestPath), entry);
+}
+function siblingModule(name) {
+  const dir = import_path.default.dirname((0, import_url.fileURLToPath)(importMetaUrl));
+  const file = [".mjs", ".js", ".ts"].map((ext) => import_path.default.join(dir, name + ext)).find(import_fs.default.existsSync);
+  if (!file)
+    throw new Error(`[pixel3-postcss] ${name} not found next to ${dir}`);
+  return file;
+}
+function findRealModulePath(cwd, moduleName) {
+  try {
+    return import_fs.default.realpathSync(import_path.default.join(cwd, "node_modules", moduleName));
+  } catch (error) {
+    console.error("Error finding real module path:", error);
+    return null;
+  }
+}
+function mergeConfig(base, { replaceConfig = [], ...options }) {
+  const merged = { ...base };
+  for (const key of ["include", "exclude"]) {
+    const value = options[key];
+    if (!Array.isArray(value))
+      continue;
+    merged[key] = replaceConfig.includes(key) ? value : [...base[key] ?? [], ...value];
+  }
+  return merged;
+}
+function createConfigFile(cwd, options) {
+  const base = { ...defaultConfig };
+  const realPath = findRealModulePath(cwd, "@mekari/pixel3");
+  if (realPath) {
+    base.include = [...base.include ?? [], `${import_path.default.dirname(realPath)}/**/dist/**/*.{js,mjs}`];
+  }
+  const config = mergeConfig(base, options);
+  const dir = import_fs.default.mkdtempSync(import_path.default.join(import_os.default.tmpdir(), "pixel3-postcss-"));
+  const configPath = import_path.default.join(dir, "panda.config.cts");
+  const lines = [
+    `import pixelTheme from ${JSON.stringify(resolveEsmEntry("@mekari/pixel3-theme"))}`,
+    `import { pixelAutoImportPlugin } from ${JSON.stringify(siblingModule("auto-import-plugin"))}`,
+    "export default {",
+    `  ...${JSON.stringify(config, null, 2)},`,
+    "  presets: [pixelTheme],",
+    "  plugins: [pixelAutoImportPlugin]",
+    "}"
+  ];
+  import_fs.default.writeFileSync(configPath, lines.join("\n") + "\n");
+  return { configPath, dir };
+}
+var import_fs, import_os, import_path, import_module, import_url, require2;
+var init_create_config = __esm({
+  "src/create-config.ts"() {
+    "use strict";
+    init_cjs_shims();
+    import_fs = __toESM(require("fs"), 1);
+    import_os = __toESM(require("os"), 1);
+    import_path = __toESM(require("path"), 1);
+    import_module = require("module");
+    import_url = require("url");
+    init_default_config();
+    require2 = (0, import_module.createRequire)(importMetaUrl);
+  }
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  default: () => src_default,
+  pixelcss: () => pixelcss
+});
+async function getState(cwd, configPath, outdir) {
+  const key = `${cwd}:${configPath}`;
+  let state = states.get(key);
+  if (!state) {
+    const driver2 = await (0, import_node.createNodeDriver)({ cwd, configPath });
+    driver2.codegen({ cwd, outdir });
+    driver2.parseFiles();
+    state = { driver: driver2, configStamp: stampAll(configFiles(driver2)), sources: scanSources(driver2) };
+    states.set(key, state);
+    return state;
+  }
+  const { driver } = state;
+  if (stampAll(configFiles(driver)) !== state.configStamp) {
+    const diff = await driver.reload();
+    state.configStamp = stampAll(configFiles(driver));
+    if (diff.hasChanged) {
+      driver.codegen({ cwd, outdir });
+      driver.parseFiles();
+      state.sources = scanSources(driver);
+      return state;
+    }
+  }
+  const changes = [];
+  const scanned = driver.scan();
+  const seen = new Set(scanned);
+  for (const file of state.sources.keys()) {
+    if (!seen.has(file)) {
+      changes.push({ path: file, kind: "unlink" });
+      state.sources.delete(file);
+    }
+  }
+  for (const file of scanned) {
+    const stamp = fileStamp(file);
+    const known = state.sources.get(file);
+    if (known === stamp)
+      continue;
+    changes.push({ path: file, kind: known === void 0 ? "add" : "change" });
+    state.sources.set(file, stamp);
+  }
+  if (changes.length)
+    driver.applyChanges(changes);
+  return state;
+}
+function registerDependencies(driver, result, cwd) {
+  const parent = result.opts.from;
+  for (const source of driver.compiler.sources()) {
+    const dir = import_path2.default.resolve(cwd, source.base);
+    result.messages.push({
+      type: "dir-dependency",
+      dir,
+      glob: source.pattern,
+      plugin: PLUGIN_NAME,
+      parent
+    });
+  }
+  for (const file of configFiles(driver)) {
+    result.messages.push({
+      type: "dependency",
+      file: import_path2.default.resolve(cwd, file),
+      plugin: PLUGIN_NAME,
+      parent
+    });
+  }
+}
+function formatLocation(d, cwd) {
+  const file = d.file ? import_path2.default.relative(cwd, d.file) : "<unknown file>";
+  const start = d.location?.start;
+  return start ? `${file}:${start.line}:${start.column}` : file;
+}
+function reportDiagnostics(root, result, diagnostics, cwd) {
+  const error = diagnostics.find((d) => d.severity === "error");
+  if (error)
+    throw root.error(`${error.code}: ${error.message}`, { plugin: PLUGIN_NAME });
+  const warnings = diagnostics.filter(
+    (d) => d.severity === "warning" && !ignoredWarnings.has(d.code)
+  );
+  const key = warnings.map((d) => `${d.code}${d.file}${d.span?.start}`).join("|");
+  if (!warnings.length || key === reportedWarnings)
+    return;
+  reportedWarnings = key;
+  const byCode = {};
+  for (const d of warnings)
+    (byCode[d.code] ??= []).push(d);
+  const counts = Object.fromEntries(
+    Object.entries(byCode).map(([code, list]) => [code, list.length])
+  );
+  const lines = [`Style extraction reported ${warnings.length} warnings: ${JSON.stringify(counts)}`];
+  for (const [code, list] of Object.entries(byCode)) {
+    const byLocation = /* @__PURE__ */ new Map();
+    for (const d of list) {
+      const location = formatLocation(d, cwd);
+      if (!byLocation.has(location))
+        byLocation.set(location, d);
+    }
+    const entries = [...byLocation];
+    for (const [location, d] of entries.slice(0, MAX_LOCATIONS_PER_CODE)) {
+      lines.push(`  ${code} ${location} ${d.message}`);
+    }
+    if (entries.length > MAX_LOCATIONS_PER_CODE) {
+      lines.push(`  ${code} \u2026 and ${entries.length - MAX_LOCATIONS_PER_CODE} more locations`);
+    }
+  }
+  result.warn(lines.join("\n"), { plugin: PLUGIN_NAME });
+}
+var import_fs2, import_path2, import_node, PLUGIN_NAME, fileStamp, stampAll, configFiles, scanSources, nodeModulesRegex, shouldSkip, states, ignoredWarnings, MAX_LOCATIONS_PER_CODE, reportedWarnings, guard, pixelcss, src_default;
+var init_src = __esm({
+  "src/index.ts"() {
+    "use strict";
+    init_cjs_shims();
+    import_fs2 = __toESM(require("fs"), 1);
+    import_path2 = __toESM(require("path"), 1);
+    import_node = require("@pandacss/dev/node");
+    init_create_config();
+    PLUGIN_NAME = "pixel3-postcss";
+    fileStamp = (file) => {
+      try {
+        const stat = import_fs2.default.statSync(file);
+        return `${stat.mtimeMs}:${stat.size}`;
+      } catch {
+        return "missing";
+      }
+    };
+    stampAll = (files) => files.map((file) => `${file}\0${fileStamp(file)}`).join("\0");
+    configFiles = (driver) => {
+      const files = driver.configPath ? [driver.configPath] : [];
+      for (const dep of driver.configDependencies)
+        files.push(driver.resolvePath(dep));
+      return files;
+    };
+    scanSources = (driver) => new Map(driver.scan().map((file) => [file, fileStamp(file)]));
+    nodeModulesRegex = /node_modules/;
+    shouldSkip = (fileName, allow) => {
+      if (!fileName)
+        return true;
+      if (import_path2.default.extname(fileName.split("?")[0]) !== ".css")
+        return true;
+      if (allow.some((pattern) => pattern.test(fileName)))
+        return false;
+      return nodeModulesRegex.test(fileName);
+    };
+    states = /* @__PURE__ */ new Map();
+    ignoredWarnings = /* @__PURE__ */ new Set(["pure_helper_unevaluated"]);
+    MAX_LOCATIONS_PER_CODE = 5;
+    reportedWarnings = "";
+    pixelcss = (options = {}) => {
+      const { cwd: cwdOption, allow = [], outdir: outdirOption, ...configOptions } = options;
+      const cwd = import_path2.default.resolve(cwdOption ?? process.cwd());
+      const { configPath, dir } = createConfigFile(cwd, configOptions);
+      const outdir = outdirOption ?? import_path2.default.join(dir, "styled-system");
+      const allowList = [/@mekari\/pixel3-nuxt/, ...allow];
+      console.log("Pixel Config (auto-generated) :", configPath);
+      const run = async (root, result, inputCss) => {
+        const { driver } = await getState(cwd, configPath, outdir);
+        if (!driver.compiler.hasLayerDeclaration(inputCss))
+          return;
+        registerDependencies(driver, result, cwd);
+        const output = driver.cssgen({ emitLayerDeclaration: false });
+        reportDiagnostics(
+          root,
+          result,
+          [...driver.designSystemDiagnostics ?? [], ...output.diagnostics],
+          cwd
+        );
+        root.append(output.css);
+        root.walk((node) => {
+          if (!node.source)
+            node.source = root.source;
+        });
+      };
+      return {
+        postcssPlugin: PLUGIN_NAME,
+        Once(root, { result }) {
+          if (shouldSkip(result.opts.from, allowList))
+            return;
+          const inputCss = root.toString();
+          if (!inputCss.includes("@layer"))
+            return;
+          guard = Promise.resolve(guard).catch(() => {
+          }).then(() => run(root, result, inputCss));
+          return guard;
+        }
+      };
+    };
+    pixelcss.postcss = true;
+    src_default = pixelcss;
+  }
+});
+
+// index.cts
+init_cjs_shims();
+var pixel = (init_src(), __toCommonJS(src_exports));
+module.exports = pixel.default;

package/dist/index.d.cts

@@ -0,0 +1,20 @@
+import * as postcss from 'postcss';
+import { PluginCreator } from 'postcss';
+import { Config } from '@pandacss/dev';
+
+interface ConfigOptions extends Pick<Config, 'include' | 'exclude'> {
+    replaceConfig?: string[];
+}
+
+interface PixelPostcssOptions extends ConfigOptions {
+    cwd?: string;
+    /** Files under `node_modules` matching any of these patterns are processed instead of skipped */
+    allow?: RegExp[];
+    /** Where the generated styled-system is written. Defaults to a temp dir: apps import @mekari/pixel3 instead */
+    outdir?: string;
+}
+declare const pixelcss: PluginCreator<PixelPostcssOptions>;
+
+declare const _default: postcss.PluginCreator<pixelcss.PixelPostcssOptions>;
+
+export { _default as default };

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@mekari/pixel3-postcss",
-  "version": "1.0.16",
+  "version": "2.0.0-next.1",
   "description": "PostCSS integration for Pixel 3",
-  "main": "./dist/index.js",
+  "type": "module",
+  "main": "./dist/index.cjs",
   "author": "Sastra Nababan",
   "sideEffects": false,
   "publishConfig": {
@@ -12,14 +13,15 @@
     "dist"
   ],
   "dependencies": {
-    "@pandacss/dev": "1.12.0",
-    "@pandacss/node": "1.12.0",
-    "postcss": "^8.4.31",
-    "tmp": "^0.2.1"
+    "@pandacss/dev": "2.1.2",
+    "postcss": "^8.4.31"
+  },
+  "engines": {
+    "node": ">=22.12"
   },
   "scripts": {
-    "build": "tsup index.ts --format=cjs,esm --shims --dts",
-    "build-fast": "tsup src/index.ts --format=cjs,esm --shims --no-dts",
-    "dev": "pnpm build-fast --watch"
+    "build": "tsup",
+    "build-fast": "tsup --no-dts",
+    "dev": "tsup --no-dts --watch"
   }
 }

package/dist/index.d.mts

@@ -1,2 +0,0 @@
-
-export { }

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-
-export { }

package/dist/index.js

@@ -1,172 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-
-// ../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.33_ts-node@10.9.2_@types+node@20.11.21_typescript@5.4.3__typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
-var getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
-var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
-
-// src/index.ts
-var import_node = require("@pandacss/node");
-var import_module = require("module");
-
-// src/create-config.ts
-var import_fs = __toESM(require("fs"));
-var import_path = __toESM(require("path"));
-
-// src/default-config.ts
-var import_dev = require("@pandacss/dev");
-var defaultConfig = {
-  preflight: true,
-  presets: ["@mekari/pixel3-theme"],
-  include: ["./src/**/*.{js,jsx,ts,tsx,vue}", "./app/**/*.{js,jsx,ts,tsx,vue}"],
-  exclude: [],
-  layers: {
-    reset: "pixel_reset",
-    base: "pixel_base",
-    tokens: "pixel_tokens",
-    recipes: "pixel_recipes",
-    utilities: "pixel_utilities"
-  },
-  prefix: "mp",
-  jsxFramework: "vue",
-  jsxFactory: "Pixel",
-  jsxStyleProps: "all"
-};
-
-// src/create-config.ts
-var import_dev2 = require("@pandacss/dev");
-function findRealModulePath(moduleName) {
-  try {
-    const symlinkPath = import_path.default.join("node_modules", moduleName);
-    const realPath = import_fs.default.realpathSync(symlinkPath);
-    return realPath;
-  } catch (error) {
-    console.error("Error finding real module path:", error);
-    return null;
-  }
-}
-function mergeConfig(obj1, obj2) {
-  const mergeKey = ["include", "exclude"];
-  const tempObj = {};
-  const hasReplaceConfig = obj2.replaceConfig && obj2.replaceConfig.length > 0;
-  mergeKey.forEach((item) => {
-    if (Object.prototype.hasOwnProperty.call(obj2, item)) {
-      if (hasReplaceConfig && obj2.replaceConfig?.includes(item)) {
-        tempObj[item] = obj2[item];
-        return;
-      }
-      const obj1Value = obj1[item];
-      const obj2Value = obj2[item];
-      if (Array.isArray(obj1Value) && Array.isArray(obj2Value)) {
-        tempObj[item] = [...obj1Value, ...obj2Value];
-      }
-    }
-  });
-  return { ...obj1, ...tempObj };
-}
-var createConfigFile = (filePath, options) => {
-  const _defaultConfig = { ...defaultConfig };
-  const realPath = findRealModulePath("@mekari/pixel3");
-  if (realPath) {
-    const pixelDir = import_path.default.dirname(realPath);
-    const extend = `${pixelDir}/**/dist/**/*.{js,mjs}`;
-    const finalInclude = [..._defaultConfig.include || [], extend];
-    _defaultConfig.include = finalInclude;
-  }
-  const configs = mergeConfig(_defaultConfig, options);
-  const data = "export default" + JSON.stringify(configs, null, 2);
-  try {
-    import_fs.default.writeFileSync(filePath, data, "utf-8");
-  } catch (error) {
-    if (error instanceof Error) {
-      console.error(error.message);
-    } else {
-      console.error("An unknown error occurred");
-    }
-  }
-};
-
-// src/index.ts
-var import_path2 = __toESM(require("path"));
-var require2 = (0, import_module.createRequire)(importMetaUrl);
-var tmp = require2("tmp");
-var PLUGIN_NAME = "pixel3-postcss";
-var tmpobj = tmp.fileSync({ postfix: ".ts" });
-var configPath = tmpobj.name;
-tmp.setGracefulCleanup();
-var builder = new import_node.Builder();
-var nodeModulesRegex = /node_modules/;
-function isValidCss(file) {
-  const [filePath] = file.split("?");
-  return import_path2.default.extname(filePath) === ".css";
-}
-var shouldSkip = (fileName) => {
-  if (!fileName)
-    return true;
-  if (!isValidCss(fileName))
-    return true;
-  if (fileName.includes("@mekari/pixel3-nuxt"))
-    return false;
-  return nodeModulesRegex.test(fileName);
-};
-var pixelcss = (options = {}) => {
-  const { cwd } = options;
-  createConfigFile(configPath, options);
-  console.log("Pixel Config (auto-generated) :", configPath);
-  return {
-    postcssPlugin: PLUGIN_NAME,
-    plugins: [
-      async function(root, result) {
-        const fileName = result.opts.from;
-        const skip = shouldSkip(fileName);
-        if (skip)
-          return;
-        await builder.setup({ configPath, cwd });
-        if (!builder.isValidRoot(root)) {
-          return;
-        }
-        await builder.emit();
-        builder.extract();
-        builder.registerDependency((dep) => {
-          result.messages.push({
-            ...dep,
-            plugin: PLUGIN_NAME,
-            parent: result.opts.from
-          });
-        });
-        builder.write(root);
-        root.walk((node) => {
-          if (!node.source) {
-            node.source = root.source;
-          }
-        });
-      }
-    ]
-  };
-};
-pixelcss.postcss = true;
-var src_default = pixelcss;
-
-// index.ts
-module.exports = src_default;

package/dist/index.mjs

@@ -1,185 +0,0 @@
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-
-// ../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.33_ts-node@10.9.2_@types+node@20.11.21_typescript@5.4.3__typescript@5.4.3/node_modules/tsup/assets/esm_shims.js
-var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.2.0_postcss@8.4.33_ts-node@10.9.2_@types+node@20.11.21_typescript@5.4.3__typescript@5.4.3/node_modules/tsup/assets/esm_shims.js"() {
-    "use strict";
-  }
-});
-
-// src/default-config.ts
-import "@pandacss/dev";
-var defaultConfig;
-var init_default_config = __esm({
-  "src/default-config.ts"() {
-    "use strict";
-    init_esm_shims();
-    defaultConfig = {
-      preflight: true,
-      presets: ["@mekari/pixel3-theme"],
-      include: ["./src/**/*.{js,jsx,ts,tsx,vue}", "./app/**/*.{js,jsx,ts,tsx,vue}"],
-      exclude: [],
-      layers: {
-        reset: "pixel_reset",
-        base: "pixel_base",
-        tokens: "pixel_tokens",
-        recipes: "pixel_recipes",
-        utilities: "pixel_utilities"
-      },
-      prefix: "mp",
-      jsxFramework: "vue",
-      jsxFactory: "Pixel",
-      jsxStyleProps: "all"
-    };
-  }
-});
-
-// src/create-config.ts
-import fs from "fs";
-import path from "path";
-import "@pandacss/dev";
-function findRealModulePath(moduleName) {
-  try {
-    const symlinkPath = path.join("node_modules", moduleName);
-    const realPath = fs.realpathSync(symlinkPath);
-    return realPath;
-  } catch (error) {
-    console.error("Error finding real module path:", error);
-    return null;
-  }
-}
-function mergeConfig(obj1, obj2) {
-  const mergeKey = ["include", "exclude"];
-  const tempObj = {};
-  const hasReplaceConfig = obj2.replaceConfig && obj2.replaceConfig.length > 0;
-  mergeKey.forEach((item) => {
-    if (Object.prototype.hasOwnProperty.call(obj2, item)) {
-      if (hasReplaceConfig && obj2.replaceConfig?.includes(item)) {
-        tempObj[item] = obj2[item];
-        return;
-      }
-      const obj1Value = obj1[item];
-      const obj2Value = obj2[item];
-      if (Array.isArray(obj1Value) && Array.isArray(obj2Value)) {
-        tempObj[item] = [...obj1Value, ...obj2Value];
-      }
-    }
-  });
-  return { ...obj1, ...tempObj };
-}
-var createConfigFile;
-var init_create_config = __esm({
-  "src/create-config.ts"() {
-    "use strict";
-    init_esm_shims();
-    init_default_config();
-    createConfigFile = (filePath, options) => {
-      const _defaultConfig = { ...defaultConfig };
-      const realPath = findRealModulePath("@mekari/pixel3");
-      if (realPath) {
-        const pixelDir = path.dirname(realPath);
-        const extend = `${pixelDir}/**/dist/**/*.{js,mjs}`;
-        const finalInclude = [..._defaultConfig.include || [], extend];
-        _defaultConfig.include = finalInclude;
-      }
-      const configs = mergeConfig(_defaultConfig, options);
-      const data = "export default" + JSON.stringify(configs, null, 2);
-      try {
-        fs.writeFileSync(filePath, data, "utf-8");
-      } catch (error) {
-        if (error instanceof Error) {
-          console.error(error.message);
-        } else {
-          console.error("An unknown error occurred");
-        }
-      }
-    };
-  }
-});
-
-// src/index.ts
-import { Builder } from "@pandacss/node";
-import { createRequire } from "module";
-import path2 from "path";
-function isValidCss(file) {
-  const [filePath] = file.split("?");
-  return path2.extname(filePath) === ".css";
-}
-var require2, tmp, PLUGIN_NAME, tmpobj, configPath, builder, nodeModulesRegex, shouldSkip, pixelcss, src_default;
-var init_src = __esm({
-  "src/index.ts"() {
-    "use strict";
-    init_esm_shims();
-    init_create_config();
-    require2 = createRequire(import.meta.url);
-    tmp = require2("tmp");
-    PLUGIN_NAME = "pixel3-postcss";
-    tmpobj = tmp.fileSync({ postfix: ".ts" });
-    configPath = tmpobj.name;
-    tmp.setGracefulCleanup();
-    builder = new Builder();
-    nodeModulesRegex = /node_modules/;
-    shouldSkip = (fileName) => {
-      if (!fileName)
-        return true;
-      if (!isValidCss(fileName))
-        return true;
-      if (fileName.includes("@mekari/pixel3-nuxt"))
-        return false;
-      return nodeModulesRegex.test(fileName);
-    };
-    pixelcss = (options = {}) => {
-      const { cwd } = options;
-      createConfigFile(configPath, options);
-      console.log("Pixel Config (auto-generated) :", configPath);
-      return {
-        postcssPlugin: PLUGIN_NAME,
-        plugins: [
-          async function(root, result) {
-            const fileName = result.opts.from;
-            const skip = shouldSkip(fileName);
-            if (skip)
-              return;
-            await builder.setup({ configPath, cwd });
-            if (!builder.isValidRoot(root)) {
-              return;
-            }
-            await builder.emit();
-            builder.extract();
-            builder.registerDependency((dep) => {
-              result.messages.push({
-                ...dep,
-                plugin: PLUGIN_NAME,
-                parent: result.opts.from
-              });
-            });
-            builder.write(root);
-            root.walk((node) => {
-              if (!node.source) {
-                node.source = root.source;
-              }
-            });
-          }
-        ]
-      };
-    };
-    pixelcss.postcss = true;
-    src_default = pixelcss;
-  }
-});
-
-// index.ts
-var require_postcss = __commonJS({
-  "index.ts"(exports, module) {
-    init_esm_shims();
-    init_src();
-    module.exports = src_default;
-  }
-});
-export default require_postcss();