@seyuna/postcss 1.0.0-canary.20 → 1.0.0-canary.22

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [1.0.0-canary.22](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.21...v1.0.0-canary.22) (2026-01-10)
+
+
+### Bug Fixes
+
+* **esm:** convert to esm and use lazy initialization to resolve deadlock ([4179e78](https://github.com/seyuna-corp/seyuna-postcss/commit/4179e786f3264a475ae89616b6078d80e51ba978))
+
+# [1.0.0-canary.21](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.20...v1.0.0-canary.21) (2026-01-10)
+
+
+### Bug Fixes
+
+* resolve deadlock by switching to CJS and lazy initialization ([5ae6db2](https://github.com/seyuna-corp/seyuna-postcss/commit/5ae6db23e8fdc630787e2feb4c062af0187bf8c4))
+
 # [1.0.0-canary.20](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.19...v1.0.0-canary.20) (2026-01-10)
 
 

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

@@ -1,4 +1,4 @@
-import { AtRule } from "postcss";
+import type { AtRule } from "postcss";
 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-scheme.js

@@ -1,4 +1,4 @@
-import { Rule, AtRule } from "postcss";
+import postcss from "postcss";
 /**
  * Custom PostCSS plugin handler factory for `@light` and `@dark` at-rules.
  */
@@ -14,7 +14,7 @@ function createColorSchemeHandler(scheme) {
         /**
          * Rule 1: [data-mode="scheme"] & { ... } (Explicit mode)
          */
-        const explicitRule = new Rule({
+        const explicitRule = new postcss.Rule({
             selector: `[${modeAttribute}="${scheme}"] &`,
             source: atRule.source,
         });
@@ -22,12 +22,12 @@ function createColorSchemeHandler(scheme) {
         /**
          * Rule 2: @media (prefers-color-scheme: scheme) { [data-mode="system"] & { ... } } (System preference)
          */
-        const mediaAtRule = new AtRule({
+        const mediaAtRule = new postcss.AtRule({
             name: "media",
             params: `(prefers-color-scheme: ${scheme})`,
             source: atRule.source,
         });
-        const systemRule = new Rule({
+        const systemRule = new postcss.Rule({
             selector: `[${modeAttribute}="system"] &`,
             source: atRule.source,
         });

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

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

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

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

package/dist/at-rules/container.js

@@ -1,4 +1,4 @@
-import { AtRule } from "postcss";
+import postcss from "postcss";
 /**
  * Custom PostCSS plugin handler for responsive at-rules.
  *
@@ -37,7 +37,7 @@ export default function container(atRule, context) {
         atRule.each((node) => {
             clonedNodes.push(node.clone());
         });
-        const containerAtRule = new AtRule({
+        const containerAtRule = new postcss.AtRule({
             name: "container",
             params: `(min-width: ${minWidth})`,
             source: atRule.source,

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

@@ -1,4 +1,4 @@
-import { AtRule } from "postcss";
+import type { AtRule } from "postcss";
 import { PluginContext } from "../types.js";
 export interface AtRuleHandler {
     name: string;

package/dist/helpers.d.ts

@@ -1,4 +1,5 @@
-import { Rule, ChildNode, AtRule } from "postcss";
+import postcss from "postcss";
+import type { ChildNode, AtRule } from "postcss";
 import { PluginContext } from './types.js';
 /**
  * Helper: clone nodes and replace {name} placeholders safely
@@ -8,4 +9,4 @@ export declare function cloneNodes(nodes: ChildNode[], name: string, context: Pl
 /**
  * Generate CSS rules from a list of names
  */
-export declare function generateRules(names: string[], atRule: AtRule, context: PluginContext): Rule[];
+export declare function generateRules(names: string[], atRule: AtRule, context: PluginContext): postcss.Rule[];

package/dist/helpers.js

@@ -1,4 +1,4 @@
-import { Rule } from "postcss";
+import postcss from "postcss";
 import { processFunctions } from "./parser.js";
 /**
  * Helper: clone nodes and replace {name} placeholders safely
@@ -37,7 +37,7 @@ export function generateRules(names, atRule, context) {
     const nodes = atRule.nodes ?? [];
     const generatedRules = [];
     for (const name of names) {
-        const rule = new Rule({
+        const rule = new postcss.Rule({
             selector: `&.${name}`,
             source: atRule.source,
         });

package/dist/plugin.d.ts

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

package/dist/plugin.js

@@ -3,20 +3,28 @@ 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 };
-    const context = {
-        config,
-        options,
-        functions: fnMap,
-    };
+    let context;
+    let fnMap;
     return {
         postcssPlugin: "postcss-dynamic-functions",
+        Once() {
+            const { config, options } = loadConfig(opts);
+            fnMap = { ...functions, ...opts.functions };
+            context = {
+                config,
+                options,
+                functions: fnMap,
+            };
+        },
         Declaration(decl) {
+            if (!context || !fnMap)
+                return;
             decl.value = processFunctions(decl.value, fnMap, decl, context);
         },
         // Override AtRule handler to ensure ordered execution
         AtRule(atRule) {
+            if (!context)
+                return;
             // Iterate over handlers in order (array) instead of object spread
             for (const { name, handler } of atRuleHandlers) {
                 if (atRule.name === name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seyuna/postcss",
-  "version": "1.0.0-canary.20",
+  "version": "1.0.0-canary.22",
   "description": "Seyuna UI's postcss plugin",
   "type": "module",
   "main": "dist/index.js",

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

@@ -1,4 +1,5 @@
-import { Rule, AtRule, ChildNode } from "postcss";
+import postcss from "postcss";
+import type { AtRule, ChildNode } from "postcss";
 import { PluginContext } from "../types.js";
 
 /**
@@ -18,7 +19,7 @@ function createColorSchemeHandler(scheme: 'light' | 'dark') {
     /**
      * Rule 1: [data-mode="scheme"] & { ... } (Explicit mode)
      */
-    const explicitRule = new Rule({
+    const explicitRule = new postcss.Rule({
       selector: `[${modeAttribute}="${scheme}"] &`,
       source: atRule.source,
     });
@@ -27,13 +28,13 @@ function createColorSchemeHandler(scheme: 'light' | 'dark') {
     /**
      * Rule 2: @media (prefers-color-scheme: scheme) { [data-mode="system"] & { ... } } (System preference)
      */
-    const mediaAtRule = new AtRule({
+    const mediaAtRule = new postcss.AtRule({
       name: "media",
       params: `(prefers-color-scheme: ${scheme})`,
       source: atRule.source,
     });
 
-    const systemRule = new Rule({
+    const systemRule = new postcss.Rule({
       selector: `[${modeAttribute}="system"] &`,
       source: atRule.source,
     });

package/src/at-rules/color.ts

@@ -1,4 +1,4 @@
-import { AtRule } from "postcss";
+import type { AtRule } from "postcss";
 import { PluginContext } from "../types.js";
 import { generateRules } from "../helpers.js";
 

package/src/at-rules/container.ts

@@ -1,4 +1,5 @@
-import { AtRule, ChildNode } from "postcss";
+import postcss from "postcss";
+import type { AtRule, ChildNode } from "postcss";
 import { PluginContext } from "../types.js";
 
 /**
@@ -44,7 +45,7 @@ export default function container(atRule: AtRule, context: PluginContext) {
       clonedNodes.push(node.clone());
     });
 
-    const containerAtRule = new AtRule({
+    const containerAtRule = new postcss.AtRule({
       name: "container",
       params: `(min-width: ${minWidth})`,
       source: atRule.source,

package/src/at-rules/index.ts

@@ -1,4 +1,4 @@
-import { AtRule } from "postcss";
+import type { AtRule } from "postcss";
 import { eachStandardColor, eachFixedColor } from "./color.js";
 import container from "./container.js";
 import { light, dark } from "./color-scheme.js";

package/src/helpers.ts

@@ -1,4 +1,5 @@
-import { Rule, ChildNode, Declaration, AtRule } from "postcss";
+import postcss from "postcss";
+import type { ChildNode, Declaration, AtRule } from "postcss";
 import { processFunctions } from "./parser.js";
 import { PluginContext } from './types.js';
 
@@ -27,7 +28,7 @@ export function cloneNodes(
     }
 
     if (cloned.type === "rule") {
-      const rule = cloned as Rule;
+      const rule = cloned as postcss.Rule;
       if (!rule.selector) return [];
 
       rule.selector = rule.selector.replace(/\{name\}/g, name);
@@ -53,17 +54,17 @@ export function generateRules(
   names: string[],
   atRule: AtRule,
   context: PluginContext
-): Rule[] {
+): postcss.Rule[] {
   const nodes = atRule.nodes ?? [];
-  const generatedRules: Rule[] = [];
+  const generatedRules: postcss.Rule[] = [];
 
   for (const name of names) {
-    const rule = new Rule({
+    const rule = new postcss.Rule({
       selector: `&.${name}`,
       source: atRule.source,
     });
     cloneNodes(nodes, name, context).forEach((n) => {
-      if (n.type === "rule" && n.selector && n.nodes?.length) rule.append(n);
+      if (n.type === "rule" && n.selector && (n as postcss.Rule).nodes?.length) rule.append(n);
       if (n.type === "decl") rule.append(n);
     });
 

package/src/plugin.ts

@@ -1,4 +1,4 @@
-import { PluginCreator } from "postcss";
+import type { PluginCreator } from "postcss";
 import { functions } from "./functions/index.js";
 import { atRuleHandlers } from "./at-rules/index.js";
 import { loadConfig } from "./config.js";
@@ -8,23 +8,30 @@ import { processFunctions } from "./parser.js";
 export const dynamicFunctionsPlugin: PluginCreator<PluginOptions> = (
   opts = {}
 ) => {
-  const { config, options } = loadConfig(opts);
-  const fnMap: FunctionMap = { ...functions, ...opts.functions };
-  const context: PluginContext = {
-    config,
-    options,
-    functions: fnMap,
-  };
+  let context: PluginContext | undefined;
+  let fnMap: FunctionMap | undefined;
 
   return {
     postcssPlugin: "postcss-dynamic-functions",
 
+    Once() {
+      const { config, options } = loadConfig(opts);
+      fnMap = { ...functions, ...opts.functions };
+      context = {
+        config,
+        options,
+        functions: fnMap,
+      };
+    },
+
     Declaration(decl) {
+      if (!context || !fnMap) return;
       decl.value = processFunctions(decl.value, fnMap, decl, context);
     },
 
     // Override AtRule handler to ensure ordered execution
     AtRule(atRule) {
+      if (!context) return;
       // Iterate over handlers in order (array) instead of object spread
       for (const { name, handler } of atRuleHandlers) {
         if (atRule.name === name) {