@symbo.ls/scratch 3.14.702 → 3.14.707

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @symbo.ls/scratch
 
+## 3.14.707
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+- Updated dependencies
+  - @symbo.ls/utils@3.14.707
+
 ## 3.14.702
 
 ### Patch Changes

package/dist/cjs/src/factory.js

@@ -1 +1 @@
-"use strict";var V=Object.create;var f=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var y=(e,t)=>{for(var o in t)f(e,o,{get:t[o],enumerable:!0})},S=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of x(t))!d.call(e,c)&&c!==o&&f(e,c,{get:()=>t[c],enumerable:!(n=h(t,c))||n.enumerable});return e};var F=(e,t,o)=>(o=e!=null?V(b(e)):{},S(t||!e||!e.__esModule?f(o,"default",{value:e,enumerable:!0}):o,e)),I=e=>S(f({},"__esModule",{value:!0}),e);var k={};y(k,{CONFIG:()=>l,FACTORY:()=>a,activateConfig:()=>D,createConfig:()=>P,cssMediaVars:()=>g,cssVars:()=>C,getActiveConfig:()=>_,popConfig:()=>O,pushConfig:()=>M,setActiveConfig:()=>T,toCamel:()=>v});module.exports=I(k);var s=require("@symbo.ls/utils"),R=F(require("./defaultConfig/index.js"),1);const C={},g={},u=R,p={},v=e=>e.replace(/_([a-z])/g,(t,o)=>o.toUpperCase());for(const e in u){const t=e.toLowerCase();p[t]=u[e];const o=v(t);o!==t&&(p[o]=u[e]),t!==e&&(p[e]=u[e])}const l={verbose:!1,useVariable:!0,useReset:!0,globalTheme:"auto",cssVars:C,cssMediaVars:g,CSS_VARS:C,CSS_MEDIA_VARS:g,_scratchConfig:!0,...p},m=(0,s.deepClone)(l),a={active:"0",0:l},D=e=>((0,s.isDefined)(e)&&(a.active=e),a[e||a.active]),i=[],M=e=>{e&&e._scratchConfig&&i.push(e)},O=()=>{i.pop()},_=e=>i.length?i[i.length-1]:a[e||a.active]||l,T=e=>{if((0,s.isObject)(e))return a.active="1",a[1]=(0,s.deepMerge)(e,(0,s.deepClone)(m)),e},L=["useReset","useVariable","useFontImport","useIconSprite","useSvgSprite","useDocumentTheme","useDefaultIcons","useDefaultConfig","verbose","globalTheme"],G=[["fontfamily","fontFamily","font_family"],["fontfamilytypes","fontFamilyTypes"],["semanticicons","semanticIcons"],["svgdata","svgData"]],N=e=>{for(const t of G){let o;for(const n of t){const c=e[n];(0,s.isObject)(c)&&(o=o?(0,s.deepMerge)(c,o):c)}if(o)for(const n of t)(0,s.isObject)(e[n])&&(e[n]=o)}},P=(e,t,{cleanBase:o=!1}={})=>{const n=o?null:_(),c=(0,s.deepClone)(!o&&n&&n._scratchConfig?n:m);for(const A of L)delete c[A];const r=(0,s.deepMerge)(t||{},c);return r.cssVars={},r.cssMediaVars={},r.CSS_VARS=r.cssVars,r.CSS_MEDIA_VARS=r.cssMediaVars,r._scratchConfig=!0,N(r),e&&(a[e]=r),r};
+"use strict";var h=Object.create;var l=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var o in t)l(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of x(t))!y.call(e,s)&&s!==o&&l(e,s,{get:()=>t[s],enumerable:!(n=V(t,s))||n.enumerable});return e};var d=(e,t,o)=>(o=e!=null?h(O(e)):{},m(t||!e||!e.__esModule?l(o,"default",{value:e,enumerable:!0}):o,e)),F=e=>m(l({},"__esModule",{value:!0}),e);var j={};b(j,{CONFIG:()=>g,FACTORY:()=>a,activateConfig:()=>I,createConfig:()=>N,cssMediaVars:()=>_,cssVars:()=>S,getActiveConfig:()=>A,popConfig:()=>M,pushConfig:()=>R,setActiveConfig:()=>P,toCamel:()=>v});module.exports=F(j);var c=require("@symbo.ls/utils"),D=d(require("./defaultConfig/index.js"),1);const S={},_={},p=D,u={},v=e=>e.replace(/_([a-z])/g,(t,o)=>o.toUpperCase());for(const e in p){const t=e.toLowerCase();u[t]=p[e];const o=v(t);o!==t&&(u[o]=p[e]),t!==e&&(u[e]=p[e])}const g={verbose:!1,useVariable:!0,useReset:!0,globalTheme:"auto",cssVars:S,cssMediaVars:_,CSS_VARS:S,CSS_MEDIA_VARS:_,_scratchConfig:!0,...u},C=(0,c.deepClone)(g),a={active:"0",0:g},I=e=>((0,c.isDefined)(e)&&(a.active=e),a[e||a.active]),f=[],R=e=>{e&&e._scratchConfig&&f.push(e)},M=()=>{f.pop()},A=e=>f.length?f[f.length-1]:a[e||a.active]||g,P=e=>{if((0,c.isObject)(e))return a.active="1",a[1]=(0,c.deepMerge)(e,(0,c.deepClone)(C)),e},T=["useReset","useFontImport","useIconSprite","useSvgSprite","useDocumentTheme","useDefaultIcons","useDefaultConfig"],L=["useVariable","globalTheme","verbose"],G=[["fontfamily","fontFamily","font_family"],["fontfamilytypes","fontFamilyTypes"],["semanticicons","semanticIcons"],["svgdata","svgData"]],E=e=>{for(const t of G){let o;for(const n of t){const s=e[n];(0,c.isObject)(s)&&(o=o?(0,c.deepMerge)(s,o):s)}if(o)for(const n of t)(0,c.isObject)(e[n])&&(e[n]=o)}},N=(e,t,{cleanBase:o=!1}={})=>{const n=o?null:A(),s=(0,c.deepClone)(!o&&n&&n._scratchConfig?n:C);for(const i of T)delete s[i];for(const i of L)Object.prototype.hasOwnProperty.call(C,i)?s[i]=C[i]:delete s[i];const r=(0,c.deepMerge)(t||{},s);return r.cssVars={},r.cssMediaVars={},r.CSS_VARS=r.cssVars,r.CSS_MEDIA_VARS=r.cssMediaVars,r._scratchConfig=!0,E(r),e&&(a[e]=r),r};

