css-in-props 3.14.747 → 3.14.754

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # 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

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

@@ -1 +1 @@
-"use strict";var l=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var N=(n,i)=>{for(var t in i)l(n,t,{get:i[t],enumerable:!0})},T=(n,i,t,m)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of I(i))!F.call(n,o)&&o!==t&&l(n,o,{get:()=>i[o],enumerable:!(m=p(i,o))||m.enumerable});return n};var M=n=>T(l({},"__esModule",{value:!0}),n);var x={};N(x,{ANIMATION_PROPS:()=>k});module.exports=M(x);var c=require("@symbo.ls/utils"),f=require("@symbo.ls/css"),e=require("@symbo.ls/scratch");const A=["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end"],C=["none","forwards","backwards","both"],h=["normal","reverse","alternate","alternate-reverse"],P=["running","paused"],b=n=>/^[\d.]+m?s$/.test(n);let O=0;const S=new Map,d=(n,i)=>{const{animation:t}=i.context&&i.context.designSystem||{};if((0,c.isObject)(n)){const o=JSON.stringify(n),s=S.get(o);if(s)return s;const u=`smbls-anim-${O++}`,r=(0,f.keyframes)(u,n);return S.set(o,r),r}const m=t&&t[n];return(0,c.isObject)(m)?(0,f.keyframes)(n,m):n},_=(n,i)=>{const{animation:t}=i.context&&i.context.designSystem||{},m=n.split(/\s+/);let o=null;const s=[];let u=null,r=null,g=null,y=null,D=null;for(const a of m)t&&t[a]?o=a:b(a)?s.push(a):A.includes(a)||a.startsWith("cubic-bezier")||a.startsWith("steps(")?u=a:a==="infinite"||/^\d+$/.test(a)?r=a==="infinite"?a:Number(a):h.includes(a)?g=a:C.includes(a)?y=a:P.includes(a)?D=a:o||(o=a);return{name:o,durations:s,timingFunction:u,iterationCount:r,direction:g,fillMode:y,playState:D}},k={animation:(n,i)=>{if((0,c.isString)(n)&&n.includes(" ")){const t=_(n,i);return{animationName:d(t.name||n,i),animationDuration:t.durations[0]||(0,e.getTimingByKey)(i.animationDuration||"A").timing,animationDelay:t.durations[1]||(0,e.getTimingByKey)(i.animationDelay||"0s").timing,animationTimingFunction:t.timingFunction||(0,e.getTimingFunction)(i.animationTimingFunction||"ease"),animationFillMode:t.fillMode||i.animationFillMode||"both",animationIterationCount:t.iterationCount!=null?t.iterationCount:i.animationIterationCount||1,animationPlayState:t.playState||i.animationPlayState,animationDirection:t.direction||i.animationDirection}}return{animationName:d(n,i),animationDuration:(0,e.getTimingByKey)(i.animationDuration||"A").timing,animationDelay:(0,e.getTimingByKey)(i.animationDelay||"0s").timing,animationTimingFunction:(0,e.getTimingFunction)(i.animationTimingFunction||"ease"),animationFillMode:i.animationFillMode||"both",animationIterationCount:i.animationIterationCount||1,animationPlayState:i.animationPlayState,animationDirection:i.animationDirection}},animationName:(n,i)=>({animationName:d(n,i)}),animationDuration:n=>({animationDuration:(0,e.getTimingByKey)(n).timing}),animationDelay:n=>({animationDelay:(0,e.getTimingByKey)(n).timing}),animationTimingFunction:n=>({animationTimingFunction:(0,e.getTimingFunction)(n)}),animationIterationCount:n=>({animationIterationCount:n}),animationFillMode:n=>({animationFillMode:n}),animationPlayState:n=>({animationPlayState:n}),animationDirection:n=>({animationDirection:n})};
+"use strict";var l=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var A=(t,n)=>{for(var i in n)l(t,i,{get:n[i],enumerable:!0})},F=(t,n,i,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of T(n))!C.call(t,a)&&a!==i&&l(t,a,{get:()=>n[a],enumerable:!(e=D(n,a))||e.enumerable});return t};var M=t=>F(l({},"__esModule",{value:!0}),t);var G={};A(G,{ANIMATION_PROPS:()=>U});module.exports=M(G);var m=require("@symbo.ls/utils"),d=require("@symbo.ls/css"),s=require("@symbo.ls/scratch");const b=["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end"],h=["none","forwards","backwards","both"],O=["normal","reverse","alternate","alternate-reverse"],L=["running","paused"],x=t=>/^[\d.]+m?s$/.test(t),k=/^(?:translate(?:3d|x|y|z)?\((?:\s*0[a-z%]*\s*,?)+\)|scale(?:3d|x|y|z)?\((?:\s*1(?:\.0+)?\s*,?)+\)|rotate(?:3d|x|y|z)?\((?:\s*0[a-z%]*\s*,?)+\)|skew(?:x|y)?\((?:\s*0[a-z%]*\s*,?)+\)|matrix\(\s*1\s*,\s*0\s*,\s*0\s*,\s*1\s*,\s*0\s*,\s*0\s*\))$/,w=t=>{const n=String(t).trim().toLowerCase();if(n===""||n==="none"||n==="initial"||n==="unset")return!0;const i=n.match(/[a-z0-9]+\([^()]*\)/g);return!i||i.join("").replace(/\s+/g,"")!==n.replace(/\s+/g,"")?!1:i.every(e=>k.test(e.replace(/\s+/g,"")))},N=t=>/^(?:\s*0[a-z%]*)+\s*$/.test(String(t).toLowerCase())||/^(none|initial|unset)$/.test(String(t).trim().toLowerCase()),_={transform:w,translate:N,rotate:t=>N(t)||/^\s*(?:[xyz]\s+)?0(?:deg|rad|turn|grad)?\s*$/.test(String(t).toLowerCase()),scale:t=>/^(none|initial|unset)$/.test(String(t).trim().toLowerCase())||/^(?:\s*1(?:\.0+)?)+\s*$/.test(String(t)),opacity:t=>/^(initial|unset)$/.test(String(t).trim().toLowerCase())||Number(t)===1},$=t=>{const n=String(t).trim().toLowerCase();if(n==="from")return 0;if(n==="to")return 100;const i=n.match(/^(\d+(?:\.\d+)?)%$/);return i?Number(i[1]):null},z=t=>{if(!(0,m.isObject)(t))return null;let n=null,i=-1;for(const e in t){const a=$(e);a==null||!(0,m.isObject)(t[e])||a>=i&&(i=a,n=t[e])}return n},P=t=>{const n=z(t);if(!n)return!1;const i=Object.keys(n);if(!i.length)return!1;for(const e of i){const a=_[e];if(!a)return!1;const r=n[e];if(r==null||typeof r=="object"||typeof r=="function"||!a(r))return!1}return!0},E=(t,n)=>{if((0,m.isObject)(t))return t;const{animation:i}=n.context&&n.context.designSystem||{},e=i&&i[t];return(0,m.isObject)(e)?e:null},R=["reverse","alternate","alternate-reverse"],p=(t,n,i)=>{const e=i||n.animationDirection;return e&&R.includes(String(e))?"both":P(E(t,n))?"backwards":"both"};let j=0;const I=new Map,f=(t,n)=>{const{animation:i}=n.context&&n.context.designSystem||{};if((0,m.isObject)(t)){const a=JSON.stringify(t),r=I.get(a);if(r)return r;const u=`smbls-anim-${j++}`,c=(0,d.keyframes)(u,t);return I.set(a,c),c}const e=i&&i[t];return(0,m.isObject)(e)?(0,d.keyframes)(t,e):t},K=(t,n)=>{const{animation:i}=n.context&&n.context.designSystem||{},e=t.split(/\s+/);let a=null;const r=[];let u=null,c=null,g=null,y=null,S=null;for(const o of e)i&&i[o]?a=o:x(o)?r.push(o):b.includes(o)||o.startsWith("cubic-bezier")||o.startsWith("steps(")?u=o:o==="infinite"||/^\d+$/.test(o)?c=o==="infinite"?o:Number(o):O.includes(o)?g=o:h.includes(o)?y=o:L.includes(o)?S=o:a||(a=o);return{name:a,durations:r,timingFunction:u,iterationCount:c,direction:g,fillMode:y,playState:S}},U={animation:(t,n)=>{if((0,m.isString)(t)&&t.includes(" ")){const i=K(t,n);return{animationName:f(i.name||t,n),animationDuration:i.durations[0]||(0,s.getTimingByKey)(n.animationDuration||"A").timing,animationDelay:i.durations[1]||(0,s.getTimingByKey)(n.animationDelay||"0s").timing,animationTimingFunction:i.timingFunction||(0,s.getTimingFunction)(n.animationTimingFunction||"ease"),animationFillMode:i.fillMode||n.animationFillMode||p(i.name||t,n,i.direction),animationIterationCount:i.iterationCount!=null?i.iterationCount:n.animationIterationCount||1,animationPlayState:i.playState||n.animationPlayState,animationDirection:i.direction||n.animationDirection}}return{animationName:f(t,n),animationDuration:(0,s.getTimingByKey)(n.animationDuration||"A").timing,animationDelay:(0,s.getTimingByKey)(n.animationDelay||"0s").timing,animationTimingFunction:(0,s.getTimingFunction)(n.animationTimingFunction||"ease"),animationFillMode:n.animationFillMode||p(t,n),animationIterationCount:n.animationIterationCount||1,animationPlayState:n.animationPlayState,animationDirection:n.animationDirection}},animationName:(t,n)=>({animationName:f(t,n)}),animationDuration:t=>({animationDuration:(0,s.getTimingByKey)(t).timing}),animationDelay:t=>({animationDelay:(0,s.getTimingByKey)(t).timing}),animationTimingFunction:t=>({animationTimingFunction:(0,s.getTimingFunction)(t)}),animationIterationCount:t=>({animationIterationCount:t}),animationFillMode:t=>({animationFillMode:t}),animationPlayState:t=>({animationPlayState:t}),animationDirection:t=>({animationDirection:t})};

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/theme.js

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var a=(r,o)=>{for(var t in o)m(r,t,{get:o[t],enumerable:!0})},h=(r,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of c(o))!g.call(r,s)&&s!==t&&m(r,s,{get:()=>o[s],enumerable:!(n=l(o,s))||n.enumerable});return r};var T=r=>h(m({},"__esModule",{value:!0}),r);var C={};a(C,{THEME_PROPS:()=>S,getSystemGlobalTheme:()=>d});module.exports=T(C);var e=require("@symbo.ls/scratch"),f=require("@symbo.ls/utils");const d=({context:r,state:o})=>{const t=o?.root?.globalTheme||r.designSystem?.globalTheme;return t==="auto"?null:t},i=(r,o)=>{if(o==null||o==="")return;if(!(0,f.isObject)(o))return{[r]:o};const t={};let n=!1;for(const s in o){const u=o[s];u==null||u===""||(0,f.isObject)(u)||(t[s]={[r]:u},n=!0)}return n?t:void 0},S={theme:(r,o)=>{if(r)return o.themeModifier?(0,e.getMediaTheme)(r,`@${o.themeModifier}`):(0,e.getMediaTheme)(r)},color:(r,o)=>{const t=d(o);if(r)return i("color",(0,e.getMediaColor)(r,t))},background:(r,o)=>{const t=d(o);if(r)return(0,f.isString)(r)&&r.includes("gradient")&&r.includes("(")?{background:(0,e.resolveColorsInGradient)(r,t)}:i("background",(0,e.getMediaColor)(r,t))},backgroundColor:(r,o)=>{const t=d(o);if(r)return i("backgroundColor",(0,e.getMediaColor)(r,t))},backgroundImage:(r,o,t,n)=>{const s=d(o);if(!r)return;const u=n.assets&&n.assets[r];if(u&&u.content)r=u.content.src;else{const b=n.files&&n.files[r];b&&b.content&&(r=b.content.src)}return i("backgroundImage",(0,e.transformBackgroundImage)(r,s))},textStroke:r=>({WebkitTextStroke:(0,e.transformTextStroke)(r)}),outline:r=>({outline:(0,e.transformBorder)(r)}),outlineOffset:(r,o)=>(0,e.transformSizeRatio)("outlineOffset",r,o),border:r=>({border:(0,e.transformBorder)(r)}),borderColor:(r,o)=>{const t=d(o);if(r)return i("borderColor",(0,e.getMediaColor)(r,t))},borderTopColor:(r,o)=>{const t=d(o);if(r)return i("borderTopColor",(0,e.getMediaColor)(r,t))},borderBottomColor:(r,o)=>{const t=d(o);if(r)return i("borderBottomColor",(0,e.getMediaColor)(r,t))},borderLeftColor:(r,o)=>{const t=d(o);if(r)return i("borderLeftColor",(0,e.getMediaColor)(r,t))},borderRightColor:(r,o)=>{const t=d(o);if(r)return i("borderRightColor",(0,e.getMediaColor)(r,t))},borderLeft:r=>({borderLeft:(0,e.transformBorder)(r)}),borderTop:r=>({borderTop:(0,e.transformBorder)(r)}),borderRight:r=>({borderRight:(0,e.transformBorder)(r)}),borderBottom:r=>({borderBottom:(0,e.transformBorder)(r)}),shadow:(r,o)=>{const t=d(o);if(r)return i("boxShadow",(0,e.transformShadow)(r,t))},boxShadow:(r,o)=>{if(!(0,f.isString)(r))return;const[t,n]=r.split("!importan"),s=d(o),u=n?" !important":"",b=(0,e.transformBoxShadow)(t.trim(),s);return(0,f.isString)(b)?{boxShadow:b+u}:i("boxShadow",b)},textShadow:(r,{context:o})=>i("textShadow",(0,e.transformBoxShadow)(r,o.designSystem.globalTheme)),columnRule:r=>({columnRule:(0,e.transformBorder)(r)})};
+"use strict";var b=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(r,o)=>{for(var e in o)b(r,e,{get:o[e],enumerable:!0})},T=(r,o,e,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of a(o))!h.call(r,s)&&s!==e&&b(r,s,{get:()=>o[s],enumerable:!(n=m(o,s))||n.enumerable});return r};var S=r=>T(b({},"__esModule",{value:!0}),r);var x={};g(x,{THEME_PROPS:()=>k,getSystemGlobalTheme:()=>d,popStaticCssPass:()=>p,pushStaticCssPass:()=>C});module.exports=S(x);var t=require("@symbo.ls/scratch"),c=require("@symbo.ls/utils");let l=0;const C=()=>{l++},p=()=>{l>0&&l--},d=({context:r,state:o})=>{const e=r?.designSystem,n=o?.root?.globalTheme||e?.globalTheme;return n&&n!=="auto"?n:l>0?null:e&&e.resolvedTheme||null},i=(r,o)=>{if(o==null||o==="")return;if(!(0,c.isObject)(o))return{[r]:o};const e={};let n=!1;for(const s in o){const u=o[s];if(!(u==null||u==="")){if((0,c.isObject)(u)){const f=i(r,u);f&&(e[s]=f,n=!0);continue}e[s]={[r]:u},n=!0}}return n?e:void 0},k={theme:(r,o)=>{if(r)return o.themeModifier?(0,t.getMediaTheme)(r,`@${o.themeModifier}`):(0,t.getMediaTheme)(r)},color:(r,o)=>{const e=d(o);if(r)return i("color",(0,t.getMediaColor)(r,e))},background:(r,o)=>{const e=d(o);if(r)return(0,c.isString)(r)&&r.includes("gradient")&&r.includes("(")?{background:(0,t.resolveColorsInGradient)(r,e)}:i("background",(0,t.getMediaColor)(r,e))},backgroundColor:(r,o)=>{const e=d(o);if(r)return i("backgroundColor",(0,t.getMediaColor)(r,e))},backgroundImage:(r,o,e,n)=>{const s=d(o);if(!r)return;const u=n.assets&&n.assets[r];if(u&&u.content)r=u.content.src;else{const f=n.files&&n.files[r];f&&f.content&&(r=f.content.src)}return i("backgroundImage",(0,t.transformBackgroundImage)(r,s))},textStroke:r=>({WebkitTextStroke:(0,t.transformTextStroke)(r)}),outline:r=>({outline:(0,t.transformBorder)(r)}),outlineOffset:(r,o)=>(0,t.transformSizeRatio)("outlineOffset",r,o),border:r=>({border:(0,t.transformBorder)(r)}),borderColor:(r,o)=>{const e=d(o);if(r)return i("borderColor",(0,t.getMediaColor)(r,e))},borderTopColor:(r,o)=>{const e=d(o);if(r)return i("borderTopColor",(0,t.getMediaColor)(r,e))},borderBottomColor:(r,o)=>{const e=d(o);if(r)return i("borderBottomColor",(0,t.getMediaColor)(r,e))},borderLeftColor:(r,o)=>{const e=d(o);if(r)return i("borderLeftColor",(0,t.getMediaColor)(r,e))},borderRightColor:(r,o)=>{const e=d(o);if(r)return i("borderRightColor",(0,t.getMediaColor)(r,e))},borderLeft:r=>({borderLeft:(0,t.transformBorder)(r)}),borderTop:r=>({borderTop:(0,t.transformBorder)(r)}),borderRight:r=>({borderRight:(0,t.transformBorder)(r)}),borderBottom:r=>({borderBottom:(0,t.transformBorder)(r)}),shadow:(r,o)=>{const e=d(o);if(r)return i("boxShadow",(0,t.transformShadow)(r,e))},boxShadow:(r,o)=>{if(!(0,c.isString)(r))return;const[e,n]=r.split("!importan"),s=d(o),u=n?" !important":"",f=(0,t.transformBoxShadow)(e.trim(),s);return(0,c.isString)(f)?{boxShadow:f+u}:i("boxShadow",f)},textShadow:(r,{context:o})=>i("textShadow",(0,t.transformBoxShadow)(r,o.designSystem.globalTheme)),columnRule:r=>({columnRule:(0,t.transformBorder)(r)})};

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

