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

package/.github/workflows/release.yml

@@ -24,7 +24,7 @@ jobs:
       - name: Setup Node.js with npm auth
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
           registry-url: https://registry.npmjs.org/
           scope: "@seyuna"
           always-auth: true

package/CHANGELOG.md

@@ -1,3 +1,142 @@
+# [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)
+
+
+### Bug Fixes
+
+* remove @seyuna/cli dependency to prevent bundler loading Deno polyfills ([544a37e](https://github.com/seyuna-corp/seyuna-postcss/commit/544a37e412fcfd585c1dbcdfe28484ce63bec3c1))
+
+# [1.0.0-canary.19](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.18...v1.0.0-canary.19) (2026-01-10)
+
+
+### Bug Fixes
+
+* define types locally to avoid @seyuna/cli polyfill side-effects ([acdbcc9](https://github.com/seyuna-corp/seyuna-postcss/commit/acdbcc977fd2a501302d675ff7ffd2c307e25a95))
+
+# [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)
+
+
+### Bug Fixes
+
+* Fixed release configuration. ([3e7f764](https://github.com/seyuna-corp/seyuna-postcss/commit/3e7f76488e109110cbec50cb4c5bdc89397b3b40))
+* release configuration error. ([076eb34](https://github.com/seyuna-corp/seyuna-postcss/commit/076eb348d2ce7ca61bbc1c7a9ad597cadbe59f34))
+
+# [1.0.0-canary.15](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.14...v1.0.0-canary.15) (2026-01-09)
+
+
+### Bug Fixes
+
+* workflow node version upgrade. ([e98349a](https://github.com/seyuna-corp/seyuna-postcss/commit/e98349af69aab446f0ac4d0790112d5c702c1b36))
+
+# [1.0.0-canary.14](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.13...v1.0.0-canary.14) (2025-10-09)
+
+
+### Bug Fixes
+
+* bug in generateRules ([d5b66d3](https://github.com/seyuna-corp/seyuna-postcss/commit/d5b66d32786f554c0e4f7ea98ae526e7f7ac82c5))
+* removed pnpm lock file that ([6d87d61](https://github.com/seyuna-corp/seyuna-postcss/commit/6d87d616a79a2a539b09dea26bc907dee1d437e2))
+* updated lock file ([d52dcfb](https://github.com/seyuna-corp/seyuna-postcss/commit/d52dcfb2bccbd502d744ceb09aa83394df4ac057))
+
+# [1.0.0-canary.13](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.12...v1.0.0-canary.13) (2025-10-07)
+
+
+### Bug Fixes
+
+* safely clone nodes and replace {name} placeholders ([8a68ee6](https://github.com/seyuna-corp/seyuna-postcss/commit/8a68ee6f1ade947639151bdbf365c102aa439d37))
+
+# [1.0.0-canary.12](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.11...v1.0.0-canary.12) (2025-09-15)
+
+
+### Bug Fixes
+
+* color functions not running when used inside at-each rules ([995fd98](https://github.com/seyuna-corp/seyuna-postcss/commit/995fd9816f2c2d51caa67add4d3172cee41d0c65))
+
+# [1.0.0-canary.11](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.10...v1.0.0-canary.11) (2025-09-15)
+
+
+### Bug Fixes
+
+* nested rules for at-each-standard-color & at-each-fixed-color ([197a755](https://github.com/seyuna-corp/seyuna-postcss/commit/197a75542798ecacaa071802b2abbf962bcd6538))
+
+# [1.0.0-canary.10](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.9...v1.0.0-canary.10) (2025-09-10)
+
+
+### Bug Fixes
+
+* registered each breakpoint to the same handler for at-rule `container` ([f3f5b36](https://github.com/seyuna-corp/seyuna-postcss/commit/f3f5b3665291dc94e92f3f7c2b2a576b4bdb4517))
+
+# [1.0.0-canary.9](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.8...v1.0.0-canary.9) (2025-09-10)
+
+
+### Bug Fixes
+
+* colors selector in at-rule `each-fixed-color` ([31adb28](https://github.com/seyuna-corp/seyuna-postcss/commit/31adb28f3576a0dcfb78a9aadf331ee4b7ef3e0c))
+
+# [1.0.0-canary.8](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.7...v1.0.0-canary.8) (2025-09-10)
+
+
+### Features
+
+* added at-rule `each-fixed-color` ([699ee0d](https://github.com/seyuna-corp/seyuna-postcss/commit/699ee0defd1fbb0ff91a90c1e13358b1ef9832b2))
+
+
+### BREAKING CHANGES
+
+* at-rule `each-seyuna-color` renamed to `each-standard-color`
+
+# [1.0.0-canary.7](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.6...v1.0.0-canary.7) (2025-09-10)
+
+
+### Features
+
+* Added at-rule ([8a08289](https://github.com/seyuna-corp/seyuna-postcss/commit/8a08289023f4aa6f65d56e10697e64d02444f118))
+
+# [1.0.0-canary.6](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.5...v1.0.0-canary.6) (2025-09-09)
+
+
+### Features
+
+* add new color function 'fc' ([70e961f](https://github.com/seyuna-corp/seyuna-postcss/commit/70e961fb0b0a13e358de15b42a87b7890f3fc5c0))
+
+
+### BREAKING CHANGES
+
+* changed how 'sc' functions, not backward-compatible
+
+# [1.0.0-canary.5](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.4...v1.0.0-canary.5) (2025-08-25)
+
+
+### Bug Fixes
+
+* changed color function name to sc to avoid conflicts with the default css color() function ([a46e96c](https://github.com/seyuna-corp/seyuna-postcss/commit/a46e96c74839f930d39a2c273c822a689a942783))
+
+# [1.0.0-canary.4](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.3...v1.0.0-canary.4) (2025-08-24)
+
+
+### Bug Fixes
+
+* at-rules for mode now ensure that [data-mode=system] before enforcing prefers-color-scheme ([475055d](https://github.com/seyuna-corp/seyuna-postcss/commit/475055db1d5662d25631953af669bf64b2e0468e))
+
+# [1.0.0-canary.3](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.2...v1.0.0-canary.3) (2025-08-24)
+
+
+### Bug Fixes
+
+* prioritized data-mode over prefers-color-scheme for [@dark](https://github.com/dark) & [@light](https://github.com/light) rules ([1dafbe7](https://github.com/seyuna-corp/seyuna-postcss/commit/1dafbe74c2ceae8faf28f55ac64846e9e752405b))
+
 # [1.0.0-canary.2](https://github.com/seyuna-corp/seyuna-postcss/compare/v1.0.0-canary.1...v1.0.0-canary.2) (2025-08-08)
 
 

package/README.md

@@ -0,0 +1,275 @@
+# @seyuna/postcss
+
+[![NPM Version](https://img.shields.io/npm/v/@seyuna/postcss.svg)](https://www.npmjs.com/package/@seyuna/postcss)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
+
+> Build interfaces that transcend resolution.
+
+---
+
+## What is this
+
+Seyuna PostCSS is the engine behind the Seyuna design system. It compiles a declarative color configuration into fully functional CSS, handles theme switching, and provides a suite of utilities that make authoring stylesheets faster and more intuitive.
+
+The core philosophy is simple: **design once at 1080p, deploy everywhere**. Seyuna UI handles upscaling automatically through viewport-relative font sizing. The result is pixel-perfect consistency from a laptop to a 4K display without breakpoints, without media queries, without you lifting a finger.
+
+```css
+html {
+  font-size: max(1rem, 0.833vw);
+}
+```
+
+This single line is the foundation. At 1920px viewport width, `0.833vw` equals exactly `16px`. Everything scales proportionally. No more designing three versions of every component.
+
+---
+
+## Installation
+
+```bash
+npm install @seyuna/postcss postcss-import postcss-advanced-variables postcss-preset-env --save-dev
+```
+
+---
+
+## Configuration
+
+Create a `postcss.config.js` at your project root:
+
+```javascript
+import seyunaPostcss from '@seyuna/postcss';
+import postcssImport from 'postcss-import';
+import postcssAdvancedVariables from 'postcss-advanced-variables';
+import postcssPresetEnv from 'postcss-preset-env';
+
+export default {
+  plugins: [
+    seyunaPostcss({
+      configPath: 'seyuna.json',
+      modeAttribute: 'data-mode',
+    }),
+    postcssImport,
+    postcssAdvancedVariables,
+    postcssPresetEnv({
+      stage: 3,
+      features: {
+        'nesting-rules': true,
+      },
+    }),
+  ],
+};
+```
+
+The plugin reads from `seyuna.json` at build time. This file is your single source of truth for colors, themes, and any other design tokens you want accessible in CSS.
+
+---
+
+## The Color Model
+
+Seyuna operates entirely in the OKLCH color space. Unlike HSL or RGB, OKLCH is perceptually uniform. A lightness of `0.66` looks equally bright across all hues. This makes it possible to build harmonious palettes programmatically.
+
+### Standard Colors
+
+Standard colors are hue-only tokens. They inherit the global `--lightness` and `--chroma` values from the current theme mode. When the user switches from light to dark, every standard color adapts automatically.
+
+```css
+.button {
+  background: sc(primary);
+}
+```
+
+Compiles to:
+
+```css
+.button {
+  background: oklch(var(--lightness) var(--chroma) var(--primary-hue) / 1);
+}
+```
+
+### Fixed Colors
+
+Fixed colors are absolute. They define their own lightness, chroma, and hue. Use these for colors that must remain constant regardless of theme, like brand logos or semantic status indicators.
+
+```css
+.badge {
+  background: fc(white);
+}
+```
+
+Compiles to:
+
+```css
+.badge {
+  background: oklch(var(--white-lightness) var(--white-chroma) var(--white-hue) / 1);
+}
+```
+
+---
+
+## Color Manipulation
+
+All color functions accept a color name from your configuration.
+
+| Function              | Purpose                                  | Example                     |
+|:----------------------|:-----------------------------------------|:----------------------------|
+| `alpha(color, value)` | Adjusts opacity                          | `alpha(primary, 0.5)`       |
+| `lighten(color, amt)` | Increases lightness by `amt`             | `lighten(primary, 0.1)`     |
+| `darken(color, amt)`  | Decreases lightness by `amt`             | `darken(primary, 0.1)`      |
+| `contrast(color)`     | Returns black or white based on lightness| `color: contrast(surface);` |
+
+The `contrast()` function uses a dynamic CSS calculation internally. It does not bake in a static value. If `--surface-lightness` changes at runtime, the contrast color updates with it.
+
+---
+
+## Theme Switching
+
+Seyuna supports three modes: `light`, `dark`, and `system`. The system mode respects `prefers-color-scheme`. All switching is handled via the `data-mode` attribute on your root element.
+
+```html
+<html data-mode="system">
+```
+
+The compiled CSS contains rules for all three states:
+
+```css
+[data-mode="light"] {
+  --lightness: 0.66;
+  --chroma: 0.26;
+}
+
+@media (prefers-color-scheme: dark) {
+  [data-mode="system"] {
+    --lightness: 0.66;
+    --chroma: 0.26;
+  }
+}
+```
+
+### In-CSS Overrides
+
+Need a component to look different in dark mode? Use the `@dark` and `@light` at-rules directly in your stylesheet:
+
+```css
+.card {
+  background: fc(white);
+
+  @dark {
+    background: fc(black);
+  }
+}
+```
+
+---
+
+## Container Queries
+
+Seyuna ships with shorthand breakpoints that compile to CSS Container Queries instead of traditional media queries. This means components respond to their container size, not the viewport.
+
+```css
+.grid {
+  display: grid;
+  grid-template-columns: 1fr;
+
+  @md {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @lg {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+```
+
+Available breakpoints:
+
+| At-Rule | Container Width |
+|:--------|:----------------|
+| `@xs`   | 20rem           |
+| `@sm`   | 30rem           |
+| `@md`   | 48rem           |
+| `@lg`   | 62rem           |
+| `@xl`   | 80rem           |
+| `@2xl`  | 96rem           |
+
+---
+
+## Configuration Reference
+
+```json
+{
+  "ui": {
+    "theme": {
+      "hues": {
+        "primary": 240,
+        "secondary": 30,
+        "accent": 150
+      },
+      "colors": {
+        "white": { "lightness": 1, "chroma": 0, "hue": 0 },
+        "black": { "lightness": 0, "chroma": 0, "hue": 0 }
+      },
+      "light": {
+        "lightness": 0.66,
+        "chroma": 0.26,
+        "background": { "lightness": 1, "chroma": 0, "hue": 0 },
+        "text": { "lightness": 0, "chroma": 0, "hue": 0 }
+      },
+      "dark": {
+        "lightness": 0.66,
+        "chroma": 0.26,
+        "background": { "lightness": 0, "chroma": 0, "hue": 0 },
+        "text": { "lightness": 1, "chroma": 0, "hue": 0 }
+      }
+    },
+    "mode": "system",
+    "output_dir": "src/styles"
+  }
+}
+```
+
+`hues` defines standard colors. Only the hue angle is specified because lightness and chroma come from the theme mode.
+
+`colors` defines fixed colors with explicit lightness, chroma, and hue values.
+
+`light` and `dark` set the global lightness and chroma for standard colors, plus any mode-specific fixed colors like background and text.
+
+---
+
+## Palette Iteration
+
+Generate utility classes by iterating over your entire color configuration:
+
+```css
+@each-standard-color {
+  .bg-{name} {
+    background-color: sc({name});
+  }
+}
+
+@each-fixed-color {
+  .text-{name} {
+    color: fc({name});
+  }
+}
+```
+
+---
+
+## The Reset Layer
+
+Seyuna UI generates a CSS file that includes a minimal, opinionated reset. It zeroes out margins and padding, removes default list styles, and sets sensible defaults for text rendering. The reset is applied to the `reset` layer, so your styles can override it without specificity battles.
+
+The upscaling magic happens here:
+
+```css
+html {
+  font-size: max(1rem, 0.833vw);
+}
+```
+
+At 1920px, the computed font size is 16px. At 2560px, it becomes roughly 21px. Every `rem` value in your stylesheet scales accordingly. Design at 1080p. Ship at any resolution.
+
+---
+
+## License
+
+MIT

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

@@ -0,0 +1,4 @@
+import { 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

@@ -0,0 +1,43 @@
+import { Rule, AtRule } from "postcss";
+/**
+ * Custom PostCSS plugin handler factory for `@light` and `@dark` at-rules.
+ */
+function createColorSchemeHandler(scheme) {
+    return (atRule, context) => {
+        const { options } = context;
+        const modeAttribute = options.modeAttribute;
+        const clonedNodes = [];
+        // Clone all child nodes inside the block
+        atRule.each((node) => {
+            clonedNodes.push(node.clone());
+        });
+        /**
+         * Rule 1: [data-mode="scheme"] & { ... } (Explicit mode)
+         */
+        const explicitRule = new Rule({
+            selector: `[${modeAttribute}="${scheme}"] &`,
+            source: atRule.source,
+        });
+        clonedNodes.forEach((node) => explicitRule.append(node.clone()));
+        /**
+         * Rule 2: @media (prefers-color-scheme: scheme) { [data-mode="system"] & { ... } } (System preference)
+         */
+        const mediaAtRule = new AtRule({
+            name: "media",
+            params: `(prefers-color-scheme: ${scheme})`,
+            source: atRule.source,
+        });
+        const systemRule = new Rule({
+            selector: `[${modeAttribute}="system"] &`,
+            source: atRule.source,
+        });
+        clonedNodes.forEach((node) => systemRule.append(node.clone()));
+        mediaAtRule.append(systemRule);
+        /**
+         * Replace the original at-rule with the generated rules.
+         */
+        atRule.replaceWith(mediaAtRule, explicitRule);
+    };
+}
+export const light = createColorSchemeHandler('light');
+export const dark = createColorSchemeHandler('dark');

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

@@ -0,0 +1,10 @@
+import { AtRule } from "postcss";
+import { PluginContext } from "../types.js";
+/**
+ * Handler for @each-standard-color
+ */
+export declare function eachStandardColor(atRule: AtRule, context: PluginContext): void;
+/**
+ * Handler for @each-fixed-color
+ */
+export declare function eachFixedColor(atRule: AtRule, context: PluginContext): void;

package/dist/at-rules/color.js

@@ -0,0 +1,30 @@
+import { generateRules } from "../helpers.js";
+/**
+ * Handler for @each-standard-color
+ */
+export function eachStandardColor(atRule, context) {
+    const { config } = context;
+    const hueNames = config.ui ? Object.keys(config.ui.theme.hues) : [];
+    const rules = generateRules(hueNames, atRule, context);
+    if (rules.length)
+        atRule.replaceWith(...rules);
+    else
+        atRule.remove();
+}
+/**
+ * Handler for @each-fixed-color
+ */
+export function eachFixedColor(atRule, context) {
+    const { config } = context;
+    const mergedNames = [
+        ...new Set([
+            ...(config.ui ? Object.keys(config.ui.theme.light.colors) : []),
+            ...(config.ui ? Object.keys(config.ui.theme.dark.colors) : []),
+        ]),
+    ];
+    const rules = generateRules(mergedNames, atRule, context);
+    if (rules.length)
+        atRule.replaceWith(...rules);
+    else
+        atRule.remove();
+}

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

@@ -0,0 +1,19 @@
+import { AtRule } from "postcss";
+import { PluginContext } from "../types.js";
+/**
+ * Custom PostCSS plugin handler for responsive at-rules.
+ *
+ * Example:
+ *
+ *   @xs {
+ *     .box { color: red; }
+ *   }
+ *
+ * Into:
+ *
+ *   @xs (min-width: 234px) {
+ *     .box { color: red; }
+ *   }
+ *
+ */
+export default function container(atRule: AtRule, context: PluginContext): void;

package/dist/at-rules/container.js

@@ -0,0 +1,48 @@
+import { AtRule } from "postcss";
+/**
+ * Custom PostCSS plugin handler for responsive at-rules.
+ *
+ * Example:
+ *
+ *   @xs {
+ *     .box { color: red; }
+ *   }
+ *
+ * Into:
+ *
+ *   @xs (min-width: 234px) {
+ *     .box { color: red; }
+ *   }
+ *
+ */
+export default function container(atRule, context) {
+    const { config } = context;
+    // Default breakpoints
+    const defaultBreakpoints = {
+        xs: "20rem",
+        sm: "40rem",
+        md: "48rem",
+        lg: "64rem",
+        xl: "80rem",
+        "2xl": "96rem",
+    };
+    // Merge with config if available (assuming config.ui.breakpoints exists)
+    const breakpoints = {
+        ...defaultBreakpoints,
+        ...(config.ui?.theme?.breakpoints || {}),
+    };
+    if (Object.keys(breakpoints).includes(atRule.name)) {
+        const minWidth = breakpoints[atRule.name];
+        const clonedNodes = [];
+        atRule.each((node) => {
+            clonedNodes.push(node.clone());
+        });
+        const containerAtRule = new AtRule({
+            name: "container",
+            params: `(min-width: ${minWidth})`,
+            source: atRule.source,
+        });
+        clonedNodes.forEach((node) => containerAtRule.append(node));
+        atRule.replaceWith(containerAtRule);
+    }
+}

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

@@ -1,3 +1,7 @@
-import type { AtRule } from "postcss";
-export type AtRuleHandler = (atRule: AtRule) => void;
-export declare const atRuleHandlers: Record<string, AtRuleHandler>;
+import { AtRule } from "postcss";
+import { PluginContext } from "../types.js";
+export interface AtRuleHandler {
+    name: string;
+    handler: (atRule: AtRule, context: PluginContext) => void;
+}
+export declare const atRuleHandlers: AtRuleHandler[];

package/dist/at-rules/index.js

@@ -1,13 +1,16 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.atRuleHandlers = void 0;
-const dark_1 = __importDefault(require("./dark"));
-const light_1 = __importDefault(require("./light"));
-exports.atRuleHandlers = {
-    light: light_1.default,
-    dark: dark_1.default,
-    // add more handlers here as needed
-};
+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 },
+    { name: "each-fixed-color", handler: eachFixedColor },
+    { name: "light", handler: light },
+    { name: "dark", handler: dark },
+    { name: "xs", handler: container },
+    { name: "sm", handler: container },
+    { name: "md", handler: container },
+    { name: "lg", handler: container },
+    { name: "xl", handler: container },
+    { name: "2xl", handler: container },
+];

package/dist/config.d.ts

@@ -0,0 +1,6 @@
+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/config.js

@@ -0,0 +1,47 @@
+import fs from 'fs';
+import path from 'path';
+const DEFAULT_OPTIONS = {
+    configPath: 'seyuna.json',
+    modeAttribute: 'data-mode',
+    strict: false,
+    config: undefined,
+    functions: undefined,
+};
+let cachedConfig = null;
+let cachedConfigPath = null;
+export function loadConfig(options = {}) {
+    const mergedOptions = { ...DEFAULT_OPTIONS, ...options };
+    if (mergedOptions.config) {
+        return { config: mergedOptions.config, options: mergedOptions };
+    }
+    const configPath = path.resolve(process.cwd(), mergedOptions.configPath);
+    // Cache config if it's the same path
+    if (cachedConfig && cachedConfigPath === configPath) {
+        return { config: cachedConfig, options: mergedOptions };
+    }
+    try {
+        if (!fs.existsSync(configPath)) {
+            if (mergedOptions.strict) {
+                throw new Error(`Seyuna config not found at ${configPath}`);
+            }
+            return {
+                config: { ui: { theme: { hues: {}, light: { colors: {} }, dark: { colors: {} } } } },
+                options: mergedOptions,
+            };
+        }
+        const data = JSON.parse(fs.readFileSync(configPath, 'utf-8'));
+        cachedConfig = data;
+        cachedConfigPath = configPath;
+        return { config: data, options: mergedOptions };
+    }
+    catch (error) {
+        if (mergedOptions.strict) {
+            throw error;
+        }
+        console.warn(`[Seyuna PostCSS] Warning: Failed to load config: ${error instanceof Error ? error.message : String(error)}`);
+        return {
+            config: { ui: { theme: { hues: {}, light: { colors: {} }, dark: { colors: {} } } } },
+            options: mergedOptions,
+        };
+    }
+}