css-in-props 3.14.707 → 3.14.753

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # css-in-props
 
+## 3.14.753
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+- Updated dependencies
+  - @symbo.ls/scratch@3.14.753
+
+## 3.14.747
+
+### Patch Changes
+
+- Auto-generated cross-repo patch release.
+
 ## 3.14.707
 
 ### Patch Changes

package/dist/cjs/src/props/block.js

@@ -1 +1 @@
-"use strict";var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(i,n)=>{for(var r in n)o(i,r,{get:n[r],enumerable:!0})},c=(i,n,r,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of g(n))!m.call(i,a)&&a!==r&&o(i,a,{get:()=>n[a],enumerable:!(d=l(n,a))||d.enumerable});return i};var s=i=>c(o({},"__esModule",{value:!0}),i);var h={};p(h,{BLOCK_PROPS:()=>S});module.exports=s(h);var e=require("@symbo.ls/utils"),t=require("@symbo.ls/scratch");const S={show:i=>i?void 0:{display:"none !important"},hide:i=>i?{display:"none !important"}:void 0,height:(i,n)=>(0,t.transformSizeRatio)("height",i,n),width:(i,n)=>(0,t.transformSizeRatio)("width",i,n),boxSizing:i=>(0,e.isUndefined)(i)?{boxSizing:"border-box"}:{boxSizing:i},boxSize:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("height",n),...(0,t.transformSize)("width",r||n)}},inlineSize:(i,n)=>(0,t.transformSizeRatio)("inlineSize",i,n),blockSize:(i,n)=>(0,t.transformSizeRatio)("blockSize",i,n),minWidth:(i,n)=>(0,t.transformSizeRatio)("minWidth",i,n),maxWidth:(i,n)=>(0,t.transformSizeRatio)("maxWidth",i,n),widthRange:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("minWidth",n),...(0,t.transformSize)("maxWidth",r||n)}},minHeight:(i,n)=>(0,t.transformSizeRatio)("minHeight",i,n),maxHeight:(i,n)=>(0,t.transformSizeRatio)("maxHeight",i,n),heightRange:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("minHeight",n),...(0,t.transformSize)("maxHeight",r||n)}},size:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSizeRatio)("inlineSize",n),...(0,t.transformSizeRatio)("blockSize",r||n)}},minBlockSize:(i,n)=>(0,t.transformSizeRatio)("minBlockSize",i,n),minInlineSize:(i,n)=>(0,t.transformSizeRatio)("minInlineSize",i,n),maxBlockSize:(i,n)=>(0,t.transformSizeRatio)("maxBlockSize",i,n),maxInlineSize:(i,n)=>(0,t.transformSizeRatio)("maxInlineSize",i,n),minSize:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("minInlineSize",n),...(0,t.transformSize)("minBlockSize",r||n)}},maxSize:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("maxInlineSize",n),...(0,t.transformSize)("maxBlockSize",r||n)}},borderWidth:(i,n)=>(0,t.transformSizeRatio)("borderWidth",i,n),borderTopWidth:(i,n)=>(0,t.transformSizeRatio)("borderTopWidth",i,n),borderRightWidth:(i,n)=>(0,t.transformSizeRatio)("borderRightWidth",i,n),borderBottomWidth:(i,n)=>(0,t.transformSizeRatio)("borderBottomWidth",i,n),borderLeftWidth:(i,n)=>(0,t.transformSizeRatio)("borderLeftWidth",i,n),padding:(i,n)=>(0,t.transformSizeRatio)("padding",i,n),scrollPadding:(i,n)=>(0,t.transformSizeRatio)("scrollPadding",i,n),paddingInline:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("paddingInlineStart",n),...(0,t.transformSize)("paddingInlineEnd",r||n)}},paddingBlock:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("paddingBlockStart",n),...(0,t.transformSize)("paddingBlockEnd",r||n)}},paddingTop:(i,n)=>(0,t.transformSizeRatio)("paddingBlockStart",i,n),paddingBottom:(i,n)=>(0,t.transformSizeRatio)("paddingBlockEnd",i,n),paddingLeft:(i,n)=>(0,t.transformSizeRatio)("paddingInlineStart",i,n),paddingRight:(i,n)=>(0,t.transformSizeRatio)("paddingInlineEnd",i,n),paddingBlockStart:(i,n)=>(0,t.transformSizeRatio)("paddingBlockStart",i,n),paddingBlockEnd:(i,n)=>(0,t.transformSizeRatio)("paddingBlockEnd",i,n),paddingInlineStart:(i,n)=>(0,t.transformSizeRatio)("paddingInlineStart",i,n),paddingInlineEnd:(i,n)=>(0,t.transformSizeRatio)("paddingInlineEnd",i,n),margin:(i,n)=>(0,t.transformSizeRatio)("margin",i,n),marginInline:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("marginInlineStart",n),...(0,t.transformSize)("marginInlineEnd",r||n)}},marginBlock:(i,n)=>{if(!(0,e.isString)(n.marginBlock))return;const[r,d]=n.marginBlock.split(" ");return{...(0,t.transformSize)("marginBlockStart",r),...(0,t.transformSize)("marginBlockEnd",d||r)}},marginTop:(i,n)=>(0,t.transformSizeRatio)("marginBlockStart",i,n),marginBottom:(i,n)=>(0,t.transformSizeRatio)("marginBlockEnd",i,n),marginLeft:(i,n)=>(0,t.transformSizeRatio)("marginInlineStart",i,n),marginRight:(i,n)=>(0,t.transformSizeRatio)("marginInlineEnd",i,n),marginInlineStart:(i,n)=>(0,t.transformSizeRatio)("marginInlineStart",i,n),marginInlineEnd:(i,n)=>(0,t.transformSizeRatio)("marginInlineEnd",i,n),marginBlockStart:(i,n)=>(0,t.transformSizeRatio)("marginBlockStart",i,n),marginBlockEnd:(i,n)=>(0,t.transformSizeRatio)("marginBlockEnd",i,n),gap:i=>({gap:(0,t.transfromGap)(i)}),columnGap:(i,n)=>(0,t.getSpacingBasedOnRatio)(n,"columnGap",i),rowGap:(i,n)=>(0,t.getSpacingBasedOnRatio)(n,"rowGap",i),flexWrap:i=>({display:"flex",flexWrap:i}),flexFlow:(i,n)=>{const r=n.reverse;if(!(0,e.isString)(i))return;let[d,a]=(i||"row").split(" ");return(i.startsWith("x")||i==="row")&&(d="row"),(i.startsWith("y")||i==="column")&&(d="column"),{display:"flex",flexFlow:(d||"")+(!d.includes("-reverse")&&r?"-reverse":"")+" "+(a||"")}},flexAlign:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{display:"flex",alignItems:n,justifyContent:r}},round:(i,n)=>(0,t.transformBorderRadius)(i??n.borderRadius,n,"round"),borderRadius:(i,n)=>(0,t.transformBorderRadius)(i??n.round,n,"borderRadius")};
+"use strict";var a=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(i,n)=>{for(var r in n)a(i,r,{get:n[r],enumerable:!0})},s=(i,n,r,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of l(n))!m.call(i,o)&&o!==r&&a(i,o,{get:()=>n[o],enumerable:!(d=g(n,o))||d.enumerable});return i};var c=i=>s(a({},"__esModule",{value:!0}),i);var S={};p(S,{BLOCK_PROPS:()=>h});module.exports=c(S);var e=require("@symbo.ls/utils"),t=require("@symbo.ls/scratch");const h={show:i=>i?void 0:{display:"none !important"},hide:i=>i?{display:"none !important"}:void 0,height:(i,n)=>(0,t.transformSizeRatio)("height",i,n),width:(i,n)=>(0,t.transformSizeRatio)("width",i,n),boxSizing:i=>(0,e.isUndefined)(i)?{boxSizing:"border-box"}:{boxSizing:i},boxSize:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("height",n),...(0,t.transformSize)("width",r||n)}},inlineSize:(i,n)=>(0,t.transformSizeRatio)("inlineSize",i,n),blockSize:(i,n)=>(0,t.transformSizeRatio)("blockSize",i,n),minWidth:(i,n)=>(0,t.transformSizeRatio)("minWidth",i,n),maxWidth:(i,n)=>(0,t.transformSizeRatio)("maxWidth",i,n),widthRange:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("minWidth",n),...(0,t.transformSize)("maxWidth",r||n)}},minHeight:(i,n)=>(0,t.transformSizeRatio)("minHeight",i,n),maxHeight:(i,n)=>(0,t.transformSizeRatio)("maxHeight",i,n),heightRange:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("minHeight",n),...(0,t.transformSize)("maxHeight",r||n)}},size:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSizeRatio)("inlineSize",n),...(0,t.transformSizeRatio)("blockSize",r||n)}},minBlockSize:(i,n)=>(0,t.transformSizeRatio)("minBlockSize",i,n),minInlineSize:(i,n)=>(0,t.transformSizeRatio)("minInlineSize",i,n),maxBlockSize:(i,n)=>(0,t.transformSizeRatio)("maxBlockSize",i,n),maxInlineSize:(i,n)=>(0,t.transformSizeRatio)("maxInlineSize",i,n),minSize:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("minInlineSize",n),...(0,t.transformSize)("minBlockSize",r||n)}},maxSize:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("maxInlineSize",n),...(0,t.transformSize)("maxBlockSize",r||n)}},borderWidth:(i,n)=>(0,t.transformSizeRatio)("borderWidth",i,n),borderTopWidth:(i,n)=>(0,t.transformSizeRatio)("borderTopWidth",i,n),borderRightWidth:(i,n)=>(0,t.transformSizeRatio)("borderRightWidth",i,n),borderBottomWidth:(i,n)=>(0,t.transformSizeRatio)("borderBottomWidth",i,n),borderLeftWidth:(i,n)=>(0,t.transformSizeRatio)("borderLeftWidth",i,n),padding:(i,n)=>(0,t.transformSizeRatio)("padding",i,n),scrollPadding:(i,n)=>(0,t.transformSizeRatio)("scrollPadding",i,n),paddingInline:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("paddingInlineStart",n),...(0,t.transformSize)("paddingInlineEnd",r||n)}},paddingBlock:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("paddingBlockStart",n),...(0,t.transformSize)("paddingBlockEnd",r||n)}},paddingTop:(i,n)=>(0,t.transformSizeRatio)("paddingBlockStart",i,n),paddingBottom:(i,n)=>(0,t.transformSizeRatio)("paddingBlockEnd",i,n),paddingLeft:(i,n)=>(0,t.transformSizeRatio)("paddingInlineStart",i,n),paddingRight:(i,n)=>(0,t.transformSizeRatio)("paddingInlineEnd",i,n),paddingBlockStart:(i,n)=>(0,t.transformSizeRatio)("paddingBlockStart",i,n),paddingBlockEnd:(i,n)=>(0,t.transformSizeRatio)("paddingBlockEnd",i,n),paddingInlineStart:(i,n)=>(0,t.transformSizeRatio)("paddingInlineStart",i,n),paddingInlineEnd:(i,n)=>(0,t.transformSizeRatio)("paddingInlineEnd",i,n),margin:(i,n)=>(0,t.transformSizeRatio)("margin",i,n),marginInline:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{...(0,t.transformSize)("marginInlineStart",n),...(0,t.transformSize)("marginInlineEnd",r||n)}},marginBlock:(i,n)=>{if(!(0,e.isString)(n.marginBlock))return;const[r,d]=n.marginBlock.split(" ");return{...(0,t.transformSize)("marginBlockStart",r),...(0,t.transformSize)("marginBlockEnd",d||r)}},marginTop:(i,n)=>(0,t.transformSizeRatio)("marginBlockStart",i,n),marginBottom:(i,n)=>(0,t.transformSizeRatio)("marginBlockEnd",i,n),marginLeft:(i,n)=>(0,t.transformSizeRatio)("marginInlineStart",i,n),marginRight:(i,n)=>(0,t.transformSizeRatio)("marginInlineEnd",i,n),marginInlineStart:(i,n)=>(0,t.transformSizeRatio)("marginInlineStart",i,n),marginInlineEnd:(i,n)=>(0,t.transformSizeRatio)("marginInlineEnd",i,n),marginBlockStart:(i,n)=>(0,t.transformSizeRatio)("marginBlockStart",i,n),marginBlockEnd:(i,n)=>(0,t.transformSizeRatio)("marginBlockEnd",i,n),gap:i=>({gap:(0,t.transfromGap)(i)}),columnGap:(i,n)=>(0,t.getSpacingBasedOnRatio)(n,"columnGap",i),rowGap:(i,n)=>(0,t.getSpacingBasedOnRatio)(n,"rowGap",i),flexWrap:i=>({display:"flex",flexWrap:i}),flexFlow:(i,n)=>{const r=n.reverse;if(!(0,e.isString)(i))return;let[d,o]=(i||"row").split(" ");return(i.startsWith("x")||i==="row")&&(d="row"),(i.startsWith("y")||i==="column")&&(d="column"),{display:"flex",flexFlow:(d||"")+(!d.includes("-reverse")&&r?"-reverse":"")+" "+(o||"")}},flexAlign:i=>{if(!(0,e.isString)(i))return;const[n,r]=i.split(" ");return{display:"flex",alignItems:n,justifyContent:r}},round:(i,n)=>(0,t.transformBorderRadius)(i??n.borderRadius,n,"round"),borderRadius:(i,n)=>(0,t.transformBorderRadius)(i??n.round,n,"borderRadius"),borderTopLeftRadius:(i,n)=>(0,t.transformBorderRadius)(i,n,"borderTopLeftRadius","borderTopLeftRadius"),borderTopRightRadius:(i,n)=>(0,t.transformBorderRadius)(i,n,"borderTopRightRadius","borderTopRightRadius"),borderBottomLeftRadius:(i,n)=>(0,t.transformBorderRadius)(i,n,"borderBottomLeftRadius","borderBottomLeftRadius"),borderBottomRightRadius:(i,n)=>(0,t.transformBorderRadius)(i,n,"borderBottomRightRadius","borderBottomRightRadius")};

