@symbo.ls/scratch 3.14.650 → 3.14.674

package/CHANGELOG.md

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

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

@@ -1 +1 @@
-"use strict";var S=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var j=Object.prototype.hasOwnProperty;var b=(r,o)=>{for(var i in o)S(r,i,{get:o[i],enumerable:!0})},A=(r,o,i,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of h(o))!j.call(r,n)&&n!==i&&S(r,n,{get:()=>o[n],enumerable:!(a=g(o,n))||a.enumerable});return r};var V=r=>A(S({},"__esModule",{value:!0}),r);var x={};b(x,{getShadow:()=>u,setShadow:()=>C});module.exports=V(x);var w=require("../factory.js"),O=require("./color.js"),$=require("./spacing.js"),f=require("../utils/color.js"),c=require("@symbo.ls/utils");const C=(r,o,i,a)=>{const n=(0,w.getActiveConfig)();if((0,c.isArray)(r))return{"@light":C(r[0],o,"light"),"@dark":C(r[1],o,"dark")};if((0,c.isObject)(r)){const e={};for(const t in r)e[t]=C(r[t],o,t.startsWith("@")?t.slice(1):t);return e}(0,c.isString)(r)&&!f.CSS_NATIVE_COLOR_REGEX.test(r)&&(r=(0,f.splitTopLevelCommas)(r).map(e=>(e=e.trim(),e.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if(t.startsWith("--"))return`var(${t})`;const p=(0,O.getColor)(t);if((0,f.isResolvedColor)(p))return p;if(/^\d/.test(t)||t==="0"||t.includes("px")||t.slice(-2)==="em"||t==="inset"||t==="none")return t;const m=(0,$.getSpacingByKey)(t,"shadow");return m&&m.shadow?m.shadow:t}).join(" "))).join(", "));const d=`--${n.varPrefix?n.varPrefix+"-":""}shadow-${o}`+(i?`-${i}`:"");return n.useVariable&&(n.cssVars[d]=r),{var:d,value:r}},u=(r,o)=>{const i=(0,w.getActiveConfig)();if(o||(o=i.globalTheme),!(0,c.isString)(r)){i.verbose&&console.warn(r,"- type for color is not valid");return}if((0,f.isCSSVar)(r))return`var(${r})`;const[a]=(0,c.isArray)(r)?r:r.split(" "),s=i.shadow[a],d=(0,c.isObject)(s);if(!s)return i.verbose&&console.warn("Can't find color ",a),r;if(o){if(s[o])return s[o].value;i.verbose&&console.warn(r," - does not have ",o)}if(d&&s.value)return s.value;if(d){const e={};for(const t in s){const p=i.media[t.slice(1)],m="@media "+(p==="print"?`${p}`:`screen and ${p}`);e[m]=s.value}return e}return i.verbose&&console.warn("Can't find color",r),r};
+"use strict";var h=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var j=(r,n)=>{for(var i in n)h(r,i,{get:n[i],enumerable:!0})},A=(r,n,i,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of V(n))!g.call(r,s)&&s!==i&&h(r,s,{get:()=>n[s],enumerable:!(d=O(n,s))||d.enumerable});return r};var $=r=>A(h({},"__esModule",{value:!0}),r);var N={};j(N,{getShadow:()=>x,setShadow:()=>S});module.exports=$(N);var w=require("../factory.js"),u=require("./color.js"),l=require("./spacing.js"),f=require("../utils/color.js"),c=require("@symbo.ls/utils");const S=(r,n,i,d)=>{const s=(0,w.getActiveConfig)();if((0,c.isArray)(r)){const o={"@light":S(r[0],n,"light"),"@dark":S(r[1],n,"dark")};return s.useVariable&&(0,u.setAdaptiveSchemeVar)(o,"shadow",n,s),o}if((0,c.isObject)(r)){const o={};for(const t in r)o[t]=S(r[t],n,t.startsWith("@")?t.slice(1):t);return s.useVariable&&(0,u.setAdaptiveSchemeVar)(o,"shadow",n,s),o}(0,c.isString)(r)&&!f.CSS_NATIVE_COLOR_REGEX.test(r)&&(r=(0,f.splitTopLevelCommas)(r).map(o=>(o=o.trim(),o.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if(t.startsWith("--"))return`var(${t})`;const a=(0,u.getColor)(t);if((0,f.isResolvedColor)(a))return a;if(/^\d/.test(t)||t==="0"||t.includes("px")||t.slice(-2)==="em"||t==="inset"||t==="none")return t;const p=(0,l.getSpacingByKey)(t,"shadow");return p&&p.shadow?p.shadow:t}).join(" "))).join(", "));const m=`--${s.varPrefix?s.varPrefix+"-":""}shadow-${n}`+(i?`-${i}`:"");return s.useVariable&&(s.cssVars[m]=r),{var:m,value:r}},x=(r,n)=>{const i=(0,w.getActiveConfig)();if(n||(n=i.globalTheme==="auto"?null:i.globalTheme),!(0,c.isString)(r)){i.verbose&&console.warn(r,"- type for color is not valid");return}if((0,f.isCSSVar)(r))return`var(${r})`;const[d]=(0,c.isArray)(r)?r:r.split(" "),e=i.shadow[d],m=(0,c.isObject)(e);if(!e)return i.verbose&&console.warn("Can't find color ",d),r;if(n){const o=e["@"+n]||e[n];if(o)return o.value!==void 0?o.value:o;i.verbose&&console.warn(r," - does not have ",n)}if(m&&e.value)return e.value;if(m){const o={};for(const t in e){if(t.charCodeAt(0)!==64)continue;const a=i.media[t.slice(1)];if(!a)continue;const p="@media "+(a==="print"?`${a}`:`screen and ${a}`),C=e[t],b=C&&(C.value!==void 0?C.value:C);b!==void 0&&(o[p]=b)}return o}return i.verbose&&console.warn("Can't find color",r),r};

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

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

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

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

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

