@fower/core - npm Package Compare versions

Comparing version 1.58.0 to 1.59.0

dist/core.cjs.development.js

@@ -317,6 +317,11 @@ 'use strict';
 
-      id = id.replace(/[#()]/g, '').replace('.', '_').replace(/\%/g, 'p').replace(/\s+/g, '-');
+      id = id.replace(/[#()"']/g, '').replace('.', '_').replace(/\%/g, 'p').replace(/\s+/g, '-');
+      if (_this.isFalsyPropValue) id = id + '--false';
+
+      if (meta.childSelector) {
+        id = meta.childSelector + '-' + id;
+      }
+
       var isValid = /^[a-zA-Z0-9-_]+$/.test(id);
       id = isValid ? id : "css-" + hash(id);
-      if (_this.isFalsyPropValue) id = id + '--false';
       _this.id = id;
@@ -1034,2 +1039,7 @@ return id;
       }
+    } // for nested style, like css props
+
+
+    if (Object.values(atom.meta || {}).length) {
+      if (!atom.id) atom.setId();
     }
@@ -1297,3 +1307,3 @@
       rules.push(rule);
-    } // console.log('this.atoms---', this.atoms)
+    } // console.log('this.atoms---', this.atoms, rules)
 
@@ -1300,0 +1310,0 @@