package/dist/cjs/src/set.js

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var k=(s,t)=>{for(var e in t)x(s,e,{get:t[e],enumerable:!0})},j=(s,t,e,c)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of q(t))!G.call(s,r)&&r!==e&&x(s,r,{get:()=>t[r],enumerable:!(c=N(t,r))||c.enumerable});return s};var W=s=>j(x({},"__esModule",{value:!0}),s);var B={};k(B,{VALUE_TRANSFORMERS:()=>E,changeGlobalTheme:()=>$,set:()=>U,setEach:()=>M,setValue:()=>P});module.exports=W(B);var p=require("./factory.js"),o=require("./system/index.js"),S=require("@symbo.ls/utils");const Y=(s,t)=>{const e=(0,p.getActiveConfig)(),{cssVars:c}=e,r=t.startsWith("--")?t:`--${t}`;return c[r]=s,s},d=s=>s,E={color:o.setColor,gradient:o.setGradient,font:o.setFont,fontFamily:o.setFontFamily,fontfamily:o.setFontFamily,theme:o.setTheme,icons:o.setSvgIcon,semanticIcons:d,semanticicons:d,svg:o.setSVG,svgData:d,typography:d,shadow:o.setShadow,spacing:d,media:d,grid:d,class:d,timing:d,reset:d,unit:d,animation:d,vars:Y,sizes:d},P=(s,t,e)=>{const c=(0,p.getActiveConfig)(),r=(0,p.toCamel)(s),i=r.toLowerCase(),l=c[r]||c[i]||c[s],n=E[r]||E[i];if(n)try{const a=n(t,e);return l&&(l[e]=a),l}catch(a){c.verbose&&console.warn("Error setting",i,"value",t,e,a)}if(!n){const a=l||c[i]||(c[i]={});return a[e]=t,a}c.verbose&&console.warn("Can not find",i,"method in scratch")},M=(s,t)=>{const e=(0,p.getActiveConfig)(),c=s.toLowerCase();return Object.keys(t).sort((i,l)=>{const n=(0,S.isObject)(t[i])||(0,S.isArray)(t[i])?1:0,a=(0,S.isObject)(t[l])||(0,S.isArray)(t[l])?1:0;return n-a}).forEach(i=>{try{return P(c,t[i],i)}catch(l){e.verbose&&console.warn("Error setting",c,"value",t[i],i,l)}}),e[c]||e[s]},$=(s,t)=>{const e=t||(0,p.getActiveConfig)();e.globalTheme=s;const r=(e.document&&e.document.documentElement?e.document:null)||(typeof document<"u"?document:null),i=r&&r.defaultView||(typeof window<"u"?window:null);if(r){const n=e.themeRoot||r.documentElement;if(s&&s!=="auto")n.setAttribute("data-theme",s),s==="dark"||s==="light"?n.style.colorScheme=s:n.style.colorScheme="light dark";else if(i&&i.matchMedia){const u=g=>{n.setAttribute("data-theme",g.matches?"dark":"light")},m=i.matchMedia("(prefers-color-scheme: dark)");if(u(m),n.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=u;try{m.addEventListener("change",u)}catch{m.addListener(u)}}}else n.setAttribute("data-theme","light"),n.style.colorScheme="light"}const l=e.varPrefix?`--${e.varPrefix}-theme-`:"--theme-";for(const n in e.cssVars)n.startsWith(l)&&delete e.cssVars[n];for(const n in e.cssMediaVars)delete e.cssMediaVars[n];if(r&&e.cssVars){const n=e.scopeSelector||":root",a=r.styleSheets;for(let u=0;u<a.length;u++)try{const m=a[u].cssRules;for(let g=0;g<m.length;g++)if(m[g].selectorText===n){for(const v in e.cssVars)m[g].style.setProperty(v,e.cssVars[v]);return e}}catch{}}return e},z={},U=(s,t=z)=>{let e=t.config||(0,p.getActiveConfig)();const{version:c,verbose:r,useVariable:i,useReset:l,useSvgSprite:n,useFontImport:a,useIconSprite:u,globalTheme:m,themeRoot:g,useDocumentTheme:v,useDefaultConfig:I,semanticIcons:R,hoverMedia:A,files:F,assets:_,...b}=s;t.newConfig&&(e=(0,p.setActiveConfig)(t.newConfig)),F!==void 0&&(e.files=F),_!==void 0&&(e.assets=_),r!==void 0&&(e.verbose=r),i!==void 0&&(e.useVariable=i),l!==void 0&&(e.useReset=l),a!==void 0&&(e.useFontImport=a),n!==void 0&&(e.useSvgSprite=n),u!==void 0&&(e.useIconSprite=u),v!==void 0&&(e.useDocumentTheme=v),m!==void 0&&(e.globalTheme=m),g!==void 0&&(e.themeRoot=g),s.useThemeSuffixedVars!==void 0&&(e.useThemeSuffixedVars=s.useThemeSuffixedVars),I!==void 0&&(e.useDefaultConfig=I),R!==void 0&&(e.semanticIcons=R),A!==void 0&&(e.hoverMedia=A),e.verbose&&console.log(e);const C=(e.document&&e.document.documentElement?e.document:null)||(typeof document<"u"?document:null),w=C&&C.defaultView||(typeof window<"u"?window:null),y=C&&(e.themeRoot||C.documentElement);if(y&&typeof y.setAttribute=="function")if(e.globalTheme&&e.globalTheme!=="auto")y.setAttribute("data-theme",e.globalTheme),e.globalTheme==="dark"||e.globalTheme==="light"?y.style.colorScheme=e.globalTheme:y.style.colorScheme="light dark";else if(w&&w.matchMedia){const h=D=>{y.setAttribute("data-theme",D.matches?"dark":"light")},V=w.matchMedia("(prefers-color-scheme: dark)");if(h(V),y.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=h;try{V.addEventListener("change",h)}catch{V.addListener(h)}}}else y.setAttribute("data-theme","light"),y.style.colorScheme="light";e.__svgCache||(e.__svgCache={});const T=Object.keys(b),L=new Set(T);if(T.forEach(f=>{const h=f.toLowerCase();h!==f&&L.has(h)&&(0,S.deepMerge)(b[h],b[f])}),T.map(f=>{const h=f.toLowerCase();if(!(h!==f&&L.has(h)))return M(f,b[f])}),e.varPrefix&&(e.typography&&(e.typography.varPrefix=e.varPrefix),e.spacing&&(e.spacing.varPrefix=e.varPrefix),e.timing&&(e.timing.varPrefix=e.varPrefix)),b.typography)try{(0,o.applyTypographySequence)()}catch(f){e.verbose&&console.warn("Error applying typography sequence",f)}if(b.spacing)try{(0,o.applySpacingSequence)()}catch(f){e.verbose&&console.warn("Error applying spacing sequence",f)}if(b.timing)try{(0,o.applyTimingSequence)()}catch(f){e.verbose&&console.warn("Error applying timing sequence",f)}(0,o.applyDocument)();const O=(0,o.applyReset)();return O&&(e.reset=O),e};
+"use strict";var x=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var W=(t,s)=>{for(var e in s)x(t,e,{get:s[e],enumerable:!0})},N=(t,s,e,c)=>{if(s&&typeof s=="object"||typeof s=="function")for(let n of q(s))!G.call(t,n)&&n!==e&&x(t,n,{get:()=>s[n],enumerable:!(c=j(s,n))||c.enumerable});return t};var H=t=>N(x({},"__esModule",{value:!0}),t);var J={};W(J,{VALUE_TRANSFORMERS:()=>D,changeGlobalTheme:()=>z,set:()=>U,setEach:()=>M,setValue:()=>k});module.exports=H(J);var b=require("./factory.js"),o=require("./system/index.js"),S=require("@symbo.ls/utils"),u=require("./utils/host.js");const Y=(t,s)=>{const e=(0,b.getActiveConfig)(),{cssVars:c}=e,n=s.startsWith("--")?s:`--${s}`;return c[n]=t,t},d=t=>t,D={color:o.setColor,gradient:o.setGradient,font:o.setFont,fontFamily:o.setFontFamily,fontfamily:o.setFontFamily,theme:o.setTheme,icons:o.setSvgIcon,semanticIcons:d,semanticicons:d,svg:o.setSVG,svgData:d,typography:d,shadow:o.setShadow,spacing:d,media:d,grid:d,class:d,timing:d,reset:d,unit:d,animation:d,vars:Y,sizes:d},$=(t,s,e,c)=>{(0,u.parkHostObject)(t,e,s);const n={};for(const r of c)t[r]===s&&(t[r]=n);return t.verbose&&console.warn("[scratch] design-system family",e,"resolved to a host object; parked it and allocated a plain bucket"),n},k=(t,s,e)=>{const c=(0,b.getActiveConfig)(),n=(0,b.toCamel)(t),r=n.toLowerCase(),l=c[n]||c[r]||c[t],i=(0,u.isHostObject)(l)?$(c,l,r,[n,r,t]):l,m=D[n]||D[r];if(m)try{const a=m(s,e);return i&&(i[e]=a),i}catch(a){c.verbose&&console.warn("Error setting",r,"value",s,e,a)}if(!m){const a=i||(c[r]={});return a[e]=s,a}c.verbose&&console.warn("Can not find",r,"method in scratch")},M=(t,s)=>{const e=(0,b.getActiveConfig)(),c=t.toLowerCase();return(0,u.isHostObject)(s)?((0,u.parkHostObject)(e,c,s),e.verbose&&console.warn("[scratch] ignoring host object passed as the",c,"design-system family"),e[c]||e[t]):(Object.keys(s).sort((r,l)=>{const i=(0,S.isObject)(s[r])||(0,S.isArray)(s[r])?1:0,m=(0,S.isObject)(s[l])||(0,S.isArray)(s[l])?1:0;return i-m}).forEach(r=>{try{return k(c,s[r],r)}catch(l){e.verbose&&console.warn("Error setting",c,"value",s[r],r,l)}}),e[c]||e[t])},z=(t,s)=>{const e=s||(0,b.getActiveConfig)();e.globalTheme=t;const n=(0,u.resolveConfigDocument)(e)||(typeof document<"u"?document:null),r=n&&n.defaultView||(typeof window<"u"?window:null);if(n){const i=e.themeRoot||n.documentElement;if(t&&t!=="auto")i.setAttribute("data-theme",t),t==="dark"||t==="light"?i.style.colorScheme=t:i.style.colorScheme="light dark";else if(r&&r.matchMedia){const a=p=>{i.setAttribute("data-theme",p.matches?"dark":"light")},h=r.matchMedia("(prefers-color-scheme: dark)");if(a(h),i.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=a;try{h.addEventListener("change",a)}catch{h.addListener(a)}}}else i.setAttribute("data-theme","light"),i.style.colorScheme="light"}const l=e.varPrefix?`--${e.varPrefix}-theme-`:"--theme-";for(const i in e.cssVars)i.startsWith(l)&&delete e.cssVars[i];for(const i in e.cssMediaVars)delete e.cssMediaVars[i];if(n&&e.cssVars){const i=e.scopeSelector||":root",m=n.styleSheets;for(let a=0;a<m.length;a++)try{const h=m[a].cssRules;for(let p=0;p<h.length;p++)if(h[p].selectorText===i){for(const w in e.cssVars)h[p].style.setProperty(w,e.cssVars[w]);return e}}catch{}}return e},B={},U=(t,s=B)=>{let e=s.config||(0,b.getActiveConfig)();const{version:c,verbose:n,useVariable:r,useReset:l,useSvgSprite:i,useFontImport:m,useIconSprite:a,globalTheme:h,themeRoot:p,useDocumentTheme:w,useDefaultConfig:E,semanticIcons:R,hoverMedia:A,files:L,assets:F,...y}=t;s.newConfig&&(e=(0,b.setActiveConfig)(s.newConfig)),(0,u.isDomDocument)(y.document)&&(e.__domDocument=y.document,delete y.document),(0,u.isDomDocument)(e.document)&&(e.__domDocument||(e.__domDocument=e.document),e.document={}),L!==void 0&&(e.files=L),F!==void 0&&(e.assets=F),n!==void 0&&(e.verbose=n),r!==void 0&&(e.useVariable=r),l!==void 0&&(e.useReset=l),m!==void 0&&(e.useFontImport=m),i!==void 0&&(e.useSvgSprite=i),a!==void 0&&(e.useIconSprite=a),w!==void 0&&(e.useDocumentTheme=w),h!==void 0&&(e.globalTheme=h),p!==void 0&&(e.themeRoot=p),t.useThemeSuffixedVars!==void 0&&(e.useThemeSuffixedVars=t.useThemeSuffixedVars),E!==void 0&&(e.useDefaultConfig=E),R!==void 0&&(e.semanticIcons=R),A!==void 0&&(e.hoverMedia=A),e.verbose&&console.log(e);const C=(0,u.resolveConfigDocument)(e)||(typeof document<"u"?document:null),_=C&&C.defaultView||(typeof window<"u"?window:null),v=C&&(e.themeRoot||C.documentElement);if(v&&typeof v.setAttribute=="function")if(e.globalTheme&&e.globalTheme!=="auto")v.setAttribute("data-theme",e.globalTheme),e.globalTheme==="dark"||e.globalTheme==="light"?v.style.colorScheme=e.globalTheme:v.style.colorScheme="light dark";else if(_&&_.matchMedia){const g=P=>{v.setAttribute("data-theme",P.matches?"dark":"light")},V=_.matchMedia("(prefers-color-scheme: dark)");if(g(V),v.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=g;try{V.addEventListener("change",g)}catch{V.addListener(g)}}}else v.setAttribute("data-theme","light"),v.style.colorScheme="light";e.__svgCache||(e.__svgCache={});const T=Object.keys(y).filter(f=>!f.startsWith("__")),I=new Set(T);if(T.forEach(f=>{const g=f.toLowerCase();g!==f&&I.has(g)&&(0,S.deepMerge)(y[g],y[f])}),T.map(f=>{const g=f.toLowerCase();if(!(g!==f&&I.has(g)))return M(f,y[f])}),e.varPrefix&&(e.typography&&(e.typography.varPrefix=e.varPrefix),e.spacing&&(e.spacing.varPrefix=e.varPrefix),e.timing&&(e.timing.varPrefix=e.varPrefix)),y.typography)try{(0,o.applyTypographySequence)()}catch(f){e.verbose&&console.warn("Error applying typography sequence",f)}if(y.spacing)try{(0,o.applySpacingSequence)()}catch(f){e.verbose&&console.warn("Error applying spacing sequence",f)}if(y.timing)try{(0,o.applyTimingSequence)()}catch(f){e.verbose&&console.warn("Error applying timing sequence",f)}(0,o.applyDocument)();const O=(0,o.applyReset)();return O&&(e.reset=O),e};

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

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

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

