@symbo.ls/scratch 3.14.2 → 3.14.4

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

@@ -0,0 +1 @@
+import{merge as p}from"@symbo.ls/utils";import{getActiveConfig as r}from"../factory.js";import{applyMediaSequenceVars as h,applySequenceVars as N,findHeadings as b,generateSequence as u,getSequenceValuePropertyPair as w}from"../utils/index.js";const M=e=>{const n=r(),{typography:s,media:c}=n;for(const a in e){const o=a.slice(0,1)==="@",t=e[a];if(!o)continue;const{mediaRegenerate:i}=e,m=a.slice(1),{type:d,base:y,ratio:S,range:f,subSequence:v,h1Matches:P,unit:g}=e;p(t,{type:d,base:y,ratio:S,range:f,subSequence:v,h1Matches:P,unit:g});const q=new Set(["vw","vh","vmin","vmax","svw","svh","lvw","lvh","dvw","dvh"]),H=t.unit||g,I=!t.unit&&q.has(g)?"rem":H,l=c[m],G="@media "+(l==="print"?`${l}`:`screen and ${l}`);if(s.templates[G]={fontSize:t.base/s.browserDefault+I},!i){p(t,{sequence:{},scales:{},vars:{}}),u(t),h(e,a);continue}p(t,{sequence:{},scales:{},templates:{},vars:{}}),u(t),h(e,a)}},V=e=>{const n=r();if(e.h1Matches){const s=e.unit,c=b(e),{templates:a}=e;for(const o in c){const t=`h${parseInt(o)+1}`,i=a[t];a[t]={fontSize:n.useVariable?`var(${c[o]?.variable})`:`${c[o]?.scaling}${s}`,margin:i?i.margin:0,lineHeight:i?i.lineHeight:e.lineHeight,letterSpacing:i?i.letterSpacing:e.letterSpacing,fontWeight:i?i.fontWeight:900-o*100}}}},D=()=>{const e=r(),{typography:n}=e;u(n),V(n),N(n),M(n)},E=e=>{const n=r(),{typography:s}=n;return w(e,"fontSize",s)};export{V as applyHeadings,D as applyTypographySequence,E as getFontSizeByKey,M as runThroughMedia};

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

@@ -0,0 +1 @@
+const A=(o,t)=>{},c=(o,t)=>{};export{A as testWCAGAA,c as testWCAGAAA};

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

@@ -0,0 +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};

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

@@ -0,0 +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};

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

