@symbo.ls/scratch 3.14.707 → 3.14.752

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @symbo.ls/scratch
 
+## 3.14.752
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+
+## 3.14.749
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+
 ## 3.14.707
 
 ### Patch Changes

package/dist/cjs/src/factory.js

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

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

@@ -1 +1 @@
-"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}};
+"use strict";var w=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var q=(r,s)=>{for(var a in s)w(r,a,{get:s[a],enumerable:!0})},O=(r,s,a,e)=>{if(s&&typeof s=="object"||typeof s=="function")for(let u of j(s))!L.call(r,u)&&u!==a&&w(r,u,{get:()=>s[u],enumerable:!(e=T(s,u))||e.enumerable});return r};var _=r=>O(w({},"__esModule",{value:!0}),r);var Q={};q(Q,{STANDARD_SCHEME_QUERIES:()=>P,getColor:()=>C,getMediaColor:()=>H,setAdaptiveSchemeVar:()=>E,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 u,f,o;if((0,c.isArray)(r))[u,f,o]=r;else{const n=(0,g.parseColorToken)(r);if(!n){const{color:V,gradient:A}=e;let $=A[r]||V[r];return $?(s&&$[s]&&($=$[s]),e.useVariable?`var(${$.var})`:$.value):r}if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;u=n.name,f=n.alpha,o=n.tone}const{color:p,gradient:h}=e;let t=p[u]||h[u];if(!t)return e.verbose&&console.warn("Can't find color ",u),r;if(s)if(t[s]!==void 0)t=t[s];else if((0,c.isArray)(t)){const n=s.charCodeAt(0)===64?s.slice(1):s;n==="dark"?t=t[1]!==void 0?t[1]:t[0]:(n!=="light"&&e.verbose&&console.warn(r," - array-form color tokens only support light/dark; falling back to the light slot for scheme",s),t=t[0])}else e.verbose&&console.warn(r," - does not have ",s);if((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 u,f,o;if((0,c.isArray)(r))u=r[0];else{const n=(0,g.parseColorToken)(r);if(n){if(n.passthrough)return n.passthrough;if(n.cssVar)return`var(${n.cssVar})`;u=n.name,f=n.alpha,o=n.tone}else u=r}const{color:p,gradient:h}=e,t=p[u]||h[u],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 A=V.slice(1),$=e.media&&e.media[A]||P[A];if(!$)continue;const l="@media "+($==="print"?`${$}`:`screen and ${$}`);n[l]=C(r,V,a)}return n}}else return e.verbose&&console.warn("Can't find color",r),r},E=(r,s,a,e)=>{const f=`--${e.varPrefix?e.varPrefix+"-":""}${s}-${a}`;let o;const p={};for(const h in r){if(h.charCodeAt(0)!==64)continue;const t=h.slice(1),d=r[h],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 h in p){const t=`[data-theme="${h}"]`;if(e.cssMediaVars[t]||(e.cssMediaVars[t]={}),e.cssMediaVars[t][f]=p[h],h==="light"||h==="dark"){const d=`@media (prefers-color-scheme: ${h})`;e.cssMediaVars[d]||(e.cssMediaVars[d]={}),e.cssMediaVars[d][f]=p[h]}}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 l=r.slice(2);if(r=C(l),!(r.includes("rgb")||r.includes("var")||r.includes("#"))){const i=l.split(" ");let b=e.color[i[0]];if(b&&!b.value&&!b.rgb&&((0,c.isString)(b)||(0,c.isArray)(b)||(0,c.isObject)(b))&&(e.color[i[0]]=M(b,i[0]),b=e.color[i[0]]),b&&b.value){let m=b.rgb;const x=i[1]!==void 0?i[1]:"1",R=i[2];R&&(m=(0,g.getRgbTone)(m,R)),r=`rgba(${m}, ${x})`}else{const m=i[2],x=i[1]!==void 0?i[1]:"1";if(m)try{const R=(0,g.colorStringToRgbaArray)(i[0]);R&&R.length>=3?r=`rgba(${(0,g.getRgbTone)(R.slice(0,3).join(", "),m)}, ${x})`: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)i!=="var"&&(l[i]=M(r[i],s,i.slice(0,1)==="@"?i.slice(1):i));return e.useVariable&&E(l,"color",s,e),l}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 l=(0,g.parseColorToken)(o);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]=M(i,l.name));const b=e.color[l.name];if(b&&b.rgb){let m=b.rgb;l.tone&&(m=(0,g.getRgbTone)(m,l.tone));const x=l.alpha?parseFloat(l.alpha):1;o=`rgba(${m}, ${x})`}}}const p=(0,g.colorStringToRgbaArray)(o),[h,t,d,n=1]=p,V=parseFloat(n.toFixed(2)),A=`${h}, ${t}, ${d}`,$=`rgba(${A}, ${V})`;return e.useVariable&&(e.cssVars[f]=$),{var:f,rgb:A,alpha:V,value:$}},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&&E(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/utils/sprite.js

@@ -1 +1 @@
-"use strict";var a=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var v=(e,t)=>{for(var r in t)a(e,r,{get:t[r],enumerable:!0})},x=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of d(t))!h.call(e,n)&&n!==r&&a(e,n,{get:()=>t[n],enumerable:!(s=w(t,n))||s.enumerable});return e};var S=e=>x(a({},"__esModule",{value:!0}),e);var E={};v(E,{convertSvgToSymbol:()=>b,generateSprite:()=>m});module.exports=S(E);var l=require("@symbo.ls/utils"),$=require("../factory.js");const u=(0,l.isNotProduction)(),m=e=>{const t=(0,$.getActiveConfig)();let r="";for(const s in e)t.__svgCache[s]||(t.__svgCache[s]=!0,r+=e[s]);return r},_=e=>{const t=e&&(e.default||e);if(!(0,l.isString)(t))return u&&console.warn("parseRootAttributes:",t,"is not a string"),{};const r=t.match(/<svg\s+(.*?)>/);if(!r||!r[1])return{};const n=r[1].match(/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm);return n?n.reduce((o,c)=>{const[p,g]=c.split("=");return o[p]=g.replace(/['"]/g,""),o},{}):{}},C=(e,t)=>{const r=[];if(e.replace(/id="([^"]*)"/g,(n,o)=>(r.push(o),n)),!r.length)return e;let s=e;for(const n of r){const o=n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),c=`${t}-${n}`;s=s.replace(new RegExp(`id="${o}"`,"g"),`id="${c}"`).replace(new RegExp(`url\\(#${o}\\)`,"g"),`url(#${c})`).replace(new RegExp(`xlink:href="#${o}"`,"g"),`xlink:href="#${c}"`).replace(new RegExp(`href="#${o}"`,"g"),`href="#${c}"`)}return s},f=new Set,b=(e,t)=>{const r=t&&t.default?t.default:t;if(!(0,l.isString)(r))return u&&!f.has(e)&&(f.add(e),console.warn("convertSvgToSymbol:",e,"is not a string")),"";t=r;const s=_(t),{width:n,height:o}=s,c=s.viewBox||`0 0 ${n||24} ${o||24}`;let i=C(t,e).replace("<svg",`<symbol id="${e}" xmlns="http://www.w3.org/2000/svg" viewBox="${c}"`);return i=i.replace(/width="[^"]*"/,""),i=i.replace(/height="[^"]*"/,""),i=i.replace("</svg","</symbol"),i=A(i),i},R="line|circle|ellipse|rect|polyline|polygon|path|stop|use|image",y=new RegExp(`<(${R})\\b([^>]*?)\\s*/>`,"g"),A=e=>e.replace(y,"<$1$2></$1>");
+"use strict";var p=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var r in e)p(t,r,{get:e[r],enumerable:!0})},x=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of h(e))!v.call(t,n)&&n!==r&&p(t,n,{get:()=>e[n],enumerable:!(s=d(e,n))||s.enumerable});return t};var S=t=>x(p({},"__esModule",{value:!0}),t);var y={};m(y,{convertSvgToSymbol:()=>R,generateSprite:()=>b});module.exports=S(y);var l=require("@symbo.ls/utils"),w=require("../factory.js");const f=(0,l.isNotProduction)(),b=t=>{const e=(0,w.getActiveConfig)();let r="";for(const s in t)e.__svgCache[s]||(e.__svgCache[s]=!0,r+=t[s]);return r},_=t=>{const e=t&&(t.default||t);if(!(0,l.isString)(e))return f&&console.warn("parseRootAttributes:",e,"is not a string"),{};const r=e.match(/<svg\s+(.*?)>/);if(!r||!r[1])return{};const n=r[1].match(/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm);return n?n.reduce((o,c)=>{const[a,g]=c.split("=");return o[a]=g.replace(/['"]/g,""),o},{}):{}},C=(t,e)=>{const r=[];if(t.replace(/id="([^"]*)"/g,(n,o)=>(r.push(o),n)),!r.length)return t;let s=t;for(const n of r){const o=n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),c=`${e}-${n}`;s=s.replace(new RegExp(`id="${o}"`,"g"),`id="${c}"`).replace(new RegExp(`url\\(#${o}\\)`,"g"),`url(#${c})`).replace(new RegExp(`xlink:href="#${o}"`,"g"),`xlink:href="#${c}"`).replace(new RegExp(`href="#${o}"`,"g"),`href="#${c}"`)}return s},$=new Set,R=(t,e)=>{const r=e&&e.default?e.default:e;if(!(0,l.isString)(r))return f&&!$.has(t)&&($.add(t),console.warn("convertSvgToSymbol:",t,"is not a string")),"";e=r;const s=e.match(/^<symbol\b[^>]*\bid="([^"]*)"/);if(s){const u=s[1];return u===t?e:e.replace(`id="${u}"`,`id="${t}"`)}const n=_(e),{width:o,height:c}=n,a=n.viewBox||`0 0 ${o||24} ${c||24}`;let i=C(e,t).replace("<svg",`<symbol id="${t}" xmlns="http://www.w3.org/2000/svg" viewBox="${a}"`);return i=i.replace(/width="[^"]*"/,""),i=i.replace(/height="[^"]*"/,""),i=i.replace("</svg","</symbol"),i=I(i),i},A="line|circle|ellipse|rect|polyline|polygon|path|stop|use|image",E=new RegExp(`<(${A})\\b([^>]*?)\\s*/>`,"g"),I=t=>t.replace(E,"<$1$2></$1>");

package/dist/esm/src/factory.js

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

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

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

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

package/package.json

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