@cssxio/unplugin 0.2.0

package/dist/rspack.js

@@ -0,0 +1 @@
+import{h as s}from"./chunk-NTRHNWKR.js";var c=s,p=c;export{p as default};

package/dist/vite.cjs

@@ -0,0 +1,92 @@
+"use strict";var se=Object.create;var P=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var le=(e,t)=>{for(var n in t)P(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of oe(t))!ie.call(e,s)&&s!==n&&P(e,s,{get:()=>t[s],enumerable:!(r=re(t,s))||r.enumerable});return e};var de=(e,t,n)=>(n=e!=null?se(ae(e)):{},V(t||!e||!e.__esModule?P(n,"default",{value:e,enumerable:!0}):n,e)),ce=e=>V(P({},"__esModule",{value:!0}),e);var Pe={};le(Pe,{default:()=>Ne});module.exports=ce(Pe);var Z=require("@cssxio/compiler"),Q=require("unplugin"),Y=require("buffer"),R=require("fs/promises"),w=require("path");var $=require("@cssxio/compiler"),W=require("path");async function k(e,t,n,r=!0,s){let m=Object.create(null),d=Object.create(null),o=new Set,l=!0,y=new Map;for(let g of[...e].sort((c,i)=>c.id.localeCompare(i.id))){for(let[c,i]of Object.entries(g.candidates))if(c in m||(m[c]=i),g.id&&!y.has(c)){let u=g.origins?.[c];y.set(c,{id:g.id,line:u?.line??0,column:u?.column??0})}for(let[c,i]of Object.entries(g.composites??{})){let u=d[c];if(u&&u.join(" ")!==i.join(" "))throw new Error(`CSSX composite class collision for "${c}".`);d[c]=i}g.atomicClasses===void 0&&(l=!1);for(let c of g.atomicClasses??[])o.add(c)}let C=Object.keys(m).sort();if(C.length===0)return{css:""};let h=await(0,$.compileUtilities)(C,g=>m[g],t,(0,$.createSelectorAliases)(d),l?o:void 0,{darkMode:s}),a=h.css&&n?`@layer ${n}{`:"",f=`${a}${h.css}${a?"}":""}`,p=r?ue(`${a}${h.prefixCss}`,h.entries,y):void 0;return{css:f,...p?{map:p}:{}}}function v(e,t){return e.map?`${e.css}
+/*# sourceMappingURL=${(0,W.basename)(t)}.map */`:e.css}function O(e,t){return JSON.stringify({...e,file:t})}function ue(e,t,n){let r=[...new Set(t.map(o=>n.get(o.candidate)?.id).filter(o=>!!o))].sort();if(r.length===0)return;let s=new Map(r.map((o,l)=>[o,l])),m=[],d=_({line:0,column:0},e);for(let o of t){let l=n.get(o.candidate);l&&m.push({...d,source:s.get(l.id),originalLine:l.line,originalColumn:l.column}),d=_(d,o.css)}return{version:3,sources:r,names:[],mappings:me(m)}}function _(e,t){let n=t.split(`
+`);return{line:e.line+n.length-1,column:n.at(-1).length+e.column*+(n.length===1)}}function me(e){let t=Array.from({length:Math.max(0,...e.map(o=>o.line))+1},()=>[]),n=0,r=0,s=0,m=0,d=0;for(let o of e)d*=+(o.line===m),m=o.line,t[o.line]?.push(`${L(o.column-d)}${L(o.source-n)}${L(o.originalLine-r)}${L(o.originalColumn-s)}`),d=o.column,n=o.source,r=o.originalLine,s=o.originalColumn;return t.map(o=>o.join(",")).join(";")}var pe="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";function L(e){let t="",n=e<0?-e<<1|1:e<<1;do{let r=n&31;n>>>=5,n&&(r|=32),t+=pe[r]}while(n);return t}var X=require("fs/promises"),S=require("path");async function I(e){return e.themeFile===void 0?e.theme:(0,X.readFile)((0,S.resolve)(process.cwd(),e.themeFile),"utf8")}function j(e){if(e.theme!==void 0&&e.themeFile!==void 0)throw new Error("CSSX accepts either theme or themeFile, not both.");if(e.layer!==void 0&&!/^[A-Za-z_-][A-Za-z0-9_-]*$/.test(e.layer))throw new Error("CSSX layer must be a valid CSS layer identifier.");if(e.sourceMap!==void 0&&typeof e.sourceMap!="boolean")throw new Error("CSSX sourceMap must be a boolean.");if(e.darkMode!==void 0&&e.darkMode!=="media"&&e.darkMode!=="selector")throw new Error('CSSX darkMode must be "media" or "selector".');if(e.reusabilityBudget!==void 0&&e.reusabilityBudget!=="auto"&&(!Number.isFinite(e.reusabilityBudget)||e.reusabilityBudget<0||e.reusabilityBudget>100))throw new Error('CSSX reusabilityBudget must be "auto" or a number from 0 through 100.');T(e.cssFileName??"cssx.css")}function U(e){let t=2166136261;for(let n=0;n<e.length;n++)t^=e.charCodeAt(n),t=Math.imul(t,16777619);return(t>>>0).toString(36)}function A(e,t){return T(e).replaceAll("[hash]",U(t))}function E(e,t){return`${e&&e!=="/"?`/${e.replace(/^\/+|\/+$/g,"")}`:""}/${T(t).replaceAll(S.sep,"/")}`}function q(e,t,n){return t.outdir?(0,S.resolve)(e,t.outdir,n):t.outfile?(0,S.resolve)((0,S.dirname)((0,S.resolve)(e,t.outfile)),n):(0,S.resolve)(e,n)}function b(e){return e.split("?",1).join("")}function T(e){if(!e||(0,S.isAbsolute)(e))throw new Error("cssFileName must be a non-empty relative path.");let t=(0,S.normalize)(e);if(t===".."||t.startsWith(`..${S.sep}`))throw new Error("cssFileName must not escape the bundler output directory.");if(!t.endsWith(".css"))throw new Error("cssFileName must end in .css.");return t}function z(e,t,n){let r=e.getNativeBuildContext?.();if(!r||r.framework!=="webpack"&&r.framework!=="rspack")return;let s=r.loaderContext?._module;if(!s)return;let m=s.buildInfo??(s.buildInfo={});m[n]=t}function B(e,t,n,r,s,m,d,o){e.hooks.thisCompilation.tap("@cssxio/unplugin",l=>{l.hooks.processAssets.tapPromise({name:"@cssxio/unplugin",stage:e.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS},async()=>{let y=[...l.modules].map(a=>fe(a,m,d)),C=await k(y.some(a=>Object.keys(a.candidates).length>0)?y:[...d?.values()??[]],await n(),r,s,o);if(!C.css)return;let h=A(t,C.css);if(l.getAsset?.(h))throw new Error(`CSSX CSS asset collision at "${h}".`);if(l.emitAsset(h,new e.webpack.sources.RawSource(v(C,h))),C.map){let a=`${h}.map`;if(l.getAsset?.(a))throw new Error(`CSSX CSS map asset collision at "${a}".`);l.emitAsset(a,new e.webpack.sources.RawSource(O(C.map,h)))}})})}function fe(e,t,n){let r=e.buildInfo?.[t];if(!r||typeof r!="object")return n?.get(e.resource?.split("?",1)[0]??"")??{id:"",candidates:{},composites:{},origins:{}};let{id:s,candidates:m,composites:d,atomicClasses:o,origins:l}=r;return{id:typeof s=="string"?s:"",candidates:m&&typeof m=="object"?m:{},composites:d&&typeof d=="object"?d:{},...Array.isArray(o)?{atomicClasses:o}:{},origins:l&&typeof l=="object"?l:{}}}var G=require("@babel/core"),J=de(require("@cssxio/babel-plugin"),1),M=require("@cssxio/compiler");var ye=/\.(?:[cm]?[jt]sx?|astro)(?:\?.*)?$/,ge=/\.astro(?:\?.*)?$/;async function D(e,t,n={},r){j(n);let s=n.importSource??"@cssxio/cssx";if(!ye.test(t)||!e.includes(s))return null;if(ge.test(t))return he(e,t,n);let m=await I(n),d=await(0,G.transformAsync)(e,{babelrc:!1,configFile:!1,filename:t.split("?",1).join(""),parserOpts:{plugins:["jsx","typescript"]},plugins:[[J.default,{importSource:s,classNameAllocator:n.classNameAllocator,theme:m,reusabilityBudget:n.reusabilityBudget,stableClassNames:n.stableClassNames,darkMode:n.darkMode}]],sourceMaps:!0,...r?{inputSourceMap:r}:{}}),o=d.metadata,{candidates:l,origins:y,composites:C,atomicClasses:h,cssOnlySignature:a}=o.cssx,f=Object.keys(l),p=f.length===0?"":(await(0,M.compileUtilities)(f,g=>l[g],m,(0,M.createSelectorAliases)(C),new Set(h),{darkMode:n.darkMode})).css;return{code:d.code,rules:p?[Se(be(p,n.layer))]:[],candidates:l,composites:C,atomicClasses:h,origins:y,cssOnlySignature:a,map:d.map}}async function he(e,t,n){let r=Ce(e);if(r.length===0)return null;let s=n.classNameAllocator??(0,M.createClassNameAllocator)(),m=n.importSource??"@cssxio/cssx",d={},o={},l=[],y=e;for(let C of[...r].reverse()){let h=await D(`import { sx } from ${JSON.stringify(m)};
+const style = ${C.code};`,`${t}.ts`,{...n,classNameAllocator:s}),a=xe(h.code);y=`${y.slice(0,C.start)}${a}${y.slice(C.end)}`,Object.assign(d,h.candidates),Object.assign(o,h.composites),l.push(...h.rules)}return{code:y,rules:l,candidates:d,composites:o,atomicClasses:[],origins:{},cssOnlySignature:y}}function Ce(e){let t=[],n=/\bsx\s*\(/g;for(let r of e.matchAll(n)){let s=r.index,m=e.indexOf("(",s),d=0,o="";for(let l=m;l<e.length;l+=1){let y=e[l];if(o){y==="\\"?l+=1:y===o&&(o="");continue}if(y==='"'||y==="'"||y==="`")o=y;else if(y==="(")d+=1;else if(y===")"&&--d===0){t.push({start:s,end:l+1,code:e.slice(s,l+1)}),n.lastIndex=l+1;break}}}return t}function xe(e){let t="const style = ",n=e.indexOf(t)+t.length,r=e.indexOf(";",n);return e.slice(n,r)}function K(e,t){if(!e||typeof e!="object")return;let n=e.getCombinedSourcemap;if(typeof n!="function")return;let r=n.call(e);if(!r||typeof r!="object")return;let s=r;if(!(s.version!==3||!Array.isArray(s.sources)||typeof s.mappings!="string"))return{version:s.version,sources:[...s.sources],names:[...s.names??[]],mappings:s.mappings,file:s.file??t.split("?",1).join(""),...s.sourceRoot?{sourceRoot:s.sourceRoot}:{},...s.sourcesContent?{sourcesContent:[...s.sourcesContent]}:{}}}function Se(e){return{className:`cssx-${U(e)}`,css:e}}function be(e,t){return e&&t?`@layer ${t}{${e}}`:e}function H(e,t,n=Date.now()){e.ws.send({type:"update",updates:[{type:"css-update",path:t,acceptedPath:t,timestamp:n}]})}var N="@cssxio/unplugin/rules",we=/\.(?:[cm]?[jt]sx?|astro)(?:\?.*)?$/;function ke(e,t,n){let r=new Set;for(let s of t)e.moduleGraph?.invalidateModule(s,r,n,!0);for(let s of r){if(!s.id)continue;let m=e.runner?.evaluatedModules?.getModuleById(s.id);m&&e.runner?.evaluatedModules?.invalidateModule(m)}}function ve(e){return!e||typeof e!="object"?{id:"",rules:[],candidates:{},composites:{},origins:{},cssOnlySignature:""}:Me(e[N])}function Me(e){if(!e||typeof e!="object")return{id:"",rules:[],candidates:{},composites:{},origins:{},cssOnlySignature:""};let{id:t,rules:n,candidates:r,composites:s,atomicClasses:m,origins:d,cssOnlySignature:o}=e;return{id:typeof t=="string"?t:"",rules:Array.isArray(n)?n:[],candidates:r&&typeof r=="object"?r:{},composites:s&&typeof s=="object"?s:{},...Array.isArray(m)?{atomicClasses:m}:{},origins:d&&typeof d=="object"?d:{},cssOnlySignature:typeof o=="string"?o:""}}var Re=(e={},t)=>{j(e);let n=e.cssFileName??"cssx.css",r=e.sourceMap??!0,s=new Map,m=(0,Z.createClassNameAllocator)(),d=new Map,o,l=process.cwd(),y,C=()=>I(e),h=async function(a,f){let p=new Set(Object.values(f).flatMap(u=>u.type==="chunk"?Object.keys(u.modules??{}):[]).map(b));if(t.framework!=="vite")for(let u of s.keys())p.has(u)||s.delete(u);let g=t.framework==="vite"?[...s.values()]:[...p].map(u=>{let x=ve(this.getModuleInfo(u)?.meta);return Object.keys(x.candidates).length>0?x:s.get(u)??x}),c=await k(g,await C(),e.layer,r,e.darkMode);if(!c.css)return;let i=A(n,c.css);if(Object.hasOwn(f,i))throw new Error(`CSSX CSS asset collision at "${i}".`);if(this.emitFile({type:"asset",fileName:i,source:v(c,i)}),c.map){let u=`${i}.map`;if(Object.hasOwn(f,u))throw new Error(`CSSX CSS map asset collision at "${u}".`);this.emitFile({type:"asset",fileName:u,source:O(c.map,i)})}};return{name:"@cssxio/unplugin",enforce:"pre",transform:{filter:{id:we},async handler(a,f){e.themeFile&&this.addWatchFile?.((0,w.resolve)(process.cwd(),e.themeFile));let p=await D(a,f,{...e,classNameAllocator:m},K(this,f)),g={id:b(f),rules:p?.rules??[],candidates:p?.candidates??{},composites:p?.composites??{},atomicClasses:p?.atomicClasses??[],origins:p?.origins??{},cssOnlySignature:p?.cssOnlySignature??""};z(this,g,N);let c=b(f);(p||c===f)&&(s.set(c,g),d.set((0,w.resolve)(l,c),g)),t.framework==="vite"&&y&&H(y,E("/",n));let i=p?.code??a;return{code:(t.framework==="webpack"||t.framework==="rspack")&&p?`${i}
+${Oe(n)}`:i,meta:{[N]:g},...p?.map?{map:p.map}:{}}}},watchChange(a,f){f.event==="delete"&&s.delete(b(a))},rollup:{generateBundle:h},vite:{generateBundle:h,configureServer(a){y=a;let f=E(a.config.base,n),p=E("/",n);a.watcher?.on("unlink",g=>{s.delete(b(g)),H(a,p)}),a.middlewares.use((g,c,i)=>{let u=g.url?.split("?",1)[0];if(u!==f&&(u!==`${f}.map`||!r))return i();C().then(x=>k([...s.values()],x,e.layer,r,e.darkMode)).then(x=>{if(u===`${f}.map`){c.setHeader("Content-Type","application/json; charset=utf-8"),c.setHeader("Cache-Control","no-store"),c.end(x.map?O(x.map,n):"");return}c.setHeader("Content-Type","text/css; charset=utf-8"),c.setHeader("Cache-Control","no-store"),c.end(v(x,n))}).catch(x=>{c.setHeader("Content-Type","text/plain; charset=utf-8"),c.end(x instanceof Error?x.message:"Unable to compile CSSX development stylesheet.")})})},hotUpdate:{order:"pre",async handler(a){let f=this.environment;if(!f||f.name==="client")return;let p=a.modules.filter(i=>{let u=s.get(b(i.id??""));return!!(u&&u.cssOnlySignature&&u.atomicClasses?.length===0)});if(p.length===0)return;let g=new Map(p.map(i=>[i,s.get(b(i.id)).cssOnlySignature]));for(let i of p)i.url&&await f.transformRequest(i.url);if(p.every(i=>{let u=s.get(b(i.id));return!!(u&&u.atomicClasses.length===0&&u.cssOnlySignature===g.get(i))}))return ke(f,p,a.timestamp),a.modules.filter(i=>!p.includes(i))}}},...t.framework==="webpack"?{webpack(a){B(a,n,C,e.layer,r,N,s,e.darkMode)}}:{},...t.framework==="rspack"?{rspack(a){B(a,n,C,e.layer,r,N,s,e.darkMode)}}:{},...t.framework==="esbuild"?{esbuild:{config(a){a.metafile=!0},setup(a){let f=a.initialOptions.absWorkingDir??process.cwd();l=f,a.onEnd(async p=>{if(!p.metafile)return;let g=new Set(Object.keys(p.metafile.inputs).map(x=>(0,w.resolve)(f,x)));for(let x of d.keys())g.has(x)||d.delete(x);let c=await k([...d.values()],await C(),e.layer,r,e.darkMode),i=q(f,a.initialOptions,A(n,c.css));if(!c.css){o&&await(0,R.unlink)(o).catch(()=>{}),o=void 0;return}let u=v(c,(0,w.basename)(i));if(a.initialOptions.write===!1){let x=p.outputFiles;if(!x)return;let te={path:i,contents:Y.Buffer.from(u),hash:"",text:u};if(x.findIndex(ne=>ne.path===i)!==-1)throw new Error(`CSSX CSS asset collision at "${i}".`);x.push(te);return}await(0,R.mkdir)((0,w.dirname)(i),{recursive:!0}),await(0,R.writeFile)(i,u),o=i})}}}:{}}},F=(0,Q.createUnplugin)(Re);function Oe(e){return`if (typeof document !== "undefined" && typeof module !== "undefined" && module.hot) {
+  const key = "__cssxStylesheetHmr";
+  const state = globalThis[key] || (globalThis[key] = { revision: 0, staged: [], replacements: [] });
+  const stylesheetLink = [...document.querySelectorAll('link[rel="stylesheet"]')].find((link) =>
+    new URL(link.href, document.baseURI).pathname.endsWith(${JSON.stringify(`/${e}`)}),
+  );
+  const nextLink = stylesheetLink && (() => {
+    const path = new URL(stylesheetLink.href, document.baseURI).pathname;
+    return path.includes("/_next/");
+  })();
+  if (!state.installed) {
+    state.installed = true;
+    state.stage = () => {
+      const revision = ++state.revision;
+      state.staged = [];
+      state.replacements = [];
+      const links = [...document.querySelectorAll('link[rel="stylesheet"]')].filter((link) =>
+        new URL(link.href, document.baseURI).pathname.endsWith(${JSON.stringify(`/${e}`)}),
+      );
+      return Promise.all(
+        links.map(
+          (link) =>
+            new Promise((resolve) => {
+              const replacement = link.cloneNode();
+              const url = new URL(link.href, document.baseURI);
+              url.searchParams.set("cssx", String(revision));
+              replacement.href = url.href;
+              const finish = (loaded) => {
+                replacement.removeEventListener("load", onLoad);
+                replacement.removeEventListener("error", onError);
+                if (loaded) {
+                  state.staged.push(link);
+                  if (state.removeOnLoad) link.remove();
+                }
+                else replacement.remove();
+                resolve();
+              };
+              const onLoad = () => finish(true);
+              const onError = () => finish(false);
+              replacement.addEventListener("load", onLoad);
+              replacement.addEventListener("error", onError);
+              state.replacements.push(replacement);
+              link.after(replacement);
+            }),
+        ),
+      );
+    };
+    module.hot.addStatusHandler((status) => {
+      if (status === "prepare" || status === "dispose") {
+        return state.stage();
+      }
+      if (status === "idle") {
+        for (const link of state.staged) link.remove();
+        state.staged = [];
+        state.replacements = [];
+      }
+      if (status === "abort" || status === "fail") {
+        for (const replacement of state.replacements) replacement.remove();
+        state.staged = [];
+        state.replacements = [];
+      }
+    });
+    if (nextLink) module.hot.accept(() => void state.stage());
+    for (const updateKey of Object.getOwnPropertyNames(globalThis).filter((name) => name.startsWith("webpackHotUpdate"))) {
+      const update = globalThis[updateKey];
+      if (typeof update !== "function") continue;
+      globalThis[updateKey] = function (...args) {
+        void state.stage();
+        return update.apply(this, args);
+      };
+    }
+    if (stylesheetLink) {
+      state.removeOnLoad = Boolean(nextLink);
+      const refresh = async () => {
+        try {
+          const url = new URL(stylesheetLink.href, document.baseURI);
+          url.searchParams.set("cssx-probe", String(Date.now()));
+          const css = await fetch(url.href, { cache: "no-store" }).then((response) => response.text());
+          if (state.css && state.css !== css) void state.stage();
+          state.css = css;
+        } catch {
+        }
+      };
+      void refresh();
+      state.poll = setInterval(() => void refresh(), 500);
+    }
+  }
+}`}var ee=F.vite,qe=F.rollup,ze=F.webpack,Ge=F.rspack;var Ae=ee,Ne=Ae;

package/dist/vite.d.cts

@@ -0,0 +1,13 @@
+import * as _unplugin from 'unplugin';
+import { C as CssxPluginOptions } from './options-CHY4_3I-.cjs';
+import '@cssxio/compiler';
+
+/**
+ * Creates the CSSX adapter for Vite.
+ *
+ * @param options CSSX adapter options.
+ * @returns The Vite plugin.
+ */
+declare const cssxVite: (options?: CssxPluginOptions | undefined) => _unplugin.VitePlugin<any> | _unplugin.VitePlugin<any>[];
+
+export { cssxVite as default };

package/dist/vite.d.ts

@@ -0,0 +1,13 @@
+import * as _unplugin from 'unplugin';
+import { C as CssxPluginOptions } from './options-CHY4_3I-.js';
+import '@cssxio/compiler';
+
+/**
+ * Creates the CSSX adapter for Vite.
+ *
+ * @param options CSSX adapter options.
+ * @returns The Vite plugin.
+ */
+declare const cssxVite: (options?: CssxPluginOptions | undefined) => _unplugin.VitePlugin<any> | _unplugin.VitePlugin<any>[];
+
+export { cssxVite as default };

package/dist/vite.js

@@ -0,0 +1 @@
+import{e as t}from"./chunk-NTRHNWKR.js";var e=t,i=e;export{i as default};

package/dist/webpack.cjs

@@ -0,0 +1,92 @@
+"use strict";var se=Object.create;var P=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var le=(e,t)=>{for(var n in t)P(e,n,{get:t[n],enumerable:!0})},V=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of oe(t))!ie.call(e,s)&&s!==n&&P(e,s,{get:()=>t[s],enumerable:!(r=re(t,s))||r.enumerable});return e};var de=(e,t,n)=>(n=e!=null?se(ae(e)):{},V(t||!e||!e.__esModule?P(n,"default",{value:e,enumerable:!0}):n,e)),ce=e=>V(P({},"__esModule",{value:!0}),e);var Pe={};le(Pe,{default:()=>Ne});module.exports=ce(Pe);var Z=require("@cssxio/compiler"),Q=require("unplugin"),Y=require("buffer"),R=require("fs/promises"),w=require("path");var $=require("@cssxio/compiler"),W=require("path");async function k(e,t,n,r=!0,s){let m=Object.create(null),d=Object.create(null),o=new Set,l=!0,y=new Map;for(let g of[...e].sort((c,i)=>c.id.localeCompare(i.id))){for(let[c,i]of Object.entries(g.candidates))if(c in m||(m[c]=i),g.id&&!y.has(c)){let u=g.origins?.[c];y.set(c,{id:g.id,line:u?.line??0,column:u?.column??0})}for(let[c,i]of Object.entries(g.composites??{})){let u=d[c];if(u&&u.join(" ")!==i.join(" "))throw new Error(`CSSX composite class collision for "${c}".`);d[c]=i}g.atomicClasses===void 0&&(l=!1);for(let c of g.atomicClasses??[])o.add(c)}let C=Object.keys(m).sort();if(C.length===0)return{css:""};let h=await(0,$.compileUtilities)(C,g=>m[g],t,(0,$.createSelectorAliases)(d),l?o:void 0,{darkMode:s}),a=h.css&&n?`@layer ${n}{`:"",f=`${a}${h.css}${a?"}":""}`,p=r?ue(`${a}${h.prefixCss}`,h.entries,y):void 0;return{css:f,...p?{map:p}:{}}}function v(e,t){return e.map?`${e.css}
+/*# sourceMappingURL=${(0,W.basename)(t)}.map */`:e.css}function O(e,t){return JSON.stringify({...e,file:t})}function ue(e,t,n){let r=[...new Set(t.map(o=>n.get(o.candidate)?.id).filter(o=>!!o))].sort();if(r.length===0)return;let s=new Map(r.map((o,l)=>[o,l])),m=[],d=_({line:0,column:0},e);for(let o of t){let l=n.get(o.candidate);l&&m.push({...d,source:s.get(l.id),originalLine:l.line,originalColumn:l.column}),d=_(d,o.css)}return{version:3,sources:r,names:[],mappings:me(m)}}function _(e,t){let n=t.split(`
+`);return{line:e.line+n.length-1,column:n.at(-1).length+e.column*+(n.length===1)}}function me(e){let t=Array.from({length:Math.max(0,...e.map(o=>o.line))+1},()=>[]),n=0,r=0,s=0,m=0,d=0;for(let o of e)d*=+(o.line===m),m=o.line,t[o.line]?.push(`${L(o.column-d)}${L(o.source-n)}${L(o.originalLine-r)}${L(o.originalColumn-s)}`),d=o.column,n=o.source,r=o.originalLine,s=o.originalColumn;return t.map(o=>o.join(",")).join(";")}var pe="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";function L(e){let t="",n=e<0?-e<<1|1:e<<1;do{let r=n&31;n>>>=5,n&&(r|=32),t+=pe[r]}while(n);return t}var X=require("fs/promises"),S=require("path");async function I(e){return e.themeFile===void 0?e.theme:(0,X.readFile)((0,S.resolve)(process.cwd(),e.themeFile),"utf8")}function j(e){if(e.theme!==void 0&&e.themeFile!==void 0)throw new Error("CSSX accepts either theme or themeFile, not both.");if(e.layer!==void 0&&!/^[A-Za-z_-][A-Za-z0-9_-]*$/.test(e.layer))throw new Error("CSSX layer must be a valid CSS layer identifier.");if(e.sourceMap!==void 0&&typeof e.sourceMap!="boolean")throw new Error("CSSX sourceMap must be a boolean.");if(e.darkMode!==void 0&&e.darkMode!=="media"&&e.darkMode!=="selector")throw new Error('CSSX darkMode must be "media" or "selector".');if(e.reusabilityBudget!==void 0&&e.reusabilityBudget!=="auto"&&(!Number.isFinite(e.reusabilityBudget)||e.reusabilityBudget<0||e.reusabilityBudget>100))throw new Error('CSSX reusabilityBudget must be "auto" or a number from 0 through 100.');T(e.cssFileName??"cssx.css")}function U(e){let t=2166136261;for(let n=0;n<e.length;n++)t^=e.charCodeAt(n),t=Math.imul(t,16777619);return(t>>>0).toString(36)}function A(e,t){return T(e).replaceAll("[hash]",U(t))}function E(e,t){return`${e&&e!=="/"?`/${e.replace(/^\/+|\/+$/g,"")}`:""}/${T(t).replaceAll(S.sep,"/")}`}function q(e,t,n){return t.outdir?(0,S.resolve)(e,t.outdir,n):t.outfile?(0,S.resolve)((0,S.dirname)((0,S.resolve)(e,t.outfile)),n):(0,S.resolve)(e,n)}function b(e){return e.split("?",1).join("")}function T(e){if(!e||(0,S.isAbsolute)(e))throw new Error("cssFileName must be a non-empty relative path.");let t=(0,S.normalize)(e);if(t===".."||t.startsWith(`..${S.sep}`))throw new Error("cssFileName must not escape the bundler output directory.");if(!t.endsWith(".css"))throw new Error("cssFileName must end in .css.");return t}function z(e,t,n){let r=e.getNativeBuildContext?.();if(!r||r.framework!=="webpack"&&r.framework!=="rspack")return;let s=r.loaderContext?._module;if(!s)return;let m=s.buildInfo??(s.buildInfo={});m[n]=t}function B(e,t,n,r,s,m,d,o){e.hooks.thisCompilation.tap("@cssxio/unplugin",l=>{l.hooks.processAssets.tapPromise({name:"@cssxio/unplugin",stage:e.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS},async()=>{let y=[...l.modules].map(a=>fe(a,m,d)),C=await k(y.some(a=>Object.keys(a.candidates).length>0)?y:[...d?.values()??[]],await n(),r,s,o);if(!C.css)return;let h=A(t,C.css);if(l.getAsset?.(h))throw new Error(`CSSX CSS asset collision at "${h}".`);if(l.emitAsset(h,new e.webpack.sources.RawSource(v(C,h))),C.map){let a=`${h}.map`;if(l.getAsset?.(a))throw new Error(`CSSX CSS map asset collision at "${a}".`);l.emitAsset(a,new e.webpack.sources.RawSource(O(C.map,h)))}})})}function fe(e,t,n){let r=e.buildInfo?.[t];if(!r||typeof r!="object")return n?.get(e.resource?.split("?",1)[0]??"")??{id:"",candidates:{},composites:{},origins:{}};let{id:s,candidates:m,composites:d,atomicClasses:o,origins:l}=r;return{id:typeof s=="string"?s:"",candidates:m&&typeof m=="object"?m:{},composites:d&&typeof d=="object"?d:{},...Array.isArray(o)?{atomicClasses:o}:{},origins:l&&typeof l=="object"?l:{}}}var G=require("@babel/core"),J=de(require("@cssxio/babel-plugin"),1),M=require("@cssxio/compiler");var ye=/\.(?:[cm]?[jt]sx?|astro)(?:\?.*)?$/,ge=/\.astro(?:\?.*)?$/;async function D(e,t,n={},r){j(n);let s=n.importSource??"@cssxio/cssx";if(!ye.test(t)||!e.includes(s))return null;if(ge.test(t))return he(e,t,n);let m=await I(n),d=await(0,G.transformAsync)(e,{babelrc:!1,configFile:!1,filename:t.split("?",1).join(""),parserOpts:{plugins:["jsx","typescript"]},plugins:[[J.default,{importSource:s,classNameAllocator:n.classNameAllocator,theme:m,reusabilityBudget:n.reusabilityBudget,stableClassNames:n.stableClassNames,darkMode:n.darkMode}]],sourceMaps:!0,...r?{inputSourceMap:r}:{}}),o=d.metadata,{candidates:l,origins:y,composites:C,atomicClasses:h,cssOnlySignature:a}=o.cssx,f=Object.keys(l),p=f.length===0?"":(await(0,M.compileUtilities)(f,g=>l[g],m,(0,M.createSelectorAliases)(C),new Set(h),{darkMode:n.darkMode})).css;return{code:d.code,rules:p?[Se(be(p,n.layer))]:[],candidates:l,composites:C,atomicClasses:h,origins:y,cssOnlySignature:a,map:d.map}}async function he(e,t,n){let r=Ce(e);if(r.length===0)return null;let s=n.classNameAllocator??(0,M.createClassNameAllocator)(),m=n.importSource??"@cssxio/cssx",d={},o={},l=[],y=e;for(let C of[...r].reverse()){let h=await D(`import { sx } from ${JSON.stringify(m)};
+const style = ${C.code};`,`${t}.ts`,{...n,classNameAllocator:s}),a=xe(h.code);y=`${y.slice(0,C.start)}${a}${y.slice(C.end)}`,Object.assign(d,h.candidates),Object.assign(o,h.composites),l.push(...h.rules)}return{code:y,rules:l,candidates:d,composites:o,atomicClasses:[],origins:{},cssOnlySignature:y}}function Ce(e){let t=[],n=/\bsx\s*\(/g;for(let r of e.matchAll(n)){let s=r.index,m=e.indexOf("(",s),d=0,o="";for(let l=m;l<e.length;l+=1){let y=e[l];if(o){y==="\\"?l+=1:y===o&&(o="");continue}if(y==='"'||y==="'"||y==="`")o=y;else if(y==="(")d+=1;else if(y===")"&&--d===0){t.push({start:s,end:l+1,code:e.slice(s,l+1)}),n.lastIndex=l+1;break}}}return t}function xe(e){let t="const style = ",n=e.indexOf(t)+t.length,r=e.indexOf(";",n);return e.slice(n,r)}function K(e,t){if(!e||typeof e!="object")return;let n=e.getCombinedSourcemap;if(typeof n!="function")return;let r=n.call(e);if(!r||typeof r!="object")return;let s=r;if(!(s.version!==3||!Array.isArray(s.sources)||typeof s.mappings!="string"))return{version:s.version,sources:[...s.sources],names:[...s.names??[]],mappings:s.mappings,file:s.file??t.split("?",1).join(""),...s.sourceRoot?{sourceRoot:s.sourceRoot}:{},...s.sourcesContent?{sourcesContent:[...s.sourcesContent]}:{}}}function Se(e){return{className:`cssx-${U(e)}`,css:e}}function be(e,t){return e&&t?`@layer ${t}{${e}}`:e}function H(e,t,n=Date.now()){e.ws.send({type:"update",updates:[{type:"css-update",path:t,acceptedPath:t,timestamp:n}]})}var N="@cssxio/unplugin/rules",we=/\.(?:[cm]?[jt]sx?|astro)(?:\?.*)?$/;function ke(e,t,n){let r=new Set;for(let s of t)e.moduleGraph?.invalidateModule(s,r,n,!0);for(let s of r){if(!s.id)continue;let m=e.runner?.evaluatedModules?.getModuleById(s.id);m&&e.runner?.evaluatedModules?.invalidateModule(m)}}function ve(e){return!e||typeof e!="object"?{id:"",rules:[],candidates:{},composites:{},origins:{},cssOnlySignature:""}:Me(e[N])}function Me(e){if(!e||typeof e!="object")return{id:"",rules:[],candidates:{},composites:{},origins:{},cssOnlySignature:""};let{id:t,rules:n,candidates:r,composites:s,atomicClasses:m,origins:d,cssOnlySignature:o}=e;return{id:typeof t=="string"?t:"",rules:Array.isArray(n)?n:[],candidates:r&&typeof r=="object"?r:{},composites:s&&typeof s=="object"?s:{},...Array.isArray(m)?{atomicClasses:m}:{},origins:d&&typeof d=="object"?d:{},cssOnlySignature:typeof o=="string"?o:""}}var Re=(e={},t)=>{j(e);let n=e.cssFileName??"cssx.css",r=e.sourceMap??!0,s=new Map,m=(0,Z.createClassNameAllocator)(),d=new Map,o,l=process.cwd(),y,C=()=>I(e),h=async function(a,f){let p=new Set(Object.values(f).flatMap(u=>u.type==="chunk"?Object.keys(u.modules??{}):[]).map(b));if(t.framework!=="vite")for(let u of s.keys())p.has(u)||s.delete(u);let g=t.framework==="vite"?[...s.values()]:[...p].map(u=>{let x=ve(this.getModuleInfo(u)?.meta);return Object.keys(x.candidates).length>0?x:s.get(u)??x}),c=await k(g,await C(),e.layer,r,e.darkMode);if(!c.css)return;let i=A(n,c.css);if(Object.hasOwn(f,i))throw new Error(`CSSX CSS asset collision at "${i}".`);if(this.emitFile({type:"asset",fileName:i,source:v(c,i)}),c.map){let u=`${i}.map`;if(Object.hasOwn(f,u))throw new Error(`CSSX CSS map asset collision at "${u}".`);this.emitFile({type:"asset",fileName:u,source:O(c.map,i)})}};return{name:"@cssxio/unplugin",enforce:"pre",transform:{filter:{id:we},async handler(a,f){e.themeFile&&this.addWatchFile?.((0,w.resolve)(process.cwd(),e.themeFile));let p=await D(a,f,{...e,classNameAllocator:m},K(this,f)),g={id:b(f),rules:p?.rules??[],candidates:p?.candidates??{},composites:p?.composites??{},atomicClasses:p?.atomicClasses??[],origins:p?.origins??{},cssOnlySignature:p?.cssOnlySignature??""};z(this,g,N);let c=b(f);(p||c===f)&&(s.set(c,g),d.set((0,w.resolve)(l,c),g)),t.framework==="vite"&&y&&H(y,E("/",n));let i=p?.code??a;return{code:(t.framework==="webpack"||t.framework==="rspack")&&p?`${i}
+${Oe(n)}`:i,meta:{[N]:g},...p?.map?{map:p.map}:{}}}},watchChange(a,f){f.event==="delete"&&s.delete(b(a))},rollup:{generateBundle:h},vite:{generateBundle:h,configureServer(a){y=a;let f=E(a.config.base,n),p=E("/",n);a.watcher?.on("unlink",g=>{s.delete(b(g)),H(a,p)}),a.middlewares.use((g,c,i)=>{let u=g.url?.split("?",1)[0];if(u!==f&&(u!==`${f}.map`||!r))return i();C().then(x=>k([...s.values()],x,e.layer,r,e.darkMode)).then(x=>{if(u===`${f}.map`){c.setHeader("Content-Type","application/json; charset=utf-8"),c.setHeader("Cache-Control","no-store"),c.end(x.map?O(x.map,n):"");return}c.setHeader("Content-Type","text/css; charset=utf-8"),c.setHeader("Cache-Control","no-store"),c.end(v(x,n))}).catch(x=>{c.setHeader("Content-Type","text/plain; charset=utf-8"),c.end(x instanceof Error?x.message:"Unable to compile CSSX development stylesheet.")})})},hotUpdate:{order:"pre",async handler(a){let f=this.environment;if(!f||f.name==="client")return;let p=a.modules.filter(i=>{let u=s.get(b(i.id??""));return!!(u&&u.cssOnlySignature&&u.atomicClasses?.length===0)});if(p.length===0)return;let g=new Map(p.map(i=>[i,s.get(b(i.id)).cssOnlySignature]));for(let i of p)i.url&&await f.transformRequest(i.url);if(p.every(i=>{let u=s.get(b(i.id));return!!(u&&u.atomicClasses.length===0&&u.cssOnlySignature===g.get(i))}))return ke(f,p,a.timestamp),a.modules.filter(i=>!p.includes(i))}}},...t.framework==="webpack"?{webpack(a){B(a,n,C,e.layer,r,N,s,e.darkMode)}}:{},...t.framework==="rspack"?{rspack(a){B(a,n,C,e.layer,r,N,s,e.darkMode)}}:{},...t.framework==="esbuild"?{esbuild:{config(a){a.metafile=!0},setup(a){let f=a.initialOptions.absWorkingDir??process.cwd();l=f,a.onEnd(async p=>{if(!p.metafile)return;let g=new Set(Object.keys(p.metafile.inputs).map(x=>(0,w.resolve)(f,x)));for(let x of d.keys())g.has(x)||d.delete(x);let c=await k([...d.values()],await C(),e.layer,r,e.darkMode),i=q(f,a.initialOptions,A(n,c.css));if(!c.css){o&&await(0,R.unlink)(o).catch(()=>{}),o=void 0;return}let u=v(c,(0,w.basename)(i));if(a.initialOptions.write===!1){let x=p.outputFiles;if(!x)return;let te={path:i,contents:Y.Buffer.from(u),hash:"",text:u};if(x.findIndex(ne=>ne.path===i)!==-1)throw new Error(`CSSX CSS asset collision at "${i}".`);x.push(te);return}await(0,R.mkdir)((0,w.dirname)(i),{recursive:!0}),await(0,R.writeFile)(i,u),o=i})}}}:{}}},F=(0,Q.createUnplugin)(Re);function Oe(e){return`if (typeof document !== "undefined" && typeof module !== "undefined" && module.hot) {
+  const key = "__cssxStylesheetHmr";
+  const state = globalThis[key] || (globalThis[key] = { revision: 0, staged: [], replacements: [] });
+  const stylesheetLink = [...document.querySelectorAll('link[rel="stylesheet"]')].find((link) =>
+    new URL(link.href, document.baseURI).pathname.endsWith(${JSON.stringify(`/${e}`)}),
+  );
+  const nextLink = stylesheetLink && (() => {
+    const path = new URL(stylesheetLink.href, document.baseURI).pathname;
+    return path.includes("/_next/");
+  })();
+  if (!state.installed) {
+    state.installed = true;
+    state.stage = () => {
+      const revision = ++state.revision;
+      state.staged = [];
+      state.replacements = [];
+      const links = [...document.querySelectorAll('link[rel="stylesheet"]')].filter((link) =>
+        new URL(link.href, document.baseURI).pathname.endsWith(${JSON.stringify(`/${e}`)}),
+      );
+      return Promise.all(
+        links.map(
+          (link) =>
+            new Promise((resolve) => {
+              const replacement = link.cloneNode();
+              const url = new URL(link.href, document.baseURI);
+              url.searchParams.set("cssx", String(revision));
+              replacement.href = url.href;
+              const finish = (loaded) => {
+                replacement.removeEventListener("load", onLoad);
+                replacement.removeEventListener("error", onError);
+                if (loaded) {
+                  state.staged.push(link);
+                  if (state.removeOnLoad) link.remove();
+                }
+                else replacement.remove();
+                resolve();
+              };
+              const onLoad = () => finish(true);
+              const onError = () => finish(false);
+              replacement.addEventListener("load", onLoad);
+              replacement.addEventListener("error", onError);
+              state.replacements.push(replacement);
+              link.after(replacement);
+            }),
+        ),
+      );
+    };
+    module.hot.addStatusHandler((status) => {
+      if (status === "prepare" || status === "dispose") {
+        return state.stage();
+      }
+      if (status === "idle") {
+        for (const link of state.staged) link.remove();
+        state.staged = [];
+        state.replacements = [];
+      }
+      if (status === "abort" || status === "fail") {
+        for (const replacement of state.replacements) replacement.remove();
+        state.staged = [];
+        state.replacements = [];
+      }
+    });
+    if (nextLink) module.hot.accept(() => void state.stage());
+    for (const updateKey of Object.getOwnPropertyNames(globalThis).filter((name) => name.startsWith("webpackHotUpdate"))) {
+      const update = globalThis[updateKey];
+      if (typeof update !== "function") continue;
+      globalThis[updateKey] = function (...args) {
+        void state.stage();
+        return update.apply(this, args);
+      };
+    }
+    if (stylesheetLink) {
+      state.removeOnLoad = Boolean(nextLink);
+      const refresh = async () => {
+        try {
+          const url = new URL(stylesheetLink.href, document.baseURI);
+          url.searchParams.set("cssx-probe", String(Date.now()));
+          const css = await fetch(url.href, { cache: "no-store" }).then((response) => response.text());
+          if (state.css && state.css !== css) void state.stage();
+          state.css = css;
+        } catch {
+        }
+      };
+      void refresh();
+      state.poll = setInterval(() => void refresh(), 500);
+    }
+  }
+}`}var qe=F.vite,ze=F.rollup,ee=F.webpack,Ge=F.rspack;var Ae=ee,Ne=Ae;

package/dist/webpack.d.cts

@@ -0,0 +1,13 @@
+import * as _webpack from 'webpack';
+import { C as CssxPluginOptions } from './options-CHY4_3I-.cjs';
+import '@cssxio/compiler';
+
+/**
+ * Creates the CSSX adapter for webpack.
+ *
+ * @param options CSSX adapter options.
+ * @returns The webpack plugin.
+ */
+declare const cssxWebpack: (options?: CssxPluginOptions | undefined) => _webpack.WebpackPluginInstance;
+
+export { cssxWebpack as default };

package/dist/webpack.d.ts

@@ -0,0 +1,13 @@
+import * as _webpack from 'webpack';
+import { C as CssxPluginOptions } from './options-CHY4_3I-.js';
+import '@cssxio/compiler';
+
+/**
+ * Creates the CSSX adapter for webpack.
+ *
+ * @param options CSSX adapter options.
+ * @returns The webpack plugin.
+ */
+declare const cssxWebpack: (options?: CssxPluginOptions | undefined) => _webpack.WebpackPluginInstance;
+
+export { cssxWebpack as default };

package/dist/webpack.js

@@ -0,0 +1 @@
+import{g as c}from"./chunk-NTRHNWKR.js";var e=c,p=e;export{p as default};

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@cssxio/unplugin",
+  "version": "0.2.0",
+  "description": "Universal bundler plugin for CSSX.",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.js",
+      "require": "./dist/vite.cjs"
+    },
+    "./rollup": {
+      "types": "./dist/rollup.d.ts",
+      "import": "./dist/rollup.js",
+      "require": "./dist/rollup.cjs"
+    },
+    "./webpack": {
+      "types": "./dist/webpack.d.ts",
+      "import": "./dist/webpack.js",
+      "require": "./dist/webpack.cjs"
+    },
+    "./rspack": {
+      "types": "./dist/rspack.d.ts",
+      "import": "./dist/rspack.js",
+      "require": "./dist/rspack.cjs"
+    },
+    "./esbuild": {
+      "types": "./dist/esbuild.d.ts",
+      "import": "./dist/esbuild.js",
+      "require": "./dist/esbuild.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup src/index.ts src/vite.ts src/rollup.ts src/webpack.ts src/rspack.ts src/esbuild.ts --format esm,cjs --dts --minify --clean"
+  },
+  "dependencies": {
+    "@babel/core": "^7.29.7",
+    "@cssxio/babel-plugin": "workspace:*",
+    "@cssxio/compiler": "workspace:*",
+    "unplugin": "^3.3.0"
+  },
+  "peerDependencies": {
+    "esbuild": ">=0.27.0"
+  },
+  "peerDependenciesMeta": {
+    "esbuild": {
+      "optional": true
+    }
+  }
+}