@@ -1 +1 @@
-"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var a=(e,t)=>{for(var i in t)r(e,i,{get:t[i],enumerable:!0})},l=(e,t,i,m)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of g(t))!s.call(e,o)&&o!==i&&r(e,o,{get:()=>t[o],enumerable:!(m=p(t,o))||m.enumerable});return e};var u=e=>l(r({},"__esModule",{value:!0}),e);var F={};a(F,{applyDocument:()=>y});module.exports=u(F);var n=require("@symbo.ls/utils"),c=require("../factory.js"),f=require("../utils/index.js");const y=()=>{const e=(0,c.getActiveConfig)(),{document:t,fontFamily:i,theme:m,typography:o}=e;return(0,n.merge)(t,{theme:m.document,fontFamily:(0,f.getDefaultOrFirstKey)(i),fontSize:o.base,lineHeight:o.lineHeight})};
+"use strict";var n=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var a=(t,o)=>{for(var m in o)n(t,m,{get:o[m],enumerable:!0})},g=(t,o,m,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of u(o))!l.call(t,e)&&e!==m&&n(t,e,{get:()=>o[e],enumerable:!(i=p(o,e))||i.enumerable});return t};var O=t=>g(n({},"__esModule",{value:!0}),t);var F={};a(F,{applyDocument:()=>y});module.exports=O(F);var c=require("@symbo.ls/utils"),f=require("../factory.js"),s=require("../utils/index.js"),r=require("../utils/host.js");const y=()=>{const t=(0,f.getActiveConfig)(),{fontFamily:o,theme:m,typography:i}=t;let e=t.document;return(0,r.isHostObject)(e)?((0,r.parkHostObject)(t,"document",e),e=t.document={}):e||(e=t.document={}),(0,c.merge)(e,{theme:m.document,fontFamily:(0,s.getDefaultOrFirstKey)(o),fontSize:i.base,lineHeight:i.lineHeight})};

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

