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

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [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 "../config.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 "../config.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 "../config.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 "../config.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,5 +1,5 @@
-import { SeyunaConfig } from './types';
-import { FunctionMap } from './parser';
+import { SeyunaConfig } from './types.js';
+import { FunctionMap } from './parser.js';
 export interface PluginOptions {
     configPath?: string;
     modeAttribute?: string;

package/dist/errors.d.ts

@@ -1,5 +1,5 @@
 import { Node } from 'postcss';
-import { PluginContext } from './config';
+import { PluginContext } from "./config.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 "../config.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 "../config.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 "../config.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 "./config.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("./config.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';
+import { PluginContext } from './config.js';
 export type FunctionMap = Record<string, (context: PluginContext, ...args: string[]) => string>;
 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";
+import { PluginOptions as ConfigOptions } from "./config.js";
 export declare const dynamicFunctionsPlugin: PluginCreator<ConfigOptions>;

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/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@seyuna/postcss",
-  "version": "1.0.0-canary.16",
+  "version": "1.0.0-canary.17",
   "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 "../config.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 "../config.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 "../config.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 "../config.js";
 
 // Each handler has a name (matches the at-rule) and the function
 export interface AtRuleHandler {

package/src/config.ts

@@ -1,7 +1,7 @@
 import fs from 'fs';
 import path from 'path';
-import { SeyunaConfig } from './types';
-import { FunctionMap } from './parser';
+import { SeyunaConfig } from './types.js';
+import { FunctionMap } from './parser.js';
 
 export interface PluginOptions {
   configPath?: string;

package/src/errors.ts

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

package/src/functions/color.ts

@@ -1,4 +1,4 @@
-import { PluginContext } from "../config";
+import { PluginContext } from "../config.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 "../config.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 "../config.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 "./config.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,7 +1,7 @@
 import valueParser from 'postcss-value-parser';
 import { Node } from 'postcss';
-import { PluginContext } from './config';
-import { reportError } from './errors';
+import { PluginContext } from './config.js';
+import { reportError } from './errors.js';
 
 export type FunctionMap = Record<string, (context: PluginContext, ...args: string[]) => string>;
 

package/src/plugin.ts

@@ -1,8 +1,8 @@
 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, PluginOptions as ConfigOptions, PluginContext } from "./config.js";
+import { processFunctions, FunctionMap } from "./parser.js";
 
 export const dynamicFunctionsPlugin: PluginCreator<ConfigOptions> = (
   opts = {}

package/test-import.mjs

@@ -0,0 +1,2 @@
+import plugin from './dist/index.js';
+console.log('Plugin loaded:', plugin);

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
   },