effcss 3.4.0 → 3.5.0

package/README.md

@@ -137,7 +137,7 @@ export interface ICardMaker {
     };
 }
 
-const myStyleSheetMaker: TStyleSheetMaker = ({ bem, pseudo, at: { kf }, merge, palette }) = {
+const myStyleSheetMaker: TStyleSheetMaker = ({ bem, pseudo, at: { kf }, merge, palette, coef, size }) = {
     // creates unique keyframes identifier
     const spin = kf();
     // deeply merges objects
@@ -169,7 +169,11 @@ const myStyleSheetMaker: TStyleSheetMaker = ({ bem, pseudo, at: { kf }, merge, p
         [bem<ICardMaker>('card..h.full')]: { ... },
         [bem<ICardMaker>('card.footer')]: { ... },
         [bem<ICardMaker>('card.footer.visible')]: { ... },
-        [bem<ICardMaker>('card.footer.sz.m')]: { ... },
+        ...each(coef.short, (k, v) => ({
+            [bem<ICardMaker>(`card.footer.sz.${k}`)]: {
+                height: size(v)
+            }
+        }))
     };
 };
 

package/dist/build/define-provider.min.js

@@ -1,7 +1,7 @@
 /*
-* EffCSS v3.4.0
+* EffCSS v3.5.0
 * {@link https://gitverse.ru/msabitov/effcss}
 * Copyright (c) Marat Sabitov
 * @license Apache-2.0
 */
-"function"==typeof SuppressedError&&SuppressedError;const t="@media",e="@container",s="@property",i="@keyframes",r="@layer",n="@scope",a="@supports",l=(e,s)=>{const i=t+` ${s||""}${s?" and ":""}(${e})`;return{s:i,q:e,t:s,toString:()=>i}};l.toString=()=>t;const c=t=>t+"px",o=t=>t+"vh",h=t=>t+"vw",u=t=>t+"vmin",g=t=>t+"vmax",d=t=>t+"rem",p=t=>t+"deg",m=t=>t+"ms",b=t=>t+"%",f=t=>t+"cqw",v=t=>t+"cqh",$=t=>t+"cqi",y=t=>t+"cqb",j=t=>t+"cqmin",x=t=>t+"cqmax",O=Object.fromEntries,k=Object.entries,_=":first-",w=":last-",S=":only-",q="child",A=":nth-",E="of-type",z=A+q,P=":focus",N={r:":root",h:":hover",f:P,fv:P+"-visible",a:":active",v:":visited",val:":valid",inv:":invalid",e:":empty",d:":disabled",rq:":required",o:":optional",m:":modal",l:":link",ph:":placeholder",ch:":checked",po:":popover-open",fc:_+q,lc:w+q,oc:S+q,odd:z+"(odd)",even:z+"(even)",ft:_+E,lt:w+E,ot:S+E,bef:"::before",aft:"::after",bd:"::backdrop"},C={has:":has",not:":not",is:":is",wh:":where",st:":state",nthc:z,ntho:A+E,dir:":dir",lang:":lang"},I="oklch",W=t=>I+`(${t})`,F=t=>W(`from ${t}`),K="def",M=t=>{const e=(e,s)=>"string"==typeof s?t(e,s):s;class s{constructor(t={}){this.state={l:e("l",K),c:e("c",K),h:e("h",K),a:e("a",K)},this.merge=t=>new s(Object.assign(this.state,t)),this.l=t=>this.merge({l:e("l",t)}),this.c=t=>this.merge({c:e("c",t)}),this.h=t=>this.merge({h:e("h",t)}),this.a=t=>this.merge({a:e("a",t)}),this.state=Object.assign(this.state,t)}get s(){return this.toString()}toString(){const{l:t,c:e,h:s,a:i}=this.state;return W(`${t} ${e} ${s} / ${i}`)}}return t=>new s(t)},B=(t,e=.1)=>F(`${t} calc(l + ${e}) c h / alpha)`),L=(t,e=.1)=>F(`${t} calc(l - ${e}) c h / alpha)`),R=(t,e=.1)=>F(`${t} l c h / calc(alpha + ${e}))`),H=(t,e=.1)=>F(`${t} l c h / calc(alpha - ${e}))`),T=(t,e=.04)=>F(`${t} l calc(c + ${e}) h / alpha)`),V=(t,e=.04)=>F(`${t} l calc(c - ${e}) h / alpha)`),Z=(t,e=30)=>F(`${t} l c calc(h${"number"==typeof e?e>0?" + "+e:" - "+-e:e}) / alpha)`),D=({base:t,mixin:e,method:s,bpart:i,mpart:r})=>`color-mix(in ${s||I}, ${t}${void 0!==i?` ${i}%`:""}, ${e}${void 0!==r?` ${r}%`:""})`,G=t=>({create:M(t),oklch:W,lighten:B,darken:L,saturate:T,desaturate:V,fadein:R,fadeout:H,spin:Z,mix:D}),J=(t,e,s)=>Object.entries(t).reduce(e,s),Q=Symbol("noParse"),U=(t,e,s)=>{var i,r,n;let a=""+t;return null==e?"":"object"!=typeof e||e.hasOwnProperty(Q)?`${l=a,l.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}:${""+e};`:(!s||(null===(i=s.startsWith)||void 0===i?void 0:i.call(s,"@"))||(null===(r=a.startsWith)||void 0===r?void 0:r.call(a,"&"))||(null===(n=a.startsWith)||void 0===n?void 0:n.call(a,"@"))?"":"&")+a+`{${J(e,((t,e)=>t+U(...e,a)),"")}}`;var l},X="palette",Y=t=>{const e={pri:t(X,"h","pri"),sec:t(X,"h","sec"),ter:t(X,"h","ter"),suc:t(X,"h","suc"),inf:t(X,"h","inf"),war:t(X,"h","war"),dan:t(X,"h","dan")};class s{constructor(t={}){this.state={l:"l",c:"base",h:e.pri,a:1,m:"bg"},Object.assign(this,{[Q]:!0}),this.state=Object.assign(this.state,t)}get xs(){return new s(Object.assign(Object.assign({},this.state),{l:"xs"}))}get s(){return new s(Object.assign(Object.assign({},this.state),{l:"s"}))}get m(){return new s(Object.assign(Object.assign({},this.state),{l:"m"}))}get l(){return new s(Object.assign(Object.assign({},this.state),{l:"l"}))}get xl(){return new s(Object.assign(Object.assign({},this.state),{l:"xl"}))}get lightness(){return{xs:this.xs,s:this.s,m:this.m,l:this.l,xl:this.xl}}get gray(){return new s(Object.assign(Object.assign({},this.state),{c:"gray"}))}get pale(){return new s(Object.assign(Object.assign({},this.state),{c:"pale"}))}get base(){return new s(Object.assign(Object.assign({},this.state),{c:"base"}))}get rich(){return new s(Object.assign(Object.assign({},this.state),{c:"rich"}))}get chroma(){return{gray:this.gray,pale:this.pale,base:this.base,rich:this.rich}}get pri(){return new s(Object.assign(Object.assign({},this.state),{h:e.pri}))}get sec(){return new s(Object.assign(Object.assign({},this.state),{h:e.sec}))}get suc(){return new s(Object.assign(Object.assign({},this.state),{h:e.suc}))}get inf(){return new s(Object.assign(Object.assign({},this.state),{h:e.inf}))}get war(){return new s(Object.assign(Object.assign({},this.state),{h:e.war}))}get dan(){return new s(Object.assign(Object.assign({},this.state),{h:e.dan}))}get hue(){return{pri:this.pri,sec:this.sec,suc:this.suc,inf:this.inf,war:this.war,dan:this.dan}}alpha(t=1){return new s(Object.assign(Object.assign({},this.state),{a:t}))}get bg(){return new s(Object.assign(Object.assign({},this.state),{m:"bg"}))}get fg(){return new s(Object.assign(Object.assign({},this.state),{m:"fg"}))}toString(){const{l:e,c:s,h:i,a:r,m:n}=this.state;return`oklch(${t(X,"l",n,e)} ${t(X,"c",n,s)} ${i} / ${r})`}}return new s},tt=Object.assign,et=Object.entries,st=Array.isArray,it=(t,...e)=>e.length?e.reduce(((t,e)=>(et(e).forEach((([e,s])=>{s&&"object"==typeof s&&t[e]?st(t[e])&&st(s)?t[e]=[...t[e],...s]:it(t[e],s||{}):t[e]=s})),t)),t):t,rt={dash:(...t)=>t.join("-"),comma:(...t)=>t.join(),space:(...t)=>t.join(" "),range:(t,e)=>Array.from(Array(t).entries()).reduce(((t,[s])=>tt(t,e(s+1))),{}),each:(t,e)=>et(t).reduce(((t,[s,i])=>tt(t,e(s,i))),{}),merge:it,when:(t,e,s={})=>t?e:s},nt="width: ",at=t=>{const{scope:_,globalKey:w="",bp:S={}}=t,q=_(w),A=t=>q.varExp(...t.split(".")),E=(t=1)=>`calc(${t} * ${A("rtime")})`;return{compile:({key:t,maker:w})=>{const z=_(t),P=(t=>{const c={cp:1,lay:1,kf:1,cq:1},o=(s,i)=>{const r="string"==typeof i?i:t.name("cq",c.cq++),n=e+` ${r?r+" ":""}(${s})`;return{c:r,q:s,s:n,toString:()=>n}};o.toString=()=>e;const h=(e,i)=>{const r="--"+(e||t.name("cp",c.cp++)),n=s+" "+r;return{k:r,v:`var(${r})`,s:n,r:{[n]:{syntax:(null==i?void 0:i.syn)||'"*"',inherits:(null==i?void 0:i.inh)||!1,initialValue:null==i?void 0:i.ini}},toString:()=>n}};h.toString=()=>s;const u=e=>{const s=e||t.name("kf",c.kf++),r=i+" "+s;return{k:s,s:r,toString:()=>r}};u.toString=()=>i;const g=e=>{const s=e||t.name("lay",c.lay++),i=r+" "+s;return{k:s,s:i,toString:()=>i}};g.toString=()=>r,g.toString=()=>n;const d=(t="",e=!1)=>{const s=a+` ${e?"not ":""}(${t})`;return{c:t,n:e,s:s,toString:()=>s}};return d.toString=()=>a,{pr:h,kf:u,mq:l,cq:o,lay:g,sc:(t="",e="")=>{const s=n+` ${t?`(${t})`:""}${t&&e?" ":""}${e?`to (${e})`:""}`;return{r:t,l:e,s:s,toString:()=>s}},sup:d}})(z),I=t=>{const e=S[t]||t;return"number"==typeof e?e+"rem":""},W=t=>"min-"+nt+I(t),F=t=>"max-"+nt+I(t),K=(t,e)=>"string"==typeof e?P.cq(t,e):P.mq(t),M=(t,e,s)=>""+K(W(t)+") and ("+F(e),s),B={up:(t,e)=>""+K(W(t),e),down:(t,e)=>""+K(F(t),e),between:M,only:(t,e)=>M(t,t,e)};return L=w(Object.assign(rt,{key:t,vars:A,time:E,bem:z.selector,pseudo:Object.assign(O(k(N).map((([t,e])=>{function s(t=""){return t+e}return s.toString=()=>e,[t,s]}))),O(k(C).map((([t,e])=>{function s(t,s=""){return s+e+`(${t})`}return s.toString=()=>e,[t,s]})))),color:G(q.varExp),palette:Y(q.varExp),units:{px:c,vh:o,vw:h,vmin:u,vmax:g,rem:d,deg:p,ms:m,pc:b,cqw:f,cqh:v,cqb:y,cqi:$,cqmin:j,cqmax:x},at:P,limit:B})),J(L,((t,e)=>t+U(...e)),"");var L}}};const lt=void 0,ct=Object.entries,ot=Object.assign,ht=Object.defineProperties,ut=t=>`data-${t}`,gt=t=>"string"==typeof t,dt=t=>null!==t&&"object"==typeof t,pt=(t,e)=>`${t}${e?"__"+e:""}`,mt=t=>t.split("."),bt=(t,e)=>ct(t).reduce(((t,[s,i])=>{if(dt(i)){const r=ct(i);r.length?t.push(...r.reduce(((t,[i,r])=>{if((t=>null!==t&&t!==lt)(i)&&e&&t.push([s,i,lt,lt]),dt(r)){const e=ct(r);e.length&&t.push(...e.reduce(((t,[e,r])=>{const n=typeof r;return"string"!==n&&"number"!==n||t.push([s,i,e,r]),t}),[]))}return t}),[])):t.push([s,lt,lt,lt])}return t}),[]),ft=(t,e,s,i)=>""+(pt(t,e)+(s?"_"+s:"")+(s&&i?"_"+i:"")),vt=(t,e,s,i)=>"."+ft(t,e,s,i),$t=(t,e,s,i)=>`[${ut(pt(t,e))}${s&&i?`~="${s}_${i}"`:s?`~="${s}"`:""}]`,yt={def:.75,c:.05,s:.65,m:.75,l:.85,n:.9},jt="effcss-provider",xt={theme:null,hydrate:null,mode:"a",prefix:"f",size:null,time:null},Ot={l:{dark:{bg:{xl:.24,l:.3,m:.36,s:.42,xs:.48},fg:{xl:.98,l:.93,m:.86,s:.79,xs:.72}},light:{bg:{xl:.98,l:.93,m:.88,s:.83,xs:.78},fg:{xl:0,l:.12,m:.24,s:.36,xs:.48}}},c:{dark:{bg:{pale:.02,base:.06,rich:.1},fg:{pale:.06,base:.1,rich:.14}},light:{bg:{pale:.01,base:.04,rich:.7},fg:{pale:.07,base:.11,rich:.15}}},h:{pri:184,sec:290,suc:Number(146.2.toFixed(2)),inf:Number(256..toFixed(2)),war:Number((.1*184+.9*109).toFixed(2)),dan:Number(44.5.toFixed(2))}},kt=(t,e)=>{var s,i,r,n,a,l,c,o,h,u,g,d,p,m,b,f;return e?{l:{dark:{bg:ot(t.l.dark.bg,null===(i=null===(s=null==e?void 0:e.l)||void 0===s?void 0:s.dark)||void 0===i?void 0:i.bg),fg:ot(t.l.dark.fg,null===(n=null===(r=null==e?void 0:e.l)||void 0===r?void 0:r.dark)||void 0===n?void 0:n.fg)},light:{bg:ot(t.l.light.bg,null===(l=null===(a=null==e?void 0:e.l)||void 0===a?void 0:a.light)||void 0===l?void 0:l.bg),fg:ot(t.l.light.fg,null===(o=null===(c=null==e?void 0:e.l)||void 0===c?void 0:c.light)||void 0===o?void 0:o.fg)}},c:{dark:{bg:ot(t.c.dark.bg,null===(u=null===(h=null==e?void 0:e.c)||void 0===h?void 0:h.dark)||void 0===u?void 0:u.bg),fg:ot(t.c.dark.fg,null===(d=null===(g=null==e?void 0:e.c)||void 0===g?void 0:g.dark)||void 0===d?void 0:d.fg)},light:{bg:ot(t.c.light.bg,null===(m=null===(p=null==e?void 0:e.c)||void 0===p?void 0:p.light)||void 0===m?void 0:m.bg),fg:ot(t.c.light.fg,null===(f=null===(b=null==e?void 0:e.c)||void 0===b?void 0:b.light)||void 0===f?void 0:f.fg)}},h:ot(t.h,null==e?void 0:e.h)}:t},_t={bp:{"3xs":18,"2xs":24,xs:30,sm:40,md:48,lg:64,xl:80,"2xl":96},vars:{"":{rtime:"200ms",rem:"16px",l:yt,h:{def:261.35,b:261.35,i:194.77,e:29.23,w:70.66,s:142.49},c:{def:.03,xs:.03,s:.06,m:.1,l:.15,xl:.25},a:{def:1,min:0,xs:.1,s:.25,m:.5,l:.75,xl:.9,max:1},t:{def:300,xs:100,s:200,m:300,l:450,xl:600,no:0,min:50,max:750},int:[...Array(12).keys()],fr:{0:0,"1/12":"0.0833","1/10":"0.1","1/6":"0.1667","1/5":"0.2","1/4":"0.25","3/10":"0.3","1/3":"0.3333","2/5":"0.4","5/12":"0.4167","1/2":"0.5","7/12":"0.5833","3/5":"0.6","2/3":"0.6667","7/10":"0.7","3/4":"0.75","4/5":"0.8","5/6":"0.8333","9/10":"0.9","11/12":"0.9167",1:"1"},ar:{1:1,"2/1":2,"1/2":.5,"4/3":1.3333,"3/4":.75,"9/16":.5625,"16/9":1.7778}},light:{l:yt},dark:{l:{def:.4,n:.25,s:.3,m:.4,l:.5,c:.95}}},palette:Ot},wt=({prefix:t})=>{let e=1;return{get base(){return t+0},get current(){return t+e},next(){return e++,this.current},reset(){e=1}}},St=()=>{const t=new Set,e=new Map;return{use(s,i){const r=e.get(s);return r||(t.add(i),e.set(s,i),i)},useMany(t){return ct(t).map((([t,e])=>this.use(e,t)))},getKey:t=>e.get(t),get keys(){return[...t]},get makers(){return Object.fromEntries(e.entries().map((([t,e])=>[e,t])))}}},qt="theme",At="palette",Et=Object.assign,zt=Object.entries,Pt=Object.fromEntries,Nt=(t,e)=>t.getAttribute(e)||xt[e];!function(t={}){const e=window.document,s=window.customElements;if(null==s?void 0:s.get(jt))return!1;{class i extends HTMLScriptElement{constructor(){super(...arguments),this._c=St(),this._m=function(){let t={},e={},s=[],i=[];const r=(t,e)=>(e.toString=()=>"effcss-"+t,e),n=t=>{var e;return t.adoptedStyleSheets=[...(null===(e=t.adoptedStyleSheets)||void 0===e?void 0:e.length)?[...t.adoptedStyleSheets].filter((t=>!(t+"").startsWith("effcss-"))):[],...s]},a=()=>{i=i.reduce(((t,e)=>{const s=e.deref();return s&&(n(s),t.push(e)),t}),[])},l=t=>s.findIndex((e=>e===t)),c=e=>e?t[e]:void 0,o=(e,i)=>{if(!t[e])return t[e]=r(e,i),s.push(t[e]),a(),!0},h=t=>{const e=c(t);return!!e&&-1!==l(e)};return{apply:n,notify:a,getIndex:l,get:c,has:t=>!!t&&!!c(t),getAll:()=>t,add:o,status:h,on:(...t)=>{const e=t.reduce(((t,e)=>{const i=c(e);return!(!i||h(e))&&(s.push(i),t)}),!0);return a(),e},off:(...t)=>{const e=t.reduce(((t,e)=>{const i=c(e);if(i&&h(e)){const e=l(i);return s.splice(e,1),t}return!1}),!0);return a(),e},remove:i=>{const r=c(i);if(!r)return;const n=l(r);return n>-1&&(s.splice(n,1),delete t[i],delete e[i]),a(),!0},removeAll:()=>(s.splice(0),t={},e={},a(),!0),pack:(e,s)=>{let i=t[e]||new CSSStyleSheet;return i.replaceSync(s),i=r(e,i),!!i.cssRules.length&&o(e,i)},replace:(e,s)=>{const i=t[e];if(i)return i.replaceSync(s),a(),!0},register:t=>{i.findIndex((e=>e.deref()===t))>=0||(i.push(new WeakRef(t)),n(t))},unregister:t=>{const e=i.findIndex((e=>e.deref()===t));e>=0&&i.splice(e,1)}}}(),this._settings=_t,this._cust=()=>{var t;const e=null===(t=this._settings)||void 0===t?void 0:t.vars,{varName:s}=this._s(this._k.base);function i(t,e){return zt(t).reduce(((t,[r,n])=>n&&"object"==typeof n?Et(t,i(n,[...e,r])):(t[s(...e,r)]=n,t)),{})}const r=Pt(zt(e||{}).map((([t,e])=>[t,i(e,[])]))),{"":n={},dark:a,light:l}=r,c=function(t,e){var s={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(s[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(s[i[r]]=t[i[r]])}return s}(r,["","dark","light"]),o=this.size,h=this.time,{l:u,c:g,h:d}=this._settings.palette,p=["xs","s","m","l","xl"],m=["pale","base","rich"];this._=({bem:t,each:e,when:i,vars:a,merge:l,at:{mq:b},units:{px:f,ms:v,pc:$}})=>{const y="prefers-color-scheme",j={light:`${y}: light`,dark:`${y}: dark`};return l({[`:root:has(script[is=${jt}])`]:l({fontSize:a("rem")},n,e(d,((t,e)=>({[s(At,"h",t)]:e}))),{[s(At,"c","bg","gray")]:0,[s(At,"c","fg","gray")]:0},e(j,((t,i)=>({[b(i).s]:l(r[t]||{},e(p,((e,i)=>({[s(At,"l","bg",i)]:u[t].bg[i],[s(At,"l","fg",i)]:u[t].fg[i]}))),e(m,((e,i)=>({[s(At,"c","bg",i)]:g[t].bg[i],[s(At,"c","fg",i)]:g[t].fg[i]}))))}))))},e(c,((e,s)=>({[`:root:has(script[is=${jt}][${qt}=${e}])`]:s,[t(`..theme.${e}`)]:s}))),i(!!o,{[`:root:has(script[is=${jt}][size])`]:{[s("","rem")]:f(o)}}),i(!!h,{[`:root:has(script[is=${jt}][time])`]:{[s("","rtime")]:v(h)}}))},this.use(this._,this._k.base,!0)},this.use=(t,e,s)=>{const i=e||this._k.current;let r=this._c.use(t,i);return(s||this._m&&!this._m.has(e))&&this._m.pack(r,this.css(t,r)),e||this._k.next(),this.resolve(r)},this.usePublic=t=>Pt(zt(t).map((([t,e])=>[t,this.use(e,t)]))),this.usePrivate=t=>t.map((t=>this.use(t))),this.resolve=t=>this._s(t||this._k.base).attr,this.css=(t,e)=>this._p.compile({key:e,maker:t}),this.status=t=>{const e=this.key(t);return!!e&&this._m.status(e)},this.on=(...t)=>this._m.on(...t.map(this.key)),this.off=(...t)=>this._m.off(...t.map(this.key)),this.key=t=>"string"==typeof t?t:this._c.getKey(t),this.stylesheets=(t=this._c.keys)=>t.map((t=>this._m.get(this.key(t))))}static get observedAttributes(){return["size","time"]}get prefix(){return Nt(this,"prefix")||""}get mode(){return Nt(this,"mode")}get hydrate(){return""===this.getAttribute("hydrate")}get settings(){return this._settings}set settings(t){var e,s,i,r,n;const a=Et({},this._settings,t,{palette:kt(this._settings.palette,null==t?void 0:t.palette)}),{makers:l,vars:c,bp:o,off:h,palette:u}=a;(o&&(null===(e=this._settings)||void 0===e?void 0:e.bp)!==o||!this._p)&&(this._p=at({scope:this._s,globalKey:this._k.base,bp:o})),l&&(null===(s=this._settings)||void 0===s?void 0:s.makers)!==l&&(this._c.useMany(l),this.usePublic(l),(null==h?void 0:h.length)&&this._settings.off!==h&&this.off(...h),this.hydrate&&this._k.reset()),this._settings=a,(!(null===(i=this._m)||void 0===i?void 0:i.has(this._k.base))||c&&(null===(r=this._settings)||void 0===r?void 0:r.vars)!==c||u&&(null===(n=this._settings)||void 0===n?void 0:n.palette)!==u)&&this._cust()}set theme(t){t?this.setAttribute(qt,t):this.removeAttribute(qt)}get theme(){return Nt(this,qt)||""}set size(t){null===t?this.removeAttribute("size"):this.setAttribute("size",t+"")}get size(){const t=this.getAttribute("size");return null!==t?Number(t):null}set time(t){null===t?this.removeAttribute("time"):this.setAttribute("time",t+"")}get time(){const t=this.getAttribute("time");return null!==t?Number(t):null}attributeChangedCallback(){this._k&&this._cust()}connectedCallback(){this._k=wt({prefix:this.prefix}),this._s=((t={})=>{const{mode:e}=t;let s,i;return t=>{const r=(...e)=>""+e.filter(Boolean).reduce(((t,e)=>`${t}-${e}`),t),n=(...t)=>"--"+r(...t);return"c"===e?(s=t=>{let e,s,i,n;return gt(t)?([e,s,i,n]=mt(t),vt(r(e),s,i,n)):t&&bt(t).map((([t,e,s,i])=>vt(r(t),e,s,i))).join(",")},i=t=>{let e,s,i,n;const a="class";let l="";return Array.isArray(t)?l=[...t.reduce(((t,a)=>([e,s,i,n]=mt(a),t.add(ft(r(e),s)),i&&t.add(ft(r(e),s,i,n)),t)),new Set).values()].join(" "):gt(t)?([e,s,i,n]=mt(t),l=ft(r(e),s,i,n)):l=t&&bt(t,!0).map((([t,e,s,i])=>ft(r(t),e,s,i))).join(" "),ht({[a]:l},{toString:{value:()=>`${a}="${l}"`}})}):(s=t=>{let e,s,i,n;return gt(t)?([e,s,i,n]=mt(t),$t(r(e),s,i,n)):t&&bt(t).map((([t,e,s,i])=>$t(r(t),e,s,i))).join(",")},i=t=>{let e,s,i,n,a,l,c="";if(Array.isArray(t))l=t.reduce(((t,l)=>{[e,s,i,n]=mt(l);const o=pt(r(e),s);return a=ut(o),c=i?n?`${i}_${n}`:`${i}`:"",t[a]&&c?t[a]=t[a]+" "+c:t[a]=c,t}),{});else if(gt(t)){[e,s,i,n]=mt(t);const o=pt(r(e),s);a=ut(o),c=i?n?`${i}_${n}`:`${i}`:"",l={[a]:c}}else l=t&&bt(t,!0).reduce(((t,[e,s,i,n])=>{const l=pt(r(e),s);a=ut(l);const o=i?n?`${i}_${n}`:`${i}`:"";return c=t[a]?t[a]+" "+o:o,t[a]=c,t}),{});return ht(l,{toString:{value:()=>ct(l).map((([t,e])=>`${t}="${e}"`)).join(" ")}}),l}),{selector:s,attr:i,name:r,varName:n,varExp:(...t)=>`var(${n(...t)})`}}})({mode:this.mode});const s=this;this._n={set adoptedStyleSheets(t){s.dispatchEvent(new CustomEvent("effcsschanges",{detail:{styles:t},bubbles:!0}))}},this._m.register(this._n),this._m.register(e),this.settings=t}toString(){return`<script ${[...this.attributes].map((t=>t.value?`${t.name}="${t.value}"`:""===t.value?t.name:"")).filter(Boolean).join(" ")}>${this.textContent}<\/script>`}}s.define(jt,i,{extends:"script"})}}();
+"function"==typeof SuppressedError&&SuppressedError;const t="@media",e="@container",s="@property",r="@keyframes",n="@layer",i="@scope",a="@supports",l=(e,s)=>{const r=t+` ${s||""}${s?" and ":""}(${e})`;return{s:r,q:e,t:s,toString:()=>r}};l.toString=()=>t;const c=t=>t+"px",h=t=>t+"vh",o=t=>t+"vw",g=t=>t+"vmin",u=t=>t+"vmax",d=t=>t+"rem",m=t=>t+"deg",p=t=>t+"ms",b=t=>t+"%",f=t=>t+"cqw",v=t=>t+"cqh",x=t=>t+"cqi",$=t=>t+"cqb",y=t=>t+"cqmin",j=t=>t+"cqmax",O=Object.fromEntries,_=Object.entries,k=":first-",w=":last-",S=":only-",q="child",A=":nth-",E="of-type",P=A+q,z=":focus",C={r:":root",h:":hover",f:z,fv:z+"-visible",a:":active",v:":visited",val:":valid",inv:":invalid",e:":empty",d:":disabled",rq:":required",o:":optional",m:":modal",l:":link",ph:":placeholder",ch:":checked",po:":popover-open",fc:k+q,lc:w+q,oc:S+q,odd:P+"(odd)",even:P+"(even)",ft:k+E,lt:w+E,ot:S+E,bef:"::before",aft:"::after",bd:"::backdrop"},N={has:":has",not:":not",is:":is",wh:":where",st:":state",nthc:P,ntho:A+E,dir:":dir",lang:":lang"},I="oklch",W=t=>I+`(${t})`,F=t=>W(`from ${t}`),K="def",M=t=>{const e=(e,s)=>"string"==typeof s?t(e,s):s;class s{constructor(t={}){this.state={l:e("l",K),c:e("c",K),h:e("h",K),a:e("a",K)},this.merge=t=>new s(Object.assign(this.state,t)),this.l=t=>this.merge({l:e("l",t)}),this.c=t=>this.merge({c:e("c",t)}),this.h=t=>this.merge({h:e("h",t)}),this.a=t=>this.merge({a:e("a",t)}),this.state=Object.assign(this.state,t)}get s(){return this.toString()}toString(){const{l:t,c:e,h:s,a:r}=this.state;return W(`${t} ${e} ${s} / ${r}`)}}return t=>new s(t)},B=(t,e=.1)=>F(`${t} calc(l + ${e}) c h / alpha)`),L=(t,e=.1)=>F(`${t} calc(l - ${e}) c h / alpha)`),R=(t,e=.1)=>F(`${t} l c h / calc(alpha + ${e}))`),H=(t,e=.1)=>F(`${t} l c h / calc(alpha - ${e}))`),T=(t,e=.04)=>F(`${t} l calc(c + ${e}) h / alpha)`),V=(t,e=.04)=>F(`${t} l calc(c - ${e}) h / alpha)`),Z=(t,e=30)=>F(`${t} l c calc(h${"number"==typeof e?e>0?" + "+e:" - "+-e:e}) / alpha)`),D=({base:t,mixin:e,method:s,bpart:r,mpart:n})=>`color-mix(in ${s||I}, ${t}${void 0!==r?` ${r}%`:""}, ${e}${void 0!==n?` ${n}%`:""})`,G=t=>({create:M(t),oklch:W,lighten:B,darken:L,saturate:T,desaturate:V,fadein:R,fadeout:H,spin:Z,mix:D}),J=(t,e,s)=>Object.entries(t).reduce(e,s),Q=Symbol("noParse"),U=(t,e,s)=>{var r,n,i;let a=""+t;return null==e?"":"object"!=typeof e||e.hasOwnProperty(Q)?`${l=a,l.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}:${""+e};`:(!s||(null===(r=s.startsWith)||void 0===r?void 0:r.call(s,"@"))||(null===(n=a.startsWith)||void 0===n?void 0:n.call(a,"&"))||(null===(i=a.startsWith)||void 0===i?void 0:i.call(a,"@"))?"":"&")+a+`{${J(e,((t,e)=>t+U(...e,a)),"")}}`;var l},X="palette",Y=t=>{const e={pri:t(X,"h","pri"),sec:t(X,"h","sec"),ter:t(X,"h","ter"),suc:t(X,"h","suc"),inf:t(X,"h","inf"),war:t(X,"h","war"),dan:t(X,"h","dan")};class s{constructor(t={}){this.state={l:"l",c:"base",h:e.pri,a:1,m:"bg"},Object.assign(this,{[Q]:!0}),this.state=Object.assign(this.state,t)}get xs(){return new s(Object.assign(Object.assign({},this.state),{l:"xs"}))}get s(){return new s(Object.assign(Object.assign({},this.state),{l:"s"}))}get m(){return new s(Object.assign(Object.assign({},this.state),{l:"m"}))}get l(){return new s(Object.assign(Object.assign({},this.state),{l:"l"}))}get xl(){return new s(Object.assign(Object.assign({},this.state),{l:"xl"}))}get lightness(){return{xs:this.xs,s:this.s,m:this.m,l:this.l,xl:this.xl}}get gray(){return new s(Object.assign(Object.assign({},this.state),{c:"gray"}))}get pale(){return new s(Object.assign(Object.assign({},this.state),{c:"pale"}))}get base(){return new s(Object.assign(Object.assign({},this.state),{c:"base"}))}get rich(){return new s(Object.assign(Object.assign({},this.state),{c:"rich"}))}get chroma(){return{gray:this.gray,pale:this.pale,base:this.base,rich:this.rich}}get pri(){return new s(Object.assign(Object.assign({},this.state),{h:e.pri}))}get sec(){return new s(Object.assign(Object.assign({},this.state),{h:e.sec}))}get suc(){return new s(Object.assign(Object.assign({},this.state),{h:e.suc}))}get inf(){return new s(Object.assign(Object.assign({},this.state),{h:e.inf}))}get war(){return new s(Object.assign(Object.assign({},this.state),{h:e.war}))}get dan(){return new s(Object.assign(Object.assign({},this.state),{h:e.dan}))}get hue(){return{pri:this.pri,sec:this.sec,suc:this.suc,inf:this.inf,war:this.war,dan:this.dan}}alpha(t=1){return new s(Object.assign(Object.assign({},this.state),{a:t}))}get bg(){return new s(Object.assign(Object.assign({},this.state),{m:"bg"}))}get fg(){return new s(Object.assign(Object.assign({},this.state),{m:"fg"}))}toString(){const{l:e,c:s,h:r,a:n,m:i}=this.state;return`oklch(${t(X,"l",i,e)} ${t(X,"c",i,s)} ${r} / ${n})`}}return new s},tt="coef",et=t=>{class e{constructor(t={}){this.state={center:8},this.state=Object.assign(this.state,t)}get min(){return t(tt,this.state.center-4)}get xxs(){return t(tt,this.state.center-3)}get xs(){return t(tt,this.state.center-2)}get s(){return t(tt,this.state.center-1)}get m(){return t(tt,this.state.center)}get l(){return t(tt,this.state.center+1)}get xl(){return t(tt,this.state.center+2)}get xxl(){return t(tt,this.state.center+3)}get max(){return t(tt,this.state.center+4)}get $0_(){return new e({center:4})}get $1_(){return new e({center:12})}get $2_(){return new e({center:20})}get $16_(){return new e({center:28})}get $1(){return new e({center:8})}get $2(){return new e({center:16})}get $16(){return new e({center:24})}get short(){return{s:this.s,m:this.m,l:this.l}}get base(){return Object.assign(Object.assign({xs:this.xs},this.short),{xl:this.xl})}get long(){return Object.assign(Object.assign({xxs:this.xxs},this.base),{xxl:this.xxl})}get full(){return Object.assign(Object.assign({min:this.min},this.long),{max:this.max})}get sparse(){return{min:this.min,xs:this.xs,m:this.m,xl:this.xl,max:this.max}}}return new e},st=Object.assign,rt=Object.entries,nt=Array.isArray,it=(t,...e)=>e.length?e.reduce(((t,e)=>(rt(e).forEach((([e,s])=>{s&&"object"==typeof s&&t[e]?nt(t[e])&&nt(s)?t[e]=[...t[e],...s]:it(t[e],s||{}):t[e]=s})),t)),t):t,at={dash:(...t)=>t.join("-"),comma:(...t)=>t.join(),space:(...t)=>t.join(" "),range:(t,e)=>Array.from(Array(t).entries()).reduce(((t,[s])=>st(t,e(s+1))),{}),each:(t,e)=>rt(t).reduce(((t,[s,r])=>st(t,e(s,r))),{}),merge:it,when:(t,e,s={})=>t?e:s},lt="width: ",ct=t=>{const{scope:k,globalKey:w="",bp:S={}}=t,q=k(w).varExp,A=t=>q(...t.split(".")),E=(t=1)=>`calc(${t} * ${A("rtime")})`,P=(t=1)=>`calc(${t} * ${A("rangle")})`,z=(t=1)=>`calc(${t} * 1rem)`;return{compile:({key:t,maker:w})=>{const I=k(t),W=(t=>{const c={cp:1,lay:1,kf:1,cq:1},h=(s,r)=>{const n="string"==typeof r?r:t.name("cq",c.cq++),i=e+` ${n?n+" ":""}(${s})`;return{c:n,q:s,s:i,toString:()=>i}};h.toString=()=>e;const o=(e,r)=>{const n="--"+(e||t.name("cp",c.cp++)),i=s+" "+n;return{k:n,v:`var(${n})`,s:i,r:{[i]:{syntax:(null==r?void 0:r.syn)||'"*"',inherits:(null==r?void 0:r.inh)||!1,initialValue:null==r?void 0:r.ini}},toString:()=>i}};o.toString=()=>s;const g=e=>{const s=e||t.name("kf",c.kf++),n=r+" "+s;return{k:s,s:n,toString:()=>n}};g.toString=()=>r;const u=e=>{const s=e||t.name("lay",c.lay++),r=n+" "+s;return{k:s,s:r,toString:()=>r}};u.toString=()=>n,u.toString=()=>i;const d=(t="",e=!1)=>{const s=a+` ${e?"not ":""}(${t})`;return{c:t,n:e,s:s,toString:()=>s}};return d.toString=()=>a,{pr:o,kf:g,mq:l,cq:h,lay:u,sc:(t="",e="")=>{const s=i+` ${t?`(${t})`:""}${t&&e?" ":""}${e?`to (${e})`:""}`;return{r:t,l:e,s:s,toString:()=>s}},sup:d}})(I),F=t=>{const e=S[t]||t;return"number"==typeof e?e+"rem":""},K=t=>"min-"+lt+F(t),M=t=>"max-"+lt+F(t),B=(t,e)=>"string"==typeof e?W.cq(t,e):W.mq(t),L=(t,e,s)=>""+B(K(t)+") and ("+M(e),s),R={up:(t,e)=>""+B(K(t),e),down:(t,e)=>""+B(M(t),e),between:L,only:(t,e)=>L(t,t,e)};return H=w(Object.assign(at,{key:t,vars:A,size:z,time:E,angle:P,bem:I.selector,pseudo:Object.assign(O(_(C).map((([t,e])=>{function s(t=""){return t+e}return s.toString=()=>e,[t,s]}))),O(_(N).map((([t,e])=>{function s(t,s=""){return s+e+`(${t})`}return s.toString=()=>e,[t,s]})))),color:G(q),palette:Y(q),coef:et(q),units:{px:c,vh:h,vw:o,vmin:g,vmax:u,rem:d,deg:m,ms:p,pc:b,cqw:f,cqh:v,cqb:$,cqi:x,cqmin:y,cqmax:j},at:W,limit:R})),J(H,((t,e)=>t+U(...e)),"");var H}}};const ht=void 0,ot=Object.entries,gt=Object.assign,ut=Object.defineProperties,dt=t=>`data-${t}`,mt=t=>"string"==typeof t,pt=t=>null!==t&&"object"==typeof t,bt=(t,e)=>`${t}${e?"__"+e:""}`,ft=t=>t.split("."),vt=(t,e)=>ot(t).reduce(((t,[s,r])=>{if(pt(r)){const n=ot(r);n.length?t.push(...n.reduce(((t,[r,n])=>{if((t=>null!==t&&t!==ht)(r)&&e&&t.push([s,r,ht,ht]),pt(n)){const e=ot(n);e.length&&t.push(...e.reduce(((t,[e,n])=>{const i=typeof n;return"string"!==i&&"number"!==i||t.push([s,r,e,n]),t}),[]))}return t}),[])):t.push([s,ht,ht,ht])}return t}),[]),xt=(t,e,s,r)=>""+(bt(t,e)+(s?"_"+s:"")+(s&&r?"_"+r:"")),$t=(t,e,s,r)=>"."+xt(t,e,s,r),yt=(t,e,s,r)=>`[${dt(bt(t,e))}${s&&r?`~="${s}_${r}"`:s?`~="${s}"`:""}]`,jt={def:.75,c:.05,s:.65,m:.75,l:.85,n:.9},Ot="effcss-provider",_t={theme:null,hydrate:null,mode:"a",prefix:"f",size:null,time:null,angle:null},kt={l:{dark:{bg:{xl:.24,l:.3,m:.36,s:.42,xs:.48},fg:{xl:.98,l:.93,m:.86,s:.79,xs:.72}},light:{bg:{xl:.98,l:.93,m:.88,s:.83,xs:.78},fg:{xl:0,l:.12,m:.24,s:.36,xs:.48}}},c:{dark:{bg:{pale:.02,base:.06,rich:.1},fg:{pale:.06,base:.1,rich:.14}},light:{bg:{pale:.01,base:.04,rich:.7},fg:{pale:.07,base:.11,rich:.15}}},h:{pri:184,sec:290,suc:Number(146.2.toFixed(2)),inf:Number(256..toFixed(2)),war:Number((.1*184+.9*109).toFixed(2)),dan:Number(44.5.toFixed(2))}},wt=(t,e)=>{var s,r,n,i,a,l,c,h,o,g,u,d,m,p,b,f;return e?{l:{dark:{bg:gt(t.l.dark.bg,null===(r=null===(s=null==e?void 0:e.l)||void 0===s?void 0:s.dark)||void 0===r?void 0:r.bg),fg:gt(t.l.dark.fg,null===(i=null===(n=null==e?void 0:e.l)||void 0===n?void 0:n.dark)||void 0===i?void 0:i.fg)},light:{bg:gt(t.l.light.bg,null===(l=null===(a=null==e?void 0:e.l)||void 0===a?void 0:a.light)||void 0===l?void 0:l.bg),fg:gt(t.l.light.fg,null===(h=null===(c=null==e?void 0:e.l)||void 0===c?void 0:c.light)||void 0===h?void 0:h.fg)}},c:{dark:{bg:gt(t.c.dark.bg,null===(g=null===(o=null==e?void 0:e.c)||void 0===o?void 0:o.dark)||void 0===g?void 0:g.bg),fg:gt(t.c.dark.fg,null===(d=null===(u=null==e?void 0:e.c)||void 0===u?void 0:u.dark)||void 0===d?void 0:d.fg)},light:{bg:gt(t.c.light.bg,null===(p=null===(m=null==e?void 0:e.c)||void 0===m?void 0:m.light)||void 0===p?void 0:p.bg),fg:gt(t.c.light.fg,null===(f=null===(b=null==e?void 0:e.c)||void 0===b?void 0:b.light)||void 0===f?void 0:f.fg)}},h:gt(t.h,null==e?void 0:e.h)}:t},St={bp:{"3xs":18,"2xs":24,xs:30,sm:40,md:48,lg:64,xl:80,"2xl":96},vars:{"":{rtime:"200ms",rem:"16px",rangle:"30deg",l:jt,h:{def:261.35,b:261.35,i:194.77,e:29.23,w:70.66,s:142.49},c:{def:.03,xs:.03,s:.06,m:.1,l:.15,xl:.25},a:{def:1,min:0,xs:.1,s:.25,m:.5,l:.75,xl:.9,max:1},t:{def:300,xs:100,s:200,m:300,l:450,xl:600,no:0,min:50,max:750},int:[...Array(12).keys()],fr:{0:0,"1/12":"0.0833","1/10":"0.1","1/6":"0.1667","1/5":"0.2","1/4":"0.25","3/10":"0.3","1/3":"0.3333","2/5":"0.4","5/12":"0.4167","1/2":"0.5","7/12":"0.5833","3/5":"0.6","2/3":"0.6667","7/10":"0.7","3/4":"0.75","4/5":"0.8","5/6":"0.8333","9/10":"0.9","11/12":"0.9167",1:"1"},ar:{1:1,"2/1":2,"1/2":.5,"4/3":1.3333,"3/4":.75,"9/16":.5625,"16/9":1.7778}},light:{l:jt},dark:{l:{def:.4,n:.25,s:.3,m:.4,l:.5,c:.95}}},palette:kt,coef:{$0_:{xxs:.0625,xs:.125,s:.25,m:.5,l:.75,xl:.875,xxl:.9375},$1_:{xxs:1.0625,xs:1.125,s:1.25,m:1.5,l:1.75,xl:1.875,xxl:1.9375},$2_:{xxs:2.5,xs:4,s:5,m:7.5,l:10,xl:12,xxl:15},$16_:{xxs:20,xs:28,s:36,m:48,l:64,xl:80,xxl:120},max:150}},qt=({prefix:t})=>{let e=1;return{get base(){return t+0},get current(){return t+e},next(){return e++,this.current},reset(){e=1}}},At=()=>{const t=new Set,e=new Map;return{use(s,r){const n=e.get(s);return n||(t.add(r),e.set(s,r),r)},useMany(t){return ot(t).map((([t,e])=>this.use(e,t)))},getKey:t=>e.get(t),get keys(){return[...t]},get makers(){return Object.fromEntries(e.entries().map((([t,e])=>[e,t])))}}},Et="theme",Pt="size",zt="time",Ct="angle",Nt="palette",It=Object.assign,Wt=Object.entries,Ft=Object.fromEntries,Kt=(t,e)=>t.getAttribute(e)||_t[e],Mt=(t,e)=>{const s=Kt(t,e);return null!==s?Number(s):null},Bt=(t,e,s)=>null===s?t.removeAttribute(e):t.setAttribute(e,s+""),Lt=t=>`:root:has(script[is=${Ot}]${t?`[${t}]`:""})`,Rt=t=>[t.xxs,t.xs,t.s,t.m,t.l,t.xl,t.xxl],Ht=["xs","s","m","l","xl"],Tt=["pale","base","rich"];!function(t={}){const e=window.document,s=window.customElements;if(null==s?void 0:s.get(Ot))return!1;{class r extends HTMLScriptElement{constructor(){super(...arguments),this._c=At(),this._m=function(){let t={},e={},s=[],r=[];const n=(t,e)=>(e.toString=()=>"effcss-"+t,e),i=t=>{var e;return t.adoptedStyleSheets=[...(null===(e=t.adoptedStyleSheets)||void 0===e?void 0:e.length)?[...t.adoptedStyleSheets].filter((t=>!(t+"").startsWith("effcss-"))):[],...s]},a=()=>{r=r.reduce(((t,e)=>{const s=e.deref();return s&&(i(s),t.push(e)),t}),[])},l=t=>s.findIndex((e=>e===t)),c=e=>e?t[e]:void 0,h=(e,r)=>{if(!t[e])return t[e]=n(e,r),s.push(t[e]),a(),!0},o=t=>{const e=c(t);return!!e&&-1!==l(e)};return{apply:i,notify:a,getIndex:l,get:c,has:t=>!!t&&!!c(t),getAll:()=>t,add:h,status:o,on:(...t)=>{const e=t.reduce(((t,e)=>{const r=c(e);return!(!r||o(e))&&(s.push(r),t)}),!0);return a(),e},off:(...t)=>{const e=t.reduce(((t,e)=>{const r=c(e);if(r&&o(e)){const e=l(r);return s.splice(e,1),t}return!1}),!0);return a(),e},remove:r=>{const n=c(r);if(!n)return;const i=l(n);return i>-1&&(s.splice(i,1),delete t[r],delete e[r]),a(),!0},removeAll:()=>(s.splice(0),t={},e={},a(),!0),pack:(e,s)=>{let r=t[e]||new CSSStyleSheet;return r.replaceSync(s),r=n(e,r),!!r.cssRules.length&&h(e,r)},replace:(e,s)=>{const r=t[e];if(r)return r.replaceSync(s),a(),!0},register:t=>{r.findIndex((e=>e.deref()===t))>=0||(r.push(new WeakRef(t)),i(t))},unregister:t=>{const e=r.findIndex((e=>e.deref()===t));e>=0&&r.splice(e,1)}}}(),this._settings=St,this._cust=()=>{var t;const e=null===(t=this._settings)||void 0===t?void 0:t.vars,{varName:s}=this._s(this._k.base),r=t=>s("",t);function n(t,e){return Wt(t).reduce(((t,[r,i])=>i&&"object"==typeof i?It(t,n(i,[...e,r])):(t[s(...e,r)]=i,t)),{})}const i=Ft(Wt(e||{}).map((([t,e])=>[t,n(e,[])]))),{"":a={},dark:l,light:c}=i,h=function(t,e){var s={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(s[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(s[r[n]]=t[r[n]])}return s}(i,["","dark","light"]),o=this.size,g=this.time,u=this.angle,{l:d,c:m,h:p}=this._settings.palette,b=this._settings.coef,f=[0,...Rt(b.$0_),1,...Rt(b.$1_),2,...Rt(b.$2_),16,...Rt(b.$16_)];this._=({bem:t,each:e,when:n,vars:l,merge:c,at:{mq:b},units:{px:v,ms:x,deg:$}})=>{const y="prefers-color-scheme",j={light:`${y}: light`,dark:`${y}: dark`};return c({[Lt()]:c({fontSize:l("rem")},a,e(f,((t,e)=>({[s("coef",t)]:e}))),e(p,((t,e)=>({[s(Nt,"h",t)]:e}))),{[s(Nt,"c","bg","gray")]:0,[s(Nt,"c","fg","gray")]:0},e(j,((t,r)=>({[b(r).s]:c(i[t]||{},e(Ht,((e,r)=>({[s(Nt,"l","bg",r)]:d[t].bg[r],[s(Nt,"l","fg",r)]:d[t].fg[r]}))),e(Tt,((e,r)=>({[s(Nt,"c","bg",r)]:m[t].bg[r],[s(Nt,"c","fg",r)]:m[t].fg[r]}))))}))))},e(h,((e,s)=>({[Lt(`${Et}=${e}`)]:s,[t(`..theme.${e}`)]:s}))),n(!!o,{[Lt(Pt)]:{[r("rem")]:v(o)}}),n(!!g,{[Lt(zt)]:{[r("rtime")]:x(g)}}),n(!!u,{[Lt(Ct)]:{[r("rangle")]:$(u)}}))},this.use(this._,this._k.base,!0)},this.use=(t,e,s)=>{const r=e||this._k.current;let n=this._c.use(t,r);return(s||this._m&&!this._m.has(e))&&this._m.pack(n,this.css(t,n)),e||this._k.next(),this.resolve(n)},this.usePublic=t=>Ft(Wt(t).map((([t,e])=>[t,this.use(e,t)]))),this.usePrivate=t=>t.map((t=>this.use(t))),this.resolve=t=>this._s(t||this._k.base).attr,this.css=(t,e)=>this._p.compile({key:e,maker:t}),this.status=t=>{const e=this.key(t);return!!e&&this._m.status(e)},this.on=(...t)=>this._m.on(...t.map(this.key)),this.off=(...t)=>this._m.off(...t.map(this.key)),this.key=t=>"string"==typeof t?t:this._c.getKey(t),this.stylesheets=(t=this._c.keys)=>t.map((t=>this._m.get(this.key(t))))}static get observedAttributes(){return[Pt,zt,Ct]}get prefix(){return Kt(this,"prefix")||""}get mode(){return Kt(this,"mode")}get hydrate(){return""===this.getAttribute("hydrate")}get settings(){return this._settings}set settings(t){var e,s,r;const n=It({},this._settings,t,{palette:wt(this._settings.palette,null==t?void 0:t.palette)}),{makers:i,vars:a,bp:l,off:c,palette:h}=n;(l&&(null===(e=this._settings)||void 0===e?void 0:e.bp)!==l||!this._p)&&(this._p=ct({scope:this._s,globalKey:this._k.base,bp:l})),i&&(null===(s=this._settings)||void 0===s?void 0:s.makers)!==i&&(this._c.useMany(i),this.usePublic(i),(null==c?void 0:c.length)&&this._settings.off!==c&&this.off(...c),this.hydrate&&this._k.reset()),this._settings=n,(!(null===(r=this._m)||void 0===r?void 0:r.has(this._k.base))||t.vars||t.palette||t.coef)&&this._cust()}set theme(t){Bt(this,Et,t)}get theme(){return Kt(this,Et)||""}set size(t){Bt(this,Pt,t)}get size(){return Mt(this,Pt)}set time(t){Bt(this,"time",t)}get time(){return Mt(this,zt)}set angle(t){Bt(this,"angle",t)}get angle(){return Mt(this,Ct)}attributeChangedCallback(){this._k&&this._cust()}connectedCallback(){this._k=qt({prefix:this.prefix}),this._s=((t={})=>{const{mode:e}=t;let s,r;return t=>{const n=(...e)=>""+e.filter(Boolean).reduce(((t,e)=>`${t}-${e}`),t),i=(...t)=>"--"+n(...t);return"c"===e?(s=t=>{let e,s,r,i;return mt(t)?([e,s,r,i]=ft(t),$t(n(e),s,r,i)):t&&vt(t).map((([t,e,s,r])=>$t(n(t),e,s,r))).join(",")},r=t=>{let e,s,r,i;const a="class";let l="";return Array.isArray(t)?l=[...t.reduce(((t,a)=>([e,s,r,i]=ft(a),t.add(xt(n(e),s)),r&&t.add(xt(n(e),s,r,i)),t)),new Set).values()].join(" "):mt(t)?([e,s,r,i]=ft(t),l=xt(n(e),s,r,i)):l=t&&vt(t,!0).map((([t,e,s,r])=>xt(n(t),e,s,r))).join(" "),ut({[a]:l},{toString:{value:()=>`${a}="${l}"`}})}):(s=t=>{let e,s,r,i;return mt(t)?([e,s,r,i]=ft(t),yt(n(e),s,r,i)):t&&vt(t).map((([t,e,s,r])=>yt(n(t),e,s,r))).join(",")},r=t=>{let e,s,r,i,a,l,c="";if(Array.isArray(t))l=t.reduce(((t,l)=>{[e,s,r,i]=ft(l);const h=bt(n(e),s);return a=dt(h),c=r?i?`${r}_${i}`:`${r}`:"",t[a]&&c?t[a]=t[a]+" "+c:t[a]=c,t}),{});else if(mt(t)){[e,s,r,i]=ft(t);const h=bt(n(e),s);a=dt(h),c=r?i?`${r}_${i}`:`${r}`:"",l={[a]:c}}else l=t&&vt(t,!0).reduce(((t,[e,s,r,i])=>{const l=bt(n(e),s);a=dt(l);const h=r?i?`${r}_${i}`:`${r}`:"";return c=t[a]?t[a]+" "+h:h,t[a]=c,t}),{});return ut(l,{toString:{value:()=>ot(l).map((([t,e])=>`${t}="${e}"`)).join(" ")}}),l}),{selector:s,attr:r,name:n,varName:i,varExp:(...t)=>`var(${i(...t)})`}}})({mode:this.mode});const s=this;this._n={set adoptedStyleSheets(t){s.dispatchEvent(new CustomEvent("effcsschanges",{detail:{styles:t},bubbles:!0}))}},this._m.register(this._n),this._m.register(e),this.settings=t}toString(){return`<script ${[...this.attributes].map((t=>t.value?`${t.name}="${t.value}"`:""===t.value?t.name:"")).filter(Boolean).join(" ")}>${this.textContent}<\/script>`}}s.define(Ot,r,{extends:"script"})}}();

package/dist/consumer.js

@@ -1,7 +1,7 @@
 /*
-* EffCSS v3.4.0
+* EffCSS v3.5.0
 * {@link https://gitverse.ru/msabitov/effcss}
 * Copyright (c) Marat Sabitov
 * @license Apache-2.0
 */
-const e=void 0,t=Object.entries,r=Object.defineProperties,n=e=>`data-${e}`,s=e=>"string"==typeof e,u=e=>null!==e&&"object"==typeof e,i=(e,t)=>`${e}${t?"__"+t:""}`,o=e=>e.split("."),l=(r,n)=>t(r).reduce(((r,[s,i])=>{if(u(i)){const o=t(i);o.length?r.push(...o.reduce(((r,[i,o])=>{if((t=>null!==t&&t!==e)(i)&&n&&r.push([s,i,e,e]),u(o)){const e=t(o);e.length&&r.push(...e.reduce(((e,[t,r])=>{const n=typeof r;return"string"!==n&&"number"!==n||e.push([s,i,t,r]),e}),[]))}return r}),[])):r.push([s,e,e,e])}return r}),[]),a=(e,t,r,n)=>""+(i(e,t)+(r?"_"+r:"")+(r&&n?"_"+n:"")),c=(e,t,r,n)=>"."+a(e,t,r,n),d=(e,t,r,s)=>`[${n(i(e,t))}${r&&s?`~="${r}_${s}"`:r?`~="${r}"`:""}]`,m="effcss-provider",p={theme:null,hydrate:null,mode:"a",prefix:"f",size:null,time:null};Number(146.2.toFixed(2)),Number(256..toFixed(2)),Number((.1*184+.9*109).toFixed(2)),Number(44.5.toFixed(2));Array(12).keys();const $=({prefix:e})=>{let t=1;return{get base(){return e+0},get current(){return e+t},next(){return t++,this.current},reset(){t=1}}},g=()=>{const e=new Set,r=new Map;return{use(t,n){const s=r.get(t);return s||(e.add(n),r.set(t,n),n)},useMany(e){return t(e).map((([e,t])=>this.use(t,e)))},getKey:e=>r.get(e),get keys(){return[...e]},get makers(){return Object.fromEntries(r.entries().map((([e,t])=>[t,e])))}}},f=e=>null==e?null:Number(e),b=(e={})=>{var u;let b,h,y,v,j,x,S=null===(u=null===globalThis||void 0===globalThis?void 0:globalThis.document)||void 0===u?void 0:u.querySelector(`script[is=${m}]`);if(S)return S;({prefix:h,mode:y,hydrate:v,theme:b,size:j,time:x}=Object.assign({},p,e));let k,O,_,z=f(j),A=f(x);const N=new Set,w=()=>h||p.prefix,F=()=>y||p.mode,E=()=>""===v,P=$({prefix:w()}),T=((e={})=>{const{mode:u}=e;let m,p;return e=>{const $=(...t)=>""+t.filter(Boolean).reduce(((e,t)=>`${e}-${t}`),e),g=(...e)=>"--"+$(...e);return"c"===u?(m=e=>{let t,r,n,u;return s(e)?([t,r,n,u]=o(e),c($(t),r,n,u)):e&&l(e).map((([e,t,r,n])=>c($(e),t,r,n))).join(",")},p=e=>{let t,n,u,i;const c="class";let d="";return Array.isArray(e)?d=[...e.reduce(((e,r)=>([t,n,u,i]=o(r),e.add(a($(t),n)),u&&e.add(a($(t),n,u,i)),e)),new Set).values()].join(" "):s(e)?([t,n,u,i]=o(e),d=a($(t),n,u,i)):d=e&&l(e,!0).map((([e,t,r,n])=>a($(e),t,r,n))).join(" "),r({[c]:d},{toString:{value:()=>`${c}="${d}"`}})}):(m=e=>{let t,r,n,u;return s(e)?([t,r,n,u]=o(e),d($(t),r,n,u)):e&&l(e).map((([e,t,r,n])=>d($(e),t,r,n))).join(",")},p=e=>{let u,a,c,d,m,p,g="";if(Array.isArray(e))p=e.reduce(((e,t)=>{[u,a,c,d]=o(t);const r=i($(u),a);return m=n(r),g=c?d?`${c}_${d}`:`${c}`:"",e[m]&&g?e[m]=e[m]+" "+g:e[m]=g,e}),{});else if(s(e)){[u,a,c,d]=o(e);const t=i($(u),a);m=n(t),g=c?d?`${c}_${d}`:`${c}`:"",p={[m]:g}}else p=e&&l(e,!0).reduce(((e,[t,r,s,u])=>{const o=i($(t),r);m=n(o);const l=s?u?`${s}_${u}`:`${s}`:"";return g=e[m]?e[m]+" "+l:l,e[m]=g,e}),{});return r(p,{toString:{value:()=>t(p).map((([e,t])=>`${e}="${t}"`)).join(" ")}}),p}),{selector:m,attr:p,name:$,varName:g,varExp:(...e)=>`var(${g(...e)})`}}})({mode:F()}),B=g(),K=e=>"string"==typeof e?e:B.getKey(e),M=e=>T(e||P.base).attr,q=(e,t)=>{const r=t||P.current;let n=B.use(e,r);return t||P.next(),M(n)};return{get prefix(){return w()},get mode(){return F()},get hydrate(){return E()},set theme(e){b=e},get theme(){return b||""},get size(){return z},set size(e){z=e},get time(){return A},set time(e){A=e},get settings(){return{bp:_,vars:O,off:[...N],makers:B.makers,palette:k}},set settings(e){({bp:_,vars:O,palette:k}=e)},resolve:M,use:q,usePublic:e=>Object.fromEntries(Object.entries(e).map((([e,t])=>[e,q(t,e)]))),usePrivate:e=>e.map((e=>q(e))),css:()=>"",key:K,status:e=>{const t=K(e);return!!t&&!N.has(t)},on:(...e)=>e.map(K).reduce(((e,t)=>e&&!!t&&N.delete(t)),!0),off:(...e)=>e.map(K).reduce(((e,t)=>e&&!!t&&!!N.add(t)),!0),stylesheets:()=>[],toString(){const e=B.makers;delete e[P.base];const t=Object.entries({is:m,prefix:w(),mode:F(),hydrate:E(),theme:b,size:null!==z&&String(z),time:null!==A&&String(A)}).map((([e,t])=>t?`${e}="${t}"`:""===t?e:"")).filter(Boolean).join(" "),r=`document.currentScript.settings = {makers: {${e?Object.entries(e).reduce(((e,[t,r])=>e+`${e?",":""}${t}: ${r.toString().replaceAll(/\s+/g," ")}`),""):""}},${O?` vars: ${O},`:""}${_?` bp: ${_},`:""}${k?` palette: ${k},`:""}${N.size?` off: [${[...N]}]`:""}}`;return`<script ${t}>${r}<\/script>`}}};export{b as createConsumer};
+const e=void 0,t=Object.entries,r=Object.defineProperties,n=e=>`data-${e}`,s=e=>"string"==typeof e,u=e=>null!==e&&"object"==typeof e,i=(e,t)=>`${e}${t?"__"+t:""}`,l=e=>e.split("."),o=(r,n)=>t(r).reduce(((r,[s,i])=>{if(u(i)){const l=t(i);l.length?r.push(...l.reduce(((r,[i,l])=>{if((t=>null!==t&&t!==e)(i)&&n&&r.push([s,i,e,e]),u(l)){const e=t(l);e.length&&r.push(...e.reduce(((e,[t,r])=>{const n=typeof r;return"string"!==n&&"number"!==n||e.push([s,i,t,r]),e}),[]))}return r}),[])):r.push([s,e,e,e])}return r}),[]),a=(e,t,r,n)=>""+(i(e,t)+(r?"_"+r:"")+(r&&n?"_"+n:"")),c=(e,t,r,n)=>"."+a(e,t,r,n),d=(e,t,r,s)=>`[${n(i(e,t))}${r&&s?`~="${r}_${s}"`:r?`~="${r}"`:""}]`,m="effcss-provider",p={theme:null,hydrate:null,mode:"a",prefix:"f",size:null,time:null,angle:null};Number(146.2.toFixed(2)),Number(256..toFixed(2)),Number((.1*184+.9*109).toFixed(2)),Number(44.5.toFixed(2));Array(12).keys();const g=({prefix:e})=>{let t=1;return{get base(){return e+0},get current(){return e+t},next(){return t++,this.current},reset(){t=1}}},$=()=>{const e=new Set,r=new Map;return{use(t,n){const s=r.get(t);return s||(e.add(n),r.set(t,n),n)},useMany(e){return t(e).map((([e,t])=>this.use(t,e)))},getKey:e=>r.get(e),get keys(){return[...e]},get makers(){return Object.fromEntries(r.entries().map((([e,t])=>[t,e])))}}},f=e=>null==e?null:Number(e),b=(e={})=>{var u;let b,h,y,v,j,x,S,k=null===(u=null===globalThis||void 0===globalThis?void 0:globalThis.document)||void 0===u?void 0:u.querySelector(`script[is=${m}]`);if(k)return k;({prefix:h,mode:y,hydrate:v,theme:b,size:j,time:x,angle:S}=Object.assign({},p,e));let O,_,z,A=f(j),N=f(x),w=f(S);const F=new Set,E=()=>h||p.prefix,P=()=>y||p.mode,T=()=>""===v,B=g({prefix:E()}),K=((e={})=>{const{mode:u}=e;let m,p;return e=>{const g=(...t)=>""+t.filter(Boolean).reduce(((e,t)=>`${e}-${t}`),e),$=(...e)=>"--"+g(...e);return"c"===u?(m=e=>{let t,r,n,u;return s(e)?([t,r,n,u]=l(e),c(g(t),r,n,u)):e&&o(e).map((([e,t,r,n])=>c(g(e),t,r,n))).join(",")},p=e=>{let t,n,u,i;const c="class";let d="";return Array.isArray(e)?d=[...e.reduce(((e,r)=>([t,n,u,i]=l(r),e.add(a(g(t),n)),u&&e.add(a(g(t),n,u,i)),e)),new Set).values()].join(" "):s(e)?([t,n,u,i]=l(e),d=a(g(t),n,u,i)):d=e&&o(e,!0).map((([e,t,r,n])=>a(g(e),t,r,n))).join(" "),r({[c]:d},{toString:{value:()=>`${c}="${d}"`}})}):(m=e=>{let t,r,n,u;return s(e)?([t,r,n,u]=l(e),d(g(t),r,n,u)):e&&o(e).map((([e,t,r,n])=>d(g(e),t,r,n))).join(",")},p=e=>{let u,a,c,d,m,p,$="";if(Array.isArray(e))p=e.reduce(((e,t)=>{[u,a,c,d]=l(t);const r=i(g(u),a);return m=n(r),$=c?d?`${c}_${d}`:`${c}`:"",e[m]&&$?e[m]=e[m]+" "+$:e[m]=$,e}),{});else if(s(e)){[u,a,c,d]=l(e);const t=i(g(u),a);m=n(t),$=c?d?`${c}_${d}`:`${c}`:"",p={[m]:$}}else p=e&&o(e,!0).reduce(((e,[t,r,s,u])=>{const l=i(g(t),r);m=n(l);const o=s?u?`${s}_${u}`:`${s}`:"";return $=e[m]?e[m]+" "+o:o,e[m]=$,e}),{});return r(p,{toString:{value:()=>t(p).map((([e,t])=>`${e}="${t}"`)).join(" ")}}),p}),{selector:m,attr:p,name:g,varName:$,varExp:(...e)=>`var(${$(...e)})`}}})({mode:P()}),M=$(),q=e=>"string"==typeof e?e:M.getKey(e),C=e=>K(e||B.base).attr,D=(e,t)=>{const r=t||B.current;let n=M.use(e,r);return t||B.next(),C(n)};return{get prefix(){return E()},get mode(){return P()},get hydrate(){return T()},set theme(e){b=e},get theme(){return b||""},get size(){return A},set size(e){A=e},get time(){return N},set time(e){N=e},get angle(){return w},set angle(e){w=e},get settings(){return{bp:z,vars:_,off:[...F],makers:M.makers,palette:O}},set settings(e){({bp:z,vars:_,palette:O}=e)},resolve:C,use:D,usePublic:e=>Object.fromEntries(Object.entries(e).map((([e,t])=>[e,D(t,e)]))),usePrivate:e=>e.map((e=>D(e))),css:()=>"",key:q,status:e=>{const t=q(e);return!!t&&!F.has(t)},on:(...e)=>e.map(q).reduce(((e,t)=>e&&!!t&&F.delete(t)),!0),off:(...e)=>e.map(q).reduce(((e,t)=>e&&!!t&&!!F.add(t)),!0),stylesheets:()=>[],toString(){const e=M.makers;delete e[B.base];const t=Object.entries({is:m,prefix:E(),mode:P(),hydrate:T(),theme:b,size:null!==A&&String(A),time:null!==N&&String(N),angle:null!==w&&String(w)}).map((([e,t])=>t?`${e}="${t}"`:""===t?e:"")).filter(Boolean).join(" "),r=`document.currentScript.settings = {makers: {${e?Object.entries(e).reduce(((e,[t,r])=>e+`${e?",":""}${t}: ${r.toString().replaceAll(/\s+/g," ")}`),""):""}},${_?` vars: ${_},`:""}${z?` bp: ${z},`:""}${O?` palette: ${O},`:""}${F.size?` off: [${[...F]}]`:""}}`;return`<script ${t}>${r}<\/script>`}}};export{b as createConsumer};

package/dist/index.js

@@ -1,7 +1,7 @@
 /*
-* EffCSS v3.4.0
+* EffCSS v3.5.0
 * {@link https://gitverse.ru/msabitov/effcss}
 * Copyright (c) Marat Sabitov
 * @license Apache-2.0
 */
-"function"==typeof SuppressedError&&SuppressedError;const t="@media",e="@container",s="@property",i="@keyframes",r="@layer",n="@scope",a="@supports",l=(e,s)=>{const i=t+` ${s||""}${s?" and ":""}(${e})`;return{s:i,q:e,t:s,toString:()=>i}};l.toString=()=>t;const c=t=>t+"px",o=t=>t+"vh",h=t=>t+"vw",u=t=>t+"vmin",g=t=>t+"vmax",d=t=>t+"rem",p=t=>t+"deg",m=t=>t+"ms",b=t=>t+"%",f=t=>t+"cqw",v=t=>t+"cqh",$=t=>t+"cqi",y=t=>t+"cqb",j=t=>t+"cqmin",x=t=>t+"cqmax",O=Object.fromEntries,k=Object.entries,_=":first-",w=":last-",S=":only-",q="child",A=":nth-",E="of-type",z=A+q,P=":focus",N={r:":root",h:":hover",f:P,fv:P+"-visible",a:":active",v:":visited",val:":valid",inv:":invalid",e:":empty",d:":disabled",rq:":required",o:":optional",m:":modal",l:":link",ph:":placeholder",ch:":checked",po:":popover-open",fc:_+q,lc:w+q,oc:S+q,odd:z+"(odd)",even:z+"(even)",ft:_+E,lt:w+E,ot:S+E,bef:"::before",aft:"::after",bd:"::backdrop"},C={has:":has",not:":not",is:":is",wh:":where",st:":state",nthc:z,ntho:A+E,dir:":dir",lang:":lang"},I="oklch",W=t=>I+`(${t})`,F=t=>W(`from ${t}`),K="def",M=t=>{const e=(e,s)=>"string"==typeof s?t(e,s):s;class s{constructor(t={}){this.state={l:e("l",K),c:e("c",K),h:e("h",K),a:e("a",K)},this.merge=t=>new s(Object.assign(this.state,t)),this.l=t=>this.merge({l:e("l",t)}),this.c=t=>this.merge({c:e("c",t)}),this.h=t=>this.merge({h:e("h",t)}),this.a=t=>this.merge({a:e("a",t)}),this.state=Object.assign(this.state,t)}get s(){return this.toString()}toString(){const{l:t,c:e,h:s,a:i}=this.state;return W(`${t} ${e} ${s} / ${i}`)}}return t=>new s(t)},B=(t,e=.1)=>F(`${t} calc(l + ${e}) c h / alpha)`),L=(t,e=.1)=>F(`${t} calc(l - ${e}) c h / alpha)`),R=(t,e=.1)=>F(`${t} l c h / calc(alpha + ${e}))`),H=(t,e=.1)=>F(`${t} l c h / calc(alpha - ${e}))`),T=(t,e=.04)=>F(`${t} l calc(c + ${e}) h / alpha)`),V=(t,e=.04)=>F(`${t} l calc(c - ${e}) h / alpha)`),Z=(t,e=30)=>F(`${t} l c calc(h${"number"==typeof e?e>0?" + "+e:" - "+-e:e}) / alpha)`),D=({base:t,mixin:e,method:s,bpart:i,mpart:r})=>`color-mix(in ${s||I}, ${t}${void 0!==i?` ${i}%`:""}, ${e}${void 0!==r?` ${r}%`:""})`,G=t=>({create:M(t),oklch:W,lighten:B,darken:L,saturate:T,desaturate:V,fadein:R,fadeout:H,spin:Z,mix:D}),J=(t,e,s)=>Object.entries(t).reduce(e,s),Q=Symbol("noParse"),U=(t,e,s)=>{var i,r,n;let a=""+t;return null==e?"":"object"!=typeof e||e.hasOwnProperty(Q)?`${l=a,l.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}:${""+e};`:(!s||(null===(i=s.startsWith)||void 0===i?void 0:i.call(s,"@"))||(null===(r=a.startsWith)||void 0===r?void 0:r.call(a,"&"))||(null===(n=a.startsWith)||void 0===n?void 0:n.call(a,"@"))?"":"&")+a+`{${J(e,((t,e)=>t+U(...e,a)),"")}}`;var l},X="palette",Y=t=>{const e={pri:t(X,"h","pri"),sec:t(X,"h","sec"),ter:t(X,"h","ter"),suc:t(X,"h","suc"),inf:t(X,"h","inf"),war:t(X,"h","war"),dan:t(X,"h","dan")};class s{constructor(t={}){this.state={l:"l",c:"base",h:e.pri,a:1,m:"bg"},Object.assign(this,{[Q]:!0}),this.state=Object.assign(this.state,t)}get xs(){return new s(Object.assign(Object.assign({},this.state),{l:"xs"}))}get s(){return new s(Object.assign(Object.assign({},this.state),{l:"s"}))}get m(){return new s(Object.assign(Object.assign({},this.state),{l:"m"}))}get l(){return new s(Object.assign(Object.assign({},this.state),{l:"l"}))}get xl(){return new s(Object.assign(Object.assign({},this.state),{l:"xl"}))}get lightness(){return{xs:this.xs,s:this.s,m:this.m,l:this.l,xl:this.xl}}get gray(){return new s(Object.assign(Object.assign({},this.state),{c:"gray"}))}get pale(){return new s(Object.assign(Object.assign({},this.state),{c:"pale"}))}get base(){return new s(Object.assign(Object.assign({},this.state),{c:"base"}))}get rich(){return new s(Object.assign(Object.assign({},this.state),{c:"rich"}))}get chroma(){return{gray:this.gray,pale:this.pale,base:this.base,rich:this.rich}}get pri(){return new s(Object.assign(Object.assign({},this.state),{h:e.pri}))}get sec(){return new s(Object.assign(Object.assign({},this.state),{h:e.sec}))}get suc(){return new s(Object.assign(Object.assign({},this.state),{h:e.suc}))}get inf(){return new s(Object.assign(Object.assign({},this.state),{h:e.inf}))}get war(){return new s(Object.assign(Object.assign({},this.state),{h:e.war}))}get dan(){return new s(Object.assign(Object.assign({},this.state),{h:e.dan}))}get hue(){return{pri:this.pri,sec:this.sec,suc:this.suc,inf:this.inf,war:this.war,dan:this.dan}}alpha(t=1){return new s(Object.assign(Object.assign({},this.state),{a:t}))}get bg(){return new s(Object.assign(Object.assign({},this.state),{m:"bg"}))}get fg(){return new s(Object.assign(Object.assign({},this.state),{m:"fg"}))}toString(){const{l:e,c:s,h:i,a:r,m:n}=this.state;return`oklch(${t(X,"l",n,e)} ${t(X,"c",n,s)} ${i} / ${r})`}}return new s},tt=Object.assign,et=Object.entries,st=Array.isArray,it=(t,...e)=>e.length?e.reduce(((t,e)=>(et(e).forEach((([e,s])=>{s&&"object"==typeof s&&t[e]?st(t[e])&&st(s)?t[e]=[...t[e],...s]:it(t[e],s||{}):t[e]=s})),t)),t):t,rt={dash:(...t)=>t.join("-"),comma:(...t)=>t.join(),space:(...t)=>t.join(" "),range:(t,e)=>Array.from(Array(t).entries()).reduce(((t,[s])=>tt(t,e(s+1))),{}),each:(t,e)=>et(t).reduce(((t,[s,i])=>tt(t,e(s,i))),{}),merge:it,when:(t,e,s={})=>t?e:s},nt="width: ",at=t=>{const{scope:_,globalKey:w="",bp:S={}}=t,q=_(w),A=t=>q.varExp(...t.split(".")),E=(t=1)=>`calc(${t} * ${A("rtime")})`;return{compile:({key:t,maker:w})=>{const z=_(t),P=(t=>{const c={cp:1,lay:1,kf:1,cq:1},o=(s,i)=>{const r="string"==typeof i?i:t.name("cq",c.cq++),n=e+` ${r?r+" ":""}(${s})`;return{c:r,q:s,s:n,toString:()=>n}};o.toString=()=>e;const h=(e,i)=>{const r="--"+(e||t.name("cp",c.cp++)),n=s+" "+r;return{k:r,v:`var(${r})`,s:n,r:{[n]:{syntax:(null==i?void 0:i.syn)||'"*"',inherits:(null==i?void 0:i.inh)||!1,initialValue:null==i?void 0:i.ini}},toString:()=>n}};h.toString=()=>s;const u=e=>{const s=e||t.name("kf",c.kf++),r=i+" "+s;return{k:s,s:r,toString:()=>r}};u.toString=()=>i;const g=e=>{const s=e||t.name("lay",c.lay++),i=r+" "+s;return{k:s,s:i,toString:()=>i}};g.toString=()=>r,g.toString=()=>n;const d=(t="",e=!1)=>{const s=a+` ${e?"not ":""}(${t})`;return{c:t,n:e,s:s,toString:()=>s}};return d.toString=()=>a,{pr:h,kf:u,mq:l,cq:o,lay:g,sc:(t="",e="")=>{const s=n+` ${t?`(${t})`:""}${t&&e?" ":""}${e?`to (${e})`:""}`;return{r:t,l:e,s:s,toString:()=>s}},sup:d}})(z),I=t=>{const e=S[t]||t;return"number"==typeof e?e+"rem":""},W=t=>"min-"+nt+I(t),F=t=>"max-"+nt+I(t),K=(t,e)=>"string"==typeof e?P.cq(t,e):P.mq(t),M=(t,e,s)=>""+K(W(t)+") and ("+F(e),s),B={up:(t,e)=>""+K(W(t),e),down:(t,e)=>""+K(F(t),e),between:M,only:(t,e)=>M(t,t,e)};return L=w(Object.assign(rt,{key:t,vars:A,time:E,bem:z.selector,pseudo:Object.assign(O(k(N).map((([t,e])=>{function s(t=""){return t+e}return s.toString=()=>e,[t,s]}))),O(k(C).map((([t,e])=>{function s(t,s=""){return s+e+`(${t})`}return s.toString=()=>e,[t,s]})))),color:G(q.varExp),palette:Y(q.varExp),units:{px:c,vh:o,vw:h,vmin:u,vmax:g,rem:d,deg:p,ms:m,pc:b,cqw:f,cqh:v,cqb:y,cqi:$,cqmin:j,cqmax:x},at:P,limit:B})),J(L,((t,e)=>t+U(...e)),"");var L}}};const lt=void 0,ct=Object.entries,ot=Object.assign,ht=Object.defineProperties,ut=t=>`data-${t}`,gt=t=>"string"==typeof t,dt=t=>null!==t&&"object"==typeof t,pt=(t,e)=>`${t}${e?"__"+e:""}`,mt=t=>t.split("."),bt=(t,e)=>ct(t).reduce(((t,[s,i])=>{if(dt(i)){const r=ct(i);r.length?t.push(...r.reduce(((t,[i,r])=>{if((t=>null!==t&&t!==lt)(i)&&e&&t.push([s,i,lt,lt]),dt(r)){const e=ct(r);e.length&&t.push(...e.reduce(((t,[e,r])=>{const n=typeof r;return"string"!==n&&"number"!==n||t.push([s,i,e,r]),t}),[]))}return t}),[])):t.push([s,lt,lt,lt])}return t}),[]),ft=(t,e,s,i)=>""+(pt(t,e)+(s?"_"+s:"")+(s&&i?"_"+i:"")),vt=(t,e,s,i)=>"."+ft(t,e,s,i),$t=(t,e,s,i)=>`[${ut(pt(t,e))}${s&&i?`~="${s}_${i}"`:s?`~="${s}"`:""}]`,yt={def:.75,c:.05,s:.65,m:.75,l:.85,n:.9},jt="effcss-provider",xt={theme:null,hydrate:null,mode:"a",prefix:"f",size:null,time:null},Ot={l:{dark:{bg:{xl:.24,l:.3,m:.36,s:.42,xs:.48},fg:{xl:.98,l:.93,m:.86,s:.79,xs:.72}},light:{bg:{xl:.98,l:.93,m:.88,s:.83,xs:.78},fg:{xl:0,l:.12,m:.24,s:.36,xs:.48}}},c:{dark:{bg:{pale:.02,base:.06,rich:.1},fg:{pale:.06,base:.1,rich:.14}},light:{bg:{pale:.01,base:.04,rich:.7},fg:{pale:.07,base:.11,rich:.15}}},h:{pri:184,sec:290,suc:Number(146.2.toFixed(2)),inf:Number(256..toFixed(2)),war:Number((.1*184+.9*109).toFixed(2)),dan:Number(44.5.toFixed(2))}},kt=(t,e)=>{var s,i,r,n,a,l,c,o,h,u,g,d,p,m,b,f;return e?{l:{dark:{bg:ot(t.l.dark.bg,null===(i=null===(s=null==e?void 0:e.l)||void 0===s?void 0:s.dark)||void 0===i?void 0:i.bg),fg:ot(t.l.dark.fg,null===(n=null===(r=null==e?void 0:e.l)||void 0===r?void 0:r.dark)||void 0===n?void 0:n.fg)},light:{bg:ot(t.l.light.bg,null===(l=null===(a=null==e?void 0:e.l)||void 0===a?void 0:a.light)||void 0===l?void 0:l.bg),fg:ot(t.l.light.fg,null===(o=null===(c=null==e?void 0:e.l)||void 0===c?void 0:c.light)||void 0===o?void 0:o.fg)}},c:{dark:{bg:ot(t.c.dark.bg,null===(u=null===(h=null==e?void 0:e.c)||void 0===h?void 0:h.dark)||void 0===u?void 0:u.bg),fg:ot(t.c.dark.fg,null===(d=null===(g=null==e?void 0:e.c)||void 0===g?void 0:g.dark)||void 0===d?void 0:d.fg)},light:{bg:ot(t.c.light.bg,null===(m=null===(p=null==e?void 0:e.c)||void 0===p?void 0:p.light)||void 0===m?void 0:m.bg),fg:ot(t.c.light.fg,null===(f=null===(b=null==e?void 0:e.c)||void 0===b?void 0:b.light)||void 0===f?void 0:f.fg)}},h:ot(t.h,null==e?void 0:e.h)}:t},_t={bp:{"3xs":18,"2xs":24,xs:30,sm:40,md:48,lg:64,xl:80,"2xl":96},vars:{"":{rtime:"200ms",rem:"16px",l:yt,h:{def:261.35,b:261.35,i:194.77,e:29.23,w:70.66,s:142.49},c:{def:.03,xs:.03,s:.06,m:.1,l:.15,xl:.25},a:{def:1,min:0,xs:.1,s:.25,m:.5,l:.75,xl:.9,max:1},t:{def:300,xs:100,s:200,m:300,l:450,xl:600,no:0,min:50,max:750},int:[...Array(12).keys()],fr:{0:0,"1/12":"0.0833","1/10":"0.1","1/6":"0.1667","1/5":"0.2","1/4":"0.25","3/10":"0.3","1/3":"0.3333","2/5":"0.4","5/12":"0.4167","1/2":"0.5","7/12":"0.5833","3/5":"0.6","2/3":"0.6667","7/10":"0.7","3/4":"0.75","4/5":"0.8","5/6":"0.8333","9/10":"0.9","11/12":"0.9167",1:"1"},ar:{1:1,"2/1":2,"1/2":.5,"4/3":1.3333,"3/4":.75,"9/16":.5625,"16/9":1.7778}},light:{l:yt},dark:{l:{def:.4,n:.25,s:.3,m:.4,l:.5,c:.95}}},palette:Ot},wt=({prefix:t})=>{let e=1;return{get base(){return t+0},get current(){return t+e},next(){return e++,this.current},reset(){e=1}}},St=()=>{const t=new Set,e=new Map;return{use(s,i){const r=e.get(s);return r||(t.add(i),e.set(s,i),i)},useMany(t){return ct(t).map((([t,e])=>this.use(e,t)))},getKey:t=>e.get(t),get keys(){return[...t]},get makers(){return Object.fromEntries(e.entries().map((([t,e])=>[e,t])))}}},qt="theme",At="palette",Et=Object.assign,zt=Object.entries,Pt=Object.fromEntries,Nt=(t,e)=>t.getAttribute(e)||xt[e];function Ct(t={}){const e=window.document,s=window.customElements;if(null==s?void 0:s.get(jt))return!1;{class i extends HTMLScriptElement{constructor(){super(...arguments),this._c=St(),this._m=function(){let t={},e={},s=[],i=[];const r=(t,e)=>(e.toString=()=>"effcss-"+t,e),n=t=>{var e;return t.adoptedStyleSheets=[...(null===(e=t.adoptedStyleSheets)||void 0===e?void 0:e.length)?[...t.adoptedStyleSheets].filter((t=>!(t+"").startsWith("effcss-"))):[],...s]},a=()=>{i=i.reduce(((t,e)=>{const s=e.deref();return s&&(n(s),t.push(e)),t}),[])},l=t=>s.findIndex((e=>e===t)),c=e=>e?t[e]:void 0,o=(e,i)=>{if(!t[e])return t[e]=r(e,i),s.push(t[e]),a(),!0},h=t=>{const e=c(t);return!!e&&-1!==l(e)};return{apply:n,notify:a,getIndex:l,get:c,has:t=>!!t&&!!c(t),getAll:()=>t,add:o,status:h,on:(...t)=>{const e=t.reduce(((t,e)=>{const i=c(e);return!(!i||h(e))&&(s.push(i),t)}),!0);return a(),e},off:(...t)=>{const e=t.reduce(((t,e)=>{const i=c(e);if(i&&h(e)){const e=l(i);return s.splice(e,1),t}return!1}),!0);return a(),e},remove:i=>{const r=c(i);if(!r)return;const n=l(r);return n>-1&&(s.splice(n,1),delete t[i],delete e[i]),a(),!0},removeAll:()=>(s.splice(0),t={},e={},a(),!0),pack:(e,s)=>{let i=t[e]||new CSSStyleSheet;return i.replaceSync(s),i=r(e,i),!!i.cssRules.length&&o(e,i)},replace:(e,s)=>{const i=t[e];if(i)return i.replaceSync(s),a(),!0},register:t=>{i.findIndex((e=>e.deref()===t))>=0||(i.push(new WeakRef(t)),n(t))},unregister:t=>{const e=i.findIndex((e=>e.deref()===t));e>=0&&i.splice(e,1)}}}(),this._settings=_t,this._cust=()=>{var t;const e=null===(t=this._settings)||void 0===t?void 0:t.vars,{varName:s}=this._s(this._k.base);function i(t,e){return zt(t).reduce(((t,[r,n])=>n&&"object"==typeof n?Et(t,i(n,[...e,r])):(t[s(...e,r)]=n,t)),{})}const r=Pt(zt(e||{}).map((([t,e])=>[t,i(e,[])]))),{"":n={},dark:a,light:l}=r,c=function(t,e){var s={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(s[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(s[i[r]]=t[i[r]])}return s}(r,["","dark","light"]),o=this.size,h=this.time,{l:u,c:g,h:d}=this._settings.palette,p=["xs","s","m","l","xl"],m=["pale","base","rich"];this._=({bem:t,each:e,when:i,vars:a,merge:l,at:{mq:b},units:{px:f,ms:v,pc:$}})=>{const y="prefers-color-scheme",j={light:`${y}: light`,dark:`${y}: dark`};return l({[`:root:has(script[is=${jt}])`]:l({fontSize:a("rem")},n,e(d,((t,e)=>({[s(At,"h",t)]:e}))),{[s(At,"c","bg","gray")]:0,[s(At,"c","fg","gray")]:0},e(j,((t,i)=>({[b(i).s]:l(r[t]||{},e(p,((e,i)=>({[s(At,"l","bg",i)]:u[t].bg[i],[s(At,"l","fg",i)]:u[t].fg[i]}))),e(m,((e,i)=>({[s(At,"c","bg",i)]:g[t].bg[i],[s(At,"c","fg",i)]:g[t].fg[i]}))))}))))},e(c,((e,s)=>({[`:root:has(script[is=${jt}][${qt}=${e}])`]:s,[t(`..theme.${e}`)]:s}))),i(!!o,{[`:root:has(script[is=${jt}][size])`]:{[s("","rem")]:f(o)}}),i(!!h,{[`:root:has(script[is=${jt}][time])`]:{[s("","rtime")]:v(h)}}))},this.use(this._,this._k.base,!0)},this.use=(t,e,s)=>{const i=e||this._k.current;let r=this._c.use(t,i);return(s||this._m&&!this._m.has(e))&&this._m.pack(r,this.css(t,r)),e||this._k.next(),this.resolve(r)},this.usePublic=t=>Pt(zt(t).map((([t,e])=>[t,this.use(e,t)]))),this.usePrivate=t=>t.map((t=>this.use(t))),this.resolve=t=>this._s(t||this._k.base).attr,this.css=(t,e)=>this._p.compile({key:e,maker:t}),this.status=t=>{const e=this.key(t);return!!e&&this._m.status(e)},this.on=(...t)=>this._m.on(...t.map(this.key)),this.off=(...t)=>this._m.off(...t.map(this.key)),this.key=t=>"string"==typeof t?t:this._c.getKey(t),this.stylesheets=(t=this._c.keys)=>t.map((t=>this._m.get(this.key(t))))}static get observedAttributes(){return["size","time"]}get prefix(){return Nt(this,"prefix")||""}get mode(){return Nt(this,"mode")}get hydrate(){return""===this.getAttribute("hydrate")}get settings(){return this._settings}set settings(t){var e,s,i,r,n;const a=Et({},this._settings,t,{palette:kt(this._settings.palette,null==t?void 0:t.palette)}),{makers:l,vars:c,bp:o,off:h,palette:u}=a;(o&&(null===(e=this._settings)||void 0===e?void 0:e.bp)!==o||!this._p)&&(this._p=at({scope:this._s,globalKey:this._k.base,bp:o})),l&&(null===(s=this._settings)||void 0===s?void 0:s.makers)!==l&&(this._c.useMany(l),this.usePublic(l),(null==h?void 0:h.length)&&this._settings.off!==h&&this.off(...h),this.hydrate&&this._k.reset()),this._settings=a,(!(null===(i=this._m)||void 0===i?void 0:i.has(this._k.base))||c&&(null===(r=this._settings)||void 0===r?void 0:r.vars)!==c||u&&(null===(n=this._settings)||void 0===n?void 0:n.palette)!==u)&&this._cust()}set theme(t){t?this.setAttribute(qt,t):this.removeAttribute(qt)}get theme(){return Nt(this,qt)||""}set size(t){null===t?this.removeAttribute("size"):this.setAttribute("size",t+"")}get size(){const t=this.getAttribute("size");return null!==t?Number(t):null}set time(t){null===t?this.removeAttribute("time"):this.setAttribute("time",t+"")}get time(){const t=this.getAttribute("time");return null!==t?Number(t):null}attributeChangedCallback(){this._k&&this._cust()}connectedCallback(){this._k=wt({prefix:this.prefix}),this._s=((t={})=>{const{mode:e}=t;let s,i;return t=>{const r=(...e)=>""+e.filter(Boolean).reduce(((t,e)=>`${t}-${e}`),t),n=(...t)=>"--"+r(...t);return"c"===e?(s=t=>{let e,s,i,n;return gt(t)?([e,s,i,n]=mt(t),vt(r(e),s,i,n)):t&&bt(t).map((([t,e,s,i])=>vt(r(t),e,s,i))).join(",")},i=t=>{let e,s,i,n;const a="class";let l="";return Array.isArray(t)?l=[...t.reduce(((t,a)=>([e,s,i,n]=mt(a),t.add(ft(r(e),s)),i&&t.add(ft(r(e),s,i,n)),t)),new Set).values()].join(" "):gt(t)?([e,s,i,n]=mt(t),l=ft(r(e),s,i,n)):l=t&&bt(t,!0).map((([t,e,s,i])=>ft(r(t),e,s,i))).join(" "),ht({[a]:l},{toString:{value:()=>`${a}="${l}"`}})}):(s=t=>{let e,s,i,n;return gt(t)?([e,s,i,n]=mt(t),$t(r(e),s,i,n)):t&&bt(t).map((([t,e,s,i])=>$t(r(t),e,s,i))).join(",")},i=t=>{let e,s,i,n,a,l,c="";if(Array.isArray(t))l=t.reduce(((t,l)=>{[e,s,i,n]=mt(l);const o=pt(r(e),s);return a=ut(o),c=i?n?`${i}_${n}`:`${i}`:"",t[a]&&c?t[a]=t[a]+" "+c:t[a]=c,t}),{});else if(gt(t)){[e,s,i,n]=mt(t);const o=pt(r(e),s);a=ut(o),c=i?n?`${i}_${n}`:`${i}`:"",l={[a]:c}}else l=t&&bt(t,!0).reduce(((t,[e,s,i,n])=>{const l=pt(r(e),s);a=ut(l);const o=i?n?`${i}_${n}`:`${i}`:"";return c=t[a]?t[a]+" "+o:o,t[a]=c,t}),{});return ht(l,{toString:{value:()=>ct(l).map((([t,e])=>`${t}="${e}"`)).join(" ")}}),l}),{selector:s,attr:i,name:r,varName:n,varExp:(...t)=>`var(${n(...t)})`}}})({mode:this.mode});const s=this;this._n={set adoptedStyleSheets(t){s.dispatchEvent(new CustomEvent("effcsschanges",{detail:{styles:t},bubbles:!0}))}},this._m.register(this._n),this._m.register(e),this.settings=t}toString(){return`<script ${[...this.attributes].map((t=>t.value?`${t.name}="${t.value}"`:""===t.value?t.name:"")).filter(Boolean).join(" ")}>${this.textContent}<\/script>`}}return s.define(jt,i,{extends:"script"}),!0}}export{Ct as defineProvider};
+"function"==typeof SuppressedError&&SuppressedError;const t="@media",e="@container",s="@property",r="@keyframes",n="@layer",i="@scope",a="@supports",l=(e,s)=>{const r=t+` ${s||""}${s?" and ":""}(${e})`;return{s:r,q:e,t:s,toString:()=>r}};l.toString=()=>t;const c=t=>t+"px",h=t=>t+"vh",o=t=>t+"vw",u=t=>t+"vmin",g=t=>t+"vmax",d=t=>t+"rem",m=t=>t+"deg",p=t=>t+"ms",b=t=>t+"%",f=t=>t+"cqw",v=t=>t+"cqh",x=t=>t+"cqi",$=t=>t+"cqb",y=t=>t+"cqmin",j=t=>t+"cqmax",O=Object.fromEntries,_=Object.entries,k=":first-",w=":last-",S=":only-",q="child",A=":nth-",E="of-type",P=A+q,z=":focus",C={r:":root",h:":hover",f:z,fv:z+"-visible",a:":active",v:":visited",val:":valid",inv:":invalid",e:":empty",d:":disabled",rq:":required",o:":optional",m:":modal",l:":link",ph:":placeholder",ch:":checked",po:":popover-open",fc:k+q,lc:w+q,oc:S+q,odd:P+"(odd)",even:P+"(even)",ft:k+E,lt:w+E,ot:S+E,bef:"::before",aft:"::after",bd:"::backdrop"},N={has:":has",not:":not",is:":is",wh:":where",st:":state",nthc:P,ntho:A+E,dir:":dir",lang:":lang"},I="oklch",W=t=>I+`(${t})`,F=t=>W(`from ${t}`),K="def",M=t=>{const e=(e,s)=>"string"==typeof s?t(e,s):s;class s{constructor(t={}){this.state={l:e("l",K),c:e("c",K),h:e("h",K),a:e("a",K)},this.merge=t=>new s(Object.assign(this.state,t)),this.l=t=>this.merge({l:e("l",t)}),this.c=t=>this.merge({c:e("c",t)}),this.h=t=>this.merge({h:e("h",t)}),this.a=t=>this.merge({a:e("a",t)}),this.state=Object.assign(this.state,t)}get s(){return this.toString()}toString(){const{l:t,c:e,h:s,a:r}=this.state;return W(`${t} ${e} ${s} / ${r}`)}}return t=>new s(t)},B=(t,e=.1)=>F(`${t} calc(l + ${e}) c h / alpha)`),L=(t,e=.1)=>F(`${t} calc(l - ${e}) c h / alpha)`),R=(t,e=.1)=>F(`${t} l c h / calc(alpha + ${e}))`),H=(t,e=.1)=>F(`${t} l c h / calc(alpha - ${e}))`),T=(t,e=.04)=>F(`${t} l calc(c + ${e}) h / alpha)`),V=(t,e=.04)=>F(`${t} l calc(c - ${e}) h / alpha)`),Z=(t,e=30)=>F(`${t} l c calc(h${"number"==typeof e?e>0?" + "+e:" - "+-e:e}) / alpha)`),D=({base:t,mixin:e,method:s,bpart:r,mpart:n})=>`color-mix(in ${s||I}, ${t}${void 0!==r?` ${r}%`:""}, ${e}${void 0!==n?` ${n}%`:""})`,G=t=>({create:M(t),oklch:W,lighten:B,darken:L,saturate:T,desaturate:V,fadein:R,fadeout:H,spin:Z,mix:D}),J=(t,e,s)=>Object.entries(t).reduce(e,s),Q=Symbol("noParse"),U=(t,e,s)=>{var r,n,i;let a=""+t;return null==e?"":"object"!=typeof e||e.hasOwnProperty(Q)?`${l=a,l.replace(/[A-Z]/g,(t=>"-"+t.toLowerCase()))}:${""+e};`:(!s||(null===(r=s.startsWith)||void 0===r?void 0:r.call(s,"@"))||(null===(n=a.startsWith)||void 0===n?void 0:n.call(a,"&"))||(null===(i=a.startsWith)||void 0===i?void 0:i.call(a,"@"))?"":"&")+a+`{${J(e,((t,e)=>t+U(...e,a)),"")}}`;var l},X="palette",Y=t=>{const e={pri:t(X,"h","pri"),sec:t(X,"h","sec"),ter:t(X,"h","ter"),suc:t(X,"h","suc"),inf:t(X,"h","inf"),war:t(X,"h","war"),dan:t(X,"h","dan")};class s{constructor(t={}){this.state={l:"l",c:"base",h:e.pri,a:1,m:"bg"},Object.assign(this,{[Q]:!0}),this.state=Object.assign(this.state,t)}get xs(){return new s(Object.assign(Object.assign({},this.state),{l:"xs"}))}get s(){return new s(Object.assign(Object.assign({},this.state),{l:"s"}))}get m(){return new s(Object.assign(Object.assign({},this.state),{l:"m"}))}get l(){return new s(Object.assign(Object.assign({},this.state),{l:"l"}))}get xl(){return new s(Object.assign(Object.assign({},this.state),{l:"xl"}))}get lightness(){return{xs:this.xs,s:this.s,m:this.m,l:this.l,xl:this.xl}}get gray(){return new s(Object.assign(Object.assign({},this.state),{c:"gray"}))}get pale(){return new s(Object.assign(Object.assign({},this.state),{c:"pale"}))}get base(){return new s(Object.assign(Object.assign({},this.state),{c:"base"}))}get rich(){return new s(Object.assign(Object.assign({},this.state),{c:"rich"}))}get chroma(){return{gray:this.gray,pale:this.pale,base:this.base,rich:this.rich}}get pri(){return new s(Object.assign(Object.assign({},this.state),{h:e.pri}))}get sec(){return new s(Object.assign(Object.assign({},this.state),{h:e.sec}))}get suc(){return new s(Object.assign(Object.assign({},this.state),{h:e.suc}))}get inf(){return new s(Object.assign(Object.assign({},this.state),{h:e.inf}))}get war(){return new s(Object.assign(Object.assign({},this.state),{h:e.war}))}get dan(){return new s(Object.assign(Object.assign({},this.state),{h:e.dan}))}get hue(){return{pri:this.pri,sec:this.sec,suc:this.suc,inf:this.inf,war:this.war,dan:this.dan}}alpha(t=1){return new s(Object.assign(Object.assign({},this.state),{a:t}))}get bg(){return new s(Object.assign(Object.assign({},this.state),{m:"bg"}))}get fg(){return new s(Object.assign(Object.assign({},this.state),{m:"fg"}))}toString(){const{l:e,c:s,h:r,a:n,m:i}=this.state;return`oklch(${t(X,"l",i,e)} ${t(X,"c",i,s)} ${r} / ${n})`}}return new s},tt="coef",et=t=>{class e{constructor(t={}){this.state={center:8},this.state=Object.assign(this.state,t)}get min(){return t(tt,this.state.center-4)}get xxs(){return t(tt,this.state.center-3)}get xs(){return t(tt,this.state.center-2)}get s(){return t(tt,this.state.center-1)}get m(){return t(tt,this.state.center)}get l(){return t(tt,this.state.center+1)}get xl(){return t(tt,this.state.center+2)}get xxl(){return t(tt,this.state.center+3)}get max(){return t(tt,this.state.center+4)}get $0_(){return new e({center:4})}get $1_(){return new e({center:12})}get $2_(){return new e({center:20})}get $16_(){return new e({center:28})}get $1(){return new e({center:8})}get $2(){return new e({center:16})}get $16(){return new e({center:24})}get short(){return{s:this.s,m:this.m,l:this.l}}get base(){return Object.assign(Object.assign({xs:this.xs},this.short),{xl:this.xl})}get long(){return Object.assign(Object.assign({xxs:this.xxs},this.base),{xxl:this.xxl})}get full(){return Object.assign(Object.assign({min:this.min},this.long),{max:this.max})}get sparse(){return{min:this.min,xs:this.xs,m:this.m,xl:this.xl,max:this.max}}}return new e},st=Object.assign,rt=Object.entries,nt=Array.isArray,it=(t,...e)=>e.length?e.reduce(((t,e)=>(rt(e).forEach((([e,s])=>{s&&"object"==typeof s&&t[e]?nt(t[e])&&nt(s)?t[e]=[...t[e],...s]:it(t[e],s||{}):t[e]=s})),t)),t):t,at={dash:(...t)=>t.join("-"),comma:(...t)=>t.join(),space:(...t)=>t.join(" "),range:(t,e)=>Array.from(Array(t).entries()).reduce(((t,[s])=>st(t,e(s+1))),{}),each:(t,e)=>rt(t).reduce(((t,[s,r])=>st(t,e(s,r))),{}),merge:it,when:(t,e,s={})=>t?e:s},lt="width: ",ct=t=>{const{scope:k,globalKey:w="",bp:S={}}=t,q=k(w).varExp,A=t=>q(...t.split(".")),E=(t=1)=>`calc(${t} * ${A("rtime")})`,P=(t=1)=>`calc(${t} * ${A("rangle")})`,z=(t=1)=>`calc(${t} * 1rem)`;return{compile:({key:t,maker:w})=>{const I=k(t),W=(t=>{const c={cp:1,lay:1,kf:1,cq:1},h=(s,r)=>{const n="string"==typeof r?r:t.name("cq",c.cq++),i=e+` ${n?n+" ":""}(${s})`;return{c:n,q:s,s:i,toString:()=>i}};h.toString=()=>e;const o=(e,r)=>{const n="--"+(e||t.name("cp",c.cp++)),i=s+" "+n;return{k:n,v:`var(${n})`,s:i,r:{[i]:{syntax:(null==r?void 0:r.syn)||'"*"',inherits:(null==r?void 0:r.inh)||!1,initialValue:null==r?void 0:r.ini}},toString:()=>i}};o.toString=()=>s;const u=e=>{const s=e||t.name("kf",c.kf++),n=r+" "+s;return{k:s,s:n,toString:()=>n}};u.toString=()=>r;const g=e=>{const s=e||t.name("lay",c.lay++),r=n+" "+s;return{k:s,s:r,toString:()=>r}};g.toString=()=>n,g.toString=()=>i;const d=(t="",e=!1)=>{const s=a+` ${e?"not ":""}(${t})`;return{c:t,n:e,s:s,toString:()=>s}};return d.toString=()=>a,{pr:o,kf:u,mq:l,cq:h,lay:g,sc:(t="",e="")=>{const s=i+` ${t?`(${t})`:""}${t&&e?" ":""}${e?`to (${e})`:""}`;return{r:t,l:e,s:s,toString:()=>s}},sup:d}})(I),F=t=>{const e=S[t]||t;return"number"==typeof e?e+"rem":""},K=t=>"min-"+lt+F(t),M=t=>"max-"+lt+F(t),B=(t,e)=>"string"==typeof e?W.cq(t,e):W.mq(t),L=(t,e,s)=>""+B(K(t)+") and ("+M(e),s),R={up:(t,e)=>""+B(K(t),e),down:(t,e)=>""+B(M(t),e),between:L,only:(t,e)=>L(t,t,e)};return H=w(Object.assign(at,{key:t,vars:A,size:z,time:E,angle:P,bem:I.selector,pseudo:Object.assign(O(_(C).map((([t,e])=>{function s(t=""){return t+e}return s.toString=()=>e,[t,s]}))),O(_(N).map((([t,e])=>{function s(t,s=""){return s+e+`(${t})`}return s.toString=()=>e,[t,s]})))),color:G(q),palette:Y(q),coef:et(q),units:{px:c,vh:h,vw:o,vmin:u,vmax:g,rem:d,deg:m,ms:p,pc:b,cqw:f,cqh:v,cqb:$,cqi:x,cqmin:y,cqmax:j},at:W,limit:R})),J(H,((t,e)=>t+U(...e)),"");var H}}};const ht=void 0,ot=Object.entries,ut=Object.assign,gt=Object.defineProperties,dt=t=>`data-${t}`,mt=t=>"string"==typeof t,pt=t=>null!==t&&"object"==typeof t,bt=(t,e)=>`${t}${e?"__"+e:""}`,ft=t=>t.split("."),vt=(t,e)=>ot(t).reduce(((t,[s,r])=>{if(pt(r)){const n=ot(r);n.length?t.push(...n.reduce(((t,[r,n])=>{if((t=>null!==t&&t!==ht)(r)&&e&&t.push([s,r,ht,ht]),pt(n)){const e=ot(n);e.length&&t.push(...e.reduce(((t,[e,n])=>{const i=typeof n;return"string"!==i&&"number"!==i||t.push([s,r,e,n]),t}),[]))}return t}),[])):t.push([s,ht,ht,ht])}return t}),[]),xt=(t,e,s,r)=>""+(bt(t,e)+(s?"_"+s:"")+(s&&r?"_"+r:"")),$t=(t,e,s,r)=>"."+xt(t,e,s,r),yt=(t,e,s,r)=>`[${dt(bt(t,e))}${s&&r?`~="${s}_${r}"`:s?`~="${s}"`:""}]`,jt={def:.75,c:.05,s:.65,m:.75,l:.85,n:.9},Ot="effcss-provider",_t={theme:null,hydrate:null,mode:"a",prefix:"f",size:null,time:null,angle:null},kt={l:{dark:{bg:{xl:.24,l:.3,m:.36,s:.42,xs:.48},fg:{xl:.98,l:.93,m:.86,s:.79,xs:.72}},light:{bg:{xl:.98,l:.93,m:.88,s:.83,xs:.78},fg:{xl:0,l:.12,m:.24,s:.36,xs:.48}}},c:{dark:{bg:{pale:.02,base:.06,rich:.1},fg:{pale:.06,base:.1,rich:.14}},light:{bg:{pale:.01,base:.04,rich:.7},fg:{pale:.07,base:.11,rich:.15}}},h:{pri:184,sec:290,suc:Number(146.2.toFixed(2)),inf:Number(256..toFixed(2)),war:Number((.1*184+.9*109).toFixed(2)),dan:Number(44.5.toFixed(2))}},wt=(t,e)=>{var s,r,n,i,a,l,c,h,o,u,g,d,m,p,b,f;return e?{l:{dark:{bg:ut(t.l.dark.bg,null===(r=null===(s=null==e?void 0:e.l)||void 0===s?void 0:s.dark)||void 0===r?void 0:r.bg),fg:ut(t.l.dark.fg,null===(i=null===(n=null==e?void 0:e.l)||void 0===n?void 0:n.dark)||void 0===i?void 0:i.fg)},light:{bg:ut(t.l.light.bg,null===(l=null===(a=null==e?void 0:e.l)||void 0===a?void 0:a.light)||void 0===l?void 0:l.bg),fg:ut(t.l.light.fg,null===(h=null===(c=null==e?void 0:e.l)||void 0===c?void 0:c.light)||void 0===h?void 0:h.fg)}},c:{dark:{bg:ut(t.c.dark.bg,null===(u=null===(o=null==e?void 0:e.c)||void 0===o?void 0:o.dark)||void 0===u?void 0:u.bg),fg:ut(t.c.dark.fg,null===(d=null===(g=null==e?void 0:e.c)||void 0===g?void 0:g.dark)||void 0===d?void 0:d.fg)},light:{bg:ut(t.c.light.bg,null===(p=null===(m=null==e?void 0:e.c)||void 0===m?void 0:m.light)||void 0===p?void 0:p.bg),fg:ut(t.c.light.fg,null===(f=null===(b=null==e?void 0:e.c)||void 0===b?void 0:b.light)||void 0===f?void 0:f.fg)}},h:ut(t.h,null==e?void 0:e.h)}:t},St={bp:{"3xs":18,"2xs":24,xs:30,sm:40,md:48,lg:64,xl:80,"2xl":96},vars:{"":{rtime:"200ms",rem:"16px",rangle:"30deg",l:jt,h:{def:261.35,b:261.35,i:194.77,e:29.23,w:70.66,s:142.49},c:{def:.03,xs:.03,s:.06,m:.1,l:.15,xl:.25},a:{def:1,min:0,xs:.1,s:.25,m:.5,l:.75,xl:.9,max:1},t:{def:300,xs:100,s:200,m:300,l:450,xl:600,no:0,min:50,max:750},int:[...Array(12).keys()],fr:{0:0,"1/12":"0.0833","1/10":"0.1","1/6":"0.1667","1/5":"0.2","1/4":"0.25","3/10":"0.3","1/3":"0.3333","2/5":"0.4","5/12":"0.4167","1/2":"0.5","7/12":"0.5833","3/5":"0.6","2/3":"0.6667","7/10":"0.7","3/4":"0.75","4/5":"0.8","5/6":"0.8333","9/10":"0.9","11/12":"0.9167",1:"1"},ar:{1:1,"2/1":2,"1/2":.5,"4/3":1.3333,"3/4":.75,"9/16":.5625,"16/9":1.7778}},light:{l:jt},dark:{l:{def:.4,n:.25,s:.3,m:.4,l:.5,c:.95}}},palette:kt,coef:{$0_:{xxs:.0625,xs:.125,s:.25,m:.5,l:.75,xl:.875,xxl:.9375},$1_:{xxs:1.0625,xs:1.125,s:1.25,m:1.5,l:1.75,xl:1.875,xxl:1.9375},$2_:{xxs:2.5,xs:4,s:5,m:7.5,l:10,xl:12,xxl:15},$16_:{xxs:20,xs:28,s:36,m:48,l:64,xl:80,xxl:120},max:150}},qt=({prefix:t})=>{let e=1;return{get base(){return t+0},get current(){return t+e},next(){return e++,this.current},reset(){e=1}}},At=()=>{const t=new Set,e=new Map;return{use(s,r){const n=e.get(s);return n||(t.add(r),e.set(s,r),r)},useMany(t){return ot(t).map((([t,e])=>this.use(e,t)))},getKey:t=>e.get(t),get keys(){return[...t]},get makers(){return Object.fromEntries(e.entries().map((([t,e])=>[e,t])))}}},Et="theme",Pt="size",zt="time",Ct="angle",Nt="palette",It=Object.assign,Wt=Object.entries,Ft=Object.fromEntries,Kt=(t,e)=>t.getAttribute(e)||_t[e],Mt=(t,e)=>{const s=Kt(t,e);return null!==s?Number(s):null},Bt=(t,e,s)=>null===s?t.removeAttribute(e):t.setAttribute(e,s+""),Lt=t=>`:root:has(script[is=${Ot}]${t?`[${t}]`:""})`,Rt=t=>[t.xxs,t.xs,t.s,t.m,t.l,t.xl,t.xxl],Ht=["xs","s","m","l","xl"],Tt=["pale","base","rich"];function Vt(t={}){const e=window.document,s=window.customElements;if(null==s?void 0:s.get(Ot))return!1;{class r extends HTMLScriptElement{constructor(){super(...arguments),this._c=At(),this._m=function(){let t={},e={},s=[],r=[];const n=(t,e)=>(e.toString=()=>"effcss-"+t,e),i=t=>{var e;return t.adoptedStyleSheets=[...(null===(e=t.adoptedStyleSheets)||void 0===e?void 0:e.length)?[...t.adoptedStyleSheets].filter((t=>!(t+"").startsWith("effcss-"))):[],...s]},a=()=>{r=r.reduce(((t,e)=>{const s=e.deref();return s&&(i(s),t.push(e)),t}),[])},l=t=>s.findIndex((e=>e===t)),c=e=>e?t[e]:void 0,h=(e,r)=>{if(!t[e])return t[e]=n(e,r),s.push(t[e]),a(),!0},o=t=>{const e=c(t);return!!e&&-1!==l(e)};return{apply:i,notify:a,getIndex:l,get:c,has:t=>!!t&&!!c(t),getAll:()=>t,add:h,status:o,on:(...t)=>{const e=t.reduce(((t,e)=>{const r=c(e);return!(!r||o(e))&&(s.push(r),t)}),!0);return a(),e},off:(...t)=>{const e=t.reduce(((t,e)=>{const r=c(e);if(r&&o(e)){const e=l(r);return s.splice(e,1),t}return!1}),!0);return a(),e},remove:r=>{const n=c(r);if(!n)return;const i=l(n);return i>-1&&(s.splice(i,1),delete t[r],delete e[r]),a(),!0},removeAll:()=>(s.splice(0),t={},e={},a(),!0),pack:(e,s)=>{let r=t[e]||new CSSStyleSheet;return r.replaceSync(s),r=n(e,r),!!r.cssRules.length&&h(e,r)},replace:(e,s)=>{const r=t[e];if(r)return r.replaceSync(s),a(),!0},register:t=>{r.findIndex((e=>e.deref()===t))>=0||(r.push(new WeakRef(t)),i(t))},unregister:t=>{const e=r.findIndex((e=>e.deref()===t));e>=0&&r.splice(e,1)}}}(),this._settings=St,this._cust=()=>{var t;const e=null===(t=this._settings)||void 0===t?void 0:t.vars,{varName:s}=this._s(this._k.base),r=t=>s("",t);function n(t,e){return Wt(t).reduce(((t,[r,i])=>i&&"object"==typeof i?It(t,n(i,[...e,r])):(t[s(...e,r)]=i,t)),{})}const i=Ft(Wt(e||{}).map((([t,e])=>[t,n(e,[])]))),{"":a={},dark:l,light:c}=i,h=function(t,e){var s={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(s[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(s[r[n]]=t[r[n]])}return s}(i,["","dark","light"]),o=this.size,u=this.time,g=this.angle,{l:d,c:m,h:p}=this._settings.palette,b=this._settings.coef,f=[0,...Rt(b.$0_),1,...Rt(b.$1_),2,...Rt(b.$2_),16,...Rt(b.$16_)];this._=({bem:t,each:e,when:n,vars:l,merge:c,at:{mq:b},units:{px:v,ms:x,deg:$}})=>{const y="prefers-color-scheme",j={light:`${y}: light`,dark:`${y}: dark`};return c({[Lt()]:c({fontSize:l("rem")},a,e(f,((t,e)=>({[s("coef",t)]:e}))),e(p,((t,e)=>({[s(Nt,"h",t)]:e}))),{[s(Nt,"c","bg","gray")]:0,[s(Nt,"c","fg","gray")]:0},e(j,((t,r)=>({[b(r).s]:c(i[t]||{},e(Ht,((e,r)=>({[s(Nt,"l","bg",r)]:d[t].bg[r],[s(Nt,"l","fg",r)]:d[t].fg[r]}))),e(Tt,((e,r)=>({[s(Nt,"c","bg",r)]:m[t].bg[r],[s(Nt,"c","fg",r)]:m[t].fg[r]}))))}))))},e(h,((e,s)=>({[Lt(`${Et}=${e}`)]:s,[t(`..theme.${e}`)]:s}))),n(!!o,{[Lt(Pt)]:{[r("rem")]:v(o)}}),n(!!u,{[Lt(zt)]:{[r("rtime")]:x(u)}}),n(!!g,{[Lt(Ct)]:{[r("rangle")]:$(g)}}))},this.use(this._,this._k.base,!0)},this.use=(t,e,s)=>{const r=e||this._k.current;let n=this._c.use(t,r);return(s||this._m&&!this._m.has(e))&&this._m.pack(n,this.css(t,n)),e||this._k.next(),this.resolve(n)},this.usePublic=t=>Ft(Wt(t).map((([t,e])=>[t,this.use(e,t)]))),this.usePrivate=t=>t.map((t=>this.use(t))),this.resolve=t=>this._s(t||this._k.base).attr,this.css=(t,e)=>this._p.compile({key:e,maker:t}),this.status=t=>{const e=this.key(t);return!!e&&this._m.status(e)},this.on=(...t)=>this._m.on(...t.map(this.key)),this.off=(...t)=>this._m.off(...t.map(this.key)),this.key=t=>"string"==typeof t?t:this._c.getKey(t),this.stylesheets=(t=this._c.keys)=>t.map((t=>this._m.get(this.key(t))))}static get observedAttributes(){return[Pt,zt,Ct]}get prefix(){return Kt(this,"prefix")||""}get mode(){return Kt(this,"mode")}get hydrate(){return""===this.getAttribute("hydrate")}get settings(){return this._settings}set settings(t){var e,s,r;const n=It({},this._settings,t,{palette:wt(this._settings.palette,null==t?void 0:t.palette)}),{makers:i,vars:a,bp:l,off:c,palette:h}=n;(l&&(null===(e=this._settings)||void 0===e?void 0:e.bp)!==l||!this._p)&&(this._p=ct({scope:this._s,globalKey:this._k.base,bp:l})),i&&(null===(s=this._settings)||void 0===s?void 0:s.makers)!==i&&(this._c.useMany(i),this.usePublic(i),(null==c?void 0:c.length)&&this._settings.off!==c&&this.off(...c),this.hydrate&&this._k.reset()),this._settings=n,(!(null===(r=this._m)||void 0===r?void 0:r.has(this._k.base))||t.vars||t.palette||t.coef)&&this._cust()}set theme(t){Bt(this,Et,t)}get theme(){return Kt(this,Et)||""}set size(t){Bt(this,Pt,t)}get size(){return Mt(this,Pt)}set time(t){Bt(this,"time",t)}get time(){return Mt(this,zt)}set angle(t){Bt(this,"angle",t)}get angle(){return Mt(this,Ct)}attributeChangedCallback(){this._k&&this._cust()}connectedCallback(){this._k=qt({prefix:this.prefix}),this._s=((t={})=>{const{mode:e}=t;let s,r;return t=>{const n=(...e)=>""+e.filter(Boolean).reduce(((t,e)=>`${t}-${e}`),t),i=(...t)=>"--"+n(...t);return"c"===e?(s=t=>{let e,s,r,i;return mt(t)?([e,s,r,i]=ft(t),$t(n(e),s,r,i)):t&&vt(t).map((([t,e,s,r])=>$t(n(t),e,s,r))).join(",")},r=t=>{let e,s,r,i;const a="class";let l="";return Array.isArray(t)?l=[...t.reduce(((t,a)=>([e,s,r,i]=ft(a),t.add(xt(n(e),s)),r&&t.add(xt(n(e),s,r,i)),t)),new Set).values()].join(" "):mt(t)?([e,s,r,i]=ft(t),l=xt(n(e),s,r,i)):l=t&&vt(t,!0).map((([t,e,s,r])=>xt(n(t),e,s,r))).join(" "),gt({[a]:l},{toString:{value:()=>`${a}="${l}"`}})}):(s=t=>{let e,s,r,i;return mt(t)?([e,s,r,i]=ft(t),yt(n(e),s,r,i)):t&&vt(t).map((([t,e,s,r])=>yt(n(t),e,s,r))).join(",")},r=t=>{let e,s,r,i,a,l,c="";if(Array.isArray(t))l=t.reduce(((t,l)=>{[e,s,r,i]=ft(l);const h=bt(n(e),s);return a=dt(h),c=r?i?`${r}_${i}`:`${r}`:"",t[a]&&c?t[a]=t[a]+" "+c:t[a]=c,t}),{});else if(mt(t)){[e,s,r,i]=ft(t);const h=bt(n(e),s);a=dt(h),c=r?i?`${r}_${i}`:`${r}`:"",l={[a]:c}}else l=t&&vt(t,!0).reduce(((t,[e,s,r,i])=>{const l=bt(n(e),s);a=dt(l);const h=r?i?`${r}_${i}`:`${r}`:"";return c=t[a]?t[a]+" "+h:h,t[a]=c,t}),{});return gt(l,{toString:{value:()=>ot(l).map((([t,e])=>`${t}="${e}"`)).join(" ")}}),l}),{selector:s,attr:r,name:n,varName:i,varExp:(...t)=>`var(${i(...t)})`}}})({mode:this.mode});const s=this;this._n={set adoptedStyleSheets(t){s.dispatchEvent(new CustomEvent("effcsschanges",{detail:{styles:t},bubbles:!0}))}},this._m.register(this._n),this._m.register(e),this.settings=t}toString(){return`<script ${[...this.attributes].map((t=>t.value?`${t.name}="${t.value}"`:""===t.value?t.name:"")).filter(Boolean).join(" ")}>${this.textContent}<\/script>`}}return s.define(Ot,r,{extends:"script"}),!0}}export{Vt as defineProvider};

package/dist/types/src/_provider/_process/coef.d.ts

@@ -0,0 +1,127 @@
+import { TCreateScope } from '../../common';
+export declare const resolveCoef: (varExp: ReturnType<ReturnType<TCreateScope>>["varExp"]) => {
+    /**
+     * Coefficient state
+     */
+    state: {
+        center: number;
+    };
+    /**
+     * Returns `xxs` coefficient
+     */
+    readonly min: string;
+    /**
+     * Returns `xxs` coefficient
+     */
+    readonly xxs: string;
+    /**
+     * Returns `xs` coefficient
+     */
+    readonly xs: string;
+    /**
+     * Returns `s` coefficient
+     */
+    readonly s: string;
+    /**
+     * Returns `m` coefficient
+     */
+    readonly m: string;
+    /**
+     * Returns `l` coefficient
+     */
+    readonly l: string;
+    /**
+     * Returns `xl` coefficient
+     */
+    readonly xl: string;
+    /**
+     * Returns `xxl` coefficient
+     */
+    readonly xxl: string;
+    /**
+     * Returns `xxl` coefficient
+     */
+    readonly max: string;
+    /**
+     * Range from 0 to 1
+     */
+    readonly $0_: /*elided*/ any;
+    /**
+     * Range from 1 to 2
+     */
+    readonly $1_: /*elided*/ any;
+    /**
+     * Range from 2 to 16
+     */
+    readonly $2_: /*elided*/ any;
+    /**
+     * Range from 16 to the end
+     */
+    readonly $16_: /*elided*/ any;
+    /**
+     * Range around 1
+     */
+    readonly $1: /*elided*/ any;
+    /**
+     * Range around 2
+     */
+    readonly $2: /*elided*/ any;
+    /**
+     * Range around 16
+     */
+    readonly $16: /*elided*/ any;
+    /**
+     * Short range dictionary
+     */
+    readonly short: {
+        s: string;
+        m: string;
+        l: string;
+    };
+    /**
+     * Base range dictionary
+     */
+    readonly base: {
+        xl: string;
+        s: string;
+        m: string;
+        l: string;
+        xs: string;
+    };
+    /**
+     * Long range dictionary
+     */
+    readonly long: {
+        xxl: string;
+        xl: string;
+        s: string;
+        m: string;
+        l: string;
+        xs: string;
+        xxs: string;
+    };
+    /**
+     * Full range dictionary
+     */
+    readonly full: {
+        max: string;
+        xxl: string;
+        xl: string;
+        s: string;
+        m: string;
+        l: string;
+        xs: string;
+        xxs: string;
+        min: string;
+    };
+    /**
+     * Sparse range dictionary
+     */
+    readonly sparse: {
+        min: string;
+        xs: string;
+        m: string;
+        xl: string;
+        max: string;
+    };
+};

package/dist/types/src/_provider/process.d.ts

@@ -4,6 +4,7 @@ import { resolveUnits } from './_process/units';
 import { resolvePseudo } from './_process/pseudo';
 import { resolveColor } from './_process/color';
 import { resolvePalette } from './_process/palette';
+import { resolveCoef } from './_process/coef';
 import { getBaseHandlers } from './_process/base';
 type Leaves<T> = T extends object ? {
     [K in keyof T]: `${Exclude<K, symbol>}${Leaves<T[K]> extends never ? '' : `.${Leaves<T[K]>}`}`;
@@ -37,14 +38,26 @@ interface IMakerParams extends ReturnType<typeof getBaseHandlers> {
      * Color palette
      */
     palette: ReturnType<typeof resolvePalette>;
+    /**
+     * Coefficient
+     */
+    coef: ReturnType<typeof resolveCoef>;
     /**
      * Global vars
      */
     vars: <G>(val: Leaves<G>) => string;
+    /**
+     * Scalable size value
+     */
+    size: (coef?: number | string) => string;
     /**
      * Scalable time value
      */
-    time: (coef?: number) => string;
+    time: (coef?: number | string) => string;
+    /**
+     * Scalable angle value
+     */
+    angle: (coef?: number | string) => string;
     /**
      * Width limit queries
      */

package/dist/types/src/common.d.ts

@@ -23,6 +23,19 @@ export type TPalette = {
     h: TPaletteHue;
 };
 export type TPaletteConfig = RecursivePartial<TPalette>;
+export type TCoefShortRange = 's' | 'm' | 'l';
+export type TCoefBaseRange = 'xs' | TCoefShortRange | 'xl';
+export type TCoefLongRange = 'xxs' | TCoefBaseRange | 'xxl';
+export type TCoefFullRange = 'min' | TCoefLongRange | 'max';
+export type TCoefSparseRange = 'min' | 'xs' | 'm' | 'xl' | 'max';
+export type TCoefRangeConfig = Record<'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxl', number>;
+export type TCoef = {
+    $0_: TCoefRangeConfig;
+    $1_: TCoefRangeConfig;
+    $2_: TCoefRangeConfig;
+    $16_: TCoefRangeConfig;
+    max: number;
+};
 /**
  * Provider attributes
  */
@@ -54,6 +67,10 @@ export type TProviderAttrs = {
      * Root time in ms
      */
     time: string | null;
+    /**
+     * Root angle in deg
+     */
+    angle: string | null;
 };
 /**
  * Provider settings
@@ -79,6 +96,10 @@ export type TProviderSettings = {
      * Palette
      */
     palette: TPalette;
+    /**
+     * Coefficients
+     */
+    coef: TCoef;
 };
 export type TProviderSettingsPartial = RecursivePartial<TProviderSettings>;
 type TStrDict = Record<string, string>;

package/dist/types/src/index.d.ts

@@ -52,9 +52,18 @@ export interface IStyleProvider {
     get time(): number | null;
     /**
      * Set root time value
-     * @param val - rem value in ms
+     * @param val - time value in ms
      */
     set time(val: number | null);
+    /**
+     * Get root angle value
+     */
+    get angle(): number | null;
+    /**
+     * Set root angle value
+     * @param val - angle value in ms
+     */
+    set angle(val: number | null);
     /**
      * Get provider settings
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "effcss",
-    "version": "3.4.0",
+    "version": "3.5.0",
     "description": "Self-confident CSS-in-JS",
     "type": "module",
     "scripts": {