@seyuna/postcss 1.0.0-canary.16 → 1.0.0-canary.18

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.0.0-canary.18](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.17...v1.0.0-canary.18) (2026-01-10)
+
+
+### Bug Fixes
+
+* break circular dependency between config.ts and parser.ts ([88ae984](https://github.com/seyuna-corp/seyuna-postcss/commit/88ae9848ed2eb4d4ca5fb6340cbe5aa1c986f1b8))
+
+# [1.0.0-canary.17](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.16...v1.0.0-canary.17) (2026-01-10)
+
+
+### Bug Fixes
+
+* transition to proper ESM with correct file extensions ([b330b4f](https://github.com/seyuna-corp/seyuna-postcss/commit/b330b4fcd3394b78ecc39ef5f23f5e993bd425be))
+
 # [1.0.0-canary.16](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.15...v1.0.0-canary.16) (2026-01-10)
 
 

package/dist/at-rules/color-scheme.d.ts

@@ -1,4 +1,4 @@
 import { AtRule } from "postcss";
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 export declare const light: (atRule: AtRule, context: PluginContext) => void;
 export declare const dark: (atRule: AtRule, context: PluginContext) => void;

package/dist/at-rules/color.d.ts

@@ -1,5 +1,5 @@
 import { AtRule } from "postcss";
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 /**
  * Handler for @each-standard-color
  */

package/dist/at-rules/color.js

@@ -1,4 +1,4 @@
-import { generateRules } from "../helpers";
+import { generateRules } from "../helpers.js";
 /**
  * Handler for @each-standard-color
  */

package/dist/at-rules/container.d.ts

@@ -1,5 +1,5 @@
 import { AtRule } from "postcss";
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 /**
  * Custom PostCSS plugin handler for responsive at-rules.
  *

package/dist/at-rules/index.d.ts

@@ -1,5 +1,5 @@
 import { AtRule } from "postcss";
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 export interface AtRuleHandler {
     name: string;
     handler: (atRule: AtRule, context: PluginContext) => void;

package/dist/at-rules/index.js

@@ -1,6 +1,6 @@
-import { eachStandardColor, eachFixedColor } from "./color";
-import container from "./container";
-import { light, dark } from "./color-scheme";
+import { eachStandardColor, eachFixedColor } from "./color.js";
+import container from "./container.js";
+import { light, dark } from "./color-scheme.js";
 // Ordered array ensures execution order
 export const atRuleHandlers = [
     { name: "each-standard-color", handler: eachStandardColor },

package/dist/config.d.ts

@@ -1,17 +1,5 @@
-import { SeyunaConfig } from './types';
-import { FunctionMap } from './parser';
-export interface PluginOptions {
-    configPath?: string;
-    modeAttribute?: string;
-    strict?: boolean;
-    config?: SeyunaConfig;
-    functions?: FunctionMap;
-}
-export interface PluginContext {
-    config: SeyunaConfig;
-    options: Required<PluginOptions>;
-    functions: FunctionMap;
-}
+import { SeyunaConfig, PluginOptions } from './types.js';
+export type { PluginOptions, PluginContext, FunctionMap } from './types.js';
 export declare function loadConfig(options?: PluginOptions): {
     config: SeyunaConfig;
     options: Required<PluginOptions>;

package/dist/errors.d.ts

@@ -1,5 +1,5 @@
 import { Node } from 'postcss';
-import { PluginContext } from './config';
+import { PluginContext } from './types.js';
 export declare function reportError(message: string, node: Node, context: PluginContext, options?: {
     word?: string;
     index?: number;

package/dist/functions/color.d.ts

@@ -1,4 +1,4 @@
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 export declare function sc(context: PluginContext, name: string, alpha?: string, lightness?: string, chroma?: string): string;
 export declare function fc(context: PluginContext, name: string, alpha?: string, lightness?: string, chroma?: string): string;
 export declare function alpha(context: PluginContext, color: string, value: string): string;

package/dist/functions/index.d.ts

@@ -1,3 +1,3 @@
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 export type FnHandler = (context: PluginContext, ...args: string[]) => string;
 export declare const functions: Record<string, FnHandler>;

package/dist/functions/index.js

@@ -1,5 +1,5 @@
-import { sc, fc, alpha, lighten, darken, contrast } from "./color";
-import { theme } from "./theme";
+import { sc, fc, alpha, lighten, darken, contrast } from "./color.js";
+import { theme } from "./theme.js";
 export const functions = {
     sc,
     fc,

package/dist/functions/theme.d.ts

@@ -1,4 +1,4 @@
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 /**
  * Accesses values from the Seyuna configuration using dot notation
  * Example: theme(ui.theme.breakpoints.tablet)

package/dist/helpers.d.ts

@@ -1,5 +1,5 @@
 import { Rule, ChildNode, AtRule } from "postcss";
-import { PluginContext } from "./config";
+import { PluginContext } from './types.js';
 /**
  * Helper: clone nodes and replace {name} placeholders safely
  * Returns only valid Rules or Declarations (never raw AtRules)

package/dist/helpers.js

@@ -1,5 +1,5 @@
 import { Rule } from "postcss";
-import { processFunctions } from "./parser";
+import { processFunctions } from "./parser.js";
 /**
  * Helper: clone nodes and replace {name} placeholders safely
  * Returns only valid Rules or Declarations (never raw AtRules)

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-declare const plugin: import("postcss").PluginCreator<import("./config").PluginOptions> & {
+declare const plugin: import("postcss").PluginCreator<import("./types.js").PluginOptions> & {
     postcss: boolean;
-    functions: Record<string, import("./functions").FnHandler>;
+    functions: Record<string, import("./functions/index.js").FnHandler>;
 };
 export default plugin;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { dynamicFunctionsPlugin } from './plugin';
-import { functions } from './functions';
+import { dynamicFunctionsPlugin } from './plugin.js';
+import { functions } from './functions/index.js';
 // CommonJS-friendly export
 const plugin = Object.assign(dynamicFunctionsPlugin, {
     postcss: true,

package/dist/parser.d.ts

@@ -1,4 +1,4 @@
 import { Node } from 'postcss';
-import { PluginContext } from './config';
-export type FunctionMap = Record<string, (context: PluginContext, ...args: string[]) => string>;
+import { PluginContext, FunctionMap } from './types.js';
+export type { FunctionMap } from './types.js';
 export declare function processFunctions(value: string, fnMap: FunctionMap, node: Node, context: PluginContext): string;

package/dist/parser.js

@@ -1,5 +1,5 @@
 import valueParser from 'postcss-value-parser';
-import { reportError } from './errors';
+import { reportError } from './errors.js';
 export function processFunctions(value, fnMap, node, context) {
     const parsed = valueParser(value);
     // Helper to process nodes recursively (inner-first)

package/dist/plugin.d.ts

@@ -1,3 +1,3 @@
 import { PluginCreator } from "postcss";
-import { PluginOptions as ConfigOptions } from "./config";
-export declare const dynamicFunctionsPlugin: PluginCreator<ConfigOptions>;
+import { PluginOptions } from "./types.js";
+export declare const dynamicFunctionsPlugin: PluginCreator<PluginOptions>;

package/dist/plugin.js

@@ -1,7 +1,7 @@
-import { functions } from "./functions";
-import { atRuleHandlers } from "./at-rules";
-import { loadConfig } from "./config";
-import { processFunctions } from "./parser";
+import { functions } from "./functions/index.js";
+import { atRuleHandlers } from "./at-rules/index.js";
+import { loadConfig } from "./config.js";
+import { processFunctions } from "./parser.js";
 export const dynamicFunctionsPlugin = (opts = {}) => {
     const { config, options } = loadConfig(opts);
     const fnMap = { ...functions, ...opts.functions };

package/dist/types.d.ts

@@ -1 +1,14 @@
 export type { Config as SeyunaConfig, Color } from "@seyuna/cli/types";
+export type FunctionMap = Record<string, (context: PluginContext, ...args: string[]) => string>;
+export interface PluginOptions {
+    configPath?: string;
+    modeAttribute?: string;
+    strict?: boolean;
+    config?: import("@seyuna/cli/types").Config;
+    functions?: FunctionMap;
+}
+export interface PluginContext {
+    config: import("@seyuna/cli/types").Config;
+    options: Required<PluginOptions>;
+    functions: FunctionMap;
+}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@seyuna/postcss",
-  "version": "1.0.0-canary.16",
+  "version": "1.0.0-canary.18",
   "description": "Seyuna UI's postcss plugin",
+  "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {

package/src/at-rules/color-scheme.ts

@@ -1,5 +1,5 @@
 import { Rule, AtRule, ChildNode } from "postcss";
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 
 /**
  * Custom PostCSS plugin handler factory for `@light` and `@dark` at-rules.

package/src/at-rules/color.ts

@@ -1,6 +1,6 @@
 import { AtRule } from "postcss";
-import { PluginContext } from "../config";
-import { generateRules } from "../helpers";
+import { PluginContext } from "../types.js";
+import { generateRules } from "../helpers.js";
 
 /**
  * Handler for @each-standard-color

package/src/at-rules/container.ts

@@ -1,5 +1,5 @@
 import { AtRule, ChildNode } from "postcss";
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 
 /**
  * Custom PostCSS plugin handler for responsive at-rules.

package/src/at-rules/index.ts

@@ -1,8 +1,8 @@
 import { AtRule } from "postcss";
-import { eachStandardColor, eachFixedColor } from "./color";
-import container from "./container";
-import { light, dark } from "./color-scheme";
-import { PluginContext } from "../config";
+import { eachStandardColor, eachFixedColor } from "./color.js";
+import container from "./container.js";
+import { light, dark } from "./color-scheme.js";
+import { PluginContext } from "../types.js";
 
 // Each handler has a name (matches the at-rule) and the function
 export interface AtRuleHandler {

package/src/config.ts

@@ -1,21 +1,9 @@
 import fs from 'fs';
 import path from 'path';
-import { SeyunaConfig } from './types';
-import { FunctionMap } from './parser';
+import { SeyunaConfig, PluginOptions, PluginContext, FunctionMap } from './types.js';
 
-export interface PluginOptions {
-  configPath?: string;
-  modeAttribute?: string;
-  strict?: boolean;
-  config?: SeyunaConfig;
-  functions?: FunctionMap;
-}
-
-export interface PluginContext {
-  config: SeyunaConfig;
-  options: Required<PluginOptions>;
-  functions: FunctionMap;
-}
+// Re-export types for backwards compatibility
+export type { PluginOptions, PluginContext, FunctionMap } from './types.js';
 
 const DEFAULT_OPTIONS: Required<PluginOptions> = {
   configPath: 'seyuna.json',

package/src/errors.ts

@@ -1,5 +1,5 @@
 import { Node } from 'postcss';
-import { PluginContext } from './config';
+import { PluginContext } from './types.js';
 
 export function reportError(
   message: string,

package/src/functions/color.ts

@@ -1,4 +1,4 @@
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 
 /**
  * Resolves a color name to its CSS variables based on its type (standard or fixed)

package/src/functions/index.ts

@@ -1,6 +1,6 @@
-import { sc, fc, alpha, lighten, darken, contrast } from "./color";
-import { theme } from "./theme";
-import { PluginContext } from "../config";
+import { sc, fc, alpha, lighten, darken, contrast } from "./color.js";
+import { theme } from "./theme.js";
+import { PluginContext } from "../types.js";
 
 export type FnHandler = (context: PluginContext, ...args: string[]) => string;
 

package/src/functions/theme.ts

@@ -1,4 +1,4 @@
-import { PluginContext } from "../config";
+import { PluginContext } from "../types.js";
 
 /**
  * Accesses values from the Seyuna configuration using dot notation

package/src/helpers.ts

@@ -1,6 +1,6 @@
 import { Rule, ChildNode, Declaration, AtRule } from "postcss";
-import { processFunctions } from "./parser";
-import { PluginContext } from "./config";
+import { processFunctions } from "./parser.js";
+import { PluginContext } from './types.js';
 
 /**
  * Helper: clone nodes and replace {name} placeholders safely

package/src/index.ts

@@ -1,5 +1,5 @@
-import { dynamicFunctionsPlugin } from './plugin';
-import { functions } from './functions';
+import { dynamicFunctionsPlugin } from './plugin.js';
+import { functions } from './functions/index.js';
 
 // CommonJS-friendly export
 const plugin = Object.assign(dynamicFunctionsPlugin, {

package/src/parser.ts

@@ -1,9 +1,10 @@
 import valueParser from 'postcss-value-parser';
 import { Node } from 'postcss';
-import { PluginContext } from './config';
-import { reportError } from './errors';
+import { PluginContext, FunctionMap } from './types.js';
+import { reportError } from './errors.js';
 
-export type FunctionMap = Record<string, (context: PluginContext, ...args: string[]) => string>;
+// Re-export FunctionMap for backwards compatibility
+export type { FunctionMap } from './types.js';
 
 export function processFunctions(
   value: string,

package/src/plugin.ts

@@ -1,10 +1,11 @@
 import { PluginCreator } from "postcss";
-import { functions } from "./functions";
-import { atRuleHandlers } from "./at-rules";
-import { loadConfig, PluginOptions as ConfigOptions, PluginContext } from "./config";
-import { processFunctions, FunctionMap } from "./parser";
+import { functions } from "./functions/index.js";
+import { atRuleHandlers } from "./at-rules/index.js";
+import { loadConfig } from "./config.js";
+import { PluginOptions, PluginContext, FunctionMap } from "./types.js";
+import { processFunctions } from "./parser.js";
 
-export const dynamicFunctionsPlugin: PluginCreator<ConfigOptions> = (
+export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (
   opts = {}
 ) => {
   const { config, options } = loadConfig(opts);

package/src/types.ts

@@ -1 +1,19 @@
-export type { Config as SeyunaConfig, Color } from "@seyuna/cli/types";
+export type { Config as SeyunaConfig, Color } from "@seyuna/cli/types";
+
+// Shared types to avoid circular dependencies between config.ts and parser.ts
+
+export type FunctionMap = Record<string, (context: PluginContext, ...args: string[]) => string>;
+
+export interface PluginOptions {
+  configPath?: string;
+  modeAttribute?: string;
+  strict?: boolean;
+  config?: import("@seyuna/cli/types").Config;
+  functions?: FunctionMap;
+}
+
+export interface PluginContext {
+  config: import("@seyuna/cli/types").Config;
+  options: Required<PluginOptions>;
+  functions: FunctionMap;
+}

package/tsconfig.json

@@ -1,12 +1,12 @@
 {
   "compilerOptions": {
     "target": "ES2020",
-    "module": "ES2020",
+    "module": "NodeNext",
     "lib": ["ES2020"],
     "declaration": true,
     "outDir": "dist",
     "strict": true,
-    "moduleResolution": "bundler",
+    "moduleResolution": "NodeNext",
     "esModuleInterop": true,
     "skipLibCheck": true
   },