@symbo.ls/scratch 3.14.135 → 3.14.404

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @symbo.ls/scratch
 
+## 3.14.404
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+
+## 3.14.315
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+
 ## 3.14.135
 
 ### Patch Changes

package/dist/cjs/src/system/color.js

@@ -1 +1 @@
-"use strict";var I=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var T=(r,s)=>{for(var d in s)I(r,d,{get:s[d],enumerable:!0})},D=(r,s,d,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let f of w(s))!P.call(r,f)&&f!==d&&I(r,f,{get:()=>s[f],enumerable:!(e=j(s,f))||e.enumerable});return r};var E=r=>D(I({},"__esModule",{value:!0}),r);var q={};T(q,{getColor:()=>A,getMediaColor:()=>L,setColor:()=>G,setGradient:()=>N});module.exports=E(q);var a=require("@symbo.ls/utils"),M=require("../factory.js"),g=require("../utils/index.js");const A=(r,s,d)=>{const e=d||(0,M.getActiveConfig)();if(!(0,a.isString)(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if((0,g.isCSSVar)(r))return`var(${r})`;s&&r[s]&&(r=r[s]);let f,h,t;if((0,a.isArray)(r))[f,h,t]=r;else{const p=(0,g.parseColorToken)(r);if(!p){const{color:R,gradient:S}=e,x=S[r]||R[r];return x?e.useVariable?`var(${x.var})`:x.value:r}if(p.passthrough)return p.passthrough;if(p.cssVar)return`var(${p.cssVar})`;f=p.name,h=p.alpha,t=p.tone}const{color:b,gradient:O}=e;let n=b[f]||O[f];if(!n)return e.verbose&&console.warn("Can't find color ",f),r;s&&(n[s]?n=n[s]:e.verbose&&console.warn(r," - does not have ",s));let $=n.rgb;return $?(t&&!n[t]&&($=(0,g.getRgbTone)($,t),n[t]={rgb:$,var:`${n.var}-${t}`}),n[t]&&($=n[t].rgb),h?`rgba(${$}, ${h})`:t?`rgba(${$}, 1)`:e.useVariable?`var(${n.var})`:`rgb(${$})`):e.useVariable?`var(${n.var})`:n.value},L=(r,s,d)=>{const e=d||(0,M.getActiveConfig)();if(s||(s=e.globalTheme==="auto"?null:e.globalTheme),!(0,a.isString)(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if((0,g.isCSSVar)(r))return`var(${r})`;let f;if((0,a.isArray)(r))f=r[0];else{const n=(0,g.parseColorToken)(r);if(!n)return r;if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;f=n.name}const{color:h,gradient:t}=e,b=h[f]||t[f],O=(0,a.isObject)(b);if(O&&b.value)return A(r,`@${s}`,d);if(O){if(e.useVariable&&b.var)return`var(${b.var})`;if(s)return A(r,`@${s}`,d);{const n={};for(const $ in b){if($.charCodeAt(0)!==64)continue;const p=e.media[$.slice(1)];if(!p)continue;const R="@media "+(p==="print"?`${p}`:`screen and ${p}`);n[R]=A(r,$,d)}return n}}else return e.verbose&&console.warn("Can't find color",r),r},G=(r,s,d)=>{const e=(0,M.getActiveConfig)();if((0,a.isString)(r)&&(0,g.isCSSVar)(r)){const c=r.slice(2);if(r=A(c),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const o=c.split(" ");let i=e.color[o[0]];if(i&&!i.value&&!i.rgb&&((0,a.isString)(i)||(0,a.isArray)(i)||(0,a.isObject)(i))&&(e.color[o[0]]=G(i,o[0]),i=e.color[o[0]]),i&&i.value){let u=i.rgb;const V=o[1]!==void 0?o[1]:"1",l=o[2];l&&(u=(0,g.getRgbTone)(u,l)),r=`rgba(${u}, ${V})`}else{const u=o[2],V=o[1]!==void 0?o[1]:"1";if(u)try{const l=(0,g.colorStringToRgbaArray)(o[0]);l&&l.length>=3?r=`rgba(${(0,g.getRgbTone)(l.slice(0,3).join(", "),u)}, ${V})`:r=o[0]}catch{r=o[0]}else r=o[0]}}}if((0,a.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]}),(0,a.isObject)(r)){const c={};for(const o in r)c[o]=G(r[o],s,o.slice(0,1)==="@"?o.slice(1):o);if(e.useVariable){const i=`--${e.varPrefix?e.varPrefix+"-":""}color-${s}`;let u;const V={};for(const l in c){if(l.charCodeAt(0)!==64)continue;const m=l.slice(1),C=c[l],F=C&&(C.value||C);!F||typeof F!="string"||(V[m]=F,(m==="light"||u===void 0)&&(u=F))}if(u!==void 0){e.cssVars[i]=u,e.cssMediaVars||(e.cssMediaVars={});for(const l in V){const m=`[data-theme="${l}"]`;if(e.cssMediaVars[m]||(e.cssMediaVars[m]={}),e.cssMediaVars[m][i]=V[l],l==="light"||l==="dark"){const C=`@media (prefers-color-scheme: ${l})`;e.cssMediaVars[C]||(e.cssMediaVars[C]={}),e.cssMediaVars[C][i]=V[l]}}c.var=i}}return c}const h=`--${e.varPrefix?e.varPrefix+"-":""}color-${s}`+(d?`-${d}`:"");let t=r.value||r;if((0,a.isString)(t)&&t.includes(".")&&!t.includes("(")){const[c,o]=t.split("."),i=e.color[c];i&&i.rgb&&(t=`rgba(${i.rgb}, ${parseFloat("0."+o)||1})`)}if((0,a.isString)(t)&&!t.includes("(")&&!t.startsWith("#")){const c=(0,g.parseColorToken)(t);if(c&&c.name&&!c.passthrough&&!c.cssVar){const o=e.color[c.name];o&&!o.value&&!o.rgb&&((0,a.isString)(o)||(0,a.isArray)(o)||(0,a.isObject)(o))&&(e.color[c.name]=G(o,c.name));const i=e.color[c.name];if(i&&i.rgb){let u=i.rgb;c.tone&&(u=(0,g.getRgbTone)(u,c.tone));const V=c.alpha?parseFloat(c.alpha):1;t=`rgba(${u}, ${V})`}}}const b=(0,g.colorStringToRgbaArray)(t),[O,n,$,p=1]=b,R=parseFloat(p.toFixed(2)),S=`${O}, ${n}, ${$}`,x=`rgba(${S}, ${R})`;return e.useVariable&&(e.cssVars[h]=x),{var:h,rgb:S,alpha:R,value:x}},N=(r,s,d)=>{const e=(0,M.getActiveConfig)();if((0,a.isString)(r)&&(0,g.isCSSVar)(r)&&(r=A(r.slice(2))),(0,a.isArray)(r))return{"@light":N(r[0],s,"light"),"@dark":N(r[0],s,"dark")};if((0,a.isObject)(r)){const t={};for(const b in r)t[b]=N(r[b],s,b.slice(0,1)==="@"?b.slice(1):b);return t}const h=`--${e.varPrefix?e.varPrefix+"-":""}gradient-${s}`+(d?`-${d}`:"");return e.useVariable&&(e.cssVars[h]=r.value||r),{var:h,value:r.value||r}};
+"use strict";var I=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var P=Object.prototype.hasOwnProperty;var T=(r,e)=>{for(var d in e)I(r,d,{get:e[d],enumerable:!0})},D=(r,e,d,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of w(e))!P.call(r,l)&&l!==d&&I(r,l,{get:()=>e[l],enumerable:!(s=j(e,l))||s.enumerable});return r};var E=r=>D(I({},"__esModule",{value:!0}),r);var q={};T(q,{getColor:()=>M,getMediaColor:()=>L,setColor:()=>G,setGradient:()=>N});module.exports=E(q);var c=require("@symbo.ls/utils"),F=require("../factory.js"),b=require("../utils/index.js");const M=(r,e,d)=>{const s=d||(0,F.getActiveConfig)();if(!(0,c.isString)(r)){s.verbose&&console.warn(r,"- type for color is not valid");return}if((0,b.isCSSVar)(r))return`var(${r})`;e&&r[e]&&(r=r[e]);let l,g,t;if((0,c.isArray)(r))[l,g,t]=r;else{const n=(0,b.parseColorToken)(r);if(!n){const{color:m,gradient:O}=s;let V=O[r]||m[r];return V?(e&&V[e]&&(V=V[e]),s.useVariable?`var(${V.var})`:V.value):r}if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;l=n.name,g=n.alpha,t=n.tone}const{color:h,gradient:A}=s;let f=h[l]||A[l];if(!f)return s.verbose&&console.warn("Can't find color ",l),r;e&&(f[e]?f=f[e]:s.verbose&&console.warn(r," - does not have ",e));let $=f.rgb;if(!$){const n=s.useVariable?`var(${f.var})`:f.value;if(g&&n){const m=Math.round(parseFloat(g)*100);return`color-mix(in srgb, ${n} ${m}%, transparent)`}return n}return t&&!f[t]&&($=(0,b.getRgbTone)($,t),f[t]={rgb:$,var:`${f.var}-${t}`}),f[t]&&($=f[t].rgb),g?`rgba(${$}, ${g})`:t?`rgba(${$}, 1)`:s.useVariable?`var(${f.var})`:`rgb(${$})`},L=(r,e,d)=>{const s=d||(0,F.getActiveConfig)();if(e||(e=s.globalTheme==="auto"?null:s.globalTheme),!(0,c.isString)(r)){s.verbose&&console.warn(r,"- type for color is not valid");return}if((0,b.isCSSVar)(r))return`var(${r})`;let l,g,t;if((0,c.isArray)(r))l=r[0];else{const n=(0,b.parseColorToken)(r);if(n){if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;l=n.name,g=n.alpha,t=n.tone}else l=r}const{color:h,gradient:A}=s,f=h[l]||A[l],$=(0,c.isObject)(f);if($&&f.value)return M(r,`@${e}`,d);if($){if(s.useVariable&&f.var)return g||t?M(r,null,d):`var(${f.var})`;if(e)return M(r,`@${e}`,d);{const n={};for(const m in f){if(m.charCodeAt(0)!==64)continue;const O=s.media[m.slice(1)];if(!O)continue;const V="@media "+(O==="print"?`${O}`:`screen and ${O}`);n[V]=M(r,m,d)}return n}}else return s.verbose&&console.warn("Can't find color",r),r},G=(r,e,d)=>{const s=(0,F.getActiveConfig)();if((0,c.isString)(r)&&(0,b.isCSSVar)(r)){const a=r.slice(2);if(r=M(a),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const o=a.split(" ");let i=s.color[o[0]];if(i&&!i.value&&!i.rgb&&((0,c.isString)(i)||(0,c.isArray)(i)||(0,c.isObject)(i))&&(s.color[o[0]]=G(i,o[0]),i=s.color[o[0]]),i&&i.value){let u=i.rgb;const C=o[1]!==void 0?o[1]:"1",p=o[2];p&&(u=(0,b.getRgbTone)(u,p)),r=`rgba(${u}, ${C})`}else{const u=o[2],C=o[1]!==void 0?o[1]:"1";if(u)try{const p=(0,b.colorStringToRgbaArray)(o[0]);p&&p.length>=3?r=`rgba(${(0,b.getRgbTone)(p.slice(0,3).join(", "),u)}, ${C})`:r=o[0]}catch{r=o[0]}else r=o[0]}}}if((0,c.isArray)(r)&&(r={"@light":r[0],"@dark":r[1]}),(0,c.isObject)(r)){const a={};for(const o in r)a[o]=G(r[o],e,o.slice(0,1)==="@"?o.slice(1):o);if(s.useVariable){const i=`--${s.varPrefix?s.varPrefix+"-":""}color-${e}`;let u;const C={};for(const p in a){if(p.charCodeAt(0)!==64)continue;const R=p.slice(1),x=a[p],S=x&&(x.value||x);!S||typeof S!="string"||(C[R]=S,(R==="light"||u===void 0)&&(u=S))}if(u!==void 0){s.cssVars[i]=u,s.cssMediaVars||(s.cssMediaVars={});for(const p in C){const R=`[data-theme="${p}"]`;if(s.cssMediaVars[R]||(s.cssMediaVars[R]={}),s.cssMediaVars[R][i]=C[p],p==="light"||p==="dark"){const x=`@media (prefers-color-scheme: ${p})`;s.cssMediaVars[x]||(s.cssMediaVars[x]={}),s.cssMediaVars[x][i]=C[p]}}a.var=i}}return a}const g=`--${s.varPrefix?s.varPrefix+"-":""}color-${e}`+(d?`-${d}`:"");let t=r.value||r;if((0,c.isString)(t)&&t.includes(".")&&!t.includes("(")){const[a,o]=t.split("."),i=s.color[a];i&&i.rgb&&(t=`rgba(${i.rgb}, ${parseFloat("0."+o)||1})`)}if((0,c.isString)(t)&&!t.includes("(")&&!t.startsWith("#")){const a=(0,b.parseColorToken)(t);if(a&&a.name&&!a.passthrough&&!a.cssVar){const o=s.color[a.name];o&&!o.value&&!o.rgb&&((0,c.isString)(o)||(0,c.isArray)(o)||(0,c.isObject)(o))&&(s.color[a.name]=G(o,a.name));const i=s.color[a.name];if(i&&i.rgb){let u=i.rgb;a.tone&&(u=(0,b.getRgbTone)(u,a.tone));const C=a.alpha?parseFloat(a.alpha):1;t=`rgba(${u}, ${C})`}}}const h=(0,b.colorStringToRgbaArray)(t),[A,f,$,n=1]=h,m=parseFloat(n.toFixed(2)),O=`${A}, ${f}, ${$}`,V=`rgba(${O}, ${m})`;return s.useVariable&&(s.cssVars[g]=V),{var:g,rgb:O,alpha:m,value:V}},N=(r,e,d)=>{const s=(0,F.getActiveConfig)();if((0,c.isString)(r)&&(0,b.isCSSVar)(r)&&(r=M(r.slice(2))),(0,c.isArray)(r))return{"@light":N(r[0],e,"light"),"@dark":N(r[0],e,"dark")};if((0,c.isObject)(r)){const t={};for(const h in r)t[h]=N(r[h],e,h.slice(0,1)==="@"?h.slice(1):h);return t}const g=`--${s.varPrefix?s.varPrefix+"-":""}gradient-${e}`+(d?`-${d}`:"");return s.useVariable&&(s.cssVars[g]=r.value||r),{var:g,value:r.value||r}};

package/dist/cjs/src/transforms/index.js

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(r,t)=>{for(var e in t)m(r,e,{get:t[e],enumerable:!0})},O=(r,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of B(t))!C.call(r,i)&&i!==e&&m(r,i,{get:()=>t[i],enumerable:!(n=j(t,i))||n.enumerable});return r};var T=r=>O(m({},"__esModule",{value:!0}),r);var K={};R(K,{resolveColorsInGradient:()=>S,splitTransition:()=>W,transformBackgroundImage:()=>_,transformBorder:()=>I,transformBorderRadius:()=>F,transformBoxShadow:()=>G,transformDuration:()=>V,transformShadow:()=>A,transformSize:()=>h,transformSizeRatio:()=>w,transformTextStroke:()=>$,transformTransition:()=>g,transfromGap:()=>D});module.exports=T(K);var l=require("@symbo.ls/utils"),x=require("../factory.js"),o=require("../system/index.js"),s=require("../utils/index.js");const b=new Set(["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial"]),E=new Set(["to","top","bottom","left","right","center","at","circle","ellipse","closest-side","farthest-side","closest-corner","farthest-corner"]),z=r=>b.has(r),I=r=>{const t=r+"";if(s.CSS_NATIVE_COLOR_REGEX.test(t))return t;const e=t.trim();return e==="none"||e==="0"||e==="initial"||e==="inherit"||e==="unset"?t:t.split(/\s+/).map(i=>{if(i=i.trim(),!i)return"";if((0,s.isCSSVar)(i))return`var(${i})`;if(z(i)||/^\d/.test(i)||i==="0")return i;const c=(0,o.getColor)(i);if((0,s.isResolvedColor)(c))return c;const f=(0,o.getSpacingByKey)(i,"border");return f&&f.border?f.border:i}).join(" ")},$=r=>s.CSS_NATIVE_COLOR_REGEX.test(r)?r:r.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if((0,s.isCSSVar)(t))return`var(${t})`;if(/^\d/.test(t)||t.includes("px")||t==="0")return t;const e=(0,o.getColor)(t);return(0,s.isResolvedColor)(e)?e:t}).join(" "),A=(r,t)=>(0,o.getShadow)(r,t),G=(r,t)=>s.CSS_NATIVE_COLOR_REGEX.test(r)?r:(0,s.splitTopLevelCommas)(r).map(e=>(e=e.trim(),e?e.split(/\s+/).map(n=>{if(n=n.trim(),!n)return"";if((0,s.isCSSVar)(n))return`var(${n})`;if(n==="inset"||n==="none")return n;const i=(0,o.getColor)(n);if((0,s.isResolvedColor)(i)){const f=(0,o.getMediaColor)(n,t);return(0,l.isObject)(f)?Object.values(f).filter(p=>p.includes(": "+t))[0]:f}if(/^\d/.test(n)||n==="0"||n.includes("px")||n.slice(-2)==="em")return n;const c=(0,o.getSpacingByKey)(n,"shadow");return c&&c.shadow?c.shadow:n}).join(" "):"")).join(", "),S=(r,t)=>{const e=r.indexOf("(");if(e===-1)return r;const n=r.slice(0,e+1),i=r.slice(e+1,r.lastIndexOf(")")),c=")",p=(0,s.splitTopLevelCommas)(i).map(a=>(a=a.trim(),a.split(/\s+/).map(u=>{if(!u||/^\d/.test(u)||u==="0"||E.has(u)||u==="transparent"||s.CSS_NATIVE_COLOR_REGEX.test(u))return u;const d=(0,o.getColor)(u);return(0,s.isResolvedColor)(d)?d:u}).join(" ")));return n+p.join(", ")+c},_=(r,t)=>{const e=(0,x.getActiveConfig)();return r.split(", ").map(n=>(0,s.isCSSVar)(n)?`var(${n})`:n.includes("url")?n:n.includes("gradient")?S(n,t):e.gradient[r]?{backgroundImage:(0,o.getMediaColor)(r,t||e.globalTheme)}:n.includes("/")||n.startsWith("http")||n.includes(".")&&!(0,s.parseColorToken)(n)?`url(${n})`:n).join(" ")},D=r=>(0,l.isString)(r)&&r.split(" ").map(t=>(0,o.getSpacingByKey)(t,"gap").gap).join(" "),g=r=>{const t=r.split(" ");return t.length?t.map(e=>(0,s.isCSSVar)(e)?`var(${e})`:e.length<3||e.includes("ms")?(0,o.getTimingByKey)(e).timing||e:(0,o.getTimingFunction)(e)?(0,o.getTimingFunction)(e):e).join(" "):r},V=(r,t,e)=>{if((0,l.isString)(r))return r.split(",").map(n=>(0,o.getTimingByKey)(n).timing||n).join(",")},W=r=>{const t=r.split(",");if(t.length)return t.map(g).join(",")};function h(r,t,e={},n={}){let i=l.exec.call(this,t||e[r]);if(i==null)return;let c;if((0,l.isString)(i)){if(i.includes("(")){const a=(0,s.getFnPrefixAndValue)(i);c=a[0],i=a[1]}const f=e.scaleBoxSize,p=(0,o.checkIfBoxSize)(r);!f&&p&&!n.ratio&&(i=(0,o.splitSpacedValue)(i))}return n.ratio?(0,o.getSpacingBasedOnRatio)(e,r,i,c):(0,o.getSpacingByKey)(i,r,void 0,c)}const w=(r,t=null,e)=>h(r,t,e,{ratio:!0}),F=(r,t,e)=>{if((0,l.isString)(r))return{borderRadius:r.split(" ").map((n,i)=>(0,o.getSpacingBasedOnRatio)(t,e,n)[e]).join(" ")}};
+"use strict";var m=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(r,t)=>{for(var n in t)m(r,n,{get:t[n],enumerable:!0})},O=(r,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of B(t))!C.call(r,e)&&e!==n&&m(r,e,{get:()=>t[e],enumerable:!(i=j(t,e))||i.enumerable});return r};var T=r=>O(m({},"__esModule",{value:!0}),r);var K={};R(K,{resolveColorsInGradient:()=>S,splitTransition:()=>W,transformBackgroundImage:()=>_,transformBorder:()=>I,transformBorderRadius:()=>F,transformBoxShadow:()=>G,transformDuration:()=>V,transformShadow:()=>A,transformSize:()=>h,transformSizeRatio:()=>w,transformTextStroke:()=>$,transformTransition:()=>g,transfromGap:()=>D});module.exports=T(K);var l=require("@symbo.ls/utils"),x=require("../factory.js"),o=require("../system/index.js"),s=require("../utils/index.js");const b=new Set(["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial"]),E=new Set(["to","top","bottom","left","right","center","at","circle","ellipse","closest-side","farthest-side","closest-corner","farthest-corner"]),z=r=>b.has(r),I=r=>{const t=r+"";if(s.CSS_NATIVE_COLOR_REGEX.test(t))return t;const n=t.trim();return n==="none"||n==="0"||n==="initial"||n==="inherit"||n==="unset"?t:t.split(/\s+/).map(e=>{if(e=e.trim(),!e)return"";if((0,s.isCSSVar)(e))return`var(${e})`;if(z(e)||/^\d/.test(e)||e==="0")return e;const c=(0,o.getColor)(e);if((0,s.isResolvedColor)(c))return c;const f=(0,o.getSpacingByKey)(e,"border");return f&&f.border?f.border:e}).join(" ")},$=r=>s.CSS_NATIVE_COLOR_REGEX.test(r)?r:r.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if((0,s.isCSSVar)(t))return`var(${t})`;if(/^\d/.test(t)||t.includes("px")||t==="0")return t;const n=(0,o.getColor)(t);return(0,s.isResolvedColor)(n)?n:t}).join(" "),A=(r,t)=>(0,o.getShadow)(r,t),G=(r,t)=>s.CSS_NATIVE_COLOR_REGEX.test(r)?r:(0,s.splitTopLevelCommas)(r).map(n=>(n=n.trim(),n?n.split(/\s+/).map(i=>{if(i=i.trim(),!i)return"";if((0,s.isCSSVar)(i))return`var(${i})`;if(i==="inset"||i==="none")return i;const e=(0,o.getColor)(i);if((0,s.isResolvedColor)(e)){const f=(0,o.getMediaColor)(i,t);return(0,l.isObject)(f)?Object.values(f).filter(p=>p.includes(": "+t))[0]:f}if(/^\d/.test(i)||i==="0"||i.includes("px")||i.slice(-2)==="em")return i;const c=(0,o.getSpacingByKey)(i,"shadow");return c&&c.shadow?c.shadow:i}).join(" "):"")).join(", "),S=(r,t)=>{const n=r.indexOf("(");if(n===-1)return r;const i=r.slice(0,n+1),e=r.slice(n+1,r.lastIndexOf(")")),c=")",p=(0,s.splitTopLevelCommas)(e).map(a=>(a=a.trim(),a.split(/\s+/).map(u=>{if(!u||/^\d/.test(u)||u==="0"||E.has(u)||u==="transparent"||s.CSS_NATIVE_COLOR_REGEX.test(u))return u;const d=(0,o.getColor)(u);return(0,s.isResolvedColor)(d)?d:u}).join(" ")));return i+p.join(", ")+c},_=(r,t)=>{const n=(0,x.getActiveConfig)();return(0,s.splitTopLevelCommas)(r).map(i=>{const e=i.trim();return(0,s.isCSSVar)(e)?`var(${e})`:e.includes("url")?e:e.includes("gradient")?S(e,t):n.gradient[r]?{backgroundImage:(0,o.getMediaColor)(r,t||n.globalTheme)}:e.includes("/")||e.startsWith("http")||e.includes(".")&&!(0,s.parseColorToken)(e)?`url(${e})`:e}).join(", ")},D=r=>(0,l.isString)(r)&&r.split(" ").map(t=>(0,o.getSpacingByKey)(t,"gap").gap).join(" "),g=r=>{const t=r.split(" ");return t.length?t.map(n=>(0,s.isCSSVar)(n)?`var(${n})`:n.length<3||n.includes("ms")?(0,o.getTimingByKey)(n).timing||n:(0,o.getTimingFunction)(n)?(0,o.getTimingFunction)(n):n).join(" "):r},V=(r,t,n)=>{if((0,l.isString)(r))return r.split(",").map(i=>(0,o.getTimingByKey)(i).timing||i).join(",")},W=r=>{const t=r.split(",");if(t.length)return t.map(g).join(",")};function h(r,t,n={},i={}){let e=l.exec.call(this,t||n[r]);if(e==null)return;let c;if((0,l.isString)(e)){if(e.includes("(")){const a=(0,s.getFnPrefixAndValue)(e);c=a[0],e=a[1]}const f=n.scaleBoxSize,p=(0,o.checkIfBoxSize)(r);!f&&p&&!i.ratio&&(e=(0,o.splitSpacedValue)(e))}return i.ratio?(0,o.getSpacingBasedOnRatio)(n,r,e,c):(0,o.getSpacingByKey)(e,r,void 0,c)}const w=(r,t=null,n)=>h(r,t,n,{ratio:!0}),F=(r,t,n)=>{if((0,l.isString)(r))return{borderRadius:r.split(" ").map((i,e)=>(0,o.getSpacingBasedOnRatio)(t,n,i)[n]).join(" ")}};