@@ -0,0 +1,9 @@
+const c=(t,r)=>{if(!t||!r)return null;try{return new URL(t),null}catch{}const n=r[t];return n?n.content&&n.content.src:null},k=(t,r)=>{if(t[r])return t[r].value;if(t.default)return t[t.default].value;const n=Object.keys(t)[0];return n&&t[n]&&t[n].value},$=t=>{if(typeof t!="string"||!t)return null;const r=t.split(/[#?]/)[0].split(".").pop().trim();return["woff2","woff","ttf","otf","eot"].includes(r)?r:null},S=t=>t&&(t.includes("fonts.googleapis.com")||t.includes("fonts.gstatic.com")),x=t=>`@import url('${t}');`,d=t=>`@font-face { ${t} }`,y=(t,r,n,o={})=>{const l=(Array.isArray(r)?r:[r]).filter(s=>typeof s=="string"&&s).map(s=>{const f=$(s),u=f?` format('${f}')`:"";return`url('${s}')${u}`}).join(`,
+       `);return`
+  font-family: '${t}';
+  font-style: ${o.fontStyle||"normal"};${n?`
+  font-weight: ${n};`:""}${o.fontStretch?`
+  font-stretch: ${o.fontStretch};`:""}${o.fontDisplay?`
+  font-display: ${o.fontDisplay};`:""}
+  src: ${l};`},i=(t,r,n,o)=>`@font-face {${y(t,r,n,o)}
+}`,m=(t,r,n)=>Object.keys(r).map(a=>{const{url:e,fontWeight:l,fontStyle:s,fontDisplay:f,fontStretch:u}=r[a],F=Array.isArray(e)?e.map(p=>c(p,n)||p):c(e,n)||e;return y(t,F,l,{fontStyle:s,fontDisplay:f,fontStretch:u})}),v=t=>Object.keys(t).map(n=>m(n,t[n].value)),D=(t,r,n)=>{if(r&&r.isVariable){const e=c(r.url,n)||r.url;return S(e)?x(e):i(t,e,r.fontWeight,{fontStretch:r.fontStretch,fontDisplay:r.fontDisplay||"swap"})}if(r[0])return m(t,r,n).map(d);const a=Array.isArray(r.url)?r.url.map(e=>c(e,n)||e):c(r.url,n)||r.url;return i(t,a,r.fontWeight,{fontStyle:r.fontStyle,fontDisplay:r.fontDisplay,fontStretch:r.fontStretch})},U=(t,r)=>Object.keys(t).map(o=>D(o,t[o].value,r));export{k as getDefaultOrFirstKey,v as getFontFace,m as getFontFaceEach,D as getFontFaceEachString,U as getFontFaceString,$ as getFontFormat,S as isGoogleFontsUrl,c as resolveFileUrl,y as setCustomFont,i as setCustomFontMedia,x as setFontImport,d as setInCustomFontMedia};

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

@@ -0,0 +1 @@
+export*from"./unit.js";export*from"./color.js";export*from"./theme.js";export*from"./font.js";export*from"./sequence.js";export*from"./var.js";export*from"./sprite.js";

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

@@ -0,0 +1 @@
+import{isString as w}from"@symbo.ls/utils";import{toDashCase as K}from"@symbo.ls/utils";import{getActiveConfig as y}from"../factory.js";import{CSS_UNITS as N,isScalingUnit as R}from"./unit.js";import{isCSSVar as T}from"./color.js";const S={"-6":"U","-5":"V","-4":"W","-3":"X","-2":"Y","-1":"Z",0:"A",1:"B",2:"C",3:"D",4:"E",5:"F",6:"G",7:"H",8:"I",9:"J",10:"K",11:"L",12:"M",13:"N",14:"O",15:"P",16:"Q",17:"R",18:"S",19:"T"},M=(t,n)=>{const{key:r,variable:s,value:c,scaling:e,index:o,scalingVariable:p}=t;n.sequence[r]={key:r,decimal:~~(c*100)/100,val:~~c,scaling:e,index:o,scalingVariable:p,variable:s},n.scales[r]=e;const a=A.has(n.unit)?"rem":n.unit;n.vars[s]=e+a},_=t=>{if(!t.includes("("))return t;const n=t.split("(")[0],r=t.slice(t.indexOf("(")+1,t.lastIndexOf(")"));return[n,r]},A=new Set(["vw","vh","vmin","vmax","svw","svh","lvw","lvh","dvw","dvh"]),I=(t,n)=>{const{base:r,type:s,unit:c}=n,e=A.has(c)?"rem":c,o=(R(e)?1:r)+e;if(t===0)return o;const a="--"+(n.varPrefix?n.varPrefix+"-":"")+(s&&s.replace(".","-")),u=`${a}-ratio`;if(t>0){const l=S[t-1];return`calc(var(${a}-${l}) * var(${u}))`}if(t<0){const l=S[t+1],$=Math.abs(t),h=Math.pow(C,2*$),x=S[$];return x?`max(calc(var(${a}-${l}) / var(${u})), calc(var(${a}-${x}) / ${h.toFixed(4)}))`:`calc(var(${a}-${l}) / var(${u}))`}},F=(t,n,r,s)=>{const{type:c}=s,o=t===2&&n.length===2?t+1:t,u=`${"--"+(s.varPrefix?s.varPrefix+"-":"")+(c&&c.replace(".","-"))}-sub-ratio-`;return`calc(var(${r}) * var(${u+o}))`},L=(t,n)=>{const s=(t*n-t)/1.618,c=t*n-s,e=t+s,o=(c+e)/2;return[c,o,e]},Z=(t,n)=>L(t,n).map(r=>r/t),O=(t,n)=>{const{key:r,base:s,value:c,ratio:e,variable:o,index:p}=t,u=~~(c*e)-~~c;let l;const[$,h,x]=L(c,e);u>16?l=[$,h,x]:l=[$,x],l.forEach((d,i)=>{const g=~~(d/s*1e3)/1e3,m=o+(i+1),V=p+(i+1)/10,f=F(i+1,l,o,n),b={key:r+(i+1),variable:m,value:d,scaling:g,scalingVariable:f,index:V};M(b,n)})},C=1.618,j=(t,n,r)=>{if(t>=0)return n*Math.pow(r,t);const s=Math.abs(t),c=n*Math.pow(r,t),e=n*Math.pow(r,s)/Math.pow(C,2*s);return Math.max(c,e)},J=t=>{const{type:n,base:r,ratio:s,range:c,subSequence:e}=t,o=Math.abs(c[0])+Math.abs(c[1]),a="--"+(t.varPrefix?t.varPrefix+"-":"")+(n&&n.replace(".","-"))+"-";for(let u=0;u<=o;u++){const l=c[1]-u,$=S[l],h=j(l,r,s),x=~~(h/r*100)/100,d=a+$,i=I(l,t),g={key:$,variable:d,value:h,base:r,scaling:x,scalingVariable:i,ratio:s,index:l};M(g,t),e&&O(g,t)}return t},Q=(t,n=0)=>{const{type:r,base:s,ratio:c,subSequence:e}=t,o=w(n)?n:S[n],p=w(n)?Object.entries(S).find(([,g])=>g===n)?.[0]:n;if(!o)return console.warn(`Position ${n} is out of range in numToLetterMap`),null;const a={sequence:{},scales:{},vars:{},...t},u=s*Math.pow(c,p),l=~~(u/s*100)/100,x="--"+(t.varPrefix?t.varPrefix+"-":"")+(r&&r.replace(".","-"))+"-"+o,d=I(p,t),i={key:o,variable:x,value:u,base:s,scaling:l,scalingVariable:d,ratio:c,index:p};return M(i,a),e&&O(i,a),a},U=(t="A",n)=>{const r=y(),{unit:s}=r;if(w(t)&&T(t))return`var(${t})`;const{sequence:c,unit:e=s.default,useVariable:o}=n,p=/^-?[a-zA-Z]/i,a=p.test(t);if(N.some(f=>t.includes(f))||!a||["none","auto","max-content","min-content","fit-content","inherit","initial","unset","revert","revert-layer"].includes(t))return t;const h=`--${n.varPrefix?n.varPrefix+"-":""}${K(n.type.replace(".","-"))}-`,x=t.toUpperCase(),d=x.slice(0,1)==="-"?"-":"";let i=d?x.slice(1):x,g="";i.includes("_")&&(g="_"+i.split("_")[1].toLowerCase(),i=i.split("_")[0]);const m=f=>p.test(f)?`var(${h}${f}${g})`:f;if(i.includes("+")){const[f,b]=i.split("+"),v=`${m(f)} + ${m(b)}`;return d?`calc((${v}) * -1)`:`calc(${v})`}else if(i.includes("*")){const[f,b]=i.split("*"),v=`${m(f)} * ${m(b)}`;return d?`calc((${v}) * -1)`:`calc(${v})`}else if(i.includes("-")){const[f,b]=i.split("-"),v=`${m(f)} - ${m(b)}`;return d?`calc((${v}) * -1)`:`calc(${v})`}if(!c[i]&&i.length===2&&(r.verbose&&console.warn(i,"- value is not found because `subSequence` is set to false"),i=i.slice(0,1)),o||r.useVariable){const f=`var(${h}${i}${g})`;return d?`calc(${f} * -1)`:f}const V=c?c[i]:null;return V?e==="ms"||e==="s"?d+V.val+e:d+V.scaling+e:console.warn("can't find",c,i)},D=(t,n)=>{if(!["+","-","*","/",","].filter(e=>t.includes(e+" ")).length)return t;const s=/(\s*[+\-*/,]\s*)/;return t.split(s).map(e=>{const o=e.trim();return!o||["+","-","*","/",","].includes(o)?e:U(o,n)}).join("")},X=(t,n,r,s)=>{if(typeof t!="string")return y().verbose&&console.warn(n,t,"is not a string"),{[n]:t};if(t==="-"||t==="")return{};if(!s&&t.includes("(")){const e=_(t);s=e[0],t=e[1]}return["+","-","*","/",","].filter(e=>t.includes(e+" ")).length?t=D(t,r):t=U(t,r),{[n]:s?`${s}(${t})`:t}},W=(t,n)=>S[t-n],Y=t=>{const{h1Matches:n,sequence:r}=t;return new Array(6).fill(null).map((s,c)=>{const e=W(n,c);return r[e]})};export{W as findHeadingLetter,Y as findHeadings,J as generateSequence,Q as generateSequencePosition,O as generateSubSequence,_ as getFnPrefixAndValue,U as getSequenceValue,D as getSequenceValueBySymbols,X as getSequenceValuePropertyPair,Z as getSubratio,L as getSubratioDifference,S as numToLetterMap,I as setScalingVar,F as setSubScalingVar};

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

@@ -0,0 +1 @@
+import{isNotProduction as p,isString as a}from"@symbo.ls/utils";import{getActiveConfig as g}from"../factory.js";const u=p(),S=e=>{const r=g();let t="";for(const o in e)r.__svgCache[o]||(r.__svgCache[o]=!0,t+=e[o]);return t},$=e=>{const r=e&&(e.default||e);if(!a(r))return u&&console.warn("parseRootAttributes:",r,"is not a string"),{};const t=r.match(/<svg\s+(.*?)>/);if(!t||!t[1])return{};const c=t[1].match(/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm);return c?c.reduce((s,i)=>{const[l,n]=i.split("=");return s[l]=n.replace(/['"]/g,""),s},{}):{}},d=(e,r)=>{const t=[];if(e.replace(/id="([^"]*)"/g,(c,s)=>(t.push(s),c)),!t.length)return e;let o=e;for(const c of t){const s=c.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),i=`${r}-${c}`;o=o.replace(new RegExp(`id="${s}"`,"g"),`id="${i}"`).replace(new RegExp(`url\\(#${s}\\)`,"g"),`url(#${i})`).replace(new RegExp(`xlink:href="#${s}"`,"g"),`xlink:href="#${i}"`).replace(new RegExp(`href="#${s}"`,"g"),`href="#${i}"`)}return o},C=(e,r)=>{const t=$(r),{width:o,height:c}=t,s=t.viewBox||`0 0 ${o||24} ${c||24}`;let n=d(r,e).replace("<svg",`<symbol id="${e}" xmlns="http://www.w3.org/2000/svg" viewBox="${s}"`);return n=n.replace(/width="[^"]*"/,""),n=n.replace(/height="[^"]*"/,""),n=n.replace("</svg","</symbol"),n=x(n),n},f="line|circle|ellipse|rect|polyline|polygon|path|stop|use|image",h=new RegExp(`<(${f})\\b([^>]*?)\\s*/>`,"g"),x=e=>e.replace(h,"<$1$2></$1>");export{C as convertSvgToSymbol,S as generateSprite};

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

@@ -0,0 +1 @@
+const u=(e,t)=>{if(e)return e.themes&&e.themes[t]?e.themes[t]:e[t]?[e,e[t]]:e};export{u as returnSubThemeOrDefault};

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

@@ -0,0 +1 @@
+const m=c=>c==="em"||c==="rem"||c==="vw"||c==="vh"||c==="vmax"||c==="vmin",v=["px","cm","mm","in","pt","pc","em","rem","ex","cap","ch","ic","lh","rlh","%","vw","vh","vmin","vmax","svw","svh","lvw","lvh","dvw","dvh","cqw","cqh","cqi","cqb","cqmin","cqmax","deg","rad","grad","turn","s","ms","dpi","dpcm","dppx","fr","auto"];export{v as CSS_UNITS,m as isScalingUnit};

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

@@ -0,0 +1 @@
+import{isObjectLike as _}from"@symbo.ls/utils";import{getActiveConfig as y}from"../factory.js";import{getSubratio as g}from"./sequence.js";import{isScalingUnit as w}from"./unit.js";const G=(e,i)=>{const m=y(),{cssVars:c}=m;_(e.value)||(c[e.var]=e.value)},I=(e,i,m)=>{const c=y(),{unit:p}=c,o=i.unit||p.default,{base:n,ratio:s,type:l}=i,t="--"+(i.varPrefix?i.varPrefix+"-":"")+(l&&l.replace(".","-"));e[`${t}-base`]=n,e[`${t}-unit`]=o;const d=`${t}-ratio`;e[d]=s;const[a,v,r]=g(n,s);e[`${t}-sub-ratio-1`]=`calc(var(${t}-ratio) * ${a/s})`,e[`${t}-sub-ratio-2`]=`calc(var(${t}-ratio) * ${v/s})`,e[`${t}-sub-ratio-3`]=`calc(var(${t}-ratio) * ${r/s})`},N=new Set(["vw","vh","vmin","vmax","svw","svh","lvw","lvh","dvw","dvh"]),M=(e,i={})=>{const m=y(),{unit:c,timing:p,cssVars:o}=m,n=e.unit||c.default,s=N.has(n)?"rem":n,{mediaRegenerate:l,sequence:f,scales:t}=e;l||I(o,e,i);for(const d in f){const a=f[d],v=(e.type===p.type?f[d].val:t[d])+s;if(!l){o[a.variable+"_default"]=v,o[a.variable]=a.scalingVariable;continue}i.useDefault===!1?o[a.variable]=v:(o[a.variable+"_default"]=v,o[a.variable]=`var(${a.variable+"_default"})`)}},k=(e,i,m={})=>{const c=y(),{unit:p,media:o,cssVars:n}=c,s=i.slice(1),l=e[i],f=l.unit||e.unit||p.default,t=N.has(f)?"rem":f,{mediaRegenerate:d}=e,{sequence:a,scales:v}=l,r=o[s];if(!r&&c.verbose&&console.warn("Can't find media query ",r),!d){let u=n[`@media ${r}`];u||(u=n[`@media ${r}`]={}),I(u,l,m);const $=e.unit||p.default;if(t!==$&&a)for(const S in a){const b=a[S],V=v[S]+t;u[b.variable+"_default"]=V,u[b.variable]=V}return}for(const u in a){const $=a[u],S=(w(t)?v[u]:a[u].val)+t;!r&&c.verbose&&console.warn("Can't find query ",r);let b=n[`@media ${r}`];b||(b=n[`@media ${r}`]={}),b[$.variable]=`var(${$.variable+"_"+s})`,n[$.variable+"_"+s]=S}};export{k as applyMediaSequenceVars,I as applySequenceGlobalVars,M as applySequenceVars,G as setVariables};

package/package.json

@@ -2,39 +2,40 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "3.14.2",
+  "version": "3.14.4",
   "files": [
     "dist",
-    "*.js",
-    "src"
+    "*.md",
+    "LICENSE"
   ],
   "repository": "https://github.com/symbo-ls/smbls",
   "type": "module",
-  "module": "./index.js",
-  "unpkg": "./dist/iife/index.js",
-  "jsdelivr": "./dist/iife/index.js",
-  "main": "./index.js",
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
   "exports": {
-    ".": "./index.js",
+    ".": {
+      "development": "./index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    },
     "./package.json": "./package.json"
   },
   "source": "src/index.js",
   "publishConfig": {
-    "access": "public"
+    "access": "restricted"
   },
   "scripts": {
-    "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "NODE_ENV=$NODE_ENV esbuild $(find src -name '*.js') --target=es2020 --format=esm --outdir=dist/esm --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build:cjs": "NODE_ENV=$NODE_ENV esbuild $(find src -name '*.js') --target=node18 --format=cjs --outdir=dist/cjs --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build:iife": "NODE_ENV=$NODE_ENV esbuild src/index.js --bundle --target=es2020 --format=iife --global-name=SmblsScratch --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build": "node ../../build/build.js",
-    "prepublish": "npm run build && npm run copy:package:cjs"
+    "build:esm": "esbuild $(find . -type f -name \"*.js\" -not -path \"*/dist/*\" -not -path \"*/node_modules/*\" -not -path \"*/__tests__/*\" -not -path \"*/test/*\" -not -path \"*/demo/*\" -not -path \"*/demos/*\" -not -path \"*/examples/*\" -not -path \"*/fixtures/*\" -not -name \"*.test.js\") --target=es2022 --format=esm --outbase=. --outdir=dist/esm --minify --log-level=warning",
+    "build:cjs": "esbuild $(find . -type f -name \"*.js\" -not -path \"*/dist/*\" -not -path \"*/node_modules/*\" -not -path \"*/__tests__/*\" -not -path \"*/test/*\" -not -path \"*/demo/*\" -not -path \"*/demos/*\" -not -path \"*/examples/*\" -not -path \"*/fixtures/*\" -not -name \"*.test.js\") --target=node20 --format=cjs --outbase=. --outdir=dist/cjs --minify --log-level=warning",
+    "build": "rimraf dist && npm run build:esm && npm run build:cjs && node -e \"require('fs').writeFileSync('dist/cjs/package.json', '{\\\"type\\\": \\\"commonjs\\\"}')\"",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@symbo.ls/utils": "^3.14.2",
+    "@symbo.ls/utils": "^3.14.5",
     "color-contrast-checker": "^1.5.0"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
-  "browser": "./index.js",
+  "browser": "./dist/esm/index.js",
   "sideEffects": true
 }

package/index.js

@@ -1 +0,0 @@
-export * from './src/index.js'

package/src/defaultConfig/animation.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const animation = {}

package/src/defaultConfig/cases.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const cases = {}

package/src/defaultConfig/class.js

@@ -1,6 +0,0 @@
-'use strict'
-
-const defaultProps = {}
-
-// 'class' is a reserved word — export as named alias
-export { defaultProps as class }

package/src/defaultConfig/color.js

@@ -1,9 +0,0 @@
-'use strict'
-
-var proto = { // eslint-disable-line
-  name: '',
-  value: ''
-}
-
-export const color = {}
-export const gradient = {}

package/src/defaultConfig/document.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const document = {}

package/src/defaultConfig/font-family.js

@@ -1,15 +0,0 @@
-'use strict'
-
-var defaultFont = { // eslint-disable-line
-  name: '',
-  family: '',
-  type: ''
-}
-
-export const fontFamily = {}
-export const fontFamilyTypes = {
-  'sans-serif': 'Helvetica, Arial, sans-serif, --system-default',
-  serif: 'Times New Roman, Georgia, serif, --system-default',
-  monospace: 'Courier New, monospace, --system-default'
-}
-export const fontFace = {}

package/src/defaultConfig/font.js

@@ -1,12 +0,0 @@
-'use strict'
-
-var defFont = { // eslint-disable-line
-  name: '',
-  url: '',
-  fontStyle: '',
-  fontWeight: 500,
-  fontStretch: 'normal',
-  fontOpticalSizing: 'auto'
-}
-
-export const font = {}

package/src/defaultConfig/grid.js

@@ -1,5 +0,0 @@
-'use strict'
-
-const defaultProps = {}
-
-export const grid = defaultProps

package/src/defaultConfig/icons.js

@@ -1,4 +0,0 @@
-'use strict'
-
-export const icons = {}
-export const semanticIcons = {}

package/src/defaultConfig/index.js

@@ -1,24 +0,0 @@
-'use strict'
-
-export * from './sequence.js'
-export * from './unit.js'
-export * from './typography.js'
-export * from './font.js'
-export * from './font-family.js'
-export * from './media.js'
-export * from './spacing.js'
-export * from './color.js'
-export * from './theme.js'
-export * from './shadow.js'
-export * from './icons.js'
-export * from './timing.js'
-export * from './document.js'
-export * from './responsive.js'
-export * from './animation.js'
-export * from './svg.js'
-export * from './templates.js'
-export * from './grid.js'
-export * from './class.js'
-
-export const reset = {}
-export const vars = {}

package/src/defaultConfig/media.js

@@ -1,10 +0,0 @@
-'use strict'
-
-export const media = {
-  tv: '(min-width: 2780px)',
-
-  light: '(prefers-color-scheme: light)',
-  dark: '(prefers-color-scheme: dark)',
-
-  print: 'print'
-}

package/src/defaultConfig/responsive.js

@@ -1,29 +0,0 @@
-'use strict'
-
-export const breakpoints = {
-  screenL: 1920,
-  screenM: 1680,
-  screenS: 1440,
-  tabletL: 1366,
-  tabletM: 1280,
-  tabletS: 1024,
-  mobileL: 768,
-  mobileM: 560,
-  mobileS: 480,
-  mobileXS: 375
-}
-
-export const devices = {
-  screenXXL: [2560, 1440],
-  screenXL: [2240, 1260],
-  screenL: [1920, 1024],
-  screenM: [1680, 1024],
-  screenS: [1440, 720],
-  tabletL: [1366, 926],
-  tabletM: [1280, 768],
-  tabletS: [1024, 768],
-  mobileL: [768, 375],
-  mobileM: [560, 768],
-  mobileS: [480, 768],
-  mobileXS: [375, 768]
-}

package/src/defaultConfig/sequence.js

@@ -1,24 +0,0 @@
-'use strict'
-
-export const sequence = {
-  'minor-second': 1.067,
-  'major-second': 1.125,
-  'minor-third': 1.2,
-  'major-third': 1.25,
-  'perfect-fourth': 1.333,
-  'augmented-fourth': 1.414,
-  'perfect-fifth': 1.5,
-  'minor-sixth': 1.6,
-  phi: 1.618, // golden-ratio
-  'major-sixth': 1.667,
-  'square-root-3': 1.732, // theodorus
-  'minor-seventh': 1.778,
-  'major-seventh': 1.875,
-  octave: 2,
-  'square-root-5': 2.23, // pythagoras
-  'major-tenth': 2.5,
-  'major-eleventh': 2.667,
-  'major-twelfth': 3,
-  pi: 3.14, // archimedes
-  'double-octave': 4
-}

package/src/defaultConfig/shadow.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const shadow = {}

package/src/defaultConfig/spacing.js

@@ -1,19 +0,0 @@
-'use strict'
-
-import { sequence } from './sequence.js'
-import { typography } from './typography.js'
-
-const defaultProps = {
-  base: typography.base,
-  type: 'spacing',
-  ratio: sequence.phi,
-  range: [-5, +15],
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: 'em',
-  sequence: {},
-  scales: {},
-  vars: {}
-}
-
-export const spacing = defaultProps

package/src/defaultConfig/svg.js

@@ -1,4 +0,0 @@
-'use strict'
-
-export const svg = {}
-export const svgData = {}

package/src/defaultConfig/templates.js

@@ -1,3 +0,0 @@
-'use strict'
-
-export const templates = {}

package/src/defaultConfig/theme.js

@@ -1,13 +0,0 @@
-'use strict'
-
-const themeA = { // eslint-disable-line no-unused-vars
-  text: 'blue',
-  background: 'white',
-  border: 'black', // .opacity(0.2),
-  active: {},
-  helpers: [],
-  themes: {},
-  inverse: {} // schemeAInverse
-}
-
-export const theme = {}

package/src/defaultConfig/timing.js

@@ -1,18 +0,0 @@
-'use strict'
-
-import { sequence } from './sequence.js'
-
-const defaultProps = {
-  default: 150,
-  base: 150,
-  type: 'timing',
-  ratio: sequence['perfect-fourth'],
-  range: [-3, +12],
-  mediaRegenerate: false,
-  unit: 'ms',
-  sequence: {},
-  scales: {},
-  vars: {}
-}
-
-export const timing = defaultProps

package/src/defaultConfig/typography.js

@@ -1,22 +0,0 @@
-'use strict'
-
-import { sequence } from './sequence.js'
-
-const defaultProps = {
-  browserDefault: 16,
-  base: 16,
-  type: 'font-size',
-  ratio: sequence['minor-third'],
-  range: [-3, +12],
-  h1Matches: +6,
-  lineHeight: 1.5,
-  subSequence: true,
-  mediaRegenerate: false,
-  unit: 'em',
-  templates: {},
-  sequence: {},
-  scales: {},
-  vars: {}
-}
-
-export const typography = defaultProps

package/src/defaultConfig/unit.js

@@ -1,5 +0,0 @@
-'use strict'
-
-export const unit = {
-  default: 'em'
-}

package/src/factory.js

@@ -1,135 +0,0 @@
-'use strict'
-
-import {
-  deepClone,
-  deepMerge,
-  isDefined,
-  isObject
-} from '@symbo.ls/utils'
-import * as CONF from './defaultConfig/index.js'
-
-export const cssVars = {}
-export const cssMediaVars = {}
-
-// Build CONFIG with lowercase/camelCase keys as canonical
-const _CONF = CONF
-const _confLower = {}
-export const toCamel = (s) => s.replace(/_([a-z])/g, (_, c) => c.toUpperCase())
-for (const key in _CONF) {
-  const lower = key.toLowerCase()
-  _confLower[lower] = _CONF[key]
-  // camelCase alias (e.g. font_family -> fontFamily, semanticIcons -> semanticIcons)
-  const camel = toCamel(lower)
-  if (camel !== lower) _confLower[camel] = _CONF[key]
-  // keep original key if different from lower
-  if (lower !== key) _confLower[key] = _CONF[key]
-}
-
-export const CONFIG = {
-  verbose: false,
-  useVariable: true,
-  useReset: true,
-  globalTheme: 'auto',
-  cssVars,
-  cssMediaVars,
-  CSS_VARS: cssVars,
-  CSS_MEDIA_VARS: cssMediaVars,
-  _scratchConfig: true,
-  ..._confLower
-}
-
-const cachedConfig = deepClone(CONFIG)
-
-export const FACTORY = {
-  active: '0',
-  0: CONFIG
-}
-
-export const activateConfig = (def) => {
-  if (isDefined(def)) { FACTORY.active = def }
-  return FACTORY[def || FACTORY.active]
-}
-
-// Config stack for context-local resolution
-// When processing an element, its context.designSystem is pushed
-// so all getActiveConfig() calls resolve to the right config
-const configStack = []
-
-export const pushConfig = (config) => {
-  if (config && config._scratchConfig) configStack.push(config)
-}
-
-export const popConfig = () => {
-  configStack.pop()
-}
-
-export const getActiveConfig = (def) => {
-  if (configStack.length) return configStack[configStack.length - 1]
-  return FACTORY[def || FACTORY.active] || CONFIG
-}
-
-export const setActiveConfig = (newConfig) => {
-  if (!isObject(newConfig)) return
-  FACTORY.active = '1'
-  FACTORY['1'] = deepMerge(newConfig, deepClone(cachedConfig))
-  return newConfig
-}
-
-// App-level flags that should NOT be inherited by isolated configs
-const APP_FLAGS = [
-  'useReset', 'useVariable', 'useFontImport', 'useIconSprite',
-  'useSvgSprite', 'useDocumentTheme', 'useDefaultIcons', 'useDefaultConfig',
-  'verbose', 'globalTheme'
-]
-
-// Keep case-variant aliases pointing to the same object. `factory.js`
-// bootstrap wires these as shared refs, but `deepClone` in `createConfig`
-// breaks the sharing and a later `deepMerge` only writes into one spelling
-// — downstream code that destructures a different spelling then reads
-// stale data (e.g. `applyDocument` reads `fontFamily` while `setValue`
-// writes to `fontfamily`, leaving `DOCUMENT.fontFamily` unset).
-const ALIAS_GROUPS = [
-  ['fontfamily', 'fontFamily', 'font_family'],
-  ['fontfamilytypes', 'fontFamilyTypes'],
-  ['semanticicons', 'semanticIcons'],
-  ['svgdata', 'svgData']
-]
-const aliasCaseVariants = (cfg) => {
-  for (const vs of ALIAS_GROUPS) {
-    let merged
-    for (const v of vs) {
-      const val = cfg[v]
-      if (!isObject(val)) continue
-      merged = merged ? deepMerge(val, merged) : val
-    }
-    if (!merged) continue
-    for (const v of vs) if (isObject(cfg[v])) cfg[v] = merged
-  }
-}
-
-export const createConfig = (name, overrides, { cleanBase = false } = {}) => {
-  // Secondary apps inheriting the primary app's processed config used to
-  // drag primary-specific tokens (e.g. an editor's brand themes like
-  // `sepia`, `canvas-card`) into the secondary's design system — breaking
-  // iframe isolation. When `cleanBase: true` is passed, clone the initial
-  // framework cache instead so the secondary starts from the same blank
-  // slate as the primary did. Legacy callers (no option) keep the old
-  // active-inherit behavior for backward compatibility.
-  const activeBase = cleanBase ? null : getActiveConfig()
-  const base = deepClone(
-    !cleanBase && activeBase && activeBase._scratchConfig ? activeBase : cachedConfig
-  )
-  // Remove app-level flags — they must come from overrides explicitly
-  for (const flag of APP_FLAGS) {
-    delete base[flag]
-  }
-  const cfg = deepMerge(overrides || {}, base)
-  cfg.cssVars = {}
-  cfg.cssMediaVars = {}
-  cfg.CSS_VARS = cfg.cssVars
-  cfg.CSS_MEDIA_VARS = cfg.cssMediaVars
-  cfg._scratchConfig = true
-  aliasCaseVariants(cfg)
-  if (name) FACTORY[name] = cfg
-  return cfg
-}

package/src/index.js

@@ -1,24 +0,0 @@
-'use strict'
-
-// Note on the dual-form imports below: each `./X/index.js` is referenced
-// twice in this file — once as a namespace import, once as a barrel
-// re-export. That dual reference is load-bearing for parcel's optimizer:
-// if a directory is only seen via barrel `export *` here AND via
-// `import * as` in a different file (as factory.js does for
-// ./defaultConfig), parcel collapses the dep-map entry to the bare
-// directory form and marks it `false`, breaking runtime `require` for
-// the explicit `/index.js` path. Keeping the namespace import in this
-// file alongside the barrel forces parcel to track both forms.
-
-import * as scratchUtils from './utils/index.js'
-import * as scratchSystem from './system/index.js'
-import * as scratchDefaultConfig from './defaultConfig/index.js'
-
-export * from './factory.js'
-export * from './defaultConfig/index.js'
-export * from './system/index.js'
-export * from './utils/index.js'
-export * from './transforms/index.js'
-export * from './set.js'
-
-export { scratchUtils, scratchSystem, scratchDefaultConfig }