next-style 2.2.3 → 2.2.4

package/README.md

@@ -650,16 +650,16 @@ export function ThemeToggle() {
 1. ✅ Check that `postcss.config.js` includes `"next-style/plugin": {}`
 2. ✅ Check that `@import "next-style";` is at the **top** of `globals.css` (before other styles)
 3. ✅ Verify you imported `css` from the correct package:
-   ```tsx
-   import { css } from "next-style"  // ✓ correct
-   import { css } from "next-style/plugin"  // ✗ incorrect
-   ```
+```tsx
+import { css } from "next-style"  // ✓ correct
+import { css } from "next-style/plugin"  // ✗ incorrect
+```
 4. ✅ Restart the dev server after any PostCSS config change
 5. ✅ Clear the Next.js cache: `rm -rf .next` and restart
 
 ### First cold boot shows no styles
 
-On the very first build, no `css()` calls have been evaluated yet so the cache file doesn't exist. Run the dev server once to populate the cache. Subsequent builds will include all styles. This is expected behavior on cold starts.
+On the very first build, no `css()` calls have been evaluated yet so the cache file doesn't exist. Starting from v2.2.4, cold builds work automatically — the PostCSS plugin scans your source files directly when the cache file is missing, so no prior dev run is required.
 
 **For production/CI builds:** The PostCSS plugin automatically scans your source files to extract styles if the cache file is missing, so cold builds on GitHub Actions, Vercel, or other CI systems work without extra setup.
 

package/dist/index.cjs

@@ -1,31 +1,31 @@
-"use strict";var H=Object.create;var $=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var Z=(s,e)=>{for(var t in e)$(s,t,{get:e[t],enumerable:!0})},N=(s,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of G(e))!L.call(s,r)&&r!==t&&$(s,r,{get:()=>e[r],enumerable:!(n=k(e,r))||n.enumerable});return s};var Q=(s,e,t)=>(t=s!=null?H(J(s)):{},N(e||!s||!s.__esModule?$(t,"default",{value:s,enumerable:!0}):t,s)),_=s=>N($({},"__esModule",{value:!0}),s);var v={};Z(v,{BREAKPOINTS:()=>f,StyleCollector:()=>p,camelToKebab:()=>R,createTransformer:()=>K,css:()=>z,deduplicateStyles:()=>T,generateClassHash:()=>m,global:()=>F,normalizeMediaQuery:()=>x,styleCollector:()=>g,validateCSSProperty:()=>W});module.exports=_(v);var j=Q(require("fs"),1),E=Q(require("path"),1);function R(s){return s.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function m(s){let e=typeof s=="string"?s:JSON.stringify(s),t=0;for(let n=0;n<e.length;n++){let r=e.charCodeAt(n);t=(t<<5)-t+r,t=t&t}return Math.abs(t).toString(36)}var f={"@sm":"@media (min-width: 640px)","@md":"@media (min-width: 768px)","@lg":"@media (min-width: 1024px)","@xl":"@media (min-width: 1280px)","@2xl":"@media (min-width: 1536px)"};function x(s){return f[s]??s}function W(s,e){return typeof e=="string"||typeof e=="number"||typeof e=="object"&&!Array.isArray(e)}function T(s){let e=new Map,t=new Set;return s.forEach((n,r)=>{let l=JSON.stringify(n);t.has(l)||(t.add(l),e.set(r,n))}),e}var p=class s{constructor(){this.styles=new Map}addStyle(e){let n=`ns-${m(e)}`;if(this.styles.has(n))return n;let r=this.compileStyle(e);return this.styles.set(n,r),n}addGlobalStyle(e,t){let n=`global:${e}`;if(this.styles.has(n))return;let r=this.buildDeclarations(t);r&&this.styles.set(n,{className:n,css:`${e} {
-${r}}`,mediaQueries:{},pseudoClasses:{},keyframes:"",supports:{},layers:{}})}compileStyle(e){let{mediaQueries:t,pseudoClasses:n,normalStyles:r,keyframes:l,supports:h,container:u,layer:S}=this.parseStyles(e),o=`ns-${m(e)}`,P=this.buildDeclarations(r),I=`.${o} {
-${P}}`,y={};Object.entries(t).forEach(([c,d])=>{let a=x(c),C=this.buildDeclarations(d,"    ");if(y[a]){let B=y[a].split(`
+"use strict";var H=Object.create;var $=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var Z=(s,e)=>{for(var t in e)$(s,t,{get:e[t],enumerable:!0})},N=(s,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of J(e))!v.call(s,r)&&r!==t&&$(s,r,{get:()=>e[r],enumerable:!(n=G(e,r))||n.enumerable});return s};var Q=(s,e,t)=>(t=s!=null?H(L(s)):{},N(e||!s||!s.__esModule?$(t,"default",{value:s,enumerable:!0}):t,s)),_=s=>N($({},"__esModule",{value:!0}),s);var U={};Z(U,{BREAKPOINTS:()=>g,StyleCollector:()=>p,camelToKebab:()=>R,createTransformer:()=>z,css:()=>k,deduplicateStyles:()=>T,generateClassHash:()=>f,global:()=>F,normalizeMediaQuery:()=>x,styleCollector:()=>m,validateCSSProperty:()=>W});module.exports=_(U);var O=Q(require("fs"),1),E=Q(require("path"),1);function R(s){return s.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function f(s){let e=typeof s=="string"?s:JSON.stringify(s),t=0;for(let n=0;n<e.length;n++){let r=e.charCodeAt(n);t=(t<<5)-t+r,t=t&t}return Math.abs(t).toString(36)}var g={"@sm":"@media (min-width: 640px)","@md":"@media (min-width: 768px)","@lg":"@media (min-width: 1024px)","@xl":"@media (min-width: 1280px)","@2xl":"@media (min-width: 1536px)"};function x(s){return g[s]??s}function W(s,e){return typeof e=="string"||typeof e=="number"||typeof e=="object"&&!Array.isArray(e)}function T(s){let e=new Map,t=new Set;return s.forEach((n,r)=>{let a=JSON.stringify(n);t.has(a)||(t.add(a),e.set(r,n))}),e}function K(s){let e={};for(let[t,n]of Object.entries(s)){let r=g[t]??t;e[r]=n&&typeof n=="object"&&!Array.isArray(n)?K(n):n}return e}var p=class s{constructor(){this.styles=new Map}addStyle(e){let t=K(e),r=`ns-${f(t)}`;if(this.styles.has(r))return r;let a=this.compileStyle(t);return this.styles.set(r,a),r}addGlobalStyle(e,t){let n=`global:${e}`;if(this.styles.has(n))return;let r=this.buildDeclarations(t);r&&this.styles.set(n,{className:n,css:`${e} {
+${r}}`,mediaQueries:{},pseudoClasses:{},keyframes:"",supports:{},layers:{}})}compileStyle(e){let{mediaQueries:t,pseudoClasses:n,normalStyles:r,keyframes:a,supports:h,container:u,layer:S}=this.parseStyles(e),o=`ns-${f(e)}`,P=this.buildDeclarations(r),I=`.${o} {
+${P}}`,y={};Object.entries(t).forEach(([l,d])=>{let c=x(l),C=this.buildDeclarations(d,"    ");if(y[c]){let B=y[c].split(`
 `).slice(2,-2).join(`
-`);y[a]=`${a} {
+`);y[c]=`${c} {
   .${o} {
 ${B}
 ${C}  }
-}`}else y[a]=`${a} {
+}`}else y[c]=`${c} {
   .${o} {
 ${C}  }
-}`}),Object.entries(u).forEach(([c,d])=>{let a=this.buildDeclarations(d,"    ");y[c]=`${c} {
+}`}),Object.entries(u).forEach(([l,d])=>{let c=this.buildDeclarations(d,"    ");y[l]=`${l} {
   .${o} {
-${a}  }
-}`});let w={};Object.entries(n).forEach(([c,d])=>{let a=this.buildDeclarations(d);w[c]=`.${o}${c} {
-${a}}`});let b="";Object.entries(l).forEach(([c,d])=>{b+=`@keyframes ${c} {
-`,Object.entries(d).forEach(([a,C])=>{let D=this.buildDeclarations(C,"    ");b+=`  ${a} {
+${c}  }
+}`});let w={};Object.entries(n).forEach(([l,d])=>{let c=this.buildDeclarations(d);w[l]=`.${o}${l} {
+${c}}`});let b="";Object.entries(a).forEach(([l,d])=>{b+=`@keyframes ${l} {
+`,Object.entries(d).forEach(([c,C])=>{let D=this.buildDeclarations(C,"    ");b+=`  ${c} {
 ${D}  }
 `}),b+=`}
-`});let M={};Object.entries(h).forEach(([c,d])=>{let a=this.buildDeclarations(d,"    ");M[c]=`@supports ${c} {
+`});let A={};Object.entries(h).forEach(([l,d])=>{let c=this.buildDeclarations(d,"    ");A[l]=`@supports ${l} {
   .${o} {
-${a}  }
-}`});let A={};return Object.entries(S).forEach(([c,d])=>{let a=this.buildDeclarations(d,"  ");A[c]=`@layer ${c} {
-${a}}`}),{className:o,css:I,mediaQueries:y,pseudoClasses:w,keyframes:b,supports:M,layers:A}}parseStyles(e){let t={},n={},r={},l={},h={},u={},S={};return Object.entries(e).forEach(([i,o])=>{if(i.startsWith("@keyframes "))l[i.slice(11)]=o;else if(i==="@keyframes"&&typeof o=="object")Object.assign(l,o);else if(i.startsWith("@supports")){let P=i.slice(0,9)==="@supports"?i.slice(9).trim():i;h[P]=o}else i.startsWith("@container")?u[i]=o:i.startsWith("@layer")?S[i.slice(7)||"default"]=o:i in f||i.startsWith("@media")?n[i]=o:i.startsWith(":")||i.startsWith("::")?r[i]=o:t[i]=o}),{normalStyles:t,mediaQueries:n,pseudoClasses:r,keyframes:l,supports:h,container:u,layer:S}}buildDeclarations(e,t="  "){let n="";return Object.entries(e).forEach(([r,l])=>{(typeof l=="string"||typeof l=="number")&&(n+=`${t}${R(r)}: ${l};
+${c}  }
+}`});let M={};return Object.entries(S).forEach(([l,d])=>{let c=this.buildDeclarations(d,"  ");M[l]=`@layer ${l} {
+${c}}`}),{className:o,css:I,mediaQueries:y,pseudoClasses:w,keyframes:b,supports:A,layers:M}}parseStyles(e){let t={},n={},r={},a={},h={},u={},S={};return Object.entries(e).forEach(([i,o])=>{if(i.startsWith("@keyframes "))a[i.slice(11)]=o;else if(i==="@keyframes"&&typeof o=="object")Object.assign(a,o);else if(i.startsWith("@supports")){let P=i.slice(0,9)==="@supports"?i.slice(9).trim():i;h[P]=o}else i.startsWith("@container")?u[i]=o:i.startsWith("@layer")?S[i.slice(7)||"default"]=o:i in g||i.startsWith("@media")?n[i]=o:i.startsWith(":")||i.startsWith("::")?r[i]=o:t[i]=o}),{normalStyles:t,mediaQueries:n,pseudoClasses:r,keyframes:a,supports:h,container:u,layer:S}}buildDeclarations(e,t="  "){let n="";return Object.entries(e).forEach(([r,a])=>{(typeof a=="string"||typeof a=="number")&&(n+=`${t}${R(r)}: ${a};
 `)}),n}getAllStyles(){let e="";return this.styles.forEach(t=>{t.keyframes&&(e+=`${t.keyframes}
 `),t.css&&(e+=`${t.css}
 `),Object.values(t.pseudoClasses).forEach(r=>{e+=`${r}
 `}),Object.values(t.layers).forEach(r=>{e+=`${r}
 `}),Object.values(t.supports).forEach(r=>{e+=`${r}
-`}),Object.entries(t.mediaQueries).sort(([r],[l])=>this.extractMinWidth(r)-this.extractMinWidth(l)).forEach(([,r])=>{e+=`${r}
-`})}),e}extractMinWidth(e){let t=e.match(/min-width:\s*(\d+)px/);return t?parseInt(t[1],10):0}flush(e){try{let t=e??s.defaultCacheFile();j.default.mkdirSync(E.default.dirname(t),{recursive:!0}),j.default.writeFileSync(t,this.getAllStyles(),"utf-8")}catch(t){console.error("Failed to flush styles to cache file:",t)}}static defaultCacheFile(){return E.default.join(process.cwd(),"node_modules",".cache","next-style","styles.css")}getStyleMap(){return new Map(this.styles)}};function K(){let s=new p;return{collector:s,transformCssCall(e){return s.addStyle(e)}}}function z(s){let e=g.addStyle(s);return g.flush(),e}function F(s){Object.entries(s).forEach(([e,t])=>{g.addGlobalStyle(e,t)}),g.flush()}var g=new p;0&&(module.exports={BREAKPOINTS,StyleCollector,camelToKebab,createTransformer,css,deduplicateStyles,generateClassHash,global,normalizeMediaQuery,styleCollector,validateCSSProperty});
+`}),Object.entries(t.mediaQueries).sort(([r],[a])=>this.extractMinWidth(r)-this.extractMinWidth(a)).forEach(([,r])=>{e+=`${r}
+`})}),e}extractMinWidth(e){let t=e.match(/min-width:\s*(\d+)px/);return t?parseInt(t[1],10):0}flush(e){try{let t=e??s.defaultCacheFile();O.default.mkdirSync(E.default.dirname(t),{recursive:!0}),O.default.writeFileSync(t,this.getAllStyles(),"utf-8")}catch(t){console.error("Failed to flush styles to cache file:",t)}}static defaultCacheFile(){return E.default.join(process.cwd(),"node_modules",".cache","next-style","styles.css")}getStyleMap(){return new Map(this.styles)}};function z(){let s=new p;return{collector:s,transformCssCall(e){return s.addStyle(e)}}}function k(s){let e=m.addStyle(s);return m.flush(),e}function F(s){Object.entries(s).forEach(([e,t])=>{m.addGlobalStyle(e,t)}),m.flush()}var m=new p;0&&(module.exports={BREAKPOINTS,StyleCollector,camelToKebab,createTransformer,css,deduplicateStyles,generateClassHash,global,normalizeMediaQuery,styleCollector,validateCSSProperty});

package/dist/index.js

@@ -1,31 +1,31 @@
-import A from"fs";import D from"path";function P(n){return n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function b(n){let e=typeof n=="string"?n:JSON.stringify(n),t=0;for(let r=0;r<e.length;r++){let s=e.charCodeAt(r);t=(t<<5)-t+s,t=t&t}return Math.abs(t).toString(36)}var C={"@sm":"@media (min-width: 640px)","@md":"@media (min-width: 768px)","@lg":"@media (min-width: 1024px)","@xl":"@media (min-width: 1280px)","@2xl":"@media (min-width: 1536px)"};function O(n){return C[n]??n}function W(n,e){return typeof e=="string"||typeof e=="number"||typeof e=="object"&&!Array.isArray(e)}function T(n){let e=new Map,t=new Set;return n.forEach((r,s)=>{let l=JSON.stringify(r);t.has(l)||(t.add(l),e.set(s,r))}),e}var y=class n{constructor(){this.styles=new Map}addStyle(e){let r=`ns-${b(e)}`;if(this.styles.has(r))return r;let s=this.compileStyle(e);return this.styles.set(r,s),r}addGlobalStyle(e,t){let r=`global:${e}`;if(this.styles.has(r))return;let s=this.buildDeclarations(t);s&&this.styles.set(r,{className:r,css:`${e} {
-${s}}`,mediaQueries:{},pseudoClasses:{},keyframes:"",supports:{},layers:{}})}compileStyle(e){let{mediaQueries:t,pseudoClasses:r,normalStyles:s,keyframes:l,supports:m,container:f,layer:h}=this.parseStyles(e),o=`ns-${b(e)}`,$=this.buildDeclarations(s),N=`.${o} {
-${$}}`,p={};Object.entries(t).forEach(([c,d])=>{let a=O(c),S=this.buildDeclarations(d,"    ");if(p[a]){let Q=p[a].split(`
+import M from"fs";import D from"path";function P(n){return n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}function C(n){let e=typeof n=="string"?n:JSON.stringify(n),t=0;for(let r=0;r<e.length;r++){let s=e.charCodeAt(r);t=(t<<5)-t+s,t=t&t}return Math.abs(t).toString(36)}var g={"@sm":"@media (min-width: 640px)","@md":"@media (min-width: 768px)","@lg":"@media (min-width: 1024px)","@xl":"@media (min-width: 1280px)","@2xl":"@media (min-width: 1536px)"};function j(n){return g[n]??n}function T(n,e){return typeof e=="string"||typeof e=="number"||typeof e=="object"&&!Array.isArray(e)}function K(n){let e=new Map,t=new Set;return n.forEach((r,s)=>{let a=JSON.stringify(r);t.has(a)||(t.add(a),e.set(s,r))}),e}function N(n){let e={};for(let[t,r]of Object.entries(n)){let s=g[t]??t;e[s]=r&&typeof r=="object"&&!Array.isArray(r)?N(r):r}return e}var y=class n{constructor(){this.styles=new Map}addStyle(e){let t=N(e),s=`ns-${C(t)}`;if(this.styles.has(s))return s;let a=this.compileStyle(t);return this.styles.set(s,a),s}addGlobalStyle(e,t){let r=`global:${e}`;if(this.styles.has(r))return;let s=this.buildDeclarations(t);s&&this.styles.set(r,{className:r,css:`${e} {
+${s}}`,mediaQueries:{},pseudoClasses:{},keyframes:"",supports:{},layers:{}})}compileStyle(e){let{mediaQueries:t,pseudoClasses:r,normalStyles:s,keyframes:a,supports:f,container:h,layer:u}=this.parseStyles(e),o=`ns-${C(e)}`,$=this.buildDeclarations(s),Q=`.${o} {
+${$}}`,p={};Object.entries(t).forEach(([l,d])=>{let c=j(l),b=this.buildDeclarations(d,"    ");if(p[c]){let W=p[c].split(`
 `).slice(2,-2).join(`
-`);p[a]=`${a} {
+`);p[c]=`${c} {
   .${o} {
-${Q}
-${S}  }
-}`}else p[a]=`${a} {
+${W}
+${b}  }
+}`}else p[c]=`${c} {
   .${o} {
-${S}  }
-}`}),Object.entries(f).forEach(([c,d])=>{let a=this.buildDeclarations(d,"    ");p[c]=`${c} {
+${b}  }
+}`}),Object.entries(h).forEach(([l,d])=>{let c=this.buildDeclarations(d,"    ");p[l]=`${l} {
   .${o} {
-${a}  }
-}`});let j={};Object.entries(r).forEach(([c,d])=>{let a=this.buildDeclarations(d);j[c]=`.${o}${c} {
-${a}}`});let u="";Object.entries(l).forEach(([c,d])=>{u+=`@keyframes ${c} {
-`,Object.entries(d).forEach(([a,S])=>{let M=this.buildDeclarations(S,"    ");u+=`  ${a} {
-${M}  }
-`}),u+=`}
-`});let E={};Object.entries(m).forEach(([c,d])=>{let a=this.buildDeclarations(d,"    ");E[c]=`@supports ${c} {
+${c}  }
+}`});let O={};Object.entries(r).forEach(([l,d])=>{let c=this.buildDeclarations(d);O[l]=`.${o}${l} {
+${c}}`});let S="";Object.entries(a).forEach(([l,d])=>{S+=`@keyframes ${l} {
+`,Object.entries(d).forEach(([c,b])=>{let A=this.buildDeclarations(b,"    ");S+=`  ${c} {
+${A}  }
+`}),S+=`}
+`});let E={};Object.entries(f).forEach(([l,d])=>{let c=this.buildDeclarations(d,"    ");E[l]=`@supports ${l} {
   .${o} {
-${a}  }
-}`});let w={};return Object.entries(h).forEach(([c,d])=>{let a=this.buildDeclarations(d,"  ");w[c]=`@layer ${c} {
-${a}}`}),{className:o,css:N,mediaQueries:p,pseudoClasses:j,keyframes:u,supports:E,layers:w}}parseStyles(e){let t={},r={},s={},l={},m={},f={},h={};return Object.entries(e).forEach(([i,o])=>{if(i.startsWith("@keyframes "))l[i.slice(11)]=o;else if(i==="@keyframes"&&typeof o=="object")Object.assign(l,o);else if(i.startsWith("@supports")){let $=i.slice(0,9)==="@supports"?i.slice(9).trim():i;m[$]=o}else i.startsWith("@container")?f[i]=o:i.startsWith("@layer")?h[i.slice(7)||"default"]=o:i in C||i.startsWith("@media")?r[i]=o:i.startsWith(":")||i.startsWith("::")?s[i]=o:t[i]=o}),{normalStyles:t,mediaQueries:r,pseudoClasses:s,keyframes:l,supports:m,container:f,layer:h}}buildDeclarations(e,t="  "){let r="";return Object.entries(e).forEach(([s,l])=>{(typeof l=="string"||typeof l=="number")&&(r+=`${t}${P(s)}: ${l};
+${c}  }
+}`});let w={};return Object.entries(u).forEach(([l,d])=>{let c=this.buildDeclarations(d,"  ");w[l]=`@layer ${l} {
+${c}}`}),{className:o,css:Q,mediaQueries:p,pseudoClasses:O,keyframes:S,supports:E,layers:w}}parseStyles(e){let t={},r={},s={},a={},f={},h={},u={};return Object.entries(e).forEach(([i,o])=>{if(i.startsWith("@keyframes "))a[i.slice(11)]=o;else if(i==="@keyframes"&&typeof o=="object")Object.assign(a,o);else if(i.startsWith("@supports")){let $=i.slice(0,9)==="@supports"?i.slice(9).trim():i;f[$]=o}else i.startsWith("@container")?h[i]=o:i.startsWith("@layer")?u[i.slice(7)||"default"]=o:i in g||i.startsWith("@media")?r[i]=o:i.startsWith(":")||i.startsWith("::")?s[i]=o:t[i]=o}),{normalStyles:t,mediaQueries:r,pseudoClasses:s,keyframes:a,supports:f,container:h,layer:u}}buildDeclarations(e,t="  "){let r="";return Object.entries(e).forEach(([s,a])=>{(typeof a=="string"||typeof a=="number")&&(r+=`${t}${P(s)}: ${a};
 `)}),r}getAllStyles(){let e="";return this.styles.forEach(t=>{t.keyframes&&(e+=`${t.keyframes}
 `),t.css&&(e+=`${t.css}
 `),Object.values(t.pseudoClasses).forEach(s=>{e+=`${s}
 `}),Object.values(t.layers).forEach(s=>{e+=`${s}
 `}),Object.values(t.supports).forEach(s=>{e+=`${s}
-`}),Object.entries(t.mediaQueries).sort(([s],[l])=>this.extractMinWidth(s)-this.extractMinWidth(l)).forEach(([,s])=>{e+=`${s}
-`})}),e}extractMinWidth(e){let t=e.match(/min-width:\s*(\d+)px/);return t?parseInt(t[1],10):0}flush(e){try{let t=e??n.defaultCacheFile();A.mkdirSync(D.dirname(t),{recursive:!0}),A.writeFileSync(t,this.getAllStyles(),"utf-8")}catch(t){console.error("Failed to flush styles to cache file:",t)}}static defaultCacheFile(){return D.join(process.cwd(),"node_modules",".cache","next-style","styles.css")}getStyleMap(){return new Map(this.styles)}};function K(){let n=new y;return{collector:n,transformCssCall(e){return n.addStyle(e)}}}function z(n){let e=g.addStyle(n);return g.flush(),e}function F(n){Object.entries(n).forEach(([e,t])=>{g.addGlobalStyle(e,t)}),g.flush()}var g=new y;export{C as BREAKPOINTS,y as StyleCollector,P as camelToKebab,K as createTransformer,z as css,T as deduplicateStyles,b as generateClassHash,F as global,O as normalizeMediaQuery,g as styleCollector,W as validateCSSProperty};
+`}),Object.entries(t.mediaQueries).sort(([s],[a])=>this.extractMinWidth(s)-this.extractMinWidth(a)).forEach(([,s])=>{e+=`${s}
+`})}),e}extractMinWidth(e){let t=e.match(/min-width:\s*(\d+)px/);return t?parseInt(t[1],10):0}flush(e){try{let t=e??n.defaultCacheFile();M.mkdirSync(D.dirname(t),{recursive:!0}),M.writeFileSync(t,this.getAllStyles(),"utf-8")}catch(t){console.error("Failed to flush styles to cache file:",t)}}static defaultCacheFile(){return D.join(process.cwd(),"node_modules",".cache","next-style","styles.css")}getStyleMap(){return new Map(this.styles)}};function z(){let n=new y;return{collector:n,transformCssCall(e){return n.addStyle(e)}}}function k(n){let e=m.addStyle(n);return m.flush(),e}function F(n){Object.entries(n).forEach(([e,t])=>{m.addGlobalStyle(e,t)}),m.flush()}var m=new y;export{g as BREAKPOINTS,y as StyleCollector,P as camelToKebab,z as createTransformer,k as css,K as deduplicateStyles,C as generateClassHash,F as global,j as normalizeMediaQuery,m as styleCollector,T as validateCSSProperty};