@@ -0,0 +1 @@
+"use strict";var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var s=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},p=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of l(t))!m.call(e,r)&&r!==o&&c(e,r,{get:()=>t[r],enumerable:!(n=f(t,r))||n.enumerable});return e};var a=e=>p(c({},"__esModule",{value:!0}),e);var j={};s(j,{isDomDocument:()=>u,isHostObject:()=>i,isWritableFamilyBucket:()=>_,parkHostObject:()=>b,resolveConfigDocument:()=>d});module.exports=a(j);const u=e=>!!(e&&e.documentElement&&typeof e.createElement=="function"&&e.head!==void 0),i=e=>{if(e===null||typeof e!="object")return!1;const t=Object.prototype.toString.call(e);return!!(t!=="[object Object]"&&t!=="[object Array]"||typeof e.nodeType=="number"||e.defaultView||e.window===e||e.self===e)},_=e=>e!==null&&typeof e=="object"&&!i(e),b=(e,t,o)=>{if(!e)return;if(u(o)){e.__domDocument||(e.__domDocument=o);return}const n=`__host_${t}`;e[n]||(e[n]=o)},d=e=>e?u(e.__domDocument)?e.__domDocument:u(e.document)?e.document:null:null;

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

@@ -1 +1 @@
-"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var p=(e,t,m,x)=>{if(t&&typeof t=="object"||typeof t=="function")for(let f of i(t))!u.call(e,f)&&f!==m&&s(e,f,{get:()=>t[f],enumerable:!(x=c(t,f))||x.enumerable});return e},o=(e,t,m)=>(p(e,t,"default"),m&&p(m,t,"default"));var a=e=>p(s({},"__esModule",{value:!0}),e);var r={};module.exports=a(r);o(r,require("./unit.js"),module.exports);o(r,require("./color.js"),module.exports);o(r,require("./theme.js"),module.exports);o(r,require("./font.js"),module.exports);o(r,require("./sequence.js"),module.exports);o(r,require("./var.js"),module.exports);o(r,require("./sprite.js"),module.exports);
+"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var p=(e,t,m,x)=>{if(t&&typeof t=="object"||typeof t=="function")for(let f of i(t))!u.call(e,f)&&f!==m&&s(e,f,{get:()=>t[f],enumerable:!(x=c(t,f))||x.enumerable});return e},o=(e,t,m)=>(p(e,t,"default"),m&&p(m,t,"default"));var a=e=>p(s({},"__esModule",{value:!0}),e);var r={};module.exports=a(r);o(r,require("./host.js"),module.exports);o(r,require("./unit.js"),module.exports);o(r,require("./color.js"),module.exports);o(r,require("./theme.js"),module.exports);o(r,require("./font.js"),module.exports);o(r,require("./sequence.js"),module.exports);o(r,require("./var.js"),module.exports);o(r,require("./sprite.js"),module.exports);