@@ -1 +1 @@
-import{isObject as y,isString as p}from"@symbo.ls/utils";import{keyframes as D}from"@symbo.ls/css";import{getTimingByKey as e,getTimingFunction as u}from"@symbo.ls/scratch";const I=["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end"],F=["none","forwards","backwards","both"],N=["normal","reverse","alternate","alternate-reverse"],T=["running","paused"],M=n=>/^[\d.]+m?s$/.test(n);let A=0;const S=new Map,l=(n,i)=>{const{animation:a}=i.context&&i.context.designSystem||{};if(y(n)){const o=JSON.stringify(n),m=S.get(o);if(m)return m;const c=`smbls-anim-${A++}`,s=D(c,n);return S.set(o,s),s}const r=a&&a[n];return y(r)?D(n,r):n},C=(n,i)=>{const{animation:a}=i.context&&i.context.designSystem||{},r=n.split(/\s+/);let o=null;const m=[];let c=null,s=null,d=null,f=null,g=null;for(const t of r)a&&a[t]?o=t:M(t)?m.push(t):I.includes(t)||t.startsWith("cubic-bezier")||t.startsWith("steps(")?c=t:t==="infinite"||/^\d+$/.test(t)?s=t==="infinite"?t:Number(t):N.includes(t)?d=t:F.includes(t)?f=t:T.includes(t)?g=t:o||(o=t);return{name:o,durations:m,timingFunction:c,iterationCount:s,direction:d,fillMode:f,playState:g}},O={animation:(n,i)=>{if(p(n)&&n.includes(" ")){const a=C(n,i);return{animationName:l(a.name||n,i),animationDuration:a.durations[0]||e(i.animationDuration||"A").timing,animationDelay:a.durations[1]||e(i.animationDelay||"0s").timing,animationTimingFunction:a.timingFunction||u(i.animationTimingFunction||"ease"),animationFillMode:a.fillMode||i.animationFillMode||"both",animationIterationCount:a.iterationCount!=null?a.iterationCount:i.animationIterationCount||1,animationPlayState:a.playState||i.animationPlayState,animationDirection:a.direction||i.animationDirection}}return{animationName:l(n,i),animationDuration:e(i.animationDuration||"A").timing,animationDelay:e(i.animationDelay||"0s").timing,animationTimingFunction:u(i.animationTimingFunction||"ease"),animationFillMode:i.animationFillMode||"both",animationIterationCount:i.animationIterationCount||1,animationPlayState:i.animationPlayState,animationDirection:i.animationDirection}},animationName:(n,i)=>({animationName:l(n,i)}),animationDuration:n=>({animationDuration:e(n).timing}),animationDelay:n=>({animationDelay:e(n).timing}),animationTimingFunction:n=>({animationTimingFunction:u(n)}),animationIterationCount:n=>({animationIterationCount:n}),animationFillMode:n=>({animationFillMode:n}),animationPlayState:n=>({animationPlayState:n}),animationDirection:n=>({animationDirection:n})};export{O as ANIMATION_PROPS};
+import{isObject as r,isString as D}from"@symbo.ls/utils";import{keyframes as S}from"@symbo.ls/css";import{getTimingByKey as m,getTimingFunction as l}from"@symbo.ls/scratch";const T=["ease","linear","ease-in","ease-out","ease-in-out","step-start","step-end"],C=["none","forwards","backwards","both"],A=["normal","reverse","alternate","alternate-reverse"],F=["running","paused"],M=t=>/^[\d.]+m?s$/.test(t),b=/^(?:translate(?:3d|x|y|z)?\((?:\s*0[a-z%]*\s*,?)+\)|scale(?:3d|x|y|z)?\((?:\s*1(?:\.0+)?\s*,?)+\)|rotate(?:3d|x|y|z)?\((?:\s*0[a-z%]*\s*,?)+\)|skew(?:x|y)?\((?:\s*0[a-z%]*\s*,?)+\)|matrix\(\s*1\s*,\s*0\s*,\s*0\s*,\s*1\s*,\s*0\s*,\s*0\s*\))$/,h=t=>{const n=String(t).trim().toLowerCase();if(n===""||n==="none"||n==="initial"||n==="unset")return!0;const i=n.match(/[a-z0-9]+\([^()]*\)/g);return!i||i.join("").replace(/\s+/g,"")!==n.replace(/\s+/g,"")?!1:i.every(a=>b.test(a.replace(/\s+/g,"")))},N=t=>/^(?:\s*0[a-z%]*)+\s*$/.test(String(t).toLowerCase())||/^(none|initial|unset)$/.test(String(t).trim().toLowerCase()),O={transform:h,translate:N,rotate:t=>N(t)||/^\s*(?:[xyz]\s+)?0(?:deg|rad|turn|grad)?\s*$/.test(String(t).toLowerCase()),scale:t=>/^(none|initial|unset)$/.test(String(t).trim().toLowerCase())||/^(?:\s*1(?:\.0+)?)+\s*$/.test(String(t)),opacity:t=>/^(initial|unset)$/.test(String(t).trim().toLowerCase())||Number(t)===1},L=t=>{const n=String(t).trim().toLowerCase();if(n==="from")return 0;if(n==="to")return 100;const i=n.match(/^(\d+(?:\.\d+)?)%$/);return i?Number(i[1]):null},x=t=>{if(!r(t))return null;let n=null,i=-1;for(const a in t){const o=L(a);o==null||!r(t[a])||o>=i&&(i=o,n=t[a])}return n},k=t=>{const n=x(t);if(!n)return!1;const i=Object.keys(n);if(!i.length)return!1;for(const a of i){const o=O[a];if(!o)return!1;const s=n[a];if(s==null||typeof s=="object"||typeof s=="function"||!o(s))return!1}return!0},w=(t,n)=>{if(r(t))return t;const{animation:i}=n.context&&n.context.designSystem||{},a=i&&i[t];return r(a)?a:null},_=["reverse","alternate","alternate-reverse"],p=(t,n,i)=>{const a=i||n.animationDirection;return a&&_.includes(String(a))?"both":k(w(t,n))?"backwards":"both"};let $=0;const I=new Map,f=(t,n)=>{const{animation:i}=n.context&&n.context.designSystem||{};if(r(t)){const o=JSON.stringify(t),s=I.get(o);if(s)return s;const u=`smbls-anim-${$++}`,c=S(u,t);return I.set(o,c),c}const a=i&&i[t];return r(a)?S(t,a):t},z=(t,n)=>{const{animation:i}=n.context&&n.context.designSystem||{},a=t.split(/\s+/);let o=null;const s=[];let u=null,c=null,d=null,g=null,y=null;for(const e of a)i&&i[e]?o=e:M(e)?s.push(e):T.includes(e)||e.startsWith("cubic-bezier")||e.startsWith("steps(")?u=e:e==="infinite"||/^\d+$/.test(e)?c=e==="infinite"?e:Number(e):A.includes(e)?d=e:C.includes(e)?g=e:F.includes(e)?y=e:o||(o=e);return{name:o,durations:s,timingFunction:u,iterationCount:c,direction:d,fillMode:g,playState:y}},j={animation:(t,n)=>{if(D(t)&&t.includes(" ")){const i=z(t,n);return{animationName:f(i.name||t,n),animationDuration:i.durations[0]||m(n.animationDuration||"A").timing,animationDelay:i.durations[1]||m(n.animationDelay||"0s").timing,animationTimingFunction:i.timingFunction||l(n.animationTimingFunction||"ease"),animationFillMode:i.fillMode||n.animationFillMode||p(i.name||t,n,i.direction),animationIterationCount:i.iterationCount!=null?i.iterationCount:n.animationIterationCount||1,animationPlayState:i.playState||n.animationPlayState,animationDirection:i.direction||n.animationDirection}}return{animationName:f(t,n),animationDuration:m(n.animationDuration||"A").timing,animationDelay:m(n.animationDelay||"0s").timing,animationTimingFunction:l(n.animationTimingFunction||"ease"),animationFillMode:n.animationFillMode||p(t,n),animationIterationCount:n.animationIterationCount||1,animationPlayState:n.animationPlayState,animationDirection:n.animationDirection}},animationName:(t,n)=>({animationName:f(t,n)}),animationDuration:t=>({animationDuration:m(t).timing}),animationDelay:t=>({animationDelay:m(t).timing}),animationTimingFunction:t=>({animationTimingFunction:l(t)}),animationIterationCount:t=>({animationIterationCount:t}),animationFillMode:t=>({animationFillMode:t}),animationPlayState:t=>({animationPlayState:t}),animationDirection:t=>({animationDirection:t})};export{j as ANIMATION_PROPS};

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/theme.js