dist/core.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("deepmerge")),r=require("@fower/utils"),i=e(require("string-hash")),o=require("@fower/color-helper"),n=require("@fower/css-object-processor");function s(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function a(e,t,r){return t&&s(e.prototype,t),r&&s(e,r),e}function u(){return(u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(this,arguments)}function l(e,t){if(null==e)return{};var r,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t.indexOf(r=n[i])>=0||(o[r]=e[r]);return o}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=new Array(t);r<t;r++)i[r]=e[r];return i}function d(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return c(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var i=0;return function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}require("@fower/atomic-props");var p=function(){function e(){var e=this;this.config={unit:"px",inline:!1,important:!1,mode:{currentMode:"light",autoDarkMode:{enabled:!1,mappings:{white:"black",black:"white",50:"900",100:"800",200:"700",300:"600",400:"500",500:"400",600:"300",700:"200",800:"100",900:"50"}},modeList:["light","dark"],classPrefix:""},prefix:"",pseudos:["active","checked","disabled","enabled","default","empty","focus","focus-within","invalid","hover","link","visited","first-child","last-child","after","before","placeholder","selection"],theme:{breakpoints:{}},plugins:[]},this.atomCache=new Map,this.getAtomIds=function(){return Array.from(e.atomCache.keys())},this.compositions=new Map,this.getConfig=function(){return e.config},this.setConfig=function(r,i){void 0===i&&(i="deepmerge"),e.config="replace"===i?r:"merge"===i?u({},e.config,r):t(e.config,r)},this.getTheme=function(){return e.config.theme},this.setTheme=function(r){e.config.theme=t(e.config.theme||{},r)},this.getMode=function(){var t;return(null==(t=e.config.mode)?void 0:t.currentMode)||""},this.setMode=function(t){if(r.isBrowser){var i=e.config.mode.currentMode;i&&document.documentElement.classList.remove(i),t&&document.documentElement.classList.add(t),localStorage.setItem("fower-mode",t),e.setConfig({mode:{currentMode:t}})}},this.use=function(){var t;(t=e.config.plugins).push.apply(t,arguments)},this.addAtom=function(t,r){var i={isMatch:function(e){return"string"==typeof t?e===t:t instanceof RegExp&&t.test(e)},handleAtom:"function"==typeof r?r:function(e){return e.style=r,e}};return e.use(i),i},this.composeAtom=function(t,r){e.compositions.set(t,r)}}return a(e,[{key:"theme",get:function(){return this.config.theme}}]),e}(),f=new p,h=["excludedProps"],m=/^(m[xytrbl]?-?|p[xytrbl]?|space[xy]?|top-?|right-?|bottom-?|left-?|[wh]|square|circle|min[hw]|max[hw]|opacity|delay|duration|translate[xyz]|scale[xy]?|rotate[xy]?|skew[xy]?|text|zIndex-?|leading|stroke|fontWeight|outlineOffset|order|flex(Grow|Shrink|Basis)?|(row|column)?Gap|gridTemplateColumns|border(Top|Right|Bottom|Left)?|rounded(Top(Left|Right)?|Right|Bottom(Left|Right)?|Left)?)(-?\d+[a-z]*?|-auto)$/i,y=function(){function e(e,t){var r=this;void 0===t&&(t=!0),this.options=e,this.autoSetId=t,this.propKeys=[],this.value="",this.id="",this.type="",this.setId=function(){var e,t=r.meta,o=r.key,n=r.value,s=t.important,a=l(t,["pseudoPrefix","childSelector","important"]),u=Object.values(a).sort();return s&&u.push("i"),t.global?(e=i(JSON.stringify(n)).toString(),r.id=e,e):(e="boolean"==typeof n&&!0===n?o:Array.isArray(n)?o+"-"+n.join("-"):o+"-"+String(n),u.length&&(e=e+"--"+u.join("--")),e=e.replace(/[#()]/g,"").replace(".","_").replace(/\%/g,"p").replace(/\s+/g,"-"),e=/^[a-zA-Z0-9-_]+$/.test(e)?e:"css-"+i(e),r.isFalsyPropValue&&(e+="--false"),r.id=e,e)},this.propKey=e.propKey,this.propValue=e.propValue,this.propKeys=[this.propKey],this.key=e.key||this.propKey,this.value=e.value||this.propValue,this.style=e.style||{},this.handled=this.getInitialHandled(),this.isValid=this.getIsValid(),this.inserted=!1,this.meta=u({},e.meta)||{},this.preprocessAtom()}var t=e.prototype;return t.preprocessAtom=function(){var e=this.postfixPreprocessor();return this.autoSetId&&this.setId(),e},t.postfixPreprocessor=function(){var e=f.config,t=e.pseudos,r=void 0===t?[]:t,i=e.mode.modeList,o=this.propKey,n=this.propValue,s=Object.keys(e.theme.breakpoints),a=i||[],u=r,l="--("+s.join("|")+")",c="--("+a.join("|")+")",d="--("+u.join("|")+")",p=new RegExp(c),h=new RegExp(d),m=new RegExp(l),y=/--[told](\d{1,2}|100)($|--)/i;if(y.test(n)){var g=n.split("--"),v=g[1];this.value=g[0],this.meta.colorPostfix=v}var b=p.test(o),k=h.test(o),S=m.test(o),x=/--i/i.test(o),A=y.test(o),j=/--\$\w+/i.test(o);if(!(b||k||S||x||A))return this.digitPreprocessor();var w,C=o.split("--");if(this.key=C[0],b&&(this.meta.mode=C.find((function(e){return a.includes(e)}))),k){var O=C.find((function(e){return u.includes(e)}));this.meta.pseudoPrefix=["after","before","placeholder","selection"].includes(O)?"::":":",this.meta.pseudo=O}if(S){var V=C.find((function(e){return s.includes(e)}));this.meta.breakpoint=V}return x&&(this.meta.important=!!C.find((function(e){return"i"===e}))),A&&(this.meta.colorPostfix=C.find((function(e){return y.test("--"+e)}))),j&&(this.meta.parentClass=null==(w=C.find((function(e){return e.startsWith("$")})))?void 0:w.replace(/^\$/,"")),this.digitPreprocessor(),this},t.digitPreprocessor=function(){if(!m.test(this.key))return this;var e=f.config.theme.spacings,t=/^([a-z]+)(\d+)$/i.test(this.key),r=this.key.toString(),i=r.match(/^([a-z]+)(\d+)$/i)||r.match(/^([a-z]*)-(-?\d+[a-z]*?)$/i)||r.match(/^([a-z]+)-(auto)$/i);if(!i)return this;var o=i[2];return this.key=i[1],this.value=t?e[""+o.toLowerCase()]:o,this},t.getInitialHandled=function(){return this.options.handled?this.options.handled:!!this.isFalsyPropValue||!!h.includes(this.propKey)},t.getIsValid=function(){return!this.isFalsyPropValue&&!h.includes(this.propKey)},a(e,[{key:"isValueProp",get:function(){return"string"==typeof this.propValue||"number"==typeof this.propValue}},{key:"styleKeys",get:function(){return Object.keys(this.style||{}).join("-")}},{key:"styleKeysHash",get:function(){var e=l(this.meta,["colorPostfix"]);return Object.keys(this.style||{}).join("-")+JSON.stringify(e)}},{key:"isFalsyPropValue",get:function(){return null==this.propValue||"boolean"==typeof this.propValue&&!this.propValue}},{key:"isTruePropValue",get:function(){return"boolean"==typeof this.propValue&&this.propValue}}]),e}(),g=new(function(){function e(){var e;this.$style=null,this.cssString="",this.ssrAtomIds=null,r.isBrowser&&(this.$style=null==(e=globalThis.document)||null==e.querySelector?void 0:e.querySelector("[data-fower]"))}var t=e.prototype;return t.createStyleElement=function(){var e=document.createElement("style");return e.dataset.fower="",document.head.append(e),e},t.getSsrAtomIds=function(){var e,t;return this.$style?this.ssrAtomIds?this.ssrAtomIds:(null==(e=this.$style)||null==(t=e.dataset.fower)?void 0:t.split(","))||[]:[]},t.insertStyleToHtml=function(e){if(r.isBrowser){this.$style||(this.$style=this.createStyleElement());for(var t,i=d(e);!(t=i()).done;){var o=t.value;try{this.$style.sheet.insertRule(o)}catch(e){console.warn(e)}}}},t.insertStyles=function(e){if(void 0===e&&(e=[]),e.length)return r.isBrowser?this.insertStyleToHtml(e):void(this.cssString=this.cssString+" "+e.join(" "))},t.getStyle=function(){return this.cssString},e}()),v=/(-columns|(^|[^e]-)padding|[^t]-spacing|l-align|rows|(^|(^border|[dkmnptx]|le|ne)-)width|^border|tom|[ek]-start|(o|[^e]-du)ration|us|(^|[^tv]-)left|(^|-)top|tance|rgin|e-offset|(er|g|n|t)-block|(^|[^tv]-)right|basis|[gnt]-inline|gap|(^|[^e]-)height|ness|(^|[^p]-)inset|[ek]-end|elay|tline|ve|dent|-rotate|n-rule|(c|ck|d|ne|t)-size)$/,b=["color","backgroundColor","borderColor"],k=["children","onClick","onChange","onBlur","className","placeholder"],S=function(){function e(e){var t,r;void 0===e&&(e={}),this.props=e,this.atoms=[],this.data={},this.getClassNameById=function(e){return f.config.prefix+e},this.traverseProps(e),null!=(t=f.config.mode)&&null!=(r=t.autoDarkMode)&&r.enabled&&this.autoDarkMode()}var t=e.prototype;return t.traverseProps=function(e){if(!r.isEmptyObj(e)){for(var t,i=this.config,o=i.pseudos,n=void 0===o?[]:o,s=i.mode.modeList,a=i.theme.breakpoints||{},l=Object.keys(a),c=s||[],p=n,h=e.excludedProps,m=void 0===h?[]:h,g=Object.entries(e),v=d(this.plugins);!(t=v()).done;){var b=t.value;b.init&&b.init(e)}if(null!=e&&e.className)for(var S,x=d(e.className.split(/\s+/));!(S=x()).done;)g.push([S.value,!0]);for(var A=0,j=g;A<j.length;A++){var w=j[A],C=w[0],O=w[1];if(!m.includes(C)&&!k.includes(C)&&this.isValidProp(C,O))if("css"!==C){if(C.startsWith("_")){var V=C.replace(/^_/,""),P=Array.isArray(O)?O.reduce((function(e,t){var r;return u({},e,((r={})[t]=!0,r))}),{}):O;if(c.includes(V)){this.parseCSSObject(P,{mode:V});continue}if(l.includes(V)){this.parseCSSObject(P,{breakpoint:a[V]});continue}if(p.includes(V)){this.parseCSSObject(P,{pseudoPrefix:":",pseudo:V});continue}}if(!Array.isArray(O)||/^bgGradient[XY].*/i.test(C)&&!Array.isArray(O[0])){var K=f.compositions.get(C);if(K){this.parseCSSObject(K,{});var M=new y({propKey:C,propValue:O});M.handled=!0,M.style={},this.addAtom(M)}else{var I=new y({propKey:C,propValue:O},!1);try{this.mutateAtom(I),I.handled&&this.addAtom(I)}catch(e){continue}}}else this.parseResponsiveValue(C,O)}else this.parseCSSObject(O,{})}for(var T,R=d(this.plugins);!(T=R()).done;){var $=T.value;$.afterAtomStyleCreate&&$.afterAtomStyleCreate(this)}}},t.getAutoDarkModeAtom=function(e){var t;if(e.meta.mode)return null;if(!e.style)return null;var i=Object.entries(e.style);if(null==i||!i.length)return null;var o,n={},s=f.config,a=s.mode.autoDarkMode.mappings,l=s.theme.colors,c=i[0],d=c[0],p=c[1];if(!b.includes(d))return null;if(!l[p])return null;var h=(p.match(/^([a-z]+)(\d+)$/i)||[])[2];if(!1===a[p])return null;var m="color"===d,g="backgroundColor"===d,v="borderColor"===d;return l[o=a[p]?a[p]:p.replace(h,a[h])]?(m?n.propKey=o:g?n.propKey="bg"+r.upFirst(o):v&&(n.propKey="border"+r.upFirst(o)),n.propValue=!0):m?(n.propKey="color",n.propValue=o):g?(n.propKey="bg",n.propValue=o):v&&(n.propKey="borderColor",n.propValue=o),n.style=((t={})[d]=o,t),new y(u({},n,{meta:u({},e.meta,{mode:"dark"})}))},t.autoDarkMode=function(){for(var e,t=d(this.atoms);!(e=t()).done;){var r=e.value;if(!this.atoms.find((function(e){return b.includes(e.type)&&"dark"===e.meta.mode}))){var i=this.getAutoDarkModeAtom(r);if(i){var o=f.atomCache.get(i.id);this.addAtom(o||i)}}}},t.formatCssValue=function(e,t){if(!v.test(e))return t;var i;if(r.isPercentNumber(String(t)))return String(t).replace("p","%");if(!r.isNumber(t))return t;if((i=Number(t))<1&&i>0)return 100*i+"%";var o=f.config;return"none"!==o.unit?o.transformUnit?o.transformUnit(i):t+f.config.unit:i},t.styleToString=function(e,t){var i=this,n=t.important,s=t.colorPostfix;return Object.entries(e).reduce((function(e,t){var a=t[1],u=r.jsKeyToCssKey(t[0]),l=n?" !important":"",c=f.theme.colors;try{return e+(u+": ")+(a=s?o.formatColor((null==c?void 0:c[a])||a,s):i.formatCssValue(u,(null==c?void 0:c[a])||a))+l+";"}catch(e){return""}}),"")},t.addAtom=function(e){var t;e.id||e.setId(),f.atomCache.get(e.id)||f.atomCache.set(e.id,e);for(var r=g.getSsrAtomIds(),i=((null==(t=this.config.theme)?void 0:t.colors)||{}).modes,o=0,n=Object.entries(void 0===i?{}:i);o<n.length;o++){var s=n[o],a=s[0],l=s[1];if(e.style){var c=Object.entries(e.style);if(c.length){var d=c[0],p=d[0],h=l[d[1]];if(h){var m="--"+a,y=JSON.parse(JSON.stringify(e));y.key=e.key+m,y.id=e.id+m,y.meta=u({mode:a},e.meta),y.style[p]=h,r.includes(y.id)&&(y.inserted=!0),this.atoms.push(y)}}}}r.includes(e.id)&&(e.inserted=!0),this.atoms.push(e)},t.isValidProp=function(e,t){return"css"===e||!!e.startsWith("_")||!!Array.isArray(t)||!!["string","boolean","number","undefined","function"].includes(typeof t)},t.mutateAtom=function(e){for(var t,r=d(this.plugins);!(t=r()).done;){var i=t.value;null!=i.isMatch&&i.isMatch(e.key,this)&&(e.id||e.setId(),"function"==typeof e.value&&(e.value=e.value()),i.beforeHandleAtom&&(e=i.beforeHandleAtom(e,this)))}var o=f.atomCache.get(e.id);if(o)throw o.propKeys.push(e.propKey),this.addAtom(o),new Error("atom is cached, add to this.atoms directly, no need to mutate");if(e.handled)throw this.addAtom(e),new Error("atom is handled, add to this.atoms directly ,no need to mutate");for(var n,s=d(this.plugins);!(n=s()).done;){var a=n.value;if(null!=a.isMatch&&a.isMatch(e.key,this)){a.handleAtom&&(e=null==a.handleAtom?void 0:a.handleAtom(e,this)),e.handled=!0;break}}},t.parseResponsiveValue=function(e,t){var r=Object.keys(this.config.theme.breakpoints),i=t.reduce((function(t,i,o){var n;return u({},t,((n={})[e+(0===o?"":"--"+r[o-1])]=i,n))}),{});this.parseCSSObject(i)},t.parseCSSObject=function(e,t){void 0===t&&(t={});for(var r,i=d(n.parse(e));!(r=i()).done;){var o=r.value,s=o.selector,a=o.selectorType,l=o.style,c=Object.entries(l);if(c.length){var p=c[0],h={propKey:p[0],propValue:p[1],meta:u({},t)};if("pseudo"===a&&h.meta){var m=s.match(/(:+)(.+)/)||[],g=m[2];h.meta.pseudoPrefix=m[1],h.meta.pseudo=g}"child"===a&&h.meta&&(h.meta.childSelector=s),"sibling"===a&&h.meta&&(h.meta.siblingSelector=s);var v=new y(h,!1);try{this.mutateAtom(v)}catch(e){continue}v.style&&Object.keys(v.style).length||(v.style=l,v.handled=!0);var b=f.atomCache.get(v.id);this.addAtom(b||v)}}},t.makeResponsiveStyle=function(e,t){return"@media (min-width: "+this.config.theme.breakpoints[e]+") {"+t+"}"},t.getClassNames=function(){var e=this,t=[];this.atoms.reduce((function(r,i){if(!i.style||!Object.keys(i.style).length)return r;var o=r.findIndex((function(e){return e.styleKeysHash===i.styleKeysHash}));if(!i.isValid)return r;var n=e.getClassNameById(i.id);return-1===o?(t.push(n),r=[].concat(r,[i])):(r.splice(o,1,i),t.splice(o,1,n)),r}),[]);var r,i=this.props.className,o=(void 0===i?"":i).split(/\s+/).filter((function(e){return!t.includes(e)&&!!e}));return t=t.concat(o),this.hasResponsive&&(r=t).push.apply(r,Object.keys(this.config.theme.breakpoints).map((function(e){return"r-"+e}))),t},t.toStyle=function(){var e=this;return this.atoms.reduce((function(t,i){if(!i.isValid)return t;var o=f.theme.colors,n=Object.entries(i.style).reduce((function(t,i){var n,s=i[0],a=i[1],l=e.formatCssValue(r.jsKeyToCssKey(s),o[a]||a);return u({},t,((n={})[s]=l,n))}),{});return u({},t,n)}),{})},t.toRules=function(e){void 0===e&&(e=!1);for(var t,i=this.config.mode.classPrefix,o=void 0===i?"":i,n=[],s=Object.keys(this.config.theme.breakpoints),a=d(this.atoms);!(t=a()).done;){var u=t.value,l="",c=u.id,p=u.style,f=void 0===p?{}:p,h=u.meta;if(u.isValid&&!r.isEmptyObj(f)){var m=h.pseudo,y=h.pseudoPrefix,g=h.mode,v=h.breakpoint,b=void 0===v?"":v,k=h.childSelector,S=h.siblingSelector,x=h.parentClass;if(e||!u.inserted){u.inserted=!0;var A=this.getClassNameById(c),j=h.global?h.global:"."+A;if(g&&(j="."+o+g+" "+j),k&&(j=j+" "+k),S&&(j=""+j+S),m){var w=y+m;x?j="."+x+w+" "+j:j+=w}b&&(j=j+"."+s.slice(0,s.indexOf(b)+1).map((function(e){return"r-"+e})).join(".")),l=j+" { "+this.styleToString(f,u.meta)+" }",b&&(l=this.makeResponsiveStyle(b,l)),n.push(l)}}}return n},t.getParsedProps=function(){var e=this.props,t=this.atoms;return r.isEmptyObj(e)?{}:Object.entries(e).reduce((function(e,r){var i=r[0],o=r[1];return/.*--(\d+)?[a-z]+$/i.test(i)||t.find((function(e){return[e.propKey,e.key,e.id,"css"].includes(i)||e.propKeys.includes(i)}))||(e[i]=o),e}),{})},t.insertRules=function(){var e=this.toRules();g.insertStyles(e)},a(e,[{key:"uniqueClassName",get:function(){return r.objectToClassName(Object.keys(this.props))}},{key:"hasResponsive",get:function(){return this.atoms.some((function(e){return!!e.meta.breakpoint}))}},{key:"store",get:function(){return f}},{key:"config",get:function(){return f.config}},{key:"plugins",get:function(){return f.config.plugins}}]),e}();function x(e){for(var t=Object.entries(e),r=new S({}),i=0,o=t;i<o.length;i++){var n=o[i],s=n[0],a=n[1],u=new y({propKey:s,propValue:a,value:a,meta:{global:s},style:a});r.addAtom(u)}r.insertRules()}x({"*, ::before, ::after":{borderWidth:0,borderStyle:"solid",borderColor:"#d4d4d4",boxSizing:"border-box"}});var A=f.setConfig,j=f.getConfig,w=f.setTheme,C=f.getTheme,O=f.setMode,V=f.getMode,P=f.addAtom,K=f.composeAtom;exports.Atom=y,exports.Parser=S,exports.Store=p,exports.addAtom=P,exports.composeAtom=K,exports.createStyle=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var i=t.reduce((function(e,t){var r;return u({},e,"string"==typeof t?((r={})[t]=!0,r):{css:t})}),{}),o=new S(i),n=o.toStyle();return n},exports.css=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];if(!t.length)return"";var o=new S(r.argsToProps(t));return o.insertRules(),o.getClassNames().join(" ")},exports.digitReg=m,exports.getConfig=j,exports.getMode=V,exports.getTheme=C,exports.injectGlobalStyle=x,exports.keyframes=function(e,t){var i=Object.entries(e).reduce((function(e,t){var i=t[0],o=Object.entries(t[1]).reduce((function(e,t){return e+(t[0]+": ")+t[1]+";"}),"");return e+(r.jsKeyToCssKey(i)+" {")+o+"}"}),""),o=t||"keyframes-"+r.hash(JSON.stringify(e));return g.insertStyles(["\n    @keyframes "+o+" {\n      "+i+"\n    }\n  "]),o},exports.setConfig=A,exports.setMode=O,exports.setTheme=w,exports.store=f,exports.styleSheet=g;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("deepmerge")),r=require("@fower/utils"),i=e(require("string-hash")),o=require("@fower/color-helper"),n=require("@fower/css-object-processor");function s(e,t){for(var r=0;r<t.length;r++){var i=t[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function a(e,t,r){return t&&s(e.prototype,t),r&&s(e,r),e}function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e}).apply(this,arguments)}function u(e,t){if(null==e)return{};var r,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t.indexOf(r=n[i])>=0||(o[r]=e[r]);return o}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=new Array(t);r<t;r++)i[r]=e[r];return i}function d(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return c(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var i=0;return function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}require("@fower/atomic-props");var p=function(){function e(){var e=this;this.config={unit:"px",inline:!1,important:!1,mode:{currentMode:"light",autoDarkMode:{enabled:!1,mappings:{white:"black",black:"white",50:"900",100:"800",200:"700",300:"600",400:"500",500:"400",600:"300",700:"200",800:"100",900:"50"}},modeList:["light","dark"],classPrefix:""},prefix:"",pseudos:["active","checked","disabled","enabled","default","empty","focus","focus-within","invalid","hover","link","visited","first-child","last-child","after","before","placeholder","selection"],theme:{breakpoints:{}},plugins:[]},this.atomCache=new Map,this.getAtomIds=function(){return Array.from(e.atomCache.keys())},this.compositions=new Map,this.getConfig=function(){return e.config},this.setConfig=function(r,i){void 0===i&&(i="deepmerge"),e.config="replace"===i?r:"merge"===i?l({},e.config,r):t(e.config,r)},this.getTheme=function(){return e.config.theme},this.setTheme=function(r){e.config.theme=t(e.config.theme||{},r)},this.getMode=function(){var t;return(null==(t=e.config.mode)?void 0:t.currentMode)||""},this.setMode=function(t){if(r.isBrowser){var i=e.config.mode.currentMode;i&&document.documentElement.classList.remove(i),t&&document.documentElement.classList.add(t),localStorage.setItem("fower-mode",t),e.setConfig({mode:{currentMode:t}})}},this.use=function(){var t;(t=e.config.plugins).push.apply(t,arguments)},this.addAtom=function(t,r){var i={isMatch:function(e){return"string"==typeof t?e===t:t instanceof RegExp&&t.test(e)},handleAtom:"function"==typeof r?r:function(e){return e.style=r,e}};return e.use(i),i},this.composeAtom=function(t,r){e.compositions.set(t,r)}}return a(e,[{key:"theme",get:function(){return this.config.theme}}]),e}(),h=new p,f=["excludedProps"],m=/^(m[xytrbl]?-?|p[xytrbl]?|space[xy]?|top-?|right-?|bottom-?|left-?|[wh]|square|circle|min[hw]|max[hw]|opacity|delay|duration|translate[xyz]|scale[xy]?|rotate[xy]?|skew[xy]?|text|zIndex-?|leading|stroke|fontWeight|outlineOffset|order|flex(Grow|Shrink|Basis)?|(row|column)?Gap|gridTemplateColumns|border(Top|Right|Bottom|Left)?|rounded(Top(Left|Right)?|Right|Bottom(Left|Right)?|Left)?)(-?\d+[a-z]*?|-auto)$/i,y=function(){function e(e,t){var r=this;void 0===t&&(t=!0),this.options=e,this.autoSetId=t,this.propKeys=[],this.value="",this.id="",this.type="",this.setId=function(){var e,t=r.meta,o=r.key,n=r.value,s=t.important,a=u(t,["pseudoPrefix","childSelector","important"]),l=Object.values(a).sort();return s&&l.push("i"),t.global?(e=i(JSON.stringify(n)).toString(),r.id=e,e):(e="boolean"==typeof n&&!0===n?o:Array.isArray(n)?o+"-"+n.join("-"):o+"-"+String(n),l.length&&(e=e+"--"+l.join("--")),e=e.replace(/[#()"']/g,"").replace(".","_").replace(/\%/g,"p").replace(/\s+/g,"-"),r.isFalsyPropValue&&(e+="--false"),t.childSelector&&(e=t.childSelector+"-"+e),e=/^[a-zA-Z0-9-_]+$/.test(e)?e:"css-"+i(e),r.id=e,e)},this.propKey=e.propKey,this.propValue=e.propValue,this.propKeys=[this.propKey],this.key=e.key||this.propKey,this.value=e.value||this.propValue,this.style=e.style||{},this.handled=this.getInitialHandled(),this.isValid=this.getIsValid(),this.inserted=!1,this.meta=l({},e.meta)||{},this.preprocessAtom()}var t=e.prototype;return t.preprocessAtom=function(){var e=this.postfixPreprocessor();return this.autoSetId&&this.setId(),e},t.postfixPreprocessor=function(){var e=h.config,t=e.pseudos,r=void 0===t?[]:t,i=e.mode.modeList,o=this.propKey,n=this.propValue,s=Object.keys(e.theme.breakpoints),a=i||[],l=r,u="--("+s.join("|")+")",c="--("+a.join("|")+")",d="--("+l.join("|")+")",p=new RegExp(c),f=new RegExp(d),m=new RegExp(u),y=/--[told](\d{1,2}|100)($|--)/i;if(y.test(n)){var g=n.split("--"),v=g[1];this.value=g[0],this.meta.colorPostfix=v}var b=p.test(o),k=f.test(o),S=m.test(o),x=/--i/i.test(o),j=y.test(o),A=/--\$\w+/i.test(o);if(!(b||k||S||x||j))return this.digitPreprocessor();var w,C=o.split("--");if(this.key=C[0],b&&(this.meta.mode=C.find((function(e){return a.includes(e)}))),k){var O=C.find((function(e){return l.includes(e)}));this.meta.pseudoPrefix=["after","before","placeholder","selection"].includes(O)?"::":":",this.meta.pseudo=O}if(S){var V=C.find((function(e){return s.includes(e)}));this.meta.breakpoint=V}return x&&(this.meta.important=!!C.find((function(e){return"i"===e}))),j&&(this.meta.colorPostfix=C.find((function(e){return y.test("--"+e)}))),A&&(this.meta.parentClass=null==(w=C.find((function(e){return e.startsWith("$")})))?void 0:w.replace(/^\$/,"")),this.digitPreprocessor(),this},t.digitPreprocessor=function(){if(!m.test(this.key))return this;var e=h.config.theme.spacings,t=/^([a-z]+)(\d+)$/i.test(this.key),r=this.key.toString(),i=r.match(/^([a-z]+)(\d+)$/i)||r.match(/^([a-z]*)-(-?\d+[a-z]*?)$/i)||r.match(/^([a-z]+)-(auto)$/i);if(!i)return this;var o=i[2];return this.key=i[1],this.value=t?e[""+o.toLowerCase()]:o,this},t.getInitialHandled=function(){return this.options.handled?this.options.handled:!!this.isFalsyPropValue||!!f.includes(this.propKey)},t.getIsValid=function(){return!this.isFalsyPropValue&&!f.includes(this.propKey)},a(e,[{key:"isValueProp",get:function(){return"string"==typeof this.propValue||"number"==typeof this.propValue}},{key:"styleKeys",get:function(){return Object.keys(this.style||{}).join("-")}},{key:"styleKeysHash",get:function(){var e=u(this.meta,["colorPostfix"]);return Object.keys(this.style||{}).join("-")+JSON.stringify(e)}},{key:"isFalsyPropValue",get:function(){return null==this.propValue||"boolean"==typeof this.propValue&&!this.propValue}},{key:"isTruePropValue",get:function(){return"boolean"==typeof this.propValue&&this.propValue}}]),e}(),g=new(function(){function e(){var e;this.$style=null,this.cssString="",this.ssrAtomIds=null,r.isBrowser&&(this.$style=null==(e=globalThis.document)||null==e.querySelector?void 0:e.querySelector("[data-fower]"))}var t=e.prototype;return t.createStyleElement=function(){var e=document.createElement("style");return e.dataset.fower="",document.head.append(e),e},t.getSsrAtomIds=function(){var e,t;return this.$style?this.ssrAtomIds?this.ssrAtomIds:(null==(e=this.$style)||null==(t=e.dataset.fower)?void 0:t.split(","))||[]:[]},t.insertStyleToHtml=function(e){if(r.isBrowser){this.$style||(this.$style=this.createStyleElement());for(var t,i=d(e);!(t=i()).done;){var o=t.value;try{this.$style.sheet.insertRule(o)}catch(e){console.warn(e)}}}},t.insertStyles=function(e){if(void 0===e&&(e=[]),e.length)return r.isBrowser?this.insertStyleToHtml(e):void(this.cssString=this.cssString+" "+e.join(" "))},t.getStyle=function(){return this.cssString},e}()),v=/(-columns|(^|[^e]-)padding|[^t]-spacing|l-align|rows|(^|(^border|[dkmnptx]|le|ne)-)width|^border|tom|[ek]-start|(o|[^e]-du)ration|us|(^|[^tv]-)left|(^|-)top|tance|rgin|e-offset|(er|g|n|t)-block|(^|[^tv]-)right|basis|[gnt]-inline|gap|(^|[^e]-)height|ness|(^|[^p]-)inset|[ek]-end|elay|tline|ve|dent|-rotate|n-rule|(c|ck|d|ne|t)-size)$/,b=["color","backgroundColor","borderColor"],k=["children","onClick","onChange","onBlur","className","placeholder"],S=function(){function e(e){var t,r;void 0===e&&(e={}),this.props=e,this.atoms=[],this.data={},this.getClassNameById=function(e){return h.config.prefix+e},this.traverseProps(e),null!=(t=h.config.mode)&&null!=(r=t.autoDarkMode)&&r.enabled&&this.autoDarkMode()}var t=e.prototype;return t.traverseProps=function(e){if(!r.isEmptyObj(e)){for(var t,i=this.config,o=i.pseudos,n=void 0===o?[]:o,s=i.mode.modeList,a=i.theme.breakpoints||{},u=Object.keys(a),c=s||[],p=n,f=e.excludedProps,m=void 0===f?[]:f,g=Object.entries(e),v=d(this.plugins);!(t=v()).done;){var b=t.value;b.init&&b.init(e)}if(null!=e&&e.className)for(var S,x=d(e.className.split(/\s+/));!(S=x()).done;)g.push([S.value,!0]);for(var j=0,A=g;j<A.length;j++){var w=A[j],C=w[0],O=w[1];if(!m.includes(C)&&!k.includes(C)&&this.isValidProp(C,O))if("css"!==C){if(C.startsWith("_")){var V=C.replace(/^_/,""),P=Array.isArray(O)?O.reduce((function(e,t){var r;return l({},e,((r={})[t]=!0,r))}),{}):O;if(c.includes(V)){this.parseCSSObject(P,{mode:V});continue}if(u.includes(V)){this.parseCSSObject(P,{breakpoint:a[V]});continue}if(p.includes(V)){this.parseCSSObject(P,{pseudoPrefix:":",pseudo:V});continue}}if(!Array.isArray(O)||/^bgGradient[XY].*/i.test(C)&&!Array.isArray(O[0])){var K=h.compositions.get(C);if(K){this.parseCSSObject(K,{});var I=new y({propKey:C,propValue:O});I.handled=!0,I.style={},this.addAtom(I)}else{var M=new y({propKey:C,propValue:O},!1);try{this.mutateAtom(M),M.handled&&this.addAtom(M)}catch(e){continue}}}else this.parseResponsiveValue(C,O)}else this.parseCSSObject(O,{})}for(var T,R=d(this.plugins);!(T=R()).done;){var $=T.value;$.afterAtomStyleCreate&&$.afterAtomStyleCreate(this)}}},t.getAutoDarkModeAtom=function(e){var t;if(e.meta.mode)return null;if(!e.style)return null;var i=Object.entries(e.style);if(null==i||!i.length)return null;var o,n={},s=h.config,a=s.mode.autoDarkMode.mappings,u=s.theme.colors,c=i[0],d=c[0],p=c[1];if(!b.includes(d))return null;if(!u[p])return null;var f=(p.match(/^([a-z]+)(\d+)$/i)||[])[2];if(!1===a[p])return null;var m="color"===d,g="backgroundColor"===d,v="borderColor"===d;return u[o=a[p]?a[p]:p.replace(f,a[f])]?(m?n.propKey=o:g?n.propKey="bg"+r.upFirst(o):v&&(n.propKey="border"+r.upFirst(o)),n.propValue=!0):m?(n.propKey="color",n.propValue=o):g?(n.propKey="bg",n.propValue=o):v&&(n.propKey="borderColor",n.propValue=o),n.style=((t={})[d]=o,t),new y(l({},n,{meta:l({},e.meta,{mode:"dark"})}))},t.autoDarkMode=function(){for(var e,t=d(this.atoms);!(e=t()).done;){var r=e.value;if(!this.atoms.find((function(e){return b.includes(e.type)&&"dark"===e.meta.mode}))){var i=this.getAutoDarkModeAtom(r);if(i){var o=h.atomCache.get(i.id);this.addAtom(o||i)}}}},t.formatCssValue=function(e,t){if(!v.test(e))return t;var i;if(r.isPercentNumber(String(t)))return String(t).replace("p","%");if(!r.isNumber(t))return t;if((i=Number(t))<1&&i>0)return 100*i+"%";var o=h.config;return"none"!==o.unit?o.transformUnit?o.transformUnit(i):t+h.config.unit:i},t.styleToString=function(e,t){var i=this,n=t.important,s=t.colorPostfix;return Object.entries(e).reduce((function(e,t){var a=t[1],l=r.jsKeyToCssKey(t[0]),u=n?" !important":"",c=h.theme.colors;try{return e+(l+": ")+(a=s?o.formatColor((null==c?void 0:c[a])||a,s):i.formatCssValue(l,(null==c?void 0:c[a])||a))+u+";"}catch(e){return""}}),"")},t.addAtom=function(e){var t;e.id||e.setId(),h.atomCache.get(e.id)||h.atomCache.set(e.id,e);for(var r=g.getSsrAtomIds(),i=((null==(t=this.config.theme)?void 0:t.colors)||{}).modes,o=0,n=Object.entries(void 0===i?{}:i);o<n.length;o++){var s=n[o],a=s[0],u=s[1];if(e.style){var c=Object.entries(e.style);if(c.length){var d=c[0],p=d[0],f=u[d[1]];if(f){var m="--"+a,y=JSON.parse(JSON.stringify(e));y.key=e.key+m,y.id=e.id+m,y.meta=l({mode:a},e.meta),y.style[p]=f,r.includes(y.id)&&(y.inserted=!0),this.atoms.push(y)}}}}r.includes(e.id)&&(e.inserted=!0),this.atoms.push(e)},t.isValidProp=function(e,t){return"css"===e||!!e.startsWith("_")||!!Array.isArray(t)||!!["string","boolean","number","undefined","function"].includes(typeof t)},t.mutateAtom=function(e){for(var t,r=d(this.plugins);!(t=r()).done;){var i=t.value;null!=i.isMatch&&i.isMatch(e.key,this)&&(e.id||e.setId(),"function"==typeof e.value&&(e.value=e.value()),i.beforeHandleAtom&&(e=i.beforeHandleAtom(e,this)))}Object.values(e.meta||{}).length&&(e.id||e.setId());var o=h.atomCache.get(e.id);if(o)throw o.propKeys.push(e.propKey),this.addAtom(o),new Error("atom is cached, add to this.atoms directly, no need to mutate");if(e.handled)throw this.addAtom(e),new Error("atom is handled, add to this.atoms directly ,no need to mutate");for(var n,s=d(this.plugins);!(n=s()).done;){var a=n.value;if(null!=a.isMatch&&a.isMatch(e.key,this)){a.handleAtom&&(e=null==a.handleAtom?void 0:a.handleAtom(e,this)),e.handled=!0;break}}},t.parseResponsiveValue=function(e,t){var r=Object.keys(this.config.theme.breakpoints),i=t.reduce((function(t,i,o){var n;return l({},t,((n={})[e+(0===o?"":"--"+r[o-1])]=i,n))}),{});this.parseCSSObject(i)},t.parseCSSObject=function(e,t){void 0===t&&(t={});for(var r,i=d(n.parse(e));!(r=i()).done;){var o=r.value,s=o.selector,a=o.selectorType,u=o.style,c=Object.entries(u);if(c.length){var p=c[0],f={propKey:p[0],propValue:p[1],meta:l({},t)};if("pseudo"===a&&f.meta){var m=s.match(/(:+)(.+)/)||[],g=m[2];f.meta.pseudoPrefix=m[1],f.meta.pseudo=g}"child"===a&&f.meta&&(f.meta.childSelector=s),"sibling"===a&&f.meta&&(f.meta.siblingSelector=s);var v=new y(f,!1);try{this.mutateAtom(v)}catch(e){continue}v.style&&Object.keys(v.style).length||(v.style=u,v.handled=!0);var b=h.atomCache.get(v.id);this.addAtom(b||v)}}},t.makeResponsiveStyle=function(e,t){return"@media (min-width: "+this.config.theme.breakpoints[e]+") {"+t+"}"},t.getClassNames=function(){var e=this,t=[];this.atoms.reduce((function(r,i){if(!i.style||!Object.keys(i.style).length)return r;var o=r.findIndex((function(e){return e.styleKeysHash===i.styleKeysHash}));if(!i.isValid)return r;var n=e.getClassNameById(i.id);return-1===o?(t.push(n),r=[].concat(r,[i])):(r.splice(o,1,i),t.splice(o,1,n)),r}),[]);var r,i=this.props.className,o=(void 0===i?"":i).split(/\s+/).filter((function(e){return!t.includes(e)&&!!e}));return t=t.concat(o),this.hasResponsive&&(r=t).push.apply(r,Object.keys(this.config.theme.breakpoints).map((function(e){return"r-"+e}))),t},t.toStyle=function(){var e=this;return this.atoms.reduce((function(t,i){if(!i.isValid)return t;var o=h.theme.colors,n=Object.entries(i.style).reduce((function(t,i){var n,s=i[0],a=i[1],u=e.formatCssValue(r.jsKeyToCssKey(s),o[a]||a);return l({},t,((n={})[s]=u,n))}),{});return l({},t,n)}),{})},t.toRules=function(e){void 0===e&&(e=!1);for(var t,i=this.config.mode.classPrefix,o=void 0===i?"":i,n=[],s=Object.keys(this.config.theme.breakpoints),a=d(this.atoms);!(t=a()).done;){var l=t.value,u="",c=l.id,p=l.style,h=void 0===p?{}:p,f=l.meta;if(l.isValid&&!r.isEmptyObj(h)){var m=f.pseudo,y=f.pseudoPrefix,g=f.mode,v=f.breakpoint,b=void 0===v?"":v,k=f.childSelector,S=f.siblingSelector,x=f.parentClass;if(e||!l.inserted){l.inserted=!0;var j=this.getClassNameById(c),A=f.global?f.global:"."+j;if(g&&(A="."+o+g+" "+A),k&&(A=A+" "+k),S&&(A=""+A+S),m){var w=y+m;x?A="."+x+w+" "+A:A+=w}b&&(A=A+"."+s.slice(0,s.indexOf(b)+1).map((function(e){return"r-"+e})).join(".")),u=A+" { "+this.styleToString(h,l.meta)+" }",b&&(u=this.makeResponsiveStyle(b,u)),n.push(u)}}}return n},t.getParsedProps=function(){var e=this.props,t=this.atoms;return r.isEmptyObj(e)?{}:Object.entries(e).reduce((function(e,r){var i=r[0],o=r[1];return/.*--(\d+)?[a-z]+$/i.test(i)||t.find((function(e){return[e.propKey,e.key,e.id,"css"].includes(i)||e.propKeys.includes(i)}))||(e[i]=o),e}),{})},t.insertRules=function(){var e=this.toRules();g.insertStyles(e)},a(e,[{key:"uniqueClassName",get:function(){return r.objectToClassName(Object.keys(this.props))}},{key:"hasResponsive",get:function(){return this.atoms.some((function(e){return!!e.meta.breakpoint}))}},{key:"store",get:function(){return h}},{key:"config",get:function(){return h.config}},{key:"plugins",get:function(){return h.config.plugins}}]),e}();function x(e){for(var t=Object.entries(e),r=new S({}),i=0,o=t;i<o.length;i++){var n=o[i],s=n[0],a=n[1],l=new y({propKey:s,propValue:a,value:a,meta:{global:s},style:a});r.addAtom(l)}r.insertRules()}x({"*, ::before, ::after":{borderWidth:0,borderStyle:"solid",borderColor:"#d4d4d4",boxSizing:"border-box"}});var j=h.setConfig,A=h.getConfig,w=h.setTheme,C=h.getTheme,O=h.setMode,V=h.getMode,P=h.addAtom,K=h.composeAtom;exports.Atom=y,exports.Parser=S,exports.Store=p,exports.addAtom=P,exports.composeAtom=K,exports.createStyle=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var i=t.reduce((function(e,t){var r;return l({},e,"string"==typeof t?((r={})[t]=!0,r):{css:t})}),{}),o=new S(i),n=o.toStyle();return n},exports.css=function(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];if(!t.length)return"";var o=new S(r.argsToProps(t));return o.insertRules(),o.getClassNames().join(" ")},exports.digitReg=m,exports.getConfig=A,exports.getMode=V,exports.getTheme=C,exports.injectGlobalStyle=x,exports.keyframes=function(e,t){var i=Object.entries(e).reduce((function(e,t){var i=t[0],o=Object.entries(t[1]).reduce((function(e,t){return e+(t[0]+": ")+t[1]+";"}),"");return e+(r.jsKeyToCssKey(i)+" {")+o+"}"}),""),o=t||"keyframes-"+r.hash(JSON.stringify(e));return g.insertStyles(["\n    @keyframes "+o+" {\n      "+i+"\n    }\n  "]),o},exports.setConfig=j,exports.setMode=O,exports.setTheme=w,exports.store=h,exports.styleSheet=g;
 //# sourceMappingURL=core.cjs.production.min.js.map

dist/core.esm.js

@@ -311,6 +311,11 @@ import deepmerge from 'deepmerge';
 
-      id = id.replace(/[#()]/g, '').replace('.', '_').replace(/\%/g, 'p').replace(/\s+/g, '-');
+      id = id.replace(/[#()"']/g, '').replace('.', '_').replace(/\%/g, 'p').replace(/\s+/g, '-');
+      if (_this.isFalsyPropValue) id = id + '--false';
+
+      if (meta.childSelector) {
+        id = meta.childSelector + '-' + id;
+      }
+
       var isValid = /^[a-zA-Z0-9-_]+$/.test(id);
       id = isValid ? id : "css-" + hash(id);
-      if (_this.isFalsyPropValue) id = id + '--false';
       _this.id = id;
@@ -1028,2 +1033,7 @@ return id;
       }
+    } // for nested style, like css props
+
+
+    if (Object.values(atom.meta || {}).length) {
+      if (!atom.id) atom.setId();
     }
@@ -1291,3 +1301,3 @@
       rules.push(rule);
-    } // console.log('this.atoms---', this.atoms)
+    } // console.log('this.atoms---', this.atoms, rules)
 
@@ -1294,0 +1304,0 @@

dist/typings.d.ts

@@ -413,3 +413,3 @@ import { AtomicProps } from '@fower/atomic-props';
      * color mode
-     * @exmple
+     * @example
      * mode: 'dark'
@@ -419,3 +419,3 @@ */
     /**
-     * @exmple
+     * @example
      * breakpoint: '640px'
@@ -425,3 +425,3 @@ */
     /**
-     * @exmple
+     * @example
      * --hover -> hover
@@ -432,5 +432,5 @@ * --befor -> befor
     /**
-     * @exmple
+     * @example
      * --hover -> :
-     * --befor -> ::
+     * --before -> ::
      */
@@ -440,3 +440,3 @@ pseudoPrefix?: string;
      * child selector for atom.className
-     * @exmple
+     * @example
      * childSelector: '.child'
@@ -447,3 +447,3 @@ */
      * sibling selector for atom.className
-     * @exmple
+     * @example
      * childSelector: '.sibling'
@@ -454,3 +454,3 @@ */
      * parent class for group pseudo
-     * @exmple
+     * @example
      * parentClass: 'group'
@@ -457,0 +457,0 @@ */

package.json

 {
   "name": "@fower/core",
-  "version": "1.58.0",
+  "version": "1.59.0",
   "license": "MIT",
@@ -25,9 +25,9 @@ "main": "dist/index.js",
   "dependencies": {
-    "@fower/atomic-props": "^1.58.0",
-    "@fower/css-object-processor": "^1.58.0",
-    "@fower/utils": "^1.58.0",
+    "@fower/atomic-props": "^1.59.0",
+    "@fower/css-object-processor": "^1.59.0",
+    "@fower/utils": "^1.59.0",
     "deepmerge": "^4.2.2",
     "string-hash": "^1.1.3"
   },
-  "gitHead": "7ab6b1bcc492f0eceacb74be4810626104ab50d0"
+  "gitHead": "2b04df461c9af25915fbd522567a079a5d0283e2"
 }

No alert changes

Improved metrics

Total package byte prevSize

331017

increased by0.59%

Lines of code

3327

increased by0.36%

Dependency changes

• Updated@fower/atomic-props@^1.59.0

• Updated@fower/css-object-processor@^1.59.0

• Updated@fower/utils@^1.59.0