package/dist/cjs/src/props/passthroughTokenWarn.js

@@ -0,0 +1 @@
+"use strict";var u=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var b=(s,t)=>{for(var n in t)u(s,n,{get:t[n],enumerable:!0})},k=(s,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of v(t))!g.call(s,e)&&e!==n&&u(s,e,{get:()=>t[e],enumerable:!(o=m(t,e))||o.enumerable});return s};var y=s=>k(u({},"__esModule",{value:!0}),s);var x={};b(x,{warnUnresolvedPassthroughToken:()=>j});module.exports=y(x);var l=require("@symbo.ls/utils"),w=require("@symbo.ls/scratch");const S=/^-?[A-Z][0-9]?$/,_=/^[a-z][0-9]?$/,p=/var\(\s*(--[A-Za-z0-9-]+)/g,E=s=>{const t=new Set,n=new Set;if(!s||typeof s!="object")return{knownLetters:t,knownVars:n};for(const o in s){const e=s[o];if(!(!e||typeof e!="object")){if(e.sequence&&typeof e.sequence=="object")for(const r in e.sequence)t.add(r);if(e.vars&&typeof e.vars=="object")for(const r in e.vars)n.add(r)}}return{knownLetters:t,knownVars:n}},R=(s,t)=>{if(!t.size)return[];const n=s.split(/[(),\s]+/).filter(Boolean),o=new Set;for(const e of n){if(!S.test(e))continue;const r=e.charCodeAt(0)===45?e.slice(1):e;t.has(r)&&o.add(e)}return[...o]},A=(s,t)=>{if(!t.size)return[];const n=[];p.lastIndex=0;let o;for(;o=p.exec(s);){const e=o[1];if(t.has(e))continue;const r=e.lastIndexOf("-");if(r===-1)continue;const a=e.slice(r+1);if(!_.test(a))continue;const c=e.slice(0,r+1)+a.toUpperCase();c!==e&&t.has(c)&&n.push({varName:e,corrected:c})}return n},h=new Set,j=(s,t,n)=>{if(!(0,l.isLoudDevRuntime)()||!(0,l.isString)(t)||!t)return;let o;try{o=(0,w.getActiveConfig)()}catch{return}const{knownLetters:e,knownVars:r}=E(o);if(!e.size&&!r.size)return;const a=R(t,e),c=A(t,r);if(!a.length&&!c.length)return;const f=n?.__ref?.path?n.__ref.path.join("."):n?.key||"?";for(const i of a){const d=`${f}::${s}::bare::${i}::${t}`;h.has(d)||(h.add(d),console.warn(`[smbls/css-in-props] "${s}" on <${f}> looks like it contains an un-wrapped design-system token ("${i}") \u2014 "${s}" has no registered resolver, so its value is forwarded to the browser untouched. A bare letter token there is invalid CSS, so the browser drops the ENTIRE "${s}" declaration (not just this argument). Wrap it in var(--<family>-${i.replace("-","")}) (or calc(-1 * var(--<family>-${i.replace("-","")})) for a negative). Value: "${t}"`))}for(const{varName:i,corrected:d}of c){const $=`${f}::${s}::case::${i}::${t}`;h.has($)||(h.add($),console.warn(`[smbls/css-in-props] "${s}" on <${f}> references ${i}, which the active design system never emits. CSS custom-property names are case-sensitive \u2014 the real variable is ${d}, so this reference silently never resolves. Value: "${t}"`))}};

package/dist/cjs/src/transform/executors.js

@@ -1 +1 @@
-"use strict";var P=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var v=(e,s)=>{for(var i in s)P(e,i,{get:s[i],enumerable:!0})},O=(e,s,i,f)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of A(s))!_.call(e,o)&&o!==i&&P(e,o,{get:()=>s[o],enumerable:!(f=j(s,o))||f.enumerable});return e};var T=e=>O(P({},"__esModule",{value:!0}),e);var I={};v(I,{exetuteClassPerComponent:()=>E,useCssInProps:()=>R,usePropsAsCSS:()=>g,useSelectorsAsCSS:()=>k});module.exports=T(I);var r=require("@symbo.ls/utils"),y=require("@symbo.ls/scratch"),d=require("../props/index.js"),x=require("../props/defaults.js"),C=require("./transformers.js");const b=(0,r.isProduction)(),g=(e,s,i)=>{const f=s?.context?.designSystem;f&&(0,y.pushConfig)(f);try{let o={};const l={},n=(t,p)=>{if(i.unpack){o={...o,...p};return}o[t]=p};for(const t in e){const p=e[t];if(t==="class"&&s.call("isString",e.class)){const c=p.split(" ");if(c.length){const a=s.context.designSystem.class,u=c.reduce((S,h)=>(0,r.merge)(S,a[h]),{});o.designSystemClass=u}}else if(t==="true"){const c=(0,r.exec)(p,s);(0,r.merge)(o,(0,C.applyTrueProps)(c,s))}else if(s.classlist[t]){const c=s.classlist[t],a=(0,r.isFunction)(c)?c(s,s.state,s.context):c;a&&n(t,a),!b&&(0,r.isObject)(o[t])&&(o[t].label=t)}else if(d.CSS_PROPS_REGISTRY[t]){let c=(0,r.exec)(p,s);(0,r.isArray)(c)&&(c=c.reduce((u,S)=>(0,r.merge)(u,S),{}));let a=d.CSS_PROPS_REGISTRY[t](c,s,s.state,s.context);(0,r.isArray)(a)&&(a=a.reduce((u,S)=>(0,r.merge)(u,S),{})),a&&n(t,a),!b&&(0,r.isObject)(o[t])&&(o[t].label=t)}else if(x.DEFAULT_CSS_PROPERTIES_LIST.has(t)){let c=(0,r.exec)(p,s);typeof c=="string"&&c.charCodeAt(0)===45&&c.charCodeAt(1)===45&&(c=`var(${c})`),n(t,{[t]:c}),!b&&(0,r.isObject)(o[t])&&(o[t].label=t)}else l[t]=p}return[o,l]}finally{f&&(0,y.popConfig)()}},k=(e,s)=>{const i={};for(const f in e){const o=C.transformersByPrefix[f.slice(0,1)];if(o){const l=o(f,e[f],s);if(l)for(const n in l)Object.prototype.hasOwnProperty.call(l,n)&&(i[n]&&typeof i[n]=="object"&&typeof l[n]=="object"?(0,r.overwriteDeep)(i[n],l[n]):i[n]=l[n])}}return i},R=(e,s,i={unpack:!0})=>{const[f,o]=g(e,s,i),l=k(o,s);let n=!1;for(const t in l){n=!0;break}if(n){if(i.unpack)return(0,r.overwrite)(f,l);f._selectors=l}return f},E=(e,s)=>{const i={};if(e.class)for(const f in e.class)i[f]=e.class[f](s);return i};
+"use strict";var d=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var T=Object.prototype.hasOwnProperty;var _=(e,s)=>{for(var c in s)d(e,c,{get:s[c],enumerable:!0})},O=(e,s,c,f)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of A(s))!T.call(e,o)&&o!==c&&d(e,o,{get:()=>s[o],enumerable:!(f=v(s,o))||f.enumerable});return e};var R=e=>O(d({},"__esModule",{value:!0}),e);var I={};_(I,{exetuteClassPerComponent:()=>E,useCssInProps:()=>w,usePropsAsCSS:()=>h,useSelectorsAsCSS:()=>k});module.exports=R(I);var r=require("@symbo.ls/utils"),P=require("@symbo.ls/scratch"),b=require("../props/index.js"),g=require("../props/defaults.js"),x=require("../props/passthroughTokenWarn.js"),C=require("./transformers.js");const y=(0,r.isProduction)(),h=(e,s,c)=>{const f=s?.context?.designSystem;f&&(0,P.pushConfig)(f);try{let o={};const l={},n=(t,p)=>{if(c.unpack){o={...o,...p};return}o[t]=p};for(const t in e){const p=e[t];if(t==="class"&&s.call("isString",e.class)){const i=p.split(" ");if(i.length){const a=s.context.designSystem.class,u=i.reduce((S,j)=>(0,r.merge)(S,a[j]),{});o.designSystemClass=u}}else if(t==="true"){const i=(0,r.exec)(p,s);(0,r.merge)(o,(0,C.applyTrueProps)(i,s))}else if(s.classlist[t]){const i=s.classlist[t],a=(0,r.isFunction)(i)?i(s,s.state,s.context):i;a&&n(t,a),!y&&(0,r.isObject)(o[t])&&(o[t].label=t)}else if(b.CSS_PROPS_REGISTRY[t]){let i=(0,r.exec)(p,s);(0,r.isArray)(i)&&(i=i.reduce((u,S)=>(0,r.merge)(u,S),{}));let a=b.CSS_PROPS_REGISTRY[t](i,s,s.state,s.context);(0,r.isArray)(a)&&(a=a.reduce((u,S)=>(0,r.merge)(u,S),{})),a&&n(t,a),!y&&(0,r.isObject)(o[t])&&(o[t].label=t)}else if(g.DEFAULT_CSS_PROPERTIES_LIST.has(t)){let i=(0,r.exec)(p,s);typeof i=="string"&&i.charCodeAt(0)===45&&i.charCodeAt(1)===45&&(i=`var(${i})`),y||(0,x.warnUnresolvedPassthroughToken)(t,i,s),n(t,{[t]:i}),!y&&(0,r.isObject)(o[t])&&(o[t].label=t)}else l[t]=p}return[o,l]}finally{f&&(0,P.popConfig)()}},k=(e,s)=>{const c={};for(const f in e){const o=C.transformersByPrefix[f.slice(0,1)];if(o){const l=o(f,e[f],s);if(l)for(const n in l)Object.prototype.hasOwnProperty.call(l,n)&&(c[n]&&typeof c[n]=="object"&&typeof l[n]=="object"?(0,r.overwriteDeep)(c[n],l[n]):c[n]=l[n])}}return c},w=(e,s,c={unpack:!0})=>{const[f,o]=h(e,s,c),l=k(o,s);let n=!1;for(const t in l){n=!0;break}if(n){if(c.unpack)return(0,r.overwrite)(f,l);f._selectors=l}return f},E=(e,s)=>{const c={};if(e.class)for(const f in e.class)c[f]=e.class[f](s);return c};