@@ -1 +1 @@
-import{getMediaTheme as l,getMediaColor as d,transformTextStroke as a,transformShadow as h,transformBoxShadow as c,transformBorder as b,transformBackgroundImage as T,resolveColorsInGradient as S,transformSizeRatio as C}from"@symbo.ls/scratch";import{isObject as g,isString as m}from"@symbo.ls/utils";const s=({context:r,state:o})=>{const e=o?.root?.globalTheme||r.designSystem?.globalTheme;return e==="auto"?null:e},t=(r,o)=>{if(o==null||o==="")return;if(!g(o))return{[r]:o};const e={};let i=!1;for(const f in o){const n=o[f];n==null||n===""||g(n)||(e[f]={[r]:n},i=!0)}return i?e:void 0},x={theme:(r,o)=>{if(r)return o.themeModifier?l(r,`@${o.themeModifier}`):l(r)},color:(r,o)=>{const e=s(o);if(r)return t("color",d(r,e))},background:(r,o)=>{const e=s(o);if(r)return m(r)&&r.includes("gradient")&&r.includes("(")?{background:S(r,e)}:t("background",d(r,e))},backgroundColor:(r,o)=>{const e=s(o);if(r)return t("backgroundColor",d(r,e))},backgroundImage:(r,o,e,i)=>{const f=s(o);if(!r)return;const n=i.assets&&i.assets[r];if(n&&n.content)r=n.content.src;else{const u=i.files&&i.files[r];u&&u.content&&(r=u.content.src)}return t("backgroundImage",T(r,f))},textStroke:r=>({WebkitTextStroke:a(r)}),outline:r=>({outline:b(r)}),outlineOffset:(r,o)=>C("outlineOffset",r,o),border:r=>({border:b(r)}),borderColor:(r,o)=>{const e=s(o);if(r)return t("borderColor",d(r,e))},borderTopColor:(r,o)=>{const e=s(o);if(r)return t("borderTopColor",d(r,e))},borderBottomColor:(r,o)=>{const e=s(o);if(r)return t("borderBottomColor",d(r,e))},borderLeftColor:(r,o)=>{const e=s(o);if(r)return t("borderLeftColor",d(r,e))},borderRightColor:(r,o)=>{const e=s(o);if(r)return t("borderRightColor",d(r,e))},borderLeft:r=>({borderLeft:b(r)}),borderTop:r=>({borderTop:b(r)}),borderRight:r=>({borderRight:b(r)}),borderBottom:r=>({borderBottom:b(r)}),shadow:(r,o)=>{const e=s(o);if(r)return t("boxShadow",h(r,e))},boxShadow:(r,o)=>{if(!m(r))return;const[e,i]=r.split("!importan"),f=s(o),n=i?" !important":"",u=c(e.trim(),f);return m(u)?{boxShadow:u+n}:t("boxShadow",u)},textShadow:(r,{context:o})=>t("textShadow",c(r,o.designSystem.globalTheme)),columnRule:r=>({columnRule:b(r)})};export{x as THEME_PROPS,s as getSystemGlobalTheme};
+import{getMediaTheme as m,getMediaColor as d,transformTextStroke as g,transformShadow as T,transformBoxShadow as a,transformBorder as c,transformBackgroundImage as S,resolveColorsInGradient as C,transformSizeRatio as p}from"@symbo.ls/scratch";import{isObject as h,isString as b}from"@symbo.ls/utils";let l=0;const R=()=>{l++},B=()=>{l>0&&l--},i=({context:r,state:o})=>{const e=r?.designSystem,t=o?.root?.globalTheme||e?.globalTheme;return t&&t!=="auto"?t:l>0?null:e&&e.resolvedTheme||null},n=(r,o)=>{if(o==null||o==="")return;if(!h(o))return{[r]:o};const e={};let t=!1;for(const f in o){const s=o[f];if(!(s==null||s==="")){if(h(s)){const u=n(r,s);u&&(e[f]=u,t=!0);continue}e[f]={[r]:s},t=!0}}return t?e:void 0},I={theme:(r,o)=>{if(r)return o.themeModifier?m(r,`@${o.themeModifier}`):m(r)},color:(r,o)=>{const e=i(o);if(r)return n("color",d(r,e))},background:(r,o)=>{const e=i(o);if(r)return b(r)&&r.includes("gradient")&&r.includes("(")?{background:C(r,e)}:n("background",d(r,e))},backgroundColor:(r,o)=>{const e=i(o);if(r)return n("backgroundColor",d(r,e))},backgroundImage:(r,o,e,t)=>{const f=i(o);if(!r)return;const s=t.assets&&t.assets[r];if(s&&s.content)r=s.content.src;else{const u=t.files&&t.files[r];u&&u.content&&(r=u.content.src)}return n("backgroundImage",S(r,f))},textStroke:r=>({WebkitTextStroke:g(r)}),outline:r=>({outline:c(r)}),outlineOffset:(r,o)=>p("outlineOffset",r,o),border:r=>({border:c(r)}),borderColor:(r,o)=>{const e=i(o);if(r)return n("borderColor",d(r,e))},borderTopColor:(r,o)=>{const e=i(o);if(r)return n("borderTopColor",d(r,e))},borderBottomColor:(r,o)=>{const e=i(o);if(r)return n("borderBottomColor",d(r,e))},borderLeftColor:(r,o)=>{const e=i(o);if(r)return n("borderLeftColor",d(r,e))},borderRightColor:(r,o)=>{const e=i(o);if(r)return n("borderRightColor",d(r,e))},borderLeft:r=>({borderLeft:c(r)}),borderTop:r=>({borderTop:c(r)}),borderRight:r=>({borderRight:c(r)}),borderBottom:r=>({borderBottom:c(r)}),shadow:(r,o)=>{const e=i(o);if(r)return n("boxShadow",T(r,e))},boxShadow:(r,o)=>{if(!b(r))return;const[e,t]=r.split("!importan"),f=i(o),s=t?" !important":"",u=a(e.trim(),f);return b(u)?{boxShadow:u+s}:n("boxShadow",u)},textShadow:(r,{context:o})=>n("textShadow",a(r,o.designSystem.globalTheme)),columnRule:r=>({columnRule:c(r)})};export{I as THEME_PROPS,i as getSystemGlobalTheme,B as popStaticCssPass,R as pushStaticCssPass};

package/package.json

@@ -2,7 +2,7 @@
   "name": "css-in-props",
   "description": "Utilize props as CSS methods",
   "author": "symbo.ls",
-  "version": "3.14.747",
+  "version": "3.14.754",
   "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",