package/dist/cjs/src/utils/color.js

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var S=(t,e)=>{for(var r in e)p(t,r,{get:e[r],enumerable:!0})},$=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of R(e))!y.call(t,n)&&n!==r&&p(t,n,{get:()=>e[n],enumerable:!(s=T(e,n))||s.enumerable});return t};var I=t=>$(p({},"__esModule",{value:!0}),t);var X={};S(X,{CSS_NATIVE_COLOR_REGEX:()=>b,changeLightness:()=>_,colorStringToRgbaArray:()=>c,getColorShade:()=>x,getRgbTone:()=>G,hexToRgb:()=>O,hexToRgbArray:()=>h,hexToRgba:()=>L,hslToRgb:()=>g,isCSSVar:()=>m,isResolvedColor:()=>V,mixTwoColors:()=>M,mixTwoRgb:()=>F,mixTwoRgba:()=>d,opacify:()=>A,parseColorToken:()=>N,rgbArrayToHex:()=>u,rgbToHSL:()=>f,rgbToHex:()=>E,splitTopLevelCommas:()=>j});module.exports=I(X);var o=require("@symbo.ls/utils");const c=t=>{if(t==="")return[0,0,0,0];if(t.toLowerCase()==="transparent")return[0,0,0,0];if(t[0]==="#")return t.length<7&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(t.length>4?t[4]+t[4]:"")),[parseInt(t.substr(1,2),16),parseInt(t.substr(3,2),16),parseInt(t.substr(5,2),16),t.length>7?parseInt(t.substr(7,2),16)/255:1];if(t.indexOf("rgb")===-1&&o.document&&o.window){const e=o.document.body.appendChild(o.document.createElement("fictum")),r="rgb(1, 2, 3)";if(e.style.color=r,e.style.color!==r){o.document.body.removeChild(e);return}if(e.style.color=t,e.style.color===r||e.style.color==="")return o.document.body.removeChild(e),[0,0,0,0];t=o.window.getComputedStyle(e).color,o.document.body.removeChild(e)}return t.indexOf("rgb")===0?(t.indexOf("rgba")===-1&&(t=`${t}, 1`),t.match(/[\.\d]+/g).map(e=>+e)):[0,0,0,0]},M=(t,e,r=.5)=>(t=c(t),e=c(e),d(t,e,r)),O=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return`rgb(${r},${s},${n})`},h=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return[r,s,n]},E=(t,e,r)=>"#"+(1<<24|t<<16|e<<8|r).toString(16).slice(1),u=([t,e,r])=>((1<<24)+(t<<16)+(e<<8)+r).toString(16).slice(1),L=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return`rgba(${r},${s},${n},${e})`},F=(t,e,r=.5)=>{const s=[];for(let n=0;n<3;n++)s[n]=~~(t[n]+(e[n]-t[n])*r);return`rgb(${s})`},_=(t,e)=>{const[r,s,n]=e,i=Math.max(0,Math.min(100,n+parseFloat(t)));return[r,s,i]},f=(t,e,r)=>{const s=Math.max(t,e,r),n=s-Math.min(t,e,r),i=1-Math.abs(s+s-n-1),a=n&&(s==t?(e-r)/n:s==e?2+(r-t)/n:4+(t-e)/n);return[60*(a<0?a+6:a),i?n/i:0,(s+s-n)/2]},g=(t,e,r,s=e*Math.min(r,1-r),n=(i,a=(i+t/30)%12)=>r-s*Math.max(Math.min(a-3,9-a,1),-1))=>[n(0),n(8),n(4)],x=(t,e)=>{const r=parseInt(t,16);let s=(r>>16)+e;s>255?s=255:s<0&&(s=0);let n=(r>>8&255)+e;n>255?n=255:n<0&&(n=0);let i=(r&255)+e;return i>255?i=255:i<0&&(i=0),((i|n<<8|s<<16)+16777216).toString(16).slice(1)},d=(t,e,r=.5)=>{const s=[];for(let n=0;n<4;n++){const i=n===3?a=>a:Math.round;s[n]=i(t[n]+(e[n]-t[n])*r)}return`rgba(${s})`},A=(t,e)=>{const r=c(t);if(!r){(0,o.isNotProduction)()&&console.warn(t+" color is not rgba");return}return r[3]=e,`rgba(${r})`},m=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45,b=/(?:rgba?\(|hsla?\(|#[0-9a-fA-F]{3,8}\b)/,H=/^([a-zA-Z]\w*)(?:\.(\d+))?(?:([+-]\d+|=\d+))?$/,N=t=>{if(!(0,o.isString)(t))return null;if(b.test(t))return{passthrough:t};if(m(t))return{cssVar:t};const e=t.match(H);if(!e)return null;const[,r,s,n]=e,i=s!==void 0?`0.${s}`:void 0,a=n&&n[0]==="="?n.slice(1):n;return{name:r,alpha:i,tone:a}},V=t=>(0,o.isString)(t)&&(t.includes("rgb")||t.includes("var(")||t.includes("#")),j=t=>{const e=[];let r="",s=0;for(const n of t){if(n==="("?s+=1:n===")"&&s>0&&(s-=1),n===","&&s===0){e.push(r),r="";continue}r+=n}return(r.length||!e.length)&&e.push(r),e},G=(t,e)=>{(0,o.isString)(t)&&t.includes("rgb")&&(t=c(t).join(", ")),(0,o.isString)(t)&&(t=t.split(",").map(n=>parseFloat(n.trim()))),(0,o.isNumber)(e)&&(e+="");const r=u(t),s=e.slice(0,1);if(s==="-"||s==="+"){const n=x(r,parseFloat(e));return h(n).join(", ")}else{const[n,i,a]=t,l=f(n,i,a),[w,C,z]=l;return g(w,C,parseFloat(e)/100*255)}};
+"use strict";var p=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var S=(t,e)=>{for(var r in e)p(t,r,{get:e[r],enumerable:!0})},$=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of R(e))!y.call(t,n)&&n!==r&&p(t,n,{get:()=>e[n],enumerable:!(s=T(e,n))||s.enumerable});return t};var I=t=>$(p({},"__esModule",{value:!0}),t);var G={};S(G,{CSS_NATIVE_COLOR_REGEX:()=>b,changeLightness:()=>F,colorStringToRgbaArray:()=>c,getColorShade:()=>x,getRgbTone:()=>z,hexToRgb:()=>O,hexToRgbArray:()=>h,hexToRgba:()=>L,hslToRgb:()=>g,isCSSVar:()=>m,isResolvedColor:()=>V,mixTwoColors:()=>M,mixTwoRgb:()=>A,mixTwoRgba:()=>d,opacify:()=>_,parseColorToken:()=>N,rgbArrayToHex:()=>u,rgbToHSL:()=>f,rgbToHex:()=>E,splitTopLevelCommas:()=>j});module.exports=I(G);var i=require("@symbo.ls/utils");const c=t=>{if(t==="")return[0,0,0,0];if(t.toLowerCase()==="transparent")return[0,0,0,0];if(t[0]==="#")return t.length<7&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(t.length>4?t[4]+t[4]:"")),[parseInt(t.substr(1,2),16),parseInt(t.substr(3,2),16),parseInt(t.substr(5,2),16),t.length>7?parseInt(t.substr(7,2),16)/255:1];if(t.indexOf("rgb")===-1&&i.document&&i.window){const e=i.document.body.appendChild(i.document.createElement("fictum")),r="rgb(1, 2, 3)";if(e.style.color=r,e.style.color!==r){i.document.body.removeChild(e);return}if(e.style.color=t,e.style.color===r||e.style.color==="")return i.document.body.removeChild(e),[0,0,0,0];t=i.window.getComputedStyle(e).color,i.document.body.removeChild(e)}return t.indexOf("rgb")===0?(t.indexOf("rgba")===-1&&(t=`${t}, 1`),t.match(/[\.\d]+/g).map(e=>+e)):[0,0,0,0]},M=(t,e,r=.5)=>(t=c(t),e=c(e),d(t,e,r)),O=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(a=>parseInt(a,16));return`rgb(${r},${s},${n})`},h=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(a=>parseInt(a,16));return[r,s,n]},E=(t,e,r)=>"#"+(1<<24|t<<16|e<<8|r).toString(16).slice(1),u=([t,e,r])=>((1<<24)+(t<<16)+(e<<8)+r).toString(16).slice(1),L=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(a=>parseInt(a,16));return`rgba(${r},${s},${n},${e})`},A=(t,e,r=.5)=>{const s=[];for(let n=0;n<3;n++)s[n]=~~(t[n]+(e[n]-t[n])*r);return`rgb(${s})`},F=(t,e)=>{const[r,s,n]=e,a=Math.max(0,Math.min(100,n+parseFloat(t)));return[r,s,a]},f=(t,e,r)=>{const s=Math.max(t,e,r),n=s-Math.min(t,e,r),a=1-Math.abs(s+s-n-1),o=n&&(s==t?(e-r)/n:s==e?2+(r-t)/n:4+(t-e)/n);return[60*(o<0?o+6:o),a?n/a:0,(s+s-n)/2]},g=(t,e,r,s=e*Math.min(r,1-r),n=(a,o=(a+t/30)%12)=>r-s*Math.max(Math.min(o-3,9-o,1),-1))=>[n(0),n(8),n(4)],x=(t,e)=>{const r=parseInt(t,16);let s=(r>>16)+e;s>255?s=255:s<0&&(s=0);let n=(r>>8&255)+e;n>255?n=255:n<0&&(n=0);let a=(r&255)+e;return a>255?a=255:a<0&&(a=0),((a|n<<8|s<<16)+16777216).toString(16).slice(1)},d=(t,e,r=.5)=>{const s=[];for(let n=0;n<4;n++){const a=n===3?o=>o:Math.round;s[n]=a(t[n]+(e[n]-t[n])*r)}return`rgba(${s})`},_=(t,e)=>{const r=c(t);if(!r){(0,i.isNotProduction)()&&console.warn(t+" color is not rgba");return}return r[3]=e,`rgba(${r})`},m=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45,b=/(?:rgba?\(|hsla?\(|#[0-9a-fA-F]{3,8}\b)/,H=/^([a-zA-Z]\w*(?:-[a-zA-Z]\w*)*)(?:\.(\d+))?(?:([+-]\d+|=\d+))?$/,N=t=>{if(!(0,i.isString)(t))return null;if(b.test(t))return{passthrough:t};if(m(t))return{cssVar:t};const e=t.match(H);if(!e)return null;const[,r,s,n]=e,a=s!==void 0?`0.${s}`:void 0,o=n&&n[0]==="="?n.slice(1):n;return{name:r,alpha:a,tone:o}},V=t=>(0,i.isString)(t)&&(t.includes("rgb")||t.includes("var(")||t.includes("#")),j=t=>{const e=[];let r="",s=0;for(const n of t){if(n==="("?s+=1:n===")"&&s>0&&(s-=1),n===","&&s===0){e.push(r),r="";continue}r+=n}return(r.length||!e.length)&&e.push(r),e},z=(t,e)=>{(0,i.isString)(t)&&t.includes("rgb")&&(t=c(t).join(", ")),(0,i.isString)(t)&&(t=t.split(",").map(n=>parseFloat(n.trim()))),(0,i.isNumber)(e)&&(e+="");const r=u(t),s=e.slice(0,1);if(s==="-"||s==="+"){const n=x(r,parseFloat(e));return h(n).join(", ")}else{const[n,a,o]=t,l=f(n,a,o),[w,C,X]=l;return g(w,C,parseFloat(e)/100*255)}};

package/dist/esm/src/system/color.js

@@ -1 +1 @@
-import{isObject as A,isArray as x,isString as h}from"@symbo.ls/utils";import{getActiveConfig as G}from"../factory.js";import{colorStringToRgbaArray as T,getRgbTone as N,isCSSVar as I,parseColorToken as j}from"../utils/index.js";const M=(r,c,b)=>{const e=b||G();if(!h(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(I(r))return`var(${r})`;c&&r[c]&&(r=r[c]);let p,u,o;if(x(r))[p,u,o]=r;else{const l=j(r);if(!l){const{color:O,gradient:S}=e,R=S[r]||O[r];return R?e.useVariable?`var(${R.var})`:R.value:r}if(l.passthrough)return l.passthrough;if(l.cssVar)return`var(${l.cssVar})`;p=l.name,u=l.alpha,o=l.tone}const{color:f,gradient:C}=e;let t=f[p]||C[p];if(!t)return e.verbose&&console.warn("Can't find color ",p),r;c&&(t[c]?t=t[c]:e.verbose&&console.warn(r," - does not have ",c));let g=t.rgb;return g?(o&&!t[o]&&(g=N(g,o),t[o]={rgb:g,var:`${t.var}-${o}`}),t[o]&&(g=t[o].rgb),u?`rgba(${g}, ${u})`:o?`rgba(${g}, 1)`:e.useVariable?`var(${t.var})`:`rgb(${g})`):e.useVariable?`var(${t.var})`:t.value},q=(r,c,b)=>{const e=b||G();if(c||(c=e.globalTheme==="auto"?null:e.globalTheme),!h(r)){e.verbose&&console.warn(r,"- type for color is not valid");return}if(I(r))return`var(${r})`;let p;if(x(r))p=r[0];else{const t=j(r);if(!t)return r;if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;p=t.name}const{color:u,gradient:o}=e,f=u[p]||o[p],C=A(f);if(C&&f.value)return M(r,`@${c}`,b);if(C){if(e.useVariable&&f.var)return`var(${f.var})`;if(c)return M(r,`@${c}`,b);{const t={};for(const g in f){if(g.charCodeAt(0)!==64)continue;const l=e.media[g.slice(1)];if(!l)continue;const O="@media "+(l==="print"?`${l}`:`screen and ${l}`);t[O]=M(r,g,b)}return t}}else return e.verbose&&console.warn("Can't find color",r),r},w=(r,c,b)=>{const e=G();if(h(r)&&I(r)){const i=r.slice(2);if(r=M(i),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const s=i.split(" ");let n=e.color[s[0]];if(n&&!n.value&&!n.rgb&&(h(n)||x(n)||A(n))&&(e.color[s[0]]=w(n,s[0]),n=e.color[s[0]]),n&&n.value){let d=n.rgb;const $=s[1]!==void 0?s[1]:"1",a=s[2];a&&(d=N(d,a)),r=`rgba(${d}, ${$})`}else{const d=s[2],$=s[1]!==void 0?s[1]:"1";if(d)try{const a=T(s[0]);a&&a.length>=3?r=`rgba(${N(a.slice(0,3).join(", "),d)}, ${$})`:r=s[0]}catch{r=s[0]}else r=s[0]}}}if(x(r)&&(r={"@light":r[0],"@dark":r[1]}),A(r)){const i={};for(const s in r)i[s]=w(r[s],c,s.slice(0,1)==="@"?s.slice(1):s);if(e.useVariable){const n=`--${e.varPrefix?e.varPrefix+"-":""}color-${c}`;let d;const $={};for(const a in i){if(a.charCodeAt(0)!==64)continue;const V=a.slice(1),m=i[a],F=m&&(m.value||m);!F||typeof F!="string"||($[V]=F,(V==="light"||d===void 0)&&(d=F))}if(d!==void 0){e.cssVars[n]=d,e.cssMediaVars||(e.cssMediaVars={});for(const a in $){const V=`[data-theme="${a}"]`;if(e.cssMediaVars[V]||(e.cssMediaVars[V]={}),e.cssMediaVars[V][n]=$[a],a==="light"||a==="dark"){const m=`@media (prefers-color-scheme: ${a})`;e.cssMediaVars[m]||(e.cssMediaVars[m]={}),e.cssMediaVars[m][n]=$[a]}}i.var=n}}return i}const u=`--${e.varPrefix?e.varPrefix+"-":""}color-${c}`+(b?`-${b}`:"");let o=r.value||r;if(h(o)&&o.includes(".")&&!o.includes("(")){const[i,s]=o.split("."),n=e.color[i];n&&n.rgb&&(o=`rgba(${n.rgb}, ${parseFloat("0."+s)||1})`)}if(h(o)&&!o.includes("(")&&!o.startsWith("#")){const i=j(o);if(i&&i.name&&!i.passthrough&&!i.cssVar){const s=e.color[i.name];s&&!s.value&&!s.rgb&&(h(s)||x(s)||A(s))&&(e.color[i.name]=w(s,i.name));const n=e.color[i.name];if(n&&n.rgb){let d=n.rgb;i.tone&&(d=N(d,i.tone));const $=i.alpha?parseFloat(i.alpha):1;o=`rgba(${d}, ${$})`}}}const f=T(o),[C,t,g,l=1]=f,O=parseFloat(l.toFixed(2)),S=`${C}, ${t}, ${g}`,R=`rgba(${S}, ${O})`;return e.useVariable&&(e.cssVars[u]=R),{var:u,rgb:S,alpha:O,value:R}},P=(r,c,b)=>{const e=G();if(h(r)&&I(r)&&(r=M(r.slice(2))),x(r))return{"@light":P(r[0],c,"light"),"@dark":P(r[0],c,"dark")};if(A(r)){const o={};for(const f in r)o[f]=P(r[f],c,f.slice(0,1)==="@"?f.slice(1):f);return o}const u=`--${e.varPrefix?e.varPrefix+"-":""}gradient-${c}`+(b?`-${b}`:"");return e.useVariable&&(e.cssVars[u]=r.value||r),{var:u,value:r.value||r}};export{M as getColor,q as getMediaColor,w as setColor,P as setGradient};
+import{isObject as F,isArray as x,isString as C}from"@symbo.ls/utils";import{getActiveConfig as G}from"../factory.js";import{colorStringToRgbaArray as T,getRgbTone as N,isCSSVar as I,parseColorToken as j}from"../utils/index.js";const M=(r,n,p)=>{const s=p||G();if(!C(r)){s.verbose&&console.warn(r,"- type for color is not valid");return}if(I(r))return`var(${r})`;n&&r[n]&&(r=r[n]);let b,l,o;if(x(r))[b,l,o]=r;else{const t=j(r);if(!t){const{color:h,gradient:m}=s;let $=m[r]||h[r];return $?(n&&$[n]&&($=$[n]),s.useVariable?`var(${$.var})`:$.value):r}if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;b=t.name,l=t.alpha,o=t.tone}const{color:u,gradient:A}=s;let c=u[b]||A[b];if(!c)return s.verbose&&console.warn("Can't find color ",b),r;n&&(c[n]?c=c[n]:s.verbose&&console.warn(r," - does not have ",n));let g=c.rgb;if(!g){const t=s.useVariable?`var(${c.var})`:c.value;if(l&&t){const h=Math.round(parseFloat(l)*100);return`color-mix(in srgb, ${t} ${h}%, transparent)`}return t}return o&&!c[o]&&(g=N(g,o),c[o]={rgb:g,var:`${c.var}-${o}`}),c[o]&&(g=c[o].rgb),l?`rgba(${g}, ${l})`:o?`rgba(${g}, 1)`:s.useVariable?`var(${c.var})`:`rgb(${g})`},q=(r,n,p)=>{const s=p||G();if(n||(n=s.globalTheme==="auto"?null:s.globalTheme),!C(r)){s.verbose&&console.warn(r,"- type for color is not valid");return}if(I(r))return`var(${r})`;let b,l,o;if(x(r))b=r[0];else{const t=j(r);if(t){if(t.passthrough)return t.passthrough;if(t.cssVar)return`var(${t.cssVar})`;b=t.name,l=t.alpha,o=t.tone}else b=r}const{color:u,gradient:A}=s,c=u[b]||A[b],g=F(c);if(g&&c.value)return M(r,`@${n}`,p);if(g){if(s.useVariable&&c.var)return l||o?M(r,null,p):`var(${c.var})`;if(n)return M(r,`@${n}`,p);{const t={};for(const h in c){if(h.charCodeAt(0)!==64)continue;const m=s.media[h.slice(1)];if(!m)continue;const $="@media "+(m==="print"?`${m}`:`screen and ${m}`);t[$]=M(r,h,p)}return t}}else return s.verbose&&console.warn("Can't find color",r),r},w=(r,n,p)=>{const s=G();if(C(r)&&I(r)){const a=r.slice(2);if(r=M(a),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const e=a.split(" ");let i=s.color[e[0]];if(i&&!i.value&&!i.rgb&&(C(i)||x(i)||F(i))&&(s.color[e[0]]=w(i,e[0]),i=s.color[e[0]]),i&&i.value){let d=i.rgb;const V=e[1]!==void 0?e[1]:"1",f=e[2];f&&(d=N(d,f)),r=`rgba(${d}, ${V})`}else{const d=e[2],V=e[1]!==void 0?e[1]:"1";if(d)try{const f=T(e[0]);f&&f.length>=3?r=`rgba(${N(f.slice(0,3).join(", "),d)}, ${V})`:r=e[0]}catch{r=e[0]}else r=e[0]}}}if(x(r)&&(r={"@light":r[0],"@dark":r[1]}),F(r)){const a={};for(const e in r)a[e]=w(r[e],n,e.slice(0,1)==="@"?e.slice(1):e);if(s.useVariable){const i=`--${s.varPrefix?s.varPrefix+"-":""}color-${n}`;let d;const V={};for(const f in a){if(f.charCodeAt(0)!==64)continue;const O=f.slice(1),R=a[f],S=R&&(R.value||R);!S||typeof S!="string"||(V[O]=S,(O==="light"||d===void 0)&&(d=S))}if(d!==void 0){s.cssVars[i]=d,s.cssMediaVars||(s.cssMediaVars={});for(const f in V){const O=`[data-theme="${f}"]`;if(s.cssMediaVars[O]||(s.cssMediaVars[O]={}),s.cssMediaVars[O][i]=V[f],f==="light"||f==="dark"){const R=`@media (prefers-color-scheme: ${f})`;s.cssMediaVars[R]||(s.cssMediaVars[R]={}),s.cssMediaVars[R][i]=V[f]}}a.var=i}}return a}const l=`--${s.varPrefix?s.varPrefix+"-":""}color-${n}`+(p?`-${p}`:"");let o=r.value||r;if(C(o)&&o.includes(".")&&!o.includes("(")){const[a,e]=o.split("."),i=s.color[a];i&&i.rgb&&(o=`rgba(${i.rgb}, ${parseFloat("0."+e)||1})`)}if(C(o)&&!o.includes("(")&&!o.startsWith("#")){const a=j(o);if(a&&a.name&&!a.passthrough&&!a.cssVar){const e=s.color[a.name];e&&!e.value&&!e.rgb&&(C(e)||x(e)||F(e))&&(s.color[a.name]=w(e,a.name));const i=s.color[a.name];if(i&&i.rgb){let d=i.rgb;a.tone&&(d=N(d,a.tone));const V=a.alpha?parseFloat(a.alpha):1;o=`rgba(${d}, ${V})`}}}const u=T(o),[A,c,g,t=1]=u,h=parseFloat(t.toFixed(2)),m=`${A}, ${c}, ${g}`,$=`rgba(${m}, ${h})`;return s.useVariable&&(s.cssVars[l]=$),{var:l,rgb:m,alpha:h,value:$}},P=(r,n,p)=>{const s=G();if(C(r)&&I(r)&&(r=M(r.slice(2))),x(r))return{"@light":P(r[0],n,"light"),"@dark":P(r[0],n,"dark")};if(F(r)){const o={};for(const u in r)o[u]=P(r[u],n,u.slice(0,1)==="@"?u.slice(1):u);return o}const l=`--${s.varPrefix?s.varPrefix+"-":""}gradient-${n}`+(p?`-${p}`:"");return s.useVariable&&(s.cssVars[l]=r.value||r),{var:l,value:r.value||r}};export{M as getColor,q as getMediaColor,w as setColor,P as setGradient};

package/dist/esm/src/transforms/index.js

@@ -1 +1 @@
-import{isString as a,isObject as R,exec as O}from"@symbo.ls/utils";import{getActiveConfig as T}from"../factory.js";import{getSpacingByKey as p,getColor as m,getShadow as b,getMediaColor as g,getTimingByKey as h,getTimingFunction as j,getSpacingBasedOnRatio as B,checkIfBoxSize as E,splitSpacedValue as z}from"../system/index.js";import{getFnPrefixAndValue as I,isResolvedColor as d,isCSSVar as l,CSS_NATIVE_COLOR_REGEX as x,splitTopLevelCommas as C,parseColorToken as $}from"../utils/index.js";const A=new Set(["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial"]),G=new Set(["to","top","bottom","left","right","center","at","circle","ellipse","closest-side","farthest-side","closest-corner","farthest-corner"]),_=r=>A.has(r),y=r=>{const e=r+"";if(x.test(e))return e;const n=e.trim();return n==="none"||n==="0"||n==="initial"||n==="inherit"||n==="unset"?e:e.split(/\s+/).map(i=>{if(i=i.trim(),!i)return"";if(l(i))return`var(${i})`;if(_(i)||/^\d/.test(i)||i==="0")return i;const s=m(i);if(d(s))return s;const u=p(i,"border");return u&&u.border?u.border:i}).join(" ")},P=r=>x.test(r)?r:r.split(/\s+/).map(e=>{if(e=e.trim(),!e)return"";if(l(e))return`var(${e})`;if(/^\d/.test(e)||e.includes("px")||e==="0")return e;const n=m(e);return d(n)?n:e}).join(" "),Y=(r,e)=>b(r,e),M=(r,e)=>x.test(r)?r:C(r).map(n=>(n=n.trim(),n?n.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if(l(t))return`var(${t})`;if(t==="inset"||t==="none")return t;const i=m(t);if(d(i)){const u=g(t,e);return R(u)?Object.values(u).filter(f=>f.includes(": "+e))[0]:u}if(/^\d/.test(t)||t==="0"||t.includes("px")||t.slice(-2)==="em")return t;const s=p(t,"shadow");return s&&s.shadow?s.shadow:t}).join(" "):"")).join(", "),D=(r,e)=>{const n=r.indexOf("(");if(n===-1)return r;const t=r.slice(0,n+1),i=r.slice(n+1,r.lastIndexOf(")")),s=")",f=C(i).map(c=>(c=c.trim(),c.split(/\s+/).map(o=>{if(!o||/^\d/.test(o)||o==="0"||G.has(o)||o==="transparent"||x.test(o))return o;const S=m(o);return d(S)?S:o}).join(" ")));return t+f.join(", ")+s},X=(r,e)=>{const n=T();return r.split(", ").map(t=>l(t)?`var(${t})`:t.includes("url")?t:t.includes("gradient")?D(t,e):n.gradient[r]?{backgroundImage:g(r,e||n.globalTheme)}:t.includes("/")||t.startsWith("http")||t.includes(".")&&!$(t)?`url(${t})`:t).join(" ")},H=r=>a(r)&&r.split(" ").map(e=>p(e,"gap").gap).join(" "),V=r=>{const e=r.split(" ");return e.length?e.map(n=>l(n)?`var(${n})`:n.length<3||n.includes("ms")?h(n).timing||n:j(n)?j(n):n).join(" "):r},J=(r,e,n)=>{if(a(r))return r.split(",").map(t=>h(t).timing||t).join(",")},N=r=>{const e=r.split(",");if(e.length)return e.map(V).join(",")};function W(r,e,n={},t={}){let i=O.call(this,e||n[r]);if(i==null)return;let s;if(a(i)){if(i.includes("(")){const c=I(i);s=c[0],i=c[1]}const u=n.scaleBoxSize,f=E(r);!u&&f&&!t.ratio&&(i=z(i))}return t.ratio?B(n,r,i,s):p(i,r,void 0,s)}const Q=(r,e=null,n)=>W(r,e,n,{ratio:!0}),U=(r,e,n)=>{if(a(r))return{borderRadius:r.split(" ").map((t,i)=>B(e,n,t)[n]).join(" ")}};export{D as resolveColorsInGradient,N as splitTransition,X as transformBackgroundImage,y as transformBorder,U as transformBorderRadius,M as transformBoxShadow,J as transformDuration,Y as transformShadow,W as transformSize,Q as transformSizeRatio,P as transformTextStroke,V as transformTransition,H as transfromGap};
+import{isString as a,isObject as R,exec as O}from"@symbo.ls/utils";import{getActiveConfig as T}from"../factory.js";import{getSpacingByKey as p,getColor as m,getShadow as b,getMediaColor as h,getTimingByKey as j,getTimingFunction as B,getSpacingBasedOnRatio as C,checkIfBoxSize as E,splitSpacedValue as z}from"../system/index.js";import{getFnPrefixAndValue as I,isResolvedColor as d,isCSSVar as l,CSS_NATIVE_COLOR_REGEX as x,splitTopLevelCommas as S,parseColorToken as $}from"../utils/index.js";const A=new Set(["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset","initial"]),G=new Set(["to","top","bottom","left","right","center","at","circle","ellipse","closest-side","farthest-side","closest-corner","farthest-corner"]),_=r=>A.has(r),y=r=>{const e=r+"";if(x.test(e))return e;const n=e.trim();return n==="none"||n==="0"||n==="initial"||n==="inherit"||n==="unset"?e:e.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if(l(t))return`var(${t})`;if(_(t)||/^\d/.test(t)||t==="0")return t;const s=m(t);if(d(s))return s;const u=p(t,"border");return u&&u.border?u.border:t}).join(" ")},P=r=>x.test(r)?r:r.split(/\s+/).map(e=>{if(e=e.trim(),!e)return"";if(l(e))return`var(${e})`;if(/^\d/.test(e)||e.includes("px")||e==="0")return e;const n=m(e);return d(n)?n:e}).join(" "),Y=(r,e)=>b(r,e),M=(r,e)=>x.test(r)?r:S(r).map(n=>(n=n.trim(),n?n.split(/\s+/).map(i=>{if(i=i.trim(),!i)return"";if(l(i))return`var(${i})`;if(i==="inset"||i==="none")return i;const t=m(i);if(d(t)){const u=h(i,e);return R(u)?Object.values(u).filter(f=>f.includes(": "+e))[0]:u}if(/^\d/.test(i)||i==="0"||i.includes("px")||i.slice(-2)==="em")return i;const s=p(i,"shadow");return s&&s.shadow?s.shadow:i}).join(" "):"")).join(", "),D=(r,e)=>{const n=r.indexOf("(");if(n===-1)return r;const i=r.slice(0,n+1),t=r.slice(n+1,r.lastIndexOf(")")),s=")",f=S(t).map(c=>(c=c.trim(),c.split(/\s+/).map(o=>{if(!o||/^\d/.test(o)||o==="0"||G.has(o)||o==="transparent"||x.test(o))return o;const g=m(o);return d(g)?g:o}).join(" ")));return i+f.join(", ")+s},X=(r,e)=>{const n=T();return S(r).map(i=>{const t=i.trim();return l(t)?`var(${t})`:t.includes("url")?t:t.includes("gradient")?D(t,e):n.gradient[r]?{backgroundImage:h(r,e||n.globalTheme)}:t.includes("/")||t.startsWith("http")||t.includes(".")&&!$(t)?`url(${t})`:t}).join(", ")},H=r=>a(r)&&r.split(" ").map(e=>p(e,"gap").gap).join(" "),V=r=>{const e=r.split(" ");return e.length?e.map(n=>l(n)?`var(${n})`:n.length<3||n.includes("ms")?j(n).timing||n:B(n)?B(n):n).join(" "):r},J=(r,e,n)=>{if(a(r))return r.split(",").map(i=>j(i).timing||i).join(",")},N=r=>{const e=r.split(",");if(e.length)return e.map(V).join(",")};function W(r,e,n={},i={}){let t=O.call(this,e||n[r]);if(t==null)return;let s;if(a(t)){if(t.includes("(")){const c=I(t);s=c[0],t=c[1]}const u=n.scaleBoxSize,f=E(r);!u&&f&&!i.ratio&&(t=z(t))}return i.ratio?C(n,r,t,s):p(t,r,void 0,s)}const Q=(r,e=null,n)=>W(r,e,n,{ratio:!0}),U=(r,e,n)=>{if(a(r))return{borderRadius:r.split(" ").map((i,t)=>C(e,n,i)[n]).join(" ")}};export{D as resolveColorsInGradient,N as splitTransition,X as transformBackgroundImage,y as transformBorder,U as transformBorderRadius,M as transformBoxShadow,J as transformDuration,Y as transformShadow,W as transformSize,Q as transformSizeRatio,P as transformTextStroke,V as transformTransition,H as transfromGap};

package/dist/esm/src/utils/color.js

@@ -1 +1 @@
-import{document as a,window as h,isString as c,isNumber as x,isNotProduction as d}from"@symbo.ls/utils";const p=t=>{if(t==="")return[0,0,0,0];if(t.toLowerCase()==="transparent")return[0,0,0,0];if(t[0]==="#")return t.length<7&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(t.length>4?t[4]+t[4]:"")),[parseInt(t.substr(1,2),16),parseInt(t.substr(3,2),16),parseInt(t.substr(5,2),16),t.length>7?parseInt(t.substr(7,2),16)/255:1];if(t.indexOf("rgb")===-1&&a&&h){const e=a.body.appendChild(a.createElement("fictum")),r="rgb(1, 2, 3)";if(e.style.color=r,e.style.color!==r){a.body.removeChild(e);return}if(e.style.color=t,e.style.color===r||e.style.color==="")return a.body.removeChild(e),[0,0,0,0];t=h.getComputedStyle(e).color,a.body.removeChild(e)}return t.indexOf("rgb")===0?(t.indexOf("rgba")===-1&&(t=`${t}, 1`),t.match(/[\.\d]+/g).map(e=>+e)):[0,0,0,0]},O=(t,e,r=.5)=>(t=p(t),e=p(e),T(t,e,r)),E=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return`rgb(${r},${s},${n})`},m=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return[r,s,n]},L=(t,e,r)=>"#"+(1<<24|t<<16|e<<8|r).toString(16).slice(1),b=([t,e,r])=>((1<<24)+(t<<16)+(e<<8)+r).toString(16).slice(1),F=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(i=>parseInt(i,16));return`rgba(${r},${s},${n},${e})`},_=(t,e,r=.5)=>{const s=[];for(let n=0;n<3;n++)s[n]=~~(t[n]+(e[n]-t[n])*r);return`rgb(${s})`},A=(t,e)=>{const[r,s,n]=e,i=Math.max(0,Math.min(100,n+parseFloat(t)));return[r,s,i]},l=(t,e,r)=>{const s=Math.max(t,e,r),n=s-Math.min(t,e,r),i=1-Math.abs(s+s-n-1),o=n&&(s==t?(e-r)/n:s==e?2+(r-t)/n:4+(t-e)/n);return[60*(o<0?o+6:o),i?n/i:0,(s+s-n)/2]},w=(t,e,r,s=e*Math.min(r,1-r),n=(i,o=(i+t/30)%12)=>r-s*Math.max(Math.min(o-3,9-o,1),-1))=>[n(0),n(8),n(4)],C=(t,e)=>{const r=parseInt(t,16);let s=(r>>16)+e;s>255?s=255:s<0&&(s=0);let n=(r>>8&255)+e;n>255?n=255:n<0&&(n=0);let i=(r&255)+e;return i>255?i=255:i<0&&(i=0),((i|n<<8|s<<16)+16777216).toString(16).slice(1)},T=(t,e,r=.5)=>{const s=[];for(let n=0;n<4;n++){const i=n===3?o=>o:Math.round;s[n]=i(t[n]+(e[n]-t[n])*r)}return`rgba(${s})`},H=(t,e)=>{const r=p(t);if(!r){d()&&console.warn(t+" color is not rgba");return}return r[3]=e,`rgba(${r})`},R=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45,y=/(?:rgba?\(|hsla?\(|#[0-9a-fA-F]{3,8}\b)/,S=/^([a-zA-Z]\w*)(?:\.(\d+))?(?:([+-]\d+|=\d+))?$/,N=t=>{if(!c(t))return null;if(y.test(t))return{passthrough:t};if(R(t))return{cssVar:t};const e=t.match(S);if(!e)return null;const[,r,s,n]=e,i=s!==void 0?`0.${s}`:void 0,o=n&&n[0]==="="?n.slice(1):n;return{name:r,alpha:i,tone:o}},V=t=>c(t)&&(t.includes("rgb")||t.includes("var(")||t.includes("#")),j=t=>{const e=[];let r="",s=0;for(const n of t){if(n==="("?s+=1:n===")"&&s>0&&(s-=1),n===","&&s===0){e.push(r),r="";continue}r+=n}return(r.length||!e.length)&&e.push(r),e},G=(t,e)=>{c(t)&&t.includes("rgb")&&(t=p(t).join(", ")),c(t)&&(t=t.split(",").map(n=>parseFloat(n.trim()))),x(e)&&(e+="");const r=b(t),s=e.slice(0,1);if(s==="-"||s==="+"){const n=C(r,parseFloat(e));return m(n).join(", ")}else{const[n,i,o]=t,u=l(n,i,o),[f,g,$]=u;return w(f,g,parseFloat(e)/100*255)}};export{y as CSS_NATIVE_COLOR_REGEX,A as changeLightness,p as colorStringToRgbaArray,C as getColorShade,G as getRgbTone,E as hexToRgb,m as hexToRgbArray,F as hexToRgba,w as hslToRgb,R as isCSSVar,V as isResolvedColor,O as mixTwoColors,_ as mixTwoRgb,T as mixTwoRgba,H as opacify,N as parseColorToken,b as rgbArrayToHex,l as rgbToHSL,L as rgbToHex,j as splitTopLevelCommas};
+import{document as o,window as h,isString as c,isNumber as x,isNotProduction as d}from"@symbo.ls/utils";const p=t=>{if(t==="")return[0,0,0,0];if(t.toLowerCase()==="transparent")return[0,0,0,0];if(t[0]==="#")return t.length<7&&(t="#"+t[1]+t[1]+t[2]+t[2]+t[3]+t[3]+(t.length>4?t[4]+t[4]:"")),[parseInt(t.substr(1,2),16),parseInt(t.substr(3,2),16),parseInt(t.substr(5,2),16),t.length>7?parseInt(t.substr(7,2),16)/255:1];if(t.indexOf("rgb")===-1&&o&&h){const e=o.body.appendChild(o.createElement("fictum")),r="rgb(1, 2, 3)";if(e.style.color=r,e.style.color!==r){o.body.removeChild(e);return}if(e.style.color=t,e.style.color===r||e.style.color==="")return o.body.removeChild(e),[0,0,0,0];t=h.getComputedStyle(e).color,o.body.removeChild(e)}return t.indexOf("rgb")===0?(t.indexOf("rgba")===-1&&(t=`${t}, 1`),t.match(/[\.\d]+/g).map(e=>+e)):[0,0,0,0]},O=(t,e,r=.5)=>(t=p(t),e=p(e),T(t,e,r)),E=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(a=>parseInt(a,16));return`rgb(${r},${s},${n})`},m=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(a=>parseInt(a,16));return[r,s,n]},L=(t,e,r)=>"#"+(1<<24|t<<16|e<<8|r).toString(16).slice(1),b=([t,e,r])=>((1<<24)+(t<<16)+(e<<8)+r).toString(16).slice(1),A=(t,e=1)=>{const[r,s,n]=t.match(/\w\w/g).map(a=>parseInt(a,16));return`rgba(${r},${s},${n},${e})`},F=(t,e,r=.5)=>{const s=[];for(let n=0;n<3;n++)s[n]=~~(t[n]+(e[n]-t[n])*r);return`rgb(${s})`},_=(t,e)=>{const[r,s,n]=e,a=Math.max(0,Math.min(100,n+parseFloat(t)));return[r,s,a]},l=(t,e,r)=>{const s=Math.max(t,e,r),n=s-Math.min(t,e,r),a=1-Math.abs(s+s-n-1),i=n&&(s==t?(e-r)/n:s==e?2+(r-t)/n:4+(t-e)/n);return[60*(i<0?i+6:i),a?n/a:0,(s+s-n)/2]},w=(t,e,r,s=e*Math.min(r,1-r),n=(a,i=(a+t/30)%12)=>r-s*Math.max(Math.min(i-3,9-i,1),-1))=>[n(0),n(8),n(4)],C=(t,e)=>{const r=parseInt(t,16);let s=(r>>16)+e;s>255?s=255:s<0&&(s=0);let n=(r>>8&255)+e;n>255?n=255:n<0&&(n=0);let a=(r&255)+e;return a>255?a=255:a<0&&(a=0),((a|n<<8|s<<16)+16777216).toString(16).slice(1)},T=(t,e,r=.5)=>{const s=[];for(let n=0;n<4;n++){const a=n===3?i=>i:Math.round;s[n]=a(t[n]+(e[n]-t[n])*r)}return`rgba(${s})`},H=(t,e)=>{const r=p(t);if(!r){d()&&console.warn(t+" color is not rgba");return}return r[3]=e,`rgba(${r})`},R=t=>t.charCodeAt(0)===45&&t.charCodeAt(1)===45,y=/(?:rgba?\(|hsla?\(|#[0-9a-fA-F]{3,8}\b)/,S=/^([a-zA-Z]\w*(?:-[a-zA-Z]\w*)*)(?:\.(\d+))?(?:([+-]\d+|=\d+))?$/,N=t=>{if(!c(t))return null;if(y.test(t))return{passthrough:t};if(R(t))return{cssVar:t};const e=t.match(S);if(!e)return null;const[,r,s,n]=e,a=s!==void 0?`0.${s}`:void 0,i=n&&n[0]==="="?n.slice(1):n;return{name:r,alpha:a,tone:i}},V=t=>c(t)&&(t.includes("rgb")||t.includes("var(")||t.includes("#")),j=t=>{const e=[];let r="",s=0;for(const n of t){if(n==="("?s+=1:n===")"&&s>0&&(s-=1),n===","&&s===0){e.push(r),r="";continue}r+=n}return(r.length||!e.length)&&e.push(r),e},z=(t,e)=>{c(t)&&t.includes("rgb")&&(t=p(t).join(", ")),c(t)&&(t=t.split(",").map(n=>parseFloat(n.trim()))),x(e)&&(e+="");const r=b(t),s=e.slice(0,1);if(s==="-"||s==="+"){const n=C(r,parseFloat(e));return m(n).join(", ")}else{const[n,a,i]=t,u=l(n,a,i),[f,g,$]=u;return w(f,g,parseFloat(e)/100*255)}};export{y as CSS_NATIVE_COLOR_REGEX,_ as changeLightness,p as colorStringToRgbaArray,C as getColorShade,z as getRgbTone,E as hexToRgb,m as hexToRgbArray,A as hexToRgba,w as hslToRgb,R as isCSSVar,V as isResolvedColor,O as mixTwoColors,F as mixTwoRgb,T as mixTwoRgba,H as opacify,N as parseColorToken,b as rgbArrayToHex,l as rgbToHSL,L as rgbToHex,j as splitTopLevelCommas};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "3.14.135",
+  "version": "3.14.404",
   "files": [
     "dist",
     "*.js",