package/dist/esm/src/props/block.js

@@ -1 +1 @@
-import{isUndefined as m,isString as d}from"@symbo.ls/utils";import{getSpacingBasedOnRatio as o,transformSize as e,transformBorderRadius as l,transformSizeRatio as t,transfromGap as p}from"@symbo.ls/scratch";const S={show:i=>i?void 0:{display:"none !important"},hide:i=>i?{display:"none !important"}:void 0,height:(i,n)=>t("height",i,n),width:(i,n)=>t("width",i,n),boxSizing:i=>m(i)?{boxSizing:"border-box"}:{boxSizing:i},boxSize:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("height",n),...e("width",r||n)}},inlineSize:(i,n)=>t("inlineSize",i,n),blockSize:(i,n)=>t("blockSize",i,n),minWidth:(i,n)=>t("minWidth",i,n),maxWidth:(i,n)=>t("maxWidth",i,n),widthRange:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("minWidth",n),...e("maxWidth",r||n)}},minHeight:(i,n)=>t("minHeight",i,n),maxHeight:(i,n)=>t("maxHeight",i,n),heightRange:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("minHeight",n),...e("maxHeight",r||n)}},size:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...t("inlineSize",n),...t("blockSize",r||n)}},minBlockSize:(i,n)=>t("minBlockSize",i,n),minInlineSize:(i,n)=>t("minInlineSize",i,n),maxBlockSize:(i,n)=>t("maxBlockSize",i,n),maxInlineSize:(i,n)=>t("maxInlineSize",i,n),minSize:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("minInlineSize",n),...e("minBlockSize",r||n)}},maxSize:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("maxInlineSize",n),...e("maxBlockSize",r||n)}},borderWidth:(i,n)=>t("borderWidth",i,n),borderTopWidth:(i,n)=>t("borderTopWidth",i,n),borderRightWidth:(i,n)=>t("borderRightWidth",i,n),borderBottomWidth:(i,n)=>t("borderBottomWidth",i,n),borderLeftWidth:(i,n)=>t("borderLeftWidth",i,n),padding:(i,n)=>t("padding",i,n),scrollPadding:(i,n)=>t("scrollPadding",i,n),paddingInline:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("paddingInlineStart",n),...e("paddingInlineEnd",r||n)}},paddingBlock:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("paddingBlockStart",n),...e("paddingBlockEnd",r||n)}},paddingTop:(i,n)=>t("paddingBlockStart",i,n),paddingBottom:(i,n)=>t("paddingBlockEnd",i,n),paddingLeft:(i,n)=>t("paddingInlineStart",i,n),paddingRight:(i,n)=>t("paddingInlineEnd",i,n),paddingBlockStart:(i,n)=>t("paddingBlockStart",i,n),paddingBlockEnd:(i,n)=>t("paddingBlockEnd",i,n),paddingInlineStart:(i,n)=>t("paddingInlineStart",i,n),paddingInlineEnd:(i,n)=>t("paddingInlineEnd",i,n),margin:(i,n)=>t("margin",i,n),marginInline:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("marginInlineStart",n),...e("marginInlineEnd",r||n)}},marginBlock:(i,n)=>{if(!d(n.marginBlock))return;const[r,a]=n.marginBlock.split(" ");return{...e("marginBlockStart",r),...e("marginBlockEnd",a||r)}},marginTop:(i,n)=>t("marginBlockStart",i,n),marginBottom:(i,n)=>t("marginBlockEnd",i,n),marginLeft:(i,n)=>t("marginInlineStart",i,n),marginRight:(i,n)=>t("marginInlineEnd",i,n),marginInlineStart:(i,n)=>t("marginInlineStart",i,n),marginInlineEnd:(i,n)=>t("marginInlineEnd",i,n),marginBlockStart:(i,n)=>t("marginBlockStart",i,n),marginBlockEnd:(i,n)=>t("marginBlockEnd",i,n),gap:i=>({gap:p(i)}),columnGap:(i,n)=>o(n,"columnGap",i),rowGap:(i,n)=>o(n,"rowGap",i),flexWrap:i=>({display:"flex",flexWrap:i}),flexFlow:(i,n)=>{const r=n.reverse;if(!d(i))return;let[a,g]=(i||"row").split(" ");return(i.startsWith("x")||i==="row")&&(a="row"),(i.startsWith("y")||i==="column")&&(a="column"),{display:"flex",flexFlow:(a||"")+(!a.includes("-reverse")&&r?"-reverse":"")+" "+(g||"")}},flexAlign:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{display:"flex",alignItems:n,justifyContent:r}},round:(i,n)=>l(i??n.borderRadius,n,"round"),borderRadius:(i,n)=>l(i??n.round,n,"borderRadius")};export{S as BLOCK_PROPS};
+import{isUndefined as m,isString as d}from"@symbo.ls/utils";import{getSpacingBasedOnRatio as g,transformSize as e,transformBorderRadius as a,transformSizeRatio as t,transfromGap as p}from"@symbo.ls/scratch";const h={show:i=>i?void 0:{display:"none !important"},hide:i=>i?{display:"none !important"}:void 0,height:(i,n)=>t("height",i,n),width:(i,n)=>t("width",i,n),boxSizing:i=>m(i)?{boxSizing:"border-box"}:{boxSizing:i},boxSize:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("height",n),...e("width",r||n)}},inlineSize:(i,n)=>t("inlineSize",i,n),blockSize:(i,n)=>t("blockSize",i,n),minWidth:(i,n)=>t("minWidth",i,n),maxWidth:(i,n)=>t("maxWidth",i,n),widthRange:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("minWidth",n),...e("maxWidth",r||n)}},minHeight:(i,n)=>t("minHeight",i,n),maxHeight:(i,n)=>t("maxHeight",i,n),heightRange:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("minHeight",n),...e("maxHeight",r||n)}},size:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...t("inlineSize",n),...t("blockSize",r||n)}},minBlockSize:(i,n)=>t("minBlockSize",i,n),minInlineSize:(i,n)=>t("minInlineSize",i,n),maxBlockSize:(i,n)=>t("maxBlockSize",i,n),maxInlineSize:(i,n)=>t("maxInlineSize",i,n),minSize:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("minInlineSize",n),...e("minBlockSize",r||n)}},maxSize:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("maxInlineSize",n),...e("maxBlockSize",r||n)}},borderWidth:(i,n)=>t("borderWidth",i,n),borderTopWidth:(i,n)=>t("borderTopWidth",i,n),borderRightWidth:(i,n)=>t("borderRightWidth",i,n),borderBottomWidth:(i,n)=>t("borderBottomWidth",i,n),borderLeftWidth:(i,n)=>t("borderLeftWidth",i,n),padding:(i,n)=>t("padding",i,n),scrollPadding:(i,n)=>t("scrollPadding",i,n),paddingInline:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("paddingInlineStart",n),...e("paddingInlineEnd",r||n)}},paddingBlock:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("paddingBlockStart",n),...e("paddingBlockEnd",r||n)}},paddingTop:(i,n)=>t("paddingBlockStart",i,n),paddingBottom:(i,n)=>t("paddingBlockEnd",i,n),paddingLeft:(i,n)=>t("paddingInlineStart",i,n),paddingRight:(i,n)=>t("paddingInlineEnd",i,n),paddingBlockStart:(i,n)=>t("paddingBlockStart",i,n),paddingBlockEnd:(i,n)=>t("paddingBlockEnd",i,n),paddingInlineStart:(i,n)=>t("paddingInlineStart",i,n),paddingInlineEnd:(i,n)=>t("paddingInlineEnd",i,n),margin:(i,n)=>t("margin",i,n),marginInline:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{...e("marginInlineStart",n),...e("marginInlineEnd",r||n)}},marginBlock:(i,n)=>{if(!d(n.marginBlock))return;const[r,o]=n.marginBlock.split(" ");return{...e("marginBlockStart",r),...e("marginBlockEnd",o||r)}},marginTop:(i,n)=>t("marginBlockStart",i,n),marginBottom:(i,n)=>t("marginBlockEnd",i,n),marginLeft:(i,n)=>t("marginInlineStart",i,n),marginRight:(i,n)=>t("marginInlineEnd",i,n),marginInlineStart:(i,n)=>t("marginInlineStart",i,n),marginInlineEnd:(i,n)=>t("marginInlineEnd",i,n),marginBlockStart:(i,n)=>t("marginBlockStart",i,n),marginBlockEnd:(i,n)=>t("marginBlockEnd",i,n),gap:i=>({gap:p(i)}),columnGap:(i,n)=>g(n,"columnGap",i),rowGap:(i,n)=>g(n,"rowGap",i),flexWrap:i=>({display:"flex",flexWrap:i}),flexFlow:(i,n)=>{const r=n.reverse;if(!d(i))return;let[o,l]=(i||"row").split(" ");return(i.startsWith("x")||i==="row")&&(o="row"),(i.startsWith("y")||i==="column")&&(o="column"),{display:"flex",flexFlow:(o||"")+(!o.includes("-reverse")&&r?"-reverse":"")+" "+(l||"")}},flexAlign:i=>{if(!d(i))return;const[n,r]=i.split(" ");return{display:"flex",alignItems:n,justifyContent:r}},round:(i,n)=>a(i??n.borderRadius,n,"round"),borderRadius:(i,n)=>a(i??n.round,n,"borderRadius"),borderTopLeftRadius:(i,n)=>a(i,n,"borderTopLeftRadius","borderTopLeftRadius"),borderTopRightRadius:(i,n)=>a(i,n,"borderTopRightRadius","borderTopRightRadius"),borderBottomLeftRadius:(i,n)=>a(i,n,"borderBottomLeftRadius","borderBottomLeftRadius"),borderBottomRightRadius:(i,n)=>a(i,n,"borderBottomRightRadius","borderBottomRightRadius")};export{h as BLOCK_PROPS};