@@ -1 +1 @@
-import{getActiveConfig as m}from"../factory.js";import{getColor as O}from"./color.js";import{getSpacingByKey as $}from"./spacing.js";import{isResolvedColor as g,isCSSVar as h,splitTopLevelCommas as j,CSS_NATIVE_COLOR_REGEX as b}from"../utils/color.js";import{isObject as C,isString as S,isArray as w}from"@symbo.ls/utils";const d=(r,o,i,p)=>{const c=m();if(w(r))return{"@light":d(r[0],o,"light"),"@dark":d(r[1],o,"dark")};if(C(r)){const s={};for(const t in r)s[t]=d(r[t],o,t.startsWith("@")?t.slice(1):t);return s}S(r)&&!b.test(r)&&(r=j(r).map(s=>(s=s.trim(),s.split(/\s+/).map(t=>{if(t=t.trim(),!t)return"";if(t.startsWith("--"))return`var(${t})`;const e=O(t);if(g(e))return e;if(/^\d/.test(t)||t==="0"||t.includes("px")||t.slice(-2)==="em"||t==="inset"||t==="none")return t;const a=$(t,"shadow");return a&&a.shadow?a.shadow:t}).join(" "))).join(", "));const f=`--${c.varPrefix?c.varPrefix+"-":""}shadow-${o}`+(i?`-${i}`:"");return c.useVariable&&(c.cssVars[f]=r),{var:f,value:r}},W=(r,o)=>{const i=m();if(o||(o=i.globalTheme),!S(r)){i.verbose&&console.warn(r,"- type for color is not valid");return}if(h(r))return`var(${r})`;const[p]=w(r)?r:r.split(" "),n=i.shadow[p],f=C(n);if(!n)return i.verbose&&console.warn("Can't find color ",p),r;if(o){if(n[o])return n[o].value;i.verbose&&console.warn(r," - does not have ",o)}if(f&&n.value)return n.value;if(f){const s={};for(const t in n){const e=i.media[t.slice(1)],a="@media "+(e==="print"?`${e}`:`screen and ${e}`);s[a]=n.value}return s}return i.verbose&&console.warn("Can't find color",r),r};export{W as getShadow,d as setShadow};
+import{getActiveConfig as C}from"../factory.js";import{getColor as l,setAdaptiveSchemeVar as S}from"./color.js";import{getSpacingByKey as O}from"./spacing.js";import{isResolvedColor as V,isCSSVar as g,splitTopLevelCommas as j,CSS_NATIVE_COLOR_REGEX as A}from"../utils/color.js";import{isObject as h,isString as w,isArray as b}from"@symbo.ls/utils";const p=(t,o,i,m)=>{const s=C();if(b(t)){const n={"@light":p(t[0],o,"light"),"@dark":p(t[1],o,"dark")};return s.useVariable&&S(n,"shadow",o,s),n}if(h(t)){const n={};for(const r in t)n[r]=p(t[r],o,r.startsWith("@")?r.slice(1):r);return s.useVariable&&S(n,"shadow",o,s),n}w(t)&&!A.test(t)&&(t=j(t).map(n=>(n=n.trim(),n.split(/\s+/).map(r=>{if(r=r.trim(),!r)return"";if(r.startsWith("--"))return`var(${r})`;const c=l(r);if(V(c))return c;if(/^\d/.test(r)||r==="0"||r.includes("px")||r.slice(-2)==="em"||r==="inset"||r==="none")return r;const a=O(r,"shadow");return a&&a.shadow?a.shadow:r}).join(" "))).join(", "));const f=`--${s.varPrefix?s.varPrefix+"-":""}shadow-${o}`+(i?`-${i}`:"");return s.useVariable&&(s.cssVars[f]=t),{var:f,value:t}},G=(t,o)=>{const i=C();if(o||(o=i.globalTheme==="auto"?null:i.globalTheme),!w(t)){i.verbose&&console.warn(t,"- type for color is not valid");return}if(g(t))return`var(${t})`;const[m]=b(t)?t:t.split(" "),e=i.shadow[m],f=h(e);if(!e)return i.verbose&&console.warn("Can't find color ",m),t;if(o){const n=e["@"+o]||e[o];if(n)return n.value!==void 0?n.value:n;i.verbose&&console.warn(t," - does not have ",o)}if(f&&e.value)return e.value;if(f){const n={};for(const r in e){if(r.charCodeAt(0)!==64)continue;const c=i.media[r.slice(1)];if(!c)continue;const a="@media "+(c==="print"?`${c}`:`screen and ${c}`),d=e[r],u=d&&(d.value!==void 0?d.value:d);u!==void 0&&(n[a]=u)}return n}return i.verbose&&console.warn("Can't find color",t),t};export{G as getShadow,p as setShadow};

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 m,getColor as p,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"]),_=t=>A.has(t),P=t=>{const e=t+"";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(r=>{if(r=r.trim(),!r)return"";if(l(r))return`var(${r})`;if(_(r)||/^\d/.test(r)||r==="0")return r;const o=p(r);if(d(o))return o;const u=m(r,"border");return u&&u.border?u.border:r}).join(" ")},Y=t=>x.test(t)?t:t.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=p(e);return d(n)?n:e}).join(" "),y=(t,e)=>b(t,e),M=(t,e)=>x.test(t)?t:S(t).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 r=p(i);if(d(r)){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 o=m(i,"shadow");return o&&o.shadow?o.shadow:i}).join(" "):"")).join(", "),D=(t,e)=>{const n=t.indexOf("(");if(n===-1)return t;const i=t.slice(0,n+1),r=t.slice(n+1,t.lastIndexOf(")")),o=")",f=S(r).map(c=>(c=c.trim(),c.split(/\s+/).map(s=>{if(!s||/^\d/.test(s)||s==="0"||G.has(s)||s==="transparent"||x.test(s))return s;const g=p(s);return d(g)?g:s}).join(" ")));return i+f.join(", ")+o},X=(t,e)=>{const n=T();return S(t).map(i=>{const r=i.trim();return l(r)?`var(${r})`:/^var\(/.test(r)||r.includes("url")?r:r.includes("gradient")?D(r,e):n.gradient[t]?{backgroundImage:h(t,e||n.globalTheme)}:r.includes("/")||r.startsWith("http")||r.includes(".")&&!$(r)?`url(${r})`:r}).join(", ")},H=t=>a(t)&&t.split(" ").map(e=>m(e,"gap").gap).join(" "),V=t=>{const e=t.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(" "):t},J=(t,e,n)=>{if(a(t))return t.split(",").map(i=>j(i).timing||i).join(",")},Q=t=>{const e=t.split(",");if(e.length)return e.map(V).join(",")};function W(t,e,n={},i={}){let r=O.call(this,e||n[t]);if(r==null)return;let o;if(a(r)){if(/^(?:env|var)\(/.test(r.trim()))return{[t]:r};if(r.includes("(")){const c=I(r);o=c[0],r=c[1]}const u=n.scaleBoxSize,f=E(t);!u&&f&&!i.ratio&&(r=z(r))}return i.ratio?C(n,t,r,o):m(r,t,void 0,o)}const U=(t,e=null,n)=>W(t,e,n,{ratio:!0}),Z=(t,e,n)=>{if(a(t))return{borderRadius:t.split(" ").map((i,r)=>C(e,n,i)[n]).join(" ")}};export{D as resolveColorsInGradient,Q as splitTransition,X as transformBackgroundImage,P as transformBorder,Z as transformBorderRadius,M as transformBoxShadow,J as transformDuration,y as transformShadow,W as transformSize,U as transformSizeRatio,Y as transformTextStroke,V as transformTransition,H as transfromGap};
+import{isString as f,isObject as h,exec as O}from"@symbo.ls/utils";import{getActiveConfig as T}from"../factory.js";import{getSpacingByKey as m,getColor as d,getShadow as b,getMediaColor as j,getTimingByKey as B,getTimingFunction as C,getSpacingBasedOnRatio as R,checkIfBoxSize as E,splitSpacedValue as I}from"../system/index.js";import{getFnPrefixAndValue as z,isResolvedColor as p,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"]),_=t=>A.has(t),P=t=>{const e=t+"";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(r=>{if(r=r.trim(),!r)return"";if(l(r))return`var(${r})`;if(_(r)||/^\d/.test(r)||r==="0")return r;const o=d(r);if(p(o))return o;const s=m(r,"border");return s&&s.border?s.border:r}).join(" ")},Y=t=>x.test(t)?t:t.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=d(e);return p(n)?n:e}).join(" "),y=(t,e)=>b(t,e),M=(t,e)=>x.test(t)?t:S(t).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 r=d(i);if(p(r)){const s=j(i,e);return h(s)?Object.values(s).filter(a=>a.includes(": "+e))[0]:s}if(/^\d/.test(i)||i==="0"||i.includes("px")||i.slice(-2)==="em")return i;const o=m(i,"shadow");return o&&o.shadow?o.shadow:i}).join(" "):"")).join(", "),D=(t,e)=>{const n=t.indexOf("(");if(n===-1)return t;const i=t.slice(0,n+1),r=t.slice(n+1,t.lastIndexOf(")")),o=")",a=S(r).map(c=>(c=c.trim(),c.split(/\s+/).map(u=>{if(!u||/^\d/.test(u)||u==="0"||G.has(u)||u==="transparent"||x.test(u))return u;const g=d(u);return p(g)?g:u}).join(" ")));return i+a.join(", ")+o},X=(t,e)=>{const n=T();return S(t).map(i=>{const r=i.trim();if(l(r))return`var(${r})`;if(/^var\(/.test(r)||r.includes("url"))return r;if(n.gradient?.[r]){const o=j(r,e);if(f(o))return o;if(h(o)){for(const s in o)if(f(o[s]))return o[s]}return r}return r.includes("gradient")?D(r,e):r.includes("/")||r.startsWith("http")||r.includes(".")&&!$(r)?`url(${r})`:r}).join(", ")},H=t=>f(t)&&t.split(" ").map(e=>m(e,"gap").gap).join(" "),V=t=>{const e=t.split(" ");return e.length?e.map(n=>l(n)?`var(${n})`:n.length<3||n.includes("ms")?B(n).timing||n:C(n)?C(n):n).join(" "):t},J=(t,e,n)=>{if(f(t))return t.split(",").map(i=>B(i).timing||i).join(",")},Q=t=>{const e=t.split(",");if(e.length)return e.map(V).join(",")};function W(t,e,n={},i={}){let r=O.call(this,e||n[t]);if(r==null)return;let o;if(f(r)){if(/^(?:env|var)\(/.test(r.trim()))return{[t]:r};if(r.includes("(")){const c=z(r);o=c[0],r=c[1]}const s=n.scaleBoxSize,a=E(t);!s&&a&&!i.ratio&&(r=I(r))}return i.ratio?R(n,t,r,o):m(r,t,void 0,o)}const U=(t,e=null,n)=>W(t,e,n,{ratio:!0}),Z=(t,e,n)=>{if(f(t))return{borderRadius:t.split(" ").map((i,r)=>R(e,n,i)[n]).join(" ")}};export{D as resolveColorsInGradient,Q as splitTransition,X as transformBackgroundImage,P as transformBorder,Z as transformBorderRadius,M as transformBoxShadow,J as transformDuration,y as transformShadow,W as transformSize,U as transformSizeRatio,Y as transformTextStroke,V as transformTransition,H as transfromGap};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "3.14.650",
+  "version": "3.14.674",
   "files": [
     "dist",
     "*.js",
@@ -33,7 +33,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@symbo.ls/utils": "^3.14.599",
+    "@symbo.ls/utils": "^3.14.651",
     "color-contrast-checker": "^1.5.0"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",