package/dist/esm/src/factory.js

@@ -1 +1 @@
-import{deepClone as u,deepMerge as p,isDefined as _,isObject as l}from"@symbo.ls/utils";import*as A from"./defaultConfig/index.js";const g={},S={},i=A,f={},V=e=>e.replace(/_([a-z])/g,(o,t)=>t.toUpperCase());for(const e in i){const o=e.toLowerCase();f[o]=i[e];const t=V(o);t!==o&&(f[t]=i[e]),o!==e&&(f[e]=i[e])}const C={verbose:!1,useVariable:!0,useReset:!0,globalTheme:"auto",cssVars:g,cssMediaVars:S,CSS_VARS:g,CSS_MEDIA_VARS:S,_scratchConfig:!0,...f},m=u(C),n={active:"0",0:C},F=e=>(_(e)&&(n.active=e),n[e||n.active]),a=[],I=e=>{e&&e._scratchConfig&&a.push(e)},R=()=>{a.pop()},h=e=>a.length?a[a.length-1]:n[e||n.active]||C,D=e=>{if(l(e))return n.active="1",n[1]=p(e,u(m)),e},x=["useReset","useVariable","useFontImport","useIconSprite","useSvgSprite","useDocumentTheme","useDefaultIcons","useDefaultConfig","verbose","globalTheme"],b=[["fontfamily","fontFamily","font_family"],["fontfamilytypes","fontFamilyTypes"],["semanticicons","semanticIcons"],["svgdata","svgData"]],d=e=>{for(const o of b){let t;for(const c of o){const r=e[c];l(r)&&(t=t?p(r,t):r)}if(t)for(const c of o)l(e[c])&&(e[c]=t)}},M=(e,o,{cleanBase:t=!1}={})=>{const c=t?null:h(),r=u(!t&&c&&c._scratchConfig?c:m);for(const v of x)delete r[v];const s=p(o||{},r);return s.cssVars={},s.cssMediaVars={},s.CSS_VARS=s.cssVars,s.CSS_MEDIA_VARS=s.cssMediaVars,s._scratchConfig=!0,d(s),e&&(n[e]=s),s};export{C as CONFIG,n as FACTORY,F as activateConfig,M as createConfig,S as cssMediaVars,g as cssVars,h as getActiveConfig,R as popConfig,I as pushConfig,D as setActiveConfig,V as toCamel};
+import{deepClone as u,deepMerge as C,isDefined as v,isObject as g}from"@symbo.ls/utils";import*as A from"./defaultConfig/index.js";const _={},m={},f=A,l={},h=e=>e.replace(/_([a-z])/g,(o,t)=>t.toUpperCase());for(const e in f){const o=e.toLowerCase();l[o]=f[e];const t=h(o);t!==o&&(l[t]=f[e]),o!==e&&(l[e]=f[e])}const S={verbose:!1,useVariable:!0,useReset:!0,globalTheme:"auto",cssVars:_,cssMediaVars:m,CSS_VARS:_,CSS_MEDIA_VARS:m,_scratchConfig:!0,...l},p=u(S),r={active:"0",0:S},F=e=>(v(e)&&(r.active=e),r[e||r.active]),i=[],D=e=>{e&&e._scratchConfig&&i.push(e)},I=()=>{i.pop()},V=e=>i.length?i[i.length-1]:r[e||r.active]||S,R=e=>{if(g(e))return r.active="1",r[1]=C(e,u(p)),e},x=["useReset","useFontImport","useIconSprite","useSvgSprite","useDocumentTheme","useDefaultIcons","useDefaultConfig"],O=["useVariable","globalTheme","verbose"],y=[["fontfamily","fontFamily","font_family"],["fontfamilytypes","fontFamilyTypes"],["semanticicons","semanticIcons"],["svgdata","svgData"]],b=e=>{for(const o of y){let t;for(const c of o){const n=e[c];g(n)&&(t=t?C(n,t):n)}if(t)for(const c of o)g(e[c])&&(e[c]=t)}},M=(e,o,{cleanBase:t=!1}={})=>{const c=t?null:V(),n=u(!t&&c&&c._scratchConfig?c:p);for(const a of x)delete n[a];for(const a of O)Object.prototype.hasOwnProperty.call(p,a)?n[a]=p[a]:delete n[a];const s=C(o||{},n);return s.cssVars={},s.cssMediaVars={},s.CSS_VARS=s.cssVars,s.CSS_MEDIA_VARS=s.cssMediaVars,s._scratchConfig=!0,b(s),e&&(r[e]=s),s};export{S as CONFIG,r as FACTORY,F as activateConfig,M as createConfig,m as cssMediaVars,_ as cssVars,V as getActiveConfig,I as popConfig,D as pushConfig,R as setActiveConfig,h as toCamel};

