@unocss/runtime 0.21.2 → 0.22.3

package/core.global.js

@@ -1,2 +1,2 @@
-(()=>{var ot=Object.defineProperty,at=Object.defineProperties;var ct=Object.getOwnPropertyDescriptors;var H=Object.getOwnPropertySymbols;var lt=Object.prototype.hasOwnProperty,ut=Object.prototype.propertyIsEnumerable;var I=(r,t,e)=>t in r?ot(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,M=(r,t)=>{for(var e in t||(t={}))lt.call(t,e)&&I(r,e,t[e]);if(H)for(var e of H(t))ut.call(t,e)&&I(r,e,t[e]);return r},q=(r,t)=>at(r,ct(t));function ft(r){let t=r.length,e=-1,n,i="",s=r.charCodeAt(0);for(;++e<t;){if(n=r.charCodeAt(e),n===0){i+="\uFFFD";continue}if(n===44){i+="\\2c ";continue}if(n>=1&&n<=31||n===127||e===0&&n>=48&&n<=57||e===1&&n>=48&&n<=57&&s===45){i+=`\\${n.toString(16)} `;continue}if(e===0&&t===1&&n===45){i+=`\\${r.charAt(e)}`;continue}if(n>=128||n===45||n===95||n>=48&&n<=57||n>=65&&n<=90||n>=97&&n<=122){i+=r.charAt(e);continue}i+=`\\${r.charAt(e)}`}return i}var j=ft;function V(r){return(Array.isArray(r)?r:Object.entries(r)).filter(t=>t[1]!=null)}function N(r){return Array.isArray(r)?r.find(t=>!Array.isArray(t)||Array.isArray(t[0]))?r.map(t=>V(t)):[r]:[V(r)]}function pt(r){return r.filter(([t,e],n)=>{if(t.startsWith("$$"))return!1;for(let i=n-1;i>=0;i--)if(r[i][0]===t&&r[i][1]===e)return!1;return!0})}function v(r){return r==null?"":pt(r).map(([t,e])=>e!=null?`${t}:${e};`:void 0).filter(Boolean).join("")}function D(r){return r&&typeof r=="object"&&!Array.isArray(r)}function k(r,t){let e=r,n=t;if(Array.isArray(e)&&Array.isArray(n))return[...e,...n];if(Array.isArray(e))return[...e];let i=M({},e);return D(e)&&D(n)&&Object.keys(n).forEach(s=>{D(n[s])?s in e?i[s]=k(e[s],n[s]):Object.assign(i,{[s]:n[s]}):Object.assign(i,{[s]:n[s]})}),i}function T(r){let t,e,n;if(Array.isArray(r)){for(e=Array(t=r.length);t--;)e[t]=(n=r[t])&&typeof n=="object"?T(n):n;return e}if(Object.prototype.toString.call(r)==="[object Object]"){e={};for(t in r)t==="__proto__"?Object.defineProperty(e,t,{value:T(r[t]),configurable:!0,enumerable:!0,writable:!0}):e[t]=(n=r[t])&&typeof n=="object"?T(n):n;return e}return r}function W(r){return typeof r[0]=="string"}function Z(r){return typeof r[0]=="string"}function _(r=[]){return Array.isArray(r)?r:[r]}function P(r){return Array.from(new Set(r))}var dt=/(?!\d|-{2}|-\d)[a-zA-Z0-9\u00A0-\uFFFF-_:%-?]/;function J(r=""){return dt.test(r)}function Q(r){return typeof r=="function"?{match:r}:r}function L(r){return r.length===3}function X(r){return r!=null}var F=class{_map=new Map;get(t,e){let n=this._map.get(t);if(n)return n.get(e)}getFallback(t,e,n){let i=this._map.get(t);return i||(i=new Map,this._map.set(t,i)),i.has(e)||i.set(e,n),i.get(e)}set(t,e,n){let i=this._map.get(t);return i||(i=new Map,this._map.set(t,i)),i.set(e,n),this}has(t,e){var n;return(n=this._map.get(t))==null?void 0:n.has(e)}delete(t,e){var n;return((n=this._map.get(t))==null?void 0:n.delete(e))||!1}deleteTop(t){return this._map.delete(t)}map(t){return Array.from(this._map.entries()).flatMap(([e,n])=>Array.from(n.entries()).map(([i,s])=>t(s,e,i)))}};var ht=/([!\w+:_/-]+?)([:-])\(((?:[!\w\s:/\\,%#.$-]|\[.*?\])*?)\)/gm;function Y(r){let t=[],e;for(;e=ht.exec(r);){let i=e.index,s=i+e[0].length,[,o,c,f]=e,l=f.split(/\s/g).map(m=>m.replace(/^(!?)(.*)/,`$1${o}${c}$2`)).join(" ");t.unshift([i,s,l])}let n=r;return t.forEach(([i,s,o])=>{n=n.slice(0,i)+o+n.slice(s)}),n}var tt=new Set;function et(r){tt.has(r)||(console.warn("[unocss]",r),tt.add(r))}var gt=r=>r.split(/[\s'"`;>=]+/g).filter(J),B={name:"split",order:0,extract({code:r}){return new Set(gt(r))}};function mt(r){return _(r).flatMap(t=>Array.isArray(t)?[t]:Object.entries(t))}var yt={shortcuts:-1,default:0};function G(r={},t={}){let e=Object.assign({},t,r),n=(e.presets||[]).flatMap(_),i=[...n.filter(u=>u.enforce==="pre"),...n.filter(u=>!u.enforce),...n.filter(u=>u.enforce==="post")],s=Object.assign(yt,...n.map(u=>u.layers),r.layers);function o(u){return P([...i.flatMap(h=>_(h[u]||[])),..._(e[u]||[])])}let c=o("extractors");c.length||c.push(B),c.sort((u,h)=>(u.order||0)-(h.order||0));let f=o("rules"),l={},m=f.length;f.forEach((u,h)=>{W(u)&&(l[u[0]]=[h,u[1],u[2]],delete f[h])});let x=T([...i.map(u=>u.theme||{}),e.theme||{}].reduce((u,h)=>k(u,h),{}));return o("extendTheme").forEach(u=>u(x)),q(M({mergeSelectors:!0,warn:!0,blocklist:[],safelist:[],sortLayers:u=>u},e),{presets:i,envMode:e.envMode||"build",shortcutsLayer:e.shortcutsLayer||"shortcuts",layers:s,theme:x,rulesSize:m,rulesDynamic:f,rulesStaticMap:l,preprocess:o("preprocess"),postprocess:o("postprocess"),preflights:o("preflights"),variants:o("variants").map(Q),shortcuts:mt(o("shortcuts")),extractors:c})}var rt="0.21.2";var nt=class{constructor(t={},e={}){this.userConfig=t;this.defaults=e;this.config=G(t,e)}version=rt;_cache=new Map;config;blocked=new Set;parentOrders=new Map;setConfig(t,e){!t||(e&&(this.defaults=e),this.userConfig=t,this.config=G(t,this.defaults),this.blocked.clear(),this.parentOrders.clear(),this._cache.clear())}async applyExtractors(t,e,n=new Set){let i={get original(){return t},code:t,id:e};for(let s of this.config.extractors){let o=await s.extract(i);o==null||o.forEach(c=>n.add(c))}return n}async generate(t,{id:e,scope:n,preflights:i=!0,safelist:s=!0,minify:o=!1}={}){let c=typeof t=="string"?await this.applyExtractors(t,e):t;s&&this.config.safelist.forEach(a=>c.add(a));let f=o?"":`
-`,l=new Set(["default"]),m=new Set,x=new Map,u=(a,d)=>{var p;this._cache.set(a,d),m.add(a);for(let g of d){let C=g[3]||"";x.has(C)||x.set(C,[]),x.get(C).push(g),((p=g[4])==null?void 0:p.layer)&&l.add(g[4].layer)}},h=a=>{this.blocked.add(a),this._cache.set(a,null)};await Promise.all(Array.from(c).map(async a=>{var U;if(m.has(a)||this.blocked.has(a))return;if(this._cache.has(a)){let S=this._cache.get(a);S&&u(a,S);return}let d=a;for(let S of this.config.preprocess)d=S(a);if(this.isBlocked(d))return h(d);let p=this.matchVariants(a,d);if(!p||this.isBlocked(p[1]))return h(a);let g={rawSelector:a,currentSelector:p[1],theme:this.config.theme,generator:this,variantHandlers:p[2],constructCSS:(...S)=>this.constructCustomCSS(g,...S)},C=this.expandShortcut(p[1],g);if(C){let S=await this.stringifyShortcuts(p,g,C[0],C[1]);if(S==null?void 0:S.length)return u(a,S)}else{let S=(U=await this.parseUtil(p,g))==null?void 0:U.map(b=>this.stringifyUtil(b)).filter(X);if(S==null?void 0:S.length)return u(a,S)}this._cache.set(a,null)})),i&&this.config.preflights.forEach(a=>{a.layer&&l.add(a.layer)});let w={},A=this.config.sortLayers(Array.from(l).sort((a,d)=>{var p,g;return((p=this.config.layers[a])!=null?p:0)-((g=this.config.layers[d])!=null?g:0)||a.localeCompare(d)})),y=a=>{if(w[a])return w[a];let d=Array.from(x).sort((p,g)=>{var C,U,S;return((C=this.parentOrders.get(p[0]))!=null?C:0)-((U=this.parentOrders.get(g[0]))!=null?U:0)||((S=p[0])==null?void 0:S.localeCompare(g[0]||""))||0}).map(([p,g])=>{let C=g.length,U=g.filter(b=>{var R;return(((R=b[4])==null?void 0:R.layer)||"default")===a}).sort((b,R)=>{var O;return b[0]-R[0]||((O=b[1])==null?void 0:O.localeCompare(R[1]||""))||0}).map(b=>[b[1]?bt(b[1],n):b[1],b[2]]);if(!U.length)return;let S=U.reverse().map(([b,R],O)=>{if(b&&this.config.mergeSelectors)for(let K=O+1;K<C;K++){let E=U[K];if(E&&E[0]&&E[1]===R)return E[0]=`${E[0]},${f}${b}`,null}return b?`${b}{${R}}`:R}).filter(Boolean).reverse().join(f);return p?`${p}{${f}${S}${f}}`:S}).filter(Boolean).join(f);return i&&(d=[...this.config.preflights.filter(p=>(p.layer||"default")===a).map(p=>p.getCSS()).filter(Boolean),d].join(f)),w[a]=!o&&d?`/* layer: ${a} */${f}${d}`:d},$=(a=A,d)=>a.filter(p=>!(d==null?void 0:d.includes(p))).map(p=>y(p)||"").filter(Boolean).join(f);return{get css(){return $()},layers:A,getLayers:$,getLayer:y,matched:m}}matchVariants(t,e){let n=new Set,i=[],s=e||t,o=!1,c={rawSelector:t,theme:this.config.theme,generator:this};for(;;){o=!1;for(let f of this.config.variants){if(!f.multiPass&&n.has(f))continue;let l=f.match(s,c);if(!!l&&(typeof l=="string"&&(l={matcher:l}),l)){s=l.matcher,Array.isArray(l.parent)&&this.parentOrders.set(l.parent[0],l.parent[1]),i.push(l),n.add(f),o=!0;break}}if(!o)break;if(i.length>500)throw new Error(`Too many variants applied to "${t}"`)}return[t,s,i]}applyVariants(t,e=t[4],n=t[1]){let i=[...e].sort((c,f)=>(c.order||0)-(f.order||0)),s=i.reduce((c,f)=>{var l;return((l=f.body)==null?void 0:l.call(f,c))||c},t[2]),o={selector:i.reduce((c,f)=>{var l;return((l=f.selector)==null?void 0:l.call(f,c,s))||c},Ct(n)),entries:s,parent:i.reduce((c,f)=>Array.isArray(f.parent)?f.parent[0]:f.parent||c,void 0)};for(let c of this.config.postprocess)c(o);return o}constructCustomCSS(t,e,n){e=V(e);let{selector:i,entries:s,parent:o}=this.applyVariants([0,n||t.rawSelector,e,void 0,t.variantHandlers]),c=`${i}{${v(s)}}`;return o?`${o}{${c}}`:c}async parseUtil(t,e,n=!1){var m,x;let[i,s,o]=typeof t=="string"?this.matchVariants(t):t,c=this.config.rulesStaticMap[s];if(c&&c[1]&&(n||!((m=c[2])==null?void 0:m.internal)))return[[c[0],i,V(c[1]),c[2],o]];e.variantHandlers=o;let{rulesDynamic:f,rulesSize:l}=this.config;for(let u=l;u>=0;u--){let h=f[u];if(!h||((x=h[2])==null?void 0:x.internal)&&!n)continue;let[w,A,y]=h,$=s.match(w);if(!$)continue;let a=await A($,e);if(!a)continue;if(typeof a=="string")return[[u,a,y]];let d=N(a).filter(p=>p.length);if(d.length)return d.map(p=>[u,i,p,y,o])}}stringifyUtil(t){if(!t)return;if(L(t))return[t[0],void 0,t[1],void 0,t[2]];let{selector:e,entries:n,parent:i}=this.applyVariants(t),s=v(n);if(!!s)return[t[0],e,s,i,t[3]]}expandShortcut(t,e,n=3){if(n===0)return;let i,s;for(let o of this.config.shortcuts)if(Z(o)){if(o[0]===t){i=i||o[2],s=o[1];break}}else{let c=t.match(o[0]);if(c&&(s=o[1](c,e)),s){i=i||o[2];break}}if(typeof s=="string"&&(s=Y(s).split(/\s+/g)),!!s)return[s.flatMap(o=>{var c;return((c=this.expandShortcut(o,e,n-1))==null?void 0:c[0])||[o]}).filter(o=>o!==""),i]}async stringifyShortcuts(t,e,n,i={layer:this.config.shortcutsLayer}){let s=new F,o=(await Promise.all(P(n).map(async l=>{let m=await this.parseUtil(l,e,!0);return m||et(`unmatched utility "${l}" in shortcut "${t[1]}"`),m||[]}))).flat(1).filter(Boolean).sort((l,m)=>l[0]-m[0]),[c,,f]=t;for(let l of o){if(L(l))continue;let{selector:m,entries:x,parent:u}=this.applyVariants(l,[...l[4],...f],c),h=s.getFallback(m,u,[[],l[0]]);h[0].push(...x),l[0]>h[1]&&(h[1]=l[0])}return s.map(([l,m],x,u)=>{let h=v(l);if(h)return[m,x,h,u,i]}).filter(Boolean)}isBlocked(t){return!t||this.config.blocklist.some(e=>typeof e=="string"?e===t:e.test(t))}};function it(r,t){return new nt(r,t)}var st=/ \$\$ /,xt=r=>r.match(st);function bt(r,t){return xt(r)?r.replace(st,t?` ${t} `:" "):t?`${t} ${r}`:r}function Ct(r){return r.startsWith("[")?r.replace(/^\[(.+?)(~?=)"(.*)"\]$/,(t,e,n,i)=>`[${j(e)}${n}"${j(i)}"]`):`.${j(r)}`}function z(r={}){var A;if(typeof window=="undefined"){console.warn("@unocss/runtime been used in non-browser environment, skipped.");return}Object.assign(r,(A=window.__unocss)==null?void 0:A.runtime);let t,e=!1,n,i=it(window.__unocss||{},r.defaults),s=new Set,o;function c(){o!=null&&clearTimeout(o),o=setTimeout(f,0)}async function f(){let y=await i.generate(s);t||(t=document.createElement("style"),document.head.appendChild(t)),t.innerHTML=y.css}async function l(y){await i.applyExtractors(y,void 0,s),c()}async function m(){let y=document.body&&document.body.outerHTML;y&&await l(y)}let x=new MutationObserver(y=>{e||y.forEach($=>{let a=$.target;if(a===t||n&&!n(a))return;let d=Array.from(a.attributes).map(g=>g.value?`${g.name}="${g.value}"`:g.name).join(" "),p=`<${a.tagName.toLowerCase()} ${d}>`;l(p)})}),u=!1;function h(){if(!u)return;let y=document.documentElement||document.body;!y||(x.observe(y,{childList:!0,subtree:!0,attributes:!0}),u=!0)}function w(){m(),h()}window.__unocss_runtime=window.__unocss_runtime={version:i.version,uno:i,extractAll:m,inspect(y){n=y},toggleObserver(y){y===void 0?e=!e:e=!!y}},w(),window.addEventListener("load",w),window.addEventListener("DOMContentLoaded",w)}z();})();
+(()=>{var gt=Object.defineProperty,ht=Object.defineProperties;var mt=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var yt=Object.prototype.hasOwnProperty,St=Object.prototype.propertyIsEnumerable;var N=(e,t,r)=>t in e?gt(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,T=(e,t)=>{for(var r in t||(t={}))yt.call(t,r)&&N(e,r,t[r]);if(W)for(var r of W(t))St.call(t,r)&&N(e,r,t[r]);return e},j=(e,t)=>ht(e,mt(t));function xt(e){let t=e.length,r=-1,n,s="",i=e.charCodeAt(0);for(;++r<t;){if(n=e.charCodeAt(r),n===0){s+="\uFFFD";continue}if(n===44){s+="\\2c ";continue}if(n>=1&&n<=31||n===127||r===0&&n>=48&&n<=57||r===1&&n>=48&&n<=57&&i===45){s+=`\\${n.toString(16)} `;continue}if(r===0&&t===1&&n===45){s+=`\\${e.charAt(r)}`;continue}if(n>=128||n===45||n===95||n>=48&&n<=57||n>=65&&n<=90||n>=97&&n<=122){s+=e.charAt(r);continue}s+=`\\${e.charAt(r)}`}return s}var v=xt;function _(e){return(Array.isArray(e)?e:Object.entries(e)).filter(t=>t[1]!=null)}function Z(e){return Array.isArray(e)?e.find(t=>!Array.isArray(t)||Array.isArray(t[0]))?e.map(t=>_(t)):[e]:[_(e)]}function Ct(e){return e.filter(([t,r],n)=>{if(t.startsWith("$$"))return!1;for(let s=n-1;s>=0;s--)if(e[s][0]===t&&e[s][1]===r)return!1;return!0})}function D(e){return e==null?"":Ct(e).map(([t,r])=>r!=null?`${t}:${r};`:void 0).filter(Boolean).join("")}function k(e){return e&&typeof e=="object"&&!Array.isArray(e)}function F(e,t){let r=e,n=t;if(Array.isArray(r)&&Array.isArray(n))return[...r,...n];if(Array.isArray(r))return[...r];let s=T({},r);return k(r)&&k(n)&&Object.keys(n).forEach(i=>{k(n[i])?i in r?s[i]=F(r[i],n[i]):Object.assign(s,{[i]:n[i]}):Object.assign(s,{[i]:n[i]})}),s}function V(e){let t,r,n;if(Array.isArray(e)){for(r=Array(t=e.length);t--;)r[t]=(n=e[t])&&typeof n=="object"?V(n):n;return r}if(Object.prototype.toString.call(e)==="[object Object]"){r={};for(t in e)t==="__proto__"?Object.defineProperty(r,t,{value:V(e[t]),configurable:!0,enumerable:!0,writable:!0}):r[t]=(n=e[t])&&typeof n=="object"?V(n):n;return r}return e}function J(e){return typeof e[0]=="string"}function Q(e){return typeof e[0]=="string"}function M(e=[]){return Array.isArray(e)?e:[e]}function K(e){return Array.from(new Set(e))}var bt=/(?!\d|-{2}|-\d)[a-zA-Z0-9\u00A0-\uFFFF-_:%-?]/,z="$$shortcut-no-merge";function X(e=""){return bt.test(e)}function Y(e){return typeof e=="function"?{match:e}:e}function B(e){return e.length===3}function tt(e){return e!=null}var G=class{_map=new Map;get(t,r){let n=this._map.get(t);if(n)return n.get(r)}getFallback(t,r,n){let s=this._map.get(t);return s||(s=new Map,this._map.set(t,s)),s.has(r)||s.set(r,n),s.get(r)}set(t,r,n){let s=this._map.get(t);return s||(s=new Map,this._map.set(t,s)),s.set(r,n),this}has(t,r){var n;return(n=this._map.get(t))==null?void 0:n.has(r)}delete(t,r){var n;return((n=this._map.get(t))==null?void 0:n.delete(r))||!1}deleteTop(t){return this._map.delete(t)}map(t){return Array.from(this._map.entries()).flatMap(([r,n])=>Array.from(n.entries()).map(([s,i])=>t(i,r,s)))}};var Rt=/([!\w+:_/-]+?)([:-])\(((?:[!\w\s:/\\,%#.$-]|\[.*?\])*?)\)/gm;function et(e){let t=[],r;for(;r=Rt.exec(e);){let s=r.index,i=s+r[0].length,[,o,a,l]=r,p=l.split(/\s/g).map(h=>h.replace(/^(!?)(.*)/,`$1${o}${a}$2`)).join(" ");t.unshift([s,i,p])}let n=e;return t.forEach(([s,i,o])=>{n=n.slice(0,s)+o+n.slice(i)}),n}var rt=new Set;function nt(e){rt.has(e)||(console.warn("[unocss]",e),rt.add(e))}var Ut=e=>e.split(/[\s'"`;>=]+/g).filter(X),H={name:"split",order:0,extract({code:e}){return new Set(Ut(e))}};function wt(e){return M(e).flatMap(t=>Array.isArray(t)?[t]:Object.entries(t))}var Et={shortcuts:-1,default:0};function I(e={},t={}){let r=Object.assign({},t,e),n=(r.presets||[]).flatMap(M),s=[...n.filter(u=>u.enforce==="pre"),...n.filter(u=>!u.enforce),...n.filter(u=>u.enforce==="post")],i=Object.assign(Et,...n.map(u=>u.layers),e.layers);function o(u){return K([...s.flatMap(x=>M(x[u]||[])),...M(r[u]||[])])}let a=o("extractors");a.length||a.push(H),a.sort((u,x)=>(u.order||0)-(x.order||0));let l=o("rules"),p={},h=l.length;l.forEach((u,x)=>{J(u)&&(p[u[0]]=[x,u[1],u[2]],delete l[x])});let S=V([...s.map(u=>u.theme||{}),r.theme||{}].reduce((u,x)=>F(u,x),{}));return o("extendTheme").forEach(u=>u(S)),j(T({mergeSelectors:!0,warn:!0,blocklist:[],safelist:[],sortLayers:u=>u},r),{presets:s,envMode:r.envMode||"build",shortcutsLayer:r.shortcutsLayer||"shortcuts",layers:i,theme:S,rulesSize:h,rulesDynamic:l,rulesStaticMap:p,preprocess:o("preprocess"),postprocess:o("postprocess"),preflights:o("preflights"),variants:o("variants").map(Y),shortcuts:wt(o("shortcuts")),extractors:a})}var st="0.22.3";var it=class{constructor(t={},r={}){this.userConfig=t;this.defaults=r;this.config=I(t,r)}version=st;_cache=new Map;config;blocked=new Set;parentOrders=new Map;setConfig(t,r){!t||(r&&(this.defaults=r),this.userConfig=t,this.config=I(t,this.defaults),this.blocked.clear(),this.parentOrders.clear(),this._cache.clear())}async applyExtractors(t,r,n=new Set){let s={get original(){return t},code:t,id:r};for(let i of this.config.extractors){let o=await i.extract(s);o==null||o.forEach(a=>n.add(a))}return n}async generate(t,{id:r,scope:n,preflights:s=!0,safelist:i=!0,minify:o=!1}={}){let a=typeof t=="string"?await this.applyExtractors(t,r):t;i&&this.config.safelist.forEach(c=>a.add(c));let l=o?"":`
+`,p=new Set(["default"]),h=new Set,S=new Map,u=(c,d)=>{var g;this._cache.set(c,d),h.add(c);for(let m of d){let U=m[3]||"";S.has(U)||S.set(U,[]),S.get(U).push(m),((g=m[4])==null?void 0:g.layer)&&p.add(m[4].layer)}},x=c=>{this.blocked.add(c),this._cache.set(c,null)};await Promise.all(Array.from(a).map(async c=>{var $;if(h.has(c)||this.blocked.has(c))return;if(this._cache.has(c)){let C=this._cache.get(c);C&&u(c,C);return}let d=c;for(let C of this.config.preprocess)d=C(c);if(this.isBlocked(d))return x(d);let g=this.matchVariants(c,d);if(!g||this.isBlocked(g[1]))return x(c);let m={rawSelector:c,currentSelector:g[1],theme:this.config.theme,generator:this,variantHandlers:g[2],constructCSS:(...C)=>this.constructCustomCSS(m,...C)},U=this.expandShortcut(g[1],m);if(U){let C=await this.stringifyShortcuts(g,m,U[0],U[1]);if(C==null?void 0:C.length)return u(c,C)}else{let C=($=await this.parseUtil(g,m))==null?void 0:$.map(y=>this.stringifyUtil(y)).filter(tt);if(C==null?void 0:C.length)return u(c,C)}this._cache.set(c,null)})),s&&this.config.preflights.forEach(c=>{c.layer&&p.add(c.layer)});let E={},A=this.config.sortLayers(Array.from(p).sort((c,d)=>{var g,m;return((g=this.config.layers[c])!=null?g:0)-((m=this.config.layers[d])!=null?m:0)||c.localeCompare(d)})),b={};s&&(b=Object.fromEntries(await Promise.all(A.map(async c=>{let g=(await Promise.all(this.config.preflights.filter(m=>(m.layer||"default")===c).map(async m=>await m.getCSS()))).filter(Boolean).join(l);return[c,g]}))));let f=c=>{if(E[c])return E[c];let d=Array.from(S).sort((g,m)=>{var U,$,C;return((U=this.parentOrders.get(g[0]))!=null?U:0)-(($=this.parentOrders.get(m[0]))!=null?$:0)||((C=g[0])==null?void 0:C.localeCompare(m[0]||""))||0}).map(([g,m])=>{let U=m.length,$=m.filter(y=>{var w;return(((w=y[4])==null?void 0:w.layer)||"default")===c}).sort((y,w)=>{var P;return y[0]-w[0]||((P=y[1])==null?void 0:P.localeCompare(w[1]||""))||0}).map(y=>{var w;return[y[1]?Tt(y[1],n):y[1],y[2],!!((w=y[4])==null?void 0:w.noMerge)]}).map(y=>[y[0]==null?y[0]:[y[0]],y[1],y[2]]);if(!$.length)return;let C=$.reverse().map(([y,w,P],dt)=>{if(!P&&y&&this.config.mergeSelectors)for(let L=dt+1;L<U;L++){let O=$[L];if(O&&!O[2]&&O[0]&&O[1]===w)return O[0].push(...y),null}return y?`${[...new Set(y)].join(`,${l}`)}{${w}}`:w}).filter(Boolean).reverse().join(l);return g?`${g}{${l}${C}${l}}`:C}).filter(Boolean).join(l);return s&&(d=[b[c],d].filter(Boolean).join(l)),E[c]=!o&&d?`/* layer: ${c} */${l}${d}`:d},R=(c=A,d)=>c.filter(g=>!(d==null?void 0:d.includes(g))).map(g=>f(g)||"").filter(Boolean).join(l);return{get css(){return R()},layers:A,getLayers:R,getLayer:f,matched:h}}matchVariants(t,r){let n=new Set,s=[],i=r||t,o=!1,a={rawSelector:t,theme:this.config.theme,generator:this};for(;;){o=!1;for(let l of this.config.variants){if(!l.multiPass&&n.has(l))continue;let p=l.match(i,a);if(!!p&&(typeof p=="string"&&(p={matcher:p}),p)){i=p.matcher,Array.isArray(p.parent)&&this.parentOrders.set(p.parent[0],p.parent[1]),s.push(p),n.add(l),o=!0;break}}if(!o)break;if(s.length>500)throw new Error(`Too many variants applied to "${t}"`)}return[t,i,s]}applyVariants(t,r=t[4],n=t[1]){let s=[...r].sort((a,l)=>(a.order||0)-(l.order||0)),i=s.reduce((a,l)=>{var p;return((p=l.body)==null?void 0:p.call(l,a))||a},t[2]),o={selector:s.reduce((a,l)=>{var p;return((p=l.selector)==null?void 0:p.call(l,a,i))||a},Ot(n)),entries:i,parent:s.reduce((a,l)=>Array.isArray(l.parent)?l.parent[0]:l.parent||a,void 0)};for(let a of this.config.postprocess)a(o);return o}constructCustomCSS(t,r,n){r=_(r);let{selector:s,entries:i,parent:o}=this.applyVariants([0,n||t.rawSelector,r,void 0,t.variantHandlers]),a=`${s}{${D(i)}}`;return o?`${o}{${a}}`:a}async parseUtil(t,r,n=!1){var h,S;let[s,i,o]=typeof t=="string"?this.matchVariants(t):t,a=this.config.rulesStaticMap[i];if(a&&a[1]&&(n||!((h=a[2])==null?void 0:h.internal)))return[[a[0],s,_(a[1]),a[2],o]];r.variantHandlers=o;let{rulesDynamic:l,rulesSize:p}=this.config;for(let u=p;u>=0;u--){let x=l[u];if(!x||((S=x[2])==null?void 0:S.internal)&&!n)continue;let[E,A,b]=x,f=i.match(E);if(!f)continue;let R=await A(f,r);if(!R)continue;if(typeof R=="string")return[[u,R,b]];let c=Z(R).filter(d=>d.length);if(c.length)return c.map(d=>[u,s,d,b,o])}}stringifyUtil(t){if(!t)return;if(B(t))return[t[0],void 0,t[1],void 0,t[2]];let{selector:r,entries:n,parent:s}=this.applyVariants(t),i=D(n);if(!!i)return[t[0],r,i,s,t[3]]}expandShortcut(t,r,n=3){if(n===0)return;let s,i;for(let o of this.config.shortcuts)if(Q(o)){if(o[0]===t){s=s||o[2],i=o[1];break}}else{let a=t.match(o[0]);if(a&&(i=o[1](a,r)),i){s=s||o[2];break}}if(typeof i=="string"&&(i=et(i).split(/\s+/g)),!!i)return[i.flatMap(o=>{var a;return((a=this.expandShortcut(o,r,n-1))==null?void 0:a[0])||[o]}).filter(o=>o!==""),s]}async stringifyShortcuts(t,r,n,s={layer:this.config.shortcutsLayer}){var p;let i=new G,o=(await Promise.all(K(n).map(async h=>{let S=await this.parseUtil(h,r,!0);return S||nt(`unmatched utility "${h}" in shortcut "${t[1]}"`),S||[]}))).flat(1).filter(Boolean).sort((h,S)=>h[0]-S[0]),[a,,l]=t;for(let h of o){if(B(h))continue;let{selector:S,entries:u,parent:x}=this.applyVariants(h,[...h[4],...l],a);i.getFallback(S,x,[[],h[0]])[0].push([u,!!((p=h[3])==null?void 0:p.noMerge)])}return i.map(([h,S],u,x)=>{let E=b=>f=>{let R=D(f);if(R)return[S,u,R,x,j(T({},s),{noMerge:b})]};return[[h.filter(([,b])=>b).map(([b])=>b),!0],[h.filter(([,b])=>!b).map(([b])=>b),!1]].map(([b,f])=>{let R=b.filter(d=>d.some(g=>g[0]===z)),c=b.filter(d=>d.every(g=>g[0]!==z));return[...R.map(E(f)),...[c.flat(1)].map(E(f))]})}).flat(2).filter(Boolean)}isBlocked(t){return!t||this.config.blocklist.some(r=>typeof r=="string"?r===t:r.test(t))}};function ot(e,t){return new it(e,t)}var at=/ \$\$ /,$t=e=>e.match(at);function Tt(e,t){return $t(e)?e.replace(at,t?` ${t} `:" "):t?`${t} ${e}`:e}var ct=/^\[(.+?)(~?=)"(.*)"\]$/;function Ot(e){return ct.test(e)?e.replace(ct,(t,r,n,s)=>`[${v(r)}${n}"${v(s)}"]`):`.${v(e)}`}var _t=e=>e.replace(/-(\w)/g,(t,r)=>r?r.toUpperCase():""),lt=e=>e.charAt(0).toUpperCase()+e.slice(1),ut=e=>e.replace(/(?:^|\B)([A-Z])/g,"-$1").toLowerCase(),ft=["Webkit","Moz","ms"];function pt(e){let t={};function r(n){let s=t[n];if(s)return s;let i=_t(n);if(i!=="filter"&&i in e)return t[n]=ut(i);i=lt(i);for(let o=0;o<ft.length;o++){let a=`${ft[o]}${i}`;if(a in e)return t[n]=ut(lt(a))}return n}return({entries:n})=>n.forEach(s=>{s[0].startsWith("--")||(s[0]=r(s[0]))})}function q(e={}){var b;if(typeof window=="undefined"){console.warn("@unocss/runtime been used in non-browser environment, skipped.");return}let t=e.defaults||{};if(e.autoPrefix){let f=t.postprocess;f||(f=[]),Array.isArray(f)||(f=[f]),f.unshift(pt(document.createElement("div").style)),t.postprocess=f}Object.assign(e,(b=window.__unocss)==null?void 0:b.runtime);let r,n=!1,s,i=ot(window.__unocss||{},t),o=new Set,a;function l(){a!=null&&clearTimeout(a),a=setTimeout(p,0)}async function p(){let f=await i.generate(o);r||(r=document.createElement("style"),document.documentElement.prepend(r)),r.innerHTML=f.css}async function h(f){await i.applyExtractors(f,void 0,o),l()}async function S(){let f=document.body&&document.body.outerHTML;f&&await h(f)}let u=new MutationObserver(f=>{n||f.forEach(R=>{let c=R.target;if(c===r||s&&!s(c))return;let d=Array.from(c.attributes).map(m=>m.value?`${m.name}="${m.value}"`:m.name).join(" "),g=`<${c.tagName.toLowerCase()} ${d}>`;h(g)})}),x=!1;function E(){if(!x)return;let f=document.documentElement||document.body;!f||(u.observe(f,{childList:!0,subtree:!0,attributes:!0}),x=!0)}function A(){S(),E()}window.__unocss_runtime=window.__unocss_runtime={version:i.version,uno:i,extractAll:S,inspect(f){s=f},toggleObserver(f){f===void 0?n=!n:n=!!f}},A(),window.addEventListener("load",A),window.addEventListener("DOMContentLoaded",A)}q();})();

package/dist/index.d.ts

@@ -5,6 +5,11 @@ interface RuntimeOptions {
      * Default config of UnoCSS
      */
     defaults?: UserConfigDefaults;
+    /**
+     * Enable css property auto prefixer
+     * @default false
+     */
+    autoPrefix?: boolean;
 }
 declare type RuntimeInspectorCallback = (element: Element) => boolean;
 declare global {

package/dist/index.js

@@ -32,17 +32,57 @@ __export(src_exports, {
   default: () => init
 });
 var import_core = __toESM(require("@unocss/core"));
+
+// src/utils.ts
+var camelize = (str) => str.replace(/-(\w)/g, (_, c) => c ? c.toUpperCase() : "");
+var capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+var hyphenate = (str) => str.replace(/(?:^|\B)([A-Z])/g, "-$1").toLowerCase();
+var prefixes = ["Webkit", "Moz", "ms"];
+function autoPrefixer(style) {
+  const prefixCache = {};
+  function autoPrefix(rawName) {
+    const cached = prefixCache[rawName];
+    if (cached)
+      return cached;
+    let name = camelize(rawName);
+    if (name !== "filter" && name in style)
+      return prefixCache[rawName] = hyphenate(name);
+    name = capitalize(name);
+    for (let i = 0; i < prefixes.length; i++) {
+      const prefixed = `${prefixes[i]}${name}`;
+      if (prefixed in style)
+        return prefixCache[rawName] = hyphenate(capitalize(prefixed));
+    }
+    return rawName;
+  }
+  return ({ entries }) => entries.forEach((e) => {
+    if (!e[0].startsWith("--"))
+      e[0] = autoPrefix(e[0]);
+  });
+}
+
+// src/index.ts
 function init(options = {}) {
   var _a;
   if (typeof window == "undefined") {
     console.warn("@unocss/runtime been used in non-browser environment, skipped.");
     return;
   }
+  const defaultOptions = options.defaults || {};
+  if (options.autoPrefix) {
+    let postprocess = defaultOptions.postprocess;
+    if (!postprocess)
+      postprocess = [];
+    if (!Array.isArray(postprocess))
+      postprocess = [postprocess];
+    postprocess.unshift(autoPrefixer(document.createElement("div").style));
+    defaultOptions.postprocess = postprocess;
+  }
   Object.assign(options, (_a = window.__unocss) == null ? void 0 : _a.runtime);
-  let el;
+  let styleElement;
   let paused = false;
   let inspector;
-  const uno = (0, import_core.createGenerator)(window.__unocss || {}, options.defaults);
+  const uno = (0, import_core.createGenerator)(window.__unocss || {}, defaultOptions);
   const tokens = /* @__PURE__ */ new Set();
   let _timer;
   function scheduleUpdate() {
@@ -52,11 +92,11 @@ function init(options = {}) {
   }
   async function updateStyle() {
     const result = await uno.generate(tokens);
-    if (!el) {
-      el = document.createElement("style");
-      document.head.appendChild(el);
+    if (!styleElement) {
+      styleElement = document.createElement("style");
+      document.documentElement.prepend(styleElement);
     }
-    el.innerHTML = result.css;
+    styleElement.innerHTML = result.css;
   }
   async function extract(str) {
     await uno.applyExtractors(str, void 0, tokens);
@@ -72,7 +112,7 @@ function init(options = {}) {
       return;
     mutations.forEach((mutation) => {
       const target = mutation.target;
-      if (target === el)
+      if (target === styleElement)
         return;
       if (inspector && !inspector(target))
         return;

package/dist/index.mjs

@@ -1,16 +1,56 @@
 // src/index.ts
 import { createGenerator } from "@unocss/core";
+
+// src/utils.ts
+var camelize = (str) => str.replace(/-(\w)/g, (_, c) => c ? c.toUpperCase() : "");
+var capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+var hyphenate = (str) => str.replace(/(?:^|\B)([A-Z])/g, "-$1").toLowerCase();
+var prefixes = ["Webkit", "Moz", "ms"];
+function autoPrefixer(style) {
+  const prefixCache = {};
+  function autoPrefix(rawName) {
+    const cached = prefixCache[rawName];
+    if (cached)
+      return cached;
+    let name = camelize(rawName);
+    if (name !== "filter" && name in style)
+      return prefixCache[rawName] = hyphenate(name);
+    name = capitalize(name);
+    for (let i = 0; i < prefixes.length; i++) {
+      const prefixed = `${prefixes[i]}${name}`;
+      if (prefixed in style)
+        return prefixCache[rawName] = hyphenate(capitalize(prefixed));
+    }
+    return rawName;
+  }
+  return ({ entries }) => entries.forEach((e) => {
+    if (!e[0].startsWith("--"))
+      e[0] = autoPrefix(e[0]);
+  });
+}
+
+// src/index.ts
 function init(options = {}) {
   var _a;
   if (typeof window == "undefined") {
     console.warn("@unocss/runtime been used in non-browser environment, skipped.");
     return;
   }
+  const defaultOptions = options.defaults || {};
+  if (options.autoPrefix) {
+    let postprocess = defaultOptions.postprocess;
+    if (!postprocess)
+      postprocess = [];
+    if (!Array.isArray(postprocess))
+      postprocess = [postprocess];
+    postprocess.unshift(autoPrefixer(document.createElement("div").style));
+    defaultOptions.postprocess = postprocess;
+  }
   Object.assign(options, (_a = window.__unocss) == null ? void 0 : _a.runtime);
-  let el;
+  let styleElement;
   let paused = false;
   let inspector;
-  const uno = createGenerator(window.__unocss || {}, options.defaults);
+  const uno = createGenerator(window.__unocss || {}, defaultOptions);
   const tokens = /* @__PURE__ */ new Set();
   let _timer;
   function scheduleUpdate() {
@@ -20,11 +60,11 @@ function init(options = {}) {
   }
   async function updateStyle() {
     const result = await uno.generate(tokens);
-    if (!el) {
-      el = document.createElement("style");
-      document.head.appendChild(el);
+    if (!styleElement) {
+      styleElement = document.createElement("style");
+      document.documentElement.prepend(styleElement);
     }
-    el.innerHTML = result.css;
+    styleElement.innerHTML = result.css;
   }
   async function extract(str) {
     await uno.applyExtractors(str, void 0, tokens);
@@ -40,7 +80,7 @@ function init(options = {}) {
       return;
     mutations.forEach((mutation) => {
       const target = mutation.target;
-      if (target === el)
+      if (target === styleElement)
         return;
       if (inspector && !inspector(target))
         return;