package/dist/esm/src/props/passthroughTokenWarn.js

@@ -0,0 +1 @@
+import{isString as $,isLoudDevRuntime as p}from"@symbo.ls/utils";import{getActiveConfig as w}from"@symbo.ls/scratch";const m=/^-?[A-Z][0-9]?$/,v=/^[a-z][0-9]?$/,u=/var\(\s*(--[A-Za-z0-9-]+)/g,g=s=>{const t=new Set,n=new Set;if(!s||typeof s!="object")return{knownLetters:t,knownVars:n};for(const r in s){const e=s[r];if(!(!e||typeof e!="object")){if(e.sequence&&typeof e.sequence=="object")for(const o in e.sequence)t.add(o);if(e.vars&&typeof e.vars=="object")for(const o in e.vars)n.add(o)}}return{knownLetters:t,knownVars:n}},b=(s,t)=>{if(!t.size)return[];const n=s.split(/[(),\s]+/).filter(Boolean),r=new Set;for(const e of n){if(!m.test(e))continue;const o=e.charCodeAt(0)===45?e.slice(1):e;t.has(o)&&r.add(e)}return[...r]},k=(s,t)=>{if(!t.size)return[];const n=[];u.lastIndex=0;let r;for(;r=u.exec(s);){const e=r[1];if(t.has(e))continue;const o=e.lastIndexOf("-");if(o===-1)continue;const a=e.slice(o+1);if(!v.test(a))continue;const c=e.slice(0,o+1)+a.toUpperCase();c!==e&&t.has(c)&&n.push({varName:e,corrected:c})}return n},h=new Set,_=(s,t,n)=>{if(!p()||!$(t)||!t)return;let r;try{r=w()}catch{return}const{knownLetters:e,knownVars:o}=g(r);if(!e.size&&!o.size)return;const a=b(t,e),c=k(t,o);if(!a.length&&!c.length)return;const f=n?.__ref?.path?n.__ref.path.join("."):n?.key||"?";for(const i of a){const d=`${f}::${s}::bare::${i}::${t}`;h.has(d)||(h.add(d),console.warn(`[smbls/css-in-props] "${s}" on <${f}> looks like it contains an un-wrapped design-system token ("${i}") \u2014 "${s}" has no registered resolver, so its value is forwarded to the browser untouched. A bare letter token there is invalid CSS, so the browser drops the ENTIRE "${s}" declaration (not just this argument). Wrap it in var(--<family>-${i.replace("-","")}) (or calc(-1 * var(--<family>-${i.replace("-","")})) for a negative). Value: "${t}"`))}for(const{varName:i,corrected:d}of c){const l=`${f}::${s}::case::${i}::${t}`;h.has(l)||(h.add(l),console.warn(`[smbls/css-in-props] "${s}" on <${f}> references ${i}, which the active design system never emits. CSS custom-property names are case-sensitive \u2014 the real variable is ${d}, so this reference silently never resolves. Value: "${t}"`))}};export{_ as warnUnresolvedPassthroughToken};

package/dist/esm/src/transform/executors.js

@@ -1 +1 @@
-import{exec as y,isArray as b,isFunction as g,isObject as C,isProduction as k,merge as S,overwrite as h,overwriteDeep as j}from"@symbo.ls/utils";import{pushConfig as A,popConfig as _}from"@symbo.ls/scratch";import{CSS_PROPS_REGISTRY as d}from"../props/index.js";import{DEFAULT_CSS_PROPERTIES_LIST as v}from"../props/defaults.js";import{applyTrueProps as O,transformersByPrefix as T}from"./transformers.js";const P=k(),R=(n,t,i)=>{const c=t?.context?.designSystem;c&&A(c);try{let o={};const f={},e=(s,a)=>{if(i.unpack){o={...o,...a};return}o[s]=a};for(const s in n){const a=n[s];if(s==="class"&&t.call("isString",n.class)){const r=a.split(" ");if(r.length){const l=t.context.designSystem.class,p=r.reduce((u,x)=>S(u,l[x]),{});o.designSystemClass=p}}else if(s==="true"){const r=y(a,t);S(o,O(r,t))}else if(t.classlist[s]){const r=t.classlist[s],l=g(r)?r(t,t.state,t.context):r;l&&e(s,l),!P&&C(o[s])&&(o[s].label=s)}else if(d[s]){let r=y(a,t);b(r)&&(r=r.reduce((p,u)=>S(p,u),{}));let l=d[s](r,t,t.state,t.context);b(l)&&(l=l.reduce((p,u)=>S(p,u),{})),l&&e(s,l),!P&&C(o[s])&&(o[s].label=s)}else if(v.has(s)){let r=y(a,t);typeof r=="string"&&r.charCodeAt(0)===45&&r.charCodeAt(1)===45&&(r=`var(${r})`),e(s,{[s]:r}),!P&&C(o[s])&&(o[s].label=s)}else f[s]=a}return[o,f]}finally{c&&_()}},E=(n,t)=>{const i={};for(const c in n){const o=T[c.slice(0,1)];if(o){const f=o(c,n[c],t);if(f)for(const e in f)Object.prototype.hasOwnProperty.call(f,e)&&(i[e]&&typeof i[e]=="object"&&typeof f[e]=="object"?j(i[e],f[e]):i[e]=f[e])}}return i},B=(n,t,i={unpack:!0})=>{const[c,o]=R(n,t,i),f=E(o,t);let e=!1;for(const s in f){e=!0;break}if(e){if(i.unpack)return h(c,f);c._selectors=f}return c},G=(n,t)=>{const i={};if(n.class)for(const c in n.class)i[c]=n.class[c](t);return i};export{G as exetuteClassPerComponent,B as useCssInProps,R as usePropsAsCSS,E as useSelectorsAsCSS};
+import{exec as P,isArray as d,isFunction as x,isObject as C,isProduction as h,merge as S,overwrite as k,overwriteDeep as j}from"@symbo.ls/utils";import{pushConfig as v,popConfig as A}from"@symbo.ls/scratch";import{CSS_PROPS_REGISTRY as b}from"../props/index.js";import{DEFAULT_CSS_PROPERTIES_LIST as T}from"../props/defaults.js";import{warnUnresolvedPassthroughToken as _}from"../props/passthroughTokenWarn.js";import{applyTrueProps as O,transformersByPrefix as R}from"./transformers.js";const y=h(),w=(n,t,c)=>{const e=t?.context?.designSystem;e&&v(e);try{let o={};const f={},i=(s,a)=>{if(c.unpack){o={...o,...a};return}o[s]=a};for(const s in n){const a=n[s];if(s==="class"&&t.call("isString",n.class)){const r=a.split(" ");if(r.length){const l=t.context.designSystem.class,p=r.reduce((u,g)=>S(u,l[g]),{});o.designSystemClass=p}}else if(s==="true"){const r=P(a,t);S(o,O(r,t))}else if(t.classlist[s]){const r=t.classlist[s],l=x(r)?r(t,t.state,t.context):r;l&&i(s,l),!y&&C(o[s])&&(o[s].label=s)}else if(b[s]){let r=P(a,t);d(r)&&(r=r.reduce((p,u)=>S(p,u),{}));let l=b[s](r,t,t.state,t.context);d(l)&&(l=l.reduce((p,u)=>S(p,u),{})),l&&i(s,l),!y&&C(o[s])&&(o[s].label=s)}else if(T.has(s)){let r=P(a,t);typeof r=="string"&&r.charCodeAt(0)===45&&r.charCodeAt(1)===45&&(r=`var(${r})`),y||_(s,r,t),i(s,{[s]:r}),!y&&C(o[s])&&(o[s].label=s)}else f[s]=a}return[o,f]}finally{e&&A()}},E=(n,t)=>{const c={};for(const e in n){const o=R[e.slice(0,1)];if(o){const f=o(e,n[e],t);if(f)for(const i in f)Object.prototype.hasOwnProperty.call(f,i)&&(c[i]&&typeof c[i]=="object"&&typeof f[i]=="object"?j(c[i],f[i]):c[i]=f[i])}}return c},B=(n,t,c={unpack:!0})=>{const[e,o]=w(n,t,c),f=E(o,t);let i=!1;for(const s in f){i=!0;break}if(i){if(c.unpack)return k(e,f);e._selectors=f}return e},G=(n,t)=>{const c={};if(n.class)for(const e in n.class)c[e]=n.class[e](t);return c};export{G as exetuteClassPerComponent,B as useCssInProps,w as usePropsAsCSS,E as useSelectorsAsCSS};

package/package.json

@@ -2,7 +2,7 @@
   "name": "css-in-props",
   "description": "Utilize props as CSS methods",
   "author": "symbo.ls",
-  "version": "3.14.707",
+  "version": "3.14.753",
   "repository": "https://github.com/symbo-ls/smbls",
   "type": "module",
   "module": "./dist/esm/index.js",
@@ -35,7 +35,7 @@
   "dependencies": {
     "@symbo.ls/css": "^3.14.707",
     "@symbo.ls/utils": "^3.14.707",
-    "@symbo.ls/scratch": "^3.14.707"
+    "@symbo.ls/scratch": "^3.14.753"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "browser": "./dist/esm/index.js",