package/dist/esm/src/set.js

@@ -1 +1 @@
-import{getActiveConfig as S,setActiveConfig as P,toCamel as M}from"./factory.js";import{setColor as N,setGradient as q,setFont as G,setFontFamily as _,setTheme as k,setSvgIcon as j,setSVG as W,applyTypographySequence as Y,applySpacingSequence as $,applyReset as z,applyTimingSequence as U,applyDocument as B,setShadow as H}from"./system/index.js";import{deepMerge as J,isObject as L,isArray as O}from"@symbo.ls/utils";const K=(s,o)=>{const e=S(),{cssVars:i}=e,r=o.startsWith("--")?o:`--${o}`;return i[r]=s,s},l=s=>s,D={color:N,gradient:q,font:G,fontFamily:_,fontfamily:_,theme:k,icons:j,semanticIcons:l,semanticicons:l,svg:W,svgData:l,typography:l,shadow:H,spacing:l,media:l,grid:l,class:l,timing:l,reset:l,unit:l,animation:l,vars:K,sizes:l},Q=(s,o,e)=>{const i=S(),r=M(s),n=r.toLowerCase(),f=i[r]||i[n]||i[s],t=D[r]||D[n];if(t)try{const c=t(o,e);return f&&(f[e]=c),f}catch(c){i.verbose&&console.warn("Error setting",n,"value",o,e,c)}if(!t){const c=f||i[n]||(i[n]={});return c[e]=o,c}i.verbose&&console.warn("Can not find",n,"method in scratch")},X=(s,o)=>{const e=S(),i=s.toLowerCase();return Object.keys(o).sort((n,f)=>{const t=L(o[n])||O(o[n])?1:0,c=L(o[f])||O(o[f])?1:0;return t-c}).forEach(n=>{try{return Q(i,o[n],n)}catch(f){e.verbose&&console.warn("Error setting",i,"value",o[n],n,f)}}),e[i]||e[s]},re=(s,o)=>{const e=o||S();e.globalTheme=s;const r=(e.document&&e.document.documentElement?e.document:null)||(typeof document<"u"?document:null),n=r&&r.defaultView||(typeof window<"u"?window:null);if(r){const t=e.themeRoot||r.documentElement;if(s&&s!=="auto")t.setAttribute("data-theme",s),s==="dark"||s==="light"?t.style.colorScheme=s:t.style.colorScheme="light dark";else if(n&&n.matchMedia){const d=h=>{t.setAttribute("data-theme",h.matches?"dark":"light")},u=n.matchMedia("(prefers-color-scheme: dark)");if(d(u),t.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=d;try{u.addEventListener("change",d)}catch{u.addListener(d)}}}else t.setAttribute("data-theme","light"),t.style.colorScheme="light"}const f=e.varPrefix?`--${e.varPrefix}-theme-`:"--theme-";for(const t in e.cssVars)t.startsWith(f)&&delete e.cssVars[t];for(const t in e.cssMediaVars)delete e.cssMediaVars[t];if(r&&e.cssVars){const t=e.scopeSelector||":root",c=r.styleSheets;for(let d=0;d<c.length;d++)try{const u=c[d].cssRules;for(let h=0;h<u.length;h++)if(u[h].selectorText===t){for(const y in e.cssVars)u[h].style.setProperty(y,e.cssVars[y]);return e}}catch{}}return e},Z={},ie=(s,o=Z)=>{let e=o.config||S();const{version:i,verbose:r,useVariable:n,useReset:f,useSvgSprite:t,useFontImport:c,useIconSprite:d,globalTheme:u,themeRoot:h,useDocumentTheme:y,useDefaultConfig:T,semanticIcons:V,hoverMedia:x,files:E,assets:I,...p}=s;o.newConfig&&(e=P(o.newConfig)),E!==void 0&&(e.files=E),I!==void 0&&(e.assets=I),r!==void 0&&(e.verbose=r),n!==void 0&&(e.useVariable=n),f!==void 0&&(e.useReset=f),c!==void 0&&(e.useFontImport=c),t!==void 0&&(e.useSvgSprite=t),d!==void 0&&(e.useIconSprite=d),y!==void 0&&(e.useDocumentTheme=y),u!==void 0&&(e.globalTheme=u),h!==void 0&&(e.themeRoot=h),s.useThemeSuffixedVars!==void 0&&(e.useThemeSuffixedVars=s.useThemeSuffixedVars),T!==void 0&&(e.useDefaultConfig=T),V!==void 0&&(e.semanticIcons=V),x!==void 0&&(e.hoverMedia=x),e.verbose&&console.log(e);const b=(e.document&&e.document.documentElement?e.document:null)||(typeof document<"u"?document:null),v=b&&b.defaultView||(typeof window<"u"?window:null),g=b&&(e.themeRoot||b.documentElement);if(g&&typeof g.setAttribute=="function")if(e.globalTheme&&e.globalTheme!=="auto")g.setAttribute("data-theme",e.globalTheme),e.globalTheme==="dark"||e.globalTheme==="light"?g.style.colorScheme=e.globalTheme:g.style.colorScheme="light dark";else if(v&&v.matchMedia){const m=F=>{g.setAttribute("data-theme",F.matches?"dark":"light")},w=v.matchMedia("(prefers-color-scheme: dark)");if(m(w),g.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=m;try{w.addEventListener("change",m)}catch{w.addListener(m)}}}else g.setAttribute("data-theme","light"),g.style.colorScheme="light";e.__svgCache||(e.__svgCache={});const C=Object.keys(p),R=new Set(C);if(C.forEach(a=>{const m=a.toLowerCase();m!==a&&R.has(m)&&J(p[m],p[a])}),C.map(a=>{const m=a.toLowerCase();if(!(m!==a&&R.has(m)))return X(a,p[a])}),e.varPrefix&&(e.typography&&(e.typography.varPrefix=e.varPrefix),e.spacing&&(e.spacing.varPrefix=e.varPrefix),e.timing&&(e.timing.varPrefix=e.varPrefix)),p.typography)try{Y()}catch(a){e.verbose&&console.warn("Error applying typography sequence",a)}if(p.spacing)try{$()}catch(a){e.verbose&&console.warn("Error applying spacing sequence",a)}if(p.timing)try{U()}catch(a){e.verbose&&console.warn("Error applying timing sequence",a)}B();const A=z();return A&&(e.reset=A),e};export{D as VALUE_TRANSFORMERS,re as changeGlobalTheme,ie as set,X as setEach,Q as setValue};
+import{getActiveConfig as b,setActiveConfig as q,toCamel as G}from"./factory.js";import{setColor as W,setGradient as N,setFont as H,setFontFamily as L,setTheme as Y,setSvgIcon as $,setSVG as z,applyTypographySequence as B,applySpacingSequence as U,applyReset as J,applyTimingSequence as K,applyDocument as Q,setShadow as X}from"./system/index.js";import{deepMerge as Z,isObject as F,isArray as I}from"@symbo.ls/utils";import{isDomDocument as O,isHostObject as P,parkHostObject as k,resolveConfigDocument as M}from"./utils/host.js";const ee=(t,s)=>{const e=b(),{cssVars:r}=e,i=s.startsWith("--")?s:`--${s}`;return r[i]=t,t},l=t=>t,j={color:W,gradient:N,font:H,fontFamily:L,fontfamily:L,theme:Y,icons:$,semanticIcons:l,semanticicons:l,svg:z,svgData:l,typography:l,shadow:X,spacing:l,media:l,grid:l,class:l,timing:l,reset:l,unit:l,animation:l,vars:ee,sizes:l},te=(t,s,e,r)=>{k(t,e,s);const i={};for(const o of r)t[o]===s&&(t[o]=i);return t.verbose&&console.warn("[scratch] design-system family",e,"resolved to a host object; parked it and allocated a plain bucket"),i},se=(t,s,e)=>{const r=b(),i=G(t),o=i.toLowerCase(),f=r[i]||r[o]||r[t],n=P(f)?te(r,f,o,[i,o,t]):f,d=j[i]||j[o];if(d)try{const c=d(s,e);return n&&(n[e]=c),n}catch(c){r.verbose&&console.warn("Error setting",o,"value",s,e,c)}if(!d){const c=n||(r[o]={});return c[e]=s,c}r.verbose&&console.warn("Can not find",o,"method in scratch")},oe=(t,s)=>{const e=b(),r=t.toLowerCase();return P(s)?(k(e,r,s),e.verbose&&console.warn("[scratch] ignoring host object passed as the",r,"design-system family"),e[r]||e[t]):(Object.keys(s).sort((o,f)=>{const n=F(s[o])||I(s[o])?1:0,d=F(s[f])||I(s[f])?1:0;return n-d}).forEach(o=>{try{return se(r,s[o],o)}catch(f){e.verbose&&console.warn("Error setting",r,"value",s[o],o,f)}}),e[r]||e[t])},de=(t,s)=>{const e=s||b();e.globalTheme=t;const i=M(e)||(typeof document<"u"?document:null),o=i&&i.defaultView||(typeof window<"u"?window:null);if(i){const n=e.themeRoot||i.documentElement;if(t&&t!=="auto")n.setAttribute("data-theme",t),t==="dark"||t==="light"?n.style.colorScheme=t:n.style.colorScheme="light dark";else if(o&&o.matchMedia){const c=h=>{n.setAttribute("data-theme",h.matches?"dark":"light")},m=o.matchMedia("(prefers-color-scheme: dark)");if(c(m),n.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=c;try{m.addEventListener("change",c)}catch{m.addListener(c)}}}else n.setAttribute("data-theme","light"),n.style.colorScheme="light"}const f=e.varPrefix?`--${e.varPrefix}-theme-`:"--theme-";for(const n in e.cssVars)n.startsWith(f)&&delete e.cssVars[n];for(const n in e.cssMediaVars)delete e.cssMediaVars[n];if(i&&e.cssVars){const n=e.scopeSelector||":root",d=i.styleSheets;for(let c=0;c<d.length;c++)try{const m=d[c].cssRules;for(let h=0;h<m.length;h++)if(m[h].selectorText===n){for(const y in e.cssVars)m[h].style.setProperty(y,e.cssVars[y]);return e}}catch{}}return e},ne={},me=(t,s=ne)=>{let e=s.config||b();const{version:r,verbose:i,useVariable:o,useReset:f,useSvgSprite:n,useFontImport:d,useIconSprite:c,globalTheme:m,themeRoot:h,useDocumentTheme:y,useDefaultConfig:_,semanticIcons:T,hoverMedia:V,files:x,assets:D,...g}=t;s.newConfig&&(e=q(s.newConfig)),O(g.document)&&(e.__domDocument=g.document,delete g.document),O(e.document)&&(e.__domDocument||(e.__domDocument=e.document),e.document={}),x!==void 0&&(e.files=x),D!==void 0&&(e.assets=D),i!==void 0&&(e.verbose=i),o!==void 0&&(e.useVariable=o),f!==void 0&&(e.useReset=f),d!==void 0&&(e.useFontImport=d),n!==void 0&&(e.useSvgSprite=n),c!==void 0&&(e.useIconSprite=c),y!==void 0&&(e.useDocumentTheme=y),m!==void 0&&(e.globalTheme=m),h!==void 0&&(e.themeRoot=h),t.useThemeSuffixedVars!==void 0&&(e.useThemeSuffixedVars=t.useThemeSuffixedVars),_!==void 0&&(e.useDefaultConfig=_),T!==void 0&&(e.semanticIcons=T),V!==void 0&&(e.hoverMedia=V),e.verbose&&console.log(e);const v=M(e)||(typeof document<"u"?document:null),S=v&&v.defaultView||(typeof window<"u"?window:null),p=v&&(e.themeRoot||v.documentElement);if(p&&typeof p.setAttribute=="function")if(e.globalTheme&&e.globalTheme!=="auto")p.setAttribute("data-theme",e.globalTheme),e.globalTheme==="dark"||e.globalTheme==="light"?p.style.colorScheme=e.globalTheme:p.style.colorScheme="light dark";else if(S&&S.matchMedia){const u=A=>{p.setAttribute("data-theme",A.matches?"dark":"light")},C=S.matchMedia("(prefers-color-scheme: dark)");if(u(C),p.style.colorScheme="light dark",!e.__prefersListener){e.__prefersListener=u;try{C.addEventListener("change",u)}catch{C.addListener(u)}}}else p.setAttribute("data-theme","light"),p.style.colorScheme="light";e.__svgCache||(e.__svgCache={});const w=Object.keys(g).filter(a=>!a.startsWith("__")),E=new Set(w);if(w.forEach(a=>{const u=a.toLowerCase();u!==a&&E.has(u)&&Z(g[u],g[a])}),w.map(a=>{const u=a.toLowerCase();if(!(u!==a&&E.has(u)))return oe(a,g[a])}),e.varPrefix&&(e.typography&&(e.typography.varPrefix=e.varPrefix),e.spacing&&(e.spacing.varPrefix=e.varPrefix),e.timing&&(e.timing.varPrefix=e.varPrefix)),g.typography)try{B()}catch(a){e.verbose&&console.warn("Error applying typography sequence",a)}if(g.spacing)try{U()}catch(a){e.verbose&&console.warn("Error applying spacing sequence",a)}if(g.timing)try{K()}catch(a){e.verbose&&console.warn("Error applying timing sequence",a)}Q();const R=J();return R&&(e.reset=R),e};export{j as VALUE_TRANSFORMERS,de as changeGlobalTheme,me as set,oe as setEach,se as setValue};

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

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

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

@@ -1 +1 @@
-import{merge as r}from"@symbo.ls/utils";import{getActiveConfig as n}from"../factory.js";import{getDefaultOrFirstKey as c}from"../utils/index.js";const s=()=>{const e=n(),{document:o,fontFamily:i,theme:m,typography:t}=e;return r(o,{theme:m.document,fontFamily:c(i),fontSize:t.base,lineHeight:t.lineHeight})};export{s as applyDocument};
+import{merge as r}from"@symbo.ls/utils";import{getActiveConfig as n}from"../factory.js";import{getDefaultOrFirstKey as c}from"../utils/index.js";import{isHostObject as f,parkHostObject as s}from"../utils/host.js";const g=()=>{const e=n(),{fontFamily:m,theme:i,typography:o}=e;let t=e.document;return f(t)?(s(e,"document",t),t=e.document={}):t||(t=e.document={}),r(t,{theme:i.document,fontFamily:c(m),fontSize:o.base,lineHeight:o.lineHeight})};export{g as applyDocument};

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

@@ -0,0 +1 @@
+const n=e=>!!(e&&e.documentElement&&typeof e.createElement=="function"&&e.head!==void 0),u=e=>{if(e===null||typeof e!="object")return!1;const t=Object.prototype.toString.call(e);return!!(t!=="[object Object]"&&t!=="[object Array]"||typeof e.nodeType=="number"||e.defaultView||e.window===e||e.self===e)},c=e=>e!==null&&typeof e=="object"&&!u(e),i=(e,t,o)=>{if(!e)return;if(n(o)){e.__domDocument||(e.__domDocument=o);return}const r=`__host_${t}`;e[r]||(e[r]=o)},f=e=>e?n(e.__domDocument)?e.__domDocument:n(e.document)?e.document:null:null;export{n as isDomDocument,u as isHostObject,c as isWritableFamilyBucket,i as parkHostObject,f as resolveConfigDocument};

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

@@ -1 +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";
+export*from"./host.js";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/package.json

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