@animus-ui/core 0.1.1-beta.2 → 0.1.1-cc2a9def.0

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.1-beta.5](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.4...@animus-ui/core@0.1.1-beta.5) (2022-01-09)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.4](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.3...@animus-ui/core@0.1.1-beta.4) (2022-01-09)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
+## [0.1.1-beta.3](https://github.com/codecaaron/animus/compare/@animus-ui/core@0.1.1-beta.2...@animus-ui/core@0.1.1-beta.3) (2022-01-09)
+
+**Note:** Version bump only for package @animus-ui/core
+
+
+
+
+
 ## 0.1.1-beta.2 (2022-01-09)
 
 

package/dist/deprecated/core.d.ts

@@ -2,9 +2,11 @@ import { createCss } from '../internal/createCss';
 import { createVariant } from '../internal/createVariant';
 import { create } from '../internal/create';
 import { compose } from '../internal/compose';
+import { createStates } from '../internal/createStates';
 export declare const animusProps: {
     compose: typeof compose;
     create: typeof create;
     createCss: typeof createCss;
     createVariant: typeof createVariant;
+    createStates: typeof createStates;
 };

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("lodash");function e(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var t=e(require("@emotion/styled"));const o=()=>[],s=["border","borderTop","borderBottom","borderLeft","borderRight","borderWidth","borderStyle","borderColor","background","flex","margin","padding","transition","gap","grid","gridArea","gridColumn","gridRow","gridTemplate","overflow","transition"],p=-1,i=1,a=1,n=(r,e)=>r<e?p:e<r?i:a,d=["_","xs","sm","md","lg","xl"],c=r=>`@media screen and (min-width: ${r}px)`,l={xs:480,sm:768,md:1024,lg:1200,xl:1440},g=(e,t,o,s,p)=>{const i=r.get(o,t);switch(typeof i){case"string":case"number":case"function":return Object.assign(e,s.styleFn(i,t,o));case"object":if(!p.mediaQueries)return;if(a=i,Array.isArray(a))return r.merge(e,((r,e,t,o)=>{const s={},{styleFn:p,prop:i}=t,[a,...n]=r;return a&&Object.assign(s,p(a,i,e)),n.forEach(((r,t)=>{const a=o[t];a&&void 0!==r&&Object.assign(s,{[a]:p(r,i,e)})})),s})(i,o,s,p.mediaQueries.array));if(i&&(e=>r.intersection(Object.keys(e),d).length>0)(i))return r.merge(e,((r,e,t,o)=>{const s={},{styleFn:p,prop:i}=t,{_:a,...n}=r;return a&&Object.assign(s,p(a,i,e)),Object.keys(o).forEach((r=>{const t=n[r];void 0!==t&&Object.assign(s,{[o[r]]:p(t,i,e)})})),s})(i,o,s,p.mediaQueries.map))}var a};function u(e){const t=(r=>Object.keys(r).sort(((e,t)=>{const{[e]:o,[t]:d}=r,{property:c,properties:l=[]}=o,{property:g,properties:u=[]}=d,y=s.includes(c),b=s.includes(g);if(y&&b){const r=l.length,e=u.length;if(c!==g)return n(s.indexOf(c),s.indexOf(g));if(c===g){if(0===r)return p;if(0===e)return i}return n(e,r)}return y?p:b?i:a})))(e),o={mediaQueries:null};return Object.assign(((s,p=!1)=>{const i={},{theme:a}=s;return o.mediaQueries||(o.mediaQueries=(e=>{if(void 0===e)return null;const{xs:t,sm:o,md:s,lg:p,xl:i}=e??{};return{map:r.mapValues(e,c),array:[t,o,s,p,i].map(c)}})(a?.breakpoints??l)),p?Object.keys(s).forEach((t=>{const p=e[t];p?g(i,t,s,p,o):"theme"!==t&&Object.assign(i,{[t]:r.get(s,t)})})):t.forEach((r=>{const t=e[r];g(i,r,s,t,o)})),null!==o.mediaQueries?((e,t)=>{const o=r.omit(e,t);return t.forEach((r=>{e[r]&&(o[r]=e[r])})),o})(i,o.mediaQueries.array):i}),{propNames:t,config:e})}const y=(r,e)=>{const t=Object.keys(r),o=Object.keys(e);return r=>{const e=[];return t.forEach((t=>{r[t]&&e.push(`${t}-${r[t]}`)})),o.forEach((t=>{r[t]&&e.push(t)})),e}},b=(r,e)=>{const t={},o={};return Object.entries(r).forEach((([r,s])=>{(e.includes(r)?o:t)[r]=s})),[t,o]},m=(e,t,o,s)=>{const{base:p}=t,{parser:i,getMediaSelectors:a,getActiveOverrides:n}=s,{theme:d}=o,c=Object.values(r.pick(t,n(o))),l=a(o),[g,u]=b(i({...p,theme:d},!0),l);for(const r in g)e[r]=g[r];c.forEach((t=>{((e={},t,o,s,p,i)=>{const[a,n]=b(s({...e,theme:p},!0),i);for(const r in a)t[r]=a[r];i.forEach((e=>{const t=n[e];if(!t||r.isEmpty(t))return;o[e]||(o[e]={});const s=o[e];for(const r in t)s[r]=t[r]}))})(t,e,u,i,d,l)})),l.forEach((t=>{const o=u[t];r.isEmpty(o)||(e[t]=o)}))},h=(e,t={},o={},s={},p={})=>{const i=((e={},t={},o={},s)=>{const p={};return Object.entries(e).forEach((([e,t])=>{!s.includes(e)&&r.isObject(t)?r.set(p,[e,"base"],t):r.set(p,["primary","base",e],t)})),Object.entries(t).forEach((([e,{variants:t}])=>{Object.entries(t).forEach((([t,o])=>{const i=`${e}-${t}`;Object.entries(o).forEach((([e,t])=>{!s.includes(e)&&r.isObject(t)?r.set(p,[e,i],t):r.set(p,["primary",i,e],t)}))}))})),Object.entries(o).forEach((([e,t])=>{Object.entries(t).forEach((([t,o])=>{!s.includes(t)&&r.isObject(o)?r.set(p,[t,e],o):r.set(p,["primary",e,t],o)}))})),p})(t,o,s,e.propNames),a={parser:e,getMediaSelectors:({theme:r})=>{const e=r?.breakpoints??l;return["xs","sm","md","lg","xl"].map((r=>e[r]))},getActiveOverrides:y(o,s)};return r=>{const{vars:t}=r,o={...t};return Object.entries(i).forEach((([e,t={}])=>{"primary"===e?m(o,t,r,a):(o[e]={},m(o[e],t,r,a))})),m(o,{base:e(r)},r,a),o}};function f(e,t){const{transform:o=r.identity,property:s,properties:p=[s],scale:i}=t,a=(e=>r.isString(e)?(t,o)=>r.get(o,["theme",e,t]):r.isArray(e)?r=>r:r.isObject(e)?t=>r.get(e,t):()=>{})(i),n=void 0===i||r.isArray(i);return{...t,prop:e,styleFn:(e,t,s)=>{const i={};if(r.isUndefined(e))return i;let d,c,l=!1;switch(typeof e){case"number":case"string":c=a(e,s),l=void 0!==c||n,d=c??e;break;case"function":s.theme&&(d=e(s.theme));break;default:return i}return p.forEach((e=>{let t=d;switch(l&&!r.isUndefined(t)&&(t=o(t,e,s)),typeof t){case"number":case"string":return i[e]=t;case"object":return Object.assign(i,t)}})),i}}}function R(r){const e={};for(const t in r)"string"==typeof t&&(e[t]=f(t,r[t]));return u(e)}class x{props={};parser={};groups=[];base={};statesConfig={};variants={};custom={};constructor(r,e,t,o,s,p,i){this.props=r,this.parser=e,this.groups=p,this.base=t,this.statesConfig=s,this.variants=o,this.custom=i}asComponent(r){const e=h(R({...this.parser.config,...this.custom}),this.base,this.variants,this.statesConfig,{});return t.default(r)(e)}build(){return h(R({...this.parser.config,...this.custom}),this.base,this.variants,this.statesConfig,{})}}class w extends x{constructor(r,e,t,o,s,p){super(r,e,t,o,s,p,{})}customProps(r){return new x(this.props,this.parser,this.base,this.variants,this.statesConfig,this.groups,r)}}class C extends w{constructor(r,e,t,o,s){super(r,e,t,o,s,[])}systemProps(r){return new w(this.props,this.parser,this.base,this.variants,this.statesConfig,Object.keys(r))}}class S extends C{constructor(r,e,t,o){super(r,e,t,o,{})}states(r){return new C(this.props,this.parser,this.base,this.variants,r)}variant(e){const t=e.prop||"variant";return new S(this.props,this.parser,this.base,r.merge(this.variants,{[t]:e}))}}class v extends S{constructor(r,e,t){super(r,e,t,{})}variant(e){const t=e.prop||"variant";return new S(this.props,this.parser,this.base,r.merge(this.variants,{[t]:e}))}}class j extends v{constructor(r){super(r,R(r.props),{})}styles(r){return new v(this.props,this.parser,r)}}class T{#r={};#e={};constructor(r,e){this.#r=r||{},this.#e=e||{}}addGroup(r,e){const t={[r]:Object.keys(e)};return new T({...this.#r,...e},{...this.#e,...t})}build(){return new j({props:this.#r,groups:this.#e})}}const O=()=>new T,A=r=>0===r?r:r<=1&&r>=-1?100*r+"%":`${r}px`,k=/(-?\d*\.?\d+)(%|\w*)/,B=e=>{if(r.isNumber(e))return A(e);if(e.includes("calc"))return e;const[t,o,s]=k.exec(e)||[];if(void 0===t)return e;const p=parseFloat(o);return s?`${p}${s}`:A(p)},W={max:"max-content",min:"min-content"},E=new RegExp(/^[0-9]*$/),L=e=>{var t;return`minmax(0, ${t=e,E.test(t)?`${e}fr`:r.get(W,e,e)})`},G=(r,e)=>{const t=L(r);return e>1?`repeat(${e}, ${t})`:t},$=r=>{const e=r.split(":");let t=["",0],o="";for(let r=0;r<e.length+1;r+=1){const s=o.length>0?" ":"",p=e[r];t?.[0]!==p?(t[0].length&&(o+=s+G(...t)),p&&(t=[p,1])):t[1]+=1}return o},I=e=>r.isNumber(e)?G("1",e):$(e),F={justifySelf:{property:"justifySelf"},alignSelf:{property:"alignSelf"},gridArea:{property:"gridArea"},area:{property:"gridArea"}},z={justifyContent:{property:"justifyContent"},justifyItems:{property:"justifyItems"},alignItems:{property:"alignItems"},alignContent:{property:"alignContent"},...F},H={flexBasis:{property:"flexBasis"},flexShrink:{property:"flexShrink"},flexGrow:{property:"flexGrow"},order:{property:"order"}},Q={flexDirection:{property:"flexDirection"},flexWrap:{property:"flexWrap"},flex:{property:"flex"},...z,...H},X={gridColumn:{property:"gridColumn"},gridRow:{property:"gridRow"},gridColumnStart:{property:"gridColumnStart"},gridRowStart:{property:"gridRowStart"},gridColumnEnd:{property:"gridColumnEnd"},gridRowEnd:{property:"gridRowEnd"}},Y={gridAutoColumns:{property:"gridAutoColumns"},gridAutoRows:{property:"gridAutoRows"},gridTemplateColumns:{property:"gridTemplateColumns"},gridTemplateRows:{property:"gridTemplateRows"},gridTemplateAreas:{property:"gridTemplateAreas"},gridAutoFlow:{property:"gridAutoFlow"},gap:{property:"gap",scale:"spacing"},rowGap:{property:"rowGap",scale:"spacing"},columnGap:{property:"columnGap",scale:"spacing"},flow:{property:"gridAutoFlow",scale:{row:"row",column:"column",dense:"dense","column-dense":"column dense","row-dense":"row dense"}},cols:{property:"gridTemplateColumns",transform:I,scale:[]},rows:{property:"gridTemplateRows",transform:I,scale:[]},autoRows:{property:"gridAutoRows",transform:L},autoCols:{property:"gridAutoColumns",transform:L},alignAll:{property:"justifyContent",properties:["justifyContent","alignItems"]},...z,...X},P={position:{property:"position"},inset:{property:"inset",properties:["top","right","bottom","left"],transform:B},top:{property:"top",transform:B},right:{property:"right",transform:B},bottom:{property:"bottom",transform:B},left:{property:"left",transform:B},zIndex:{property:"zIndex"},opacity:{property:"opacity"}},D={display:{property:"display"},overflow:{property:"overflow"},overflowX:{property:"overflowX"},overflowY:{property:"overflowY"},size:{property:"width",properties:["width","height"],transform:B},width:{property:"width",transform:B},minWidth:{property:"minWidth",transform:B},maxWidth:{property:"maxWidth",transform:B},height:{property:"height",transform:B},minHeight:{property:"minHeight",transform:B},maxHeight:{property:"maxHeight",transform:B},verticalAlign:{property:"verticalAlign"},...F,...X,...H},N={m:{property:"margin",scale:"spacing"},mx:{property:"margin",properties:["marginLeft","marginRight"],scale:"spacing"},my:{property:"margin",properties:["marginTop","marginBottom"],scale:"spacing"},mt:{property:"marginTop",scale:"spacing"},mb:{property:"marginBottom",scale:"spacing"},mr:{property:"marginRight",scale:"spacing"},ml:{property:"marginLeft",scale:"spacing"},p:{property:"padding",scale:"spacing"},px:{property:"padding",properties:["paddingLeft","paddingRight"],scale:"spacing"},py:{property:"padding",properties:["paddingTop","paddingBottom"],scale:"spacing"},pt:{property:"paddingTop",scale:"spacing"},pb:{property:"paddingBottom",scale:"spacing"},pr:{property:"paddingRight",scale:"spacing"},pl:{property:"paddingLeft",scale:"spacing"}},_=O().addGroup("space",N).addGroup("background",{background:{property:"background"},backgroundImage:{property:"backgroundImage"},backgroundSize:{property:"backgroundSize"},backgroundRepeat:{property:"backgroundRepeat"},backgroundPosition:{property:"backgroundPosition"}}).addGroup("layout",D).addGroup("color",{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},bg:{property:"backgroundColor",scale:"colors"},borderColor:{property:"borderColor",scale:"colors"},borderColorX:{property:"borderColor",properties:["borderLeftColor","borderRightColor"],scale:"colors"},borderColorY:{property:"borderColor",properties:["borderTopColor","borderBottomColor"],scale:"colors"},borderColorLeft:{property:"borderLeftColor",scale:"colors"},borderColorRight:{property:"borderRightColor",scale:"colors"},borderColorTop:{property:"borderTopColor",scale:"colors"},borderColorBottom:{property:"borderBottomColor",scale:"colors"}}).addGroup("typography",{fontFamily:{property:"fontFamily",scale:"fontFamily"},fontWeight:{property:"fontWeight",scale:{400:400,600:600,700:700}},lineHeight:{property:"lineHeight",scale:"lineHeight",lineHeight:[1,1.5]},fontSize:{property:"fontSize",scale:{64:64,44:44,34:34,26:26,22:22,20:20,18:18,16:16,14:14}},letterSpacing:{property:"letterSpacing"},textAlign:{property:"textAlign"},fontStyle:{property:"fontStyle"},textDecoration:{property:"textDecoration"},textTransform:{property:"textTransform"},whiteSpace:{property:"whiteSpace"}}).addGroup("shadows",{boxShadow:{property:"boxShadow"},textShadow:{property:"textShadow"}}).addGroup("borders",{border:{property:"border",scale:"borders"},borderX:{property:"border",properties:["borderLeft","borderRight"],scale:"borders"},borderY:{property:"border",properties:["borderTop","borderBottom"],scale:"borders"},borderTop:{property:"borderTop",scale:"borders"},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderLeft:{property:"borderLeft",scale:"borders"},borderWidth:{property:"borderWidth"},borderWidthX:{property:"borderWidth",properties:["borderLeftWidth","borderRightWidth"]},borderWidthY:{property:"borderWidth",properties:["borderTopWidth","borderBottomWidth"]},borderWidthLeft:{property:"borderLeftWidth"},borderWidthRight:{property:"borderRightWidth"},borderWidthTop:{property:"borderTopWidth"},borderWidthBottom:{property:"borderBottomWidth"},borderRadius:{property:"borderRadius",scale:"radii"},borderRadiusLeft:{property:"borderRadius",properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii"},borderRadiusTop:{property:"borderRadius",properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii"},borderRadiusBottom:{property:"borderRadius",properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii"},borderRadiusRight:{property:"borderRadius",properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii"},borderRadiusTopLeft:{property:"borderTopLeftRadius",scale:"radii"},borderRadiusTopRight:{property:"borderTopRightRadius",scale:"radii"},borderRadiusBottomRight:{property:"borderBottomRightRadius",scale:"radii"},borderRadiusBottomLeft:{property:"borderBottomLeftRadius",scale:"radii"},borderStyle:{property:"borderStyle"},borderStyleX:{property:"borderStyle",properties:["borderLeftStyle","borderRightStyle"]},borderStyleY:{property:"borderStyle",properties:["borderTopStyle","borderBottomStyle"]},borderStyleLeft:{property:"borderLeftStyle"},borderStyleRight:{property:"borderRightStyle"},borderStyleTop:{property:"borderTopStyle"},borderStyleBottom:{property:"borderBottomStyle"}}).addGroup("positioning",P).addGroup("flex",Q).addGroup("grid",Y).addGroup("mode",{mode:{property:"none",scale:"mode"}}).addGroup("vars",{vars:{property:"variables"}}),M=_.build();exports.AnimusConfig=T,exports.animus=M,exports.coreConfig=_,exports.createAnimus=O,exports.createScale=o,exports.gridItem=L,exports.gridItemRatio=I,exports.parseGridRatio=$,exports.percentageOrAbsolute=A,exports.repeatGridItem=G,exports.size=B;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("lodash");function e(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var t=e(require("@emotion/styled"));const o=()=>[],s=["border","borderTop","borderBottom","borderLeft","borderRight","borderWidth","borderStyle","borderColor","background","flex","margin","padding","transition","gap","grid","gridArea","gridColumn","gridRow","gridTemplate","overflow","transition"],p=-1,i=1,a=1,n=(r,e)=>r<e?p:e<r?i:a,d=["_","xs","sm","md","lg","xl"],c=r=>`@media screen and (min-width: ${r}px)`,l={xs:480,sm:768,md:1024,lg:1200,xl:1440},u=(e,t,o,s,p)=>{const i=r.get(o,t);switch(typeof i){case"string":case"number":case"function":return Object.assign(e,s.styleFn(i,t,o));case"object":if(!p.mediaQueries)return;if(a=i,Array.isArray(a))return r.merge(e,((r,e,t,o)=>{const s={},{styleFn:p,prop:i}=t,[a,...n]=r;return a&&Object.assign(s,p(a,i,e)),n.forEach(((r,t)=>{const a=o[t];a&&void 0!==r&&Object.assign(s,{[a]:p(r,i,e)})})),s})(i,o,s,p.mediaQueries.array));if(i&&(e=>r.intersection(Object.keys(e),d).length>0)(i))return r.merge(e,((r,e,t,o)=>{const s={},{styleFn:p,prop:i}=t,{_:a,...n}=r;return a&&Object.assign(s,p(a,i,e)),Object.keys(o).forEach((r=>{const t=n[r];void 0!==t&&Object.assign(s,{[o[r]]:p(t,i,e)})})),s})(i,o,s,p.mediaQueries.map))}var a};function g(e){const t=(r=>Object.keys(r).sort(((e,t)=>{const{[e]:o,[t]:d}=r,{property:c,properties:l=[]}=o,{property:u,properties:g=[]}=d,y=s.includes(c),b=s.includes(u);if(y&&b){const r=l.length,e=g.length;if(c!==u)return n(s.indexOf(c),s.indexOf(u));if(c===u){if(0===r)return p;if(0===e)return i}return n(e,r)}return y?p:b?i:a})))(e),o={mediaQueries:null};return Object.assign(((s,p=!1)=>{const i={},{theme:a}=s;return null===o.mediaQueries&&(o.mediaQueries=(e=>{if(void 0===e)return null;const{xs:t,sm:o,md:s,lg:p,xl:i}=e??{};return{map:r.mapValues(e,c),array:[t,o,s,p,i].map(c)}})(a?.breakpoints??l)),p?Object.keys(s).forEach((t=>{const p=e[t];p?u(i,t,s,p,o):"theme"!==t&&Object.assign(i,{[t]:r.get(s,t)})})):t.forEach((r=>{const t=e[r];u(i,r,s,t,o)})),null!==o.mediaQueries?((e,t)=>{const o=r.omit(e,t);return t.forEach((r=>{e[r]&&(o[r]=e[r])})),o})(i,o.mediaQueries.array):i}),{propNames:t,config:e})}const y=(r,e)=>{const t=Object.keys(r),o=Object.keys(e);return r=>{const e=[];return t.forEach((t=>{r[t]&&e.push(`${t}-${r[t]}`)})),o.forEach((t=>{r[t]&&e.push(t)})),e}},b=(r,e)=>{const t={},o={};return Object.entries(r).forEach((([r,s])=>{(e.includes(r)?o:t)[r]=s})),[t,o]},m=(e,t,o,s)=>{const{base:p}=t,{parser:i,getMediaSelectors:a,getActiveOverrides:n}=s,{theme:d}=o,c=Object.values(r.pick(t,n(o))),l=a(o),[u,g]=b(i({...p,theme:d},!0),l);for(const r in u)e[r]=u[r];c.forEach((t=>{((e={},t,o,s,p,i)=>{const[a,n]=b(s({...e,theme:p},!0),i);for(const r in a)t[r]=a[r];i.forEach((e=>{const t=n[e];if(!t||r.isEmpty(t))return;o[e]||(o[e]={});const s=o[e];for(const r in t)s[r]=t[r]}))})(t,e,g,i,d,l)})),l.forEach((t=>{const o=g[t];r.isEmpty(o)||(e[t]=o)}))},h=(e,t={},o={},s={},p={})=>{const i=((e={},t={},o={},s)=>{const p={};return Object.entries(e).forEach((([e,t])=>{!s.includes(e)&&r.isObject(t)?r.set(p,[e,"base"],t):r.set(p,["primary","base",e],t)})),Object.entries(t).forEach((([e,{variants:t}])=>{Object.entries(t).forEach((([t,o])=>{const i=`${e}-${t}`;Object.entries(o).forEach((([e,t])=>{!s.includes(e)&&r.isObject(t)?r.set(p,[e,i],t):r.set(p,["primary",i,e],t)}))}))})),Object.entries(o).forEach((([e,t])=>{Object.entries(t).forEach((([t,o])=>{!s.includes(t)&&r.isObject(o)?r.set(p,[t,e],o):r.set(p,["primary",e,t],o)}))})),p})(t,o,s,e.propNames),a={parser:e,getMediaSelectors:({theme:r})=>{const e=r?.breakpoints??l;return["xs","sm","md","lg","xl"].map((r=>e[r]))},getActiveOverrides:y(o,s)};return r=>{const{vars:t}=r,o={...t};return Object.entries(i).forEach((([e,t={}])=>{"primary"===e?m(o,t,r,a):(o[e]={},m(o[e],t,r,a))})),m(o,{base:e(r)},r,a),o}};function f(e,t){const{transform:o=r.identity,property:s,properties:p=[s],scale:i,variable:a}=t,n=void 0===i||r.isArray(i);return{...t,prop:e,styleFn:(e,t,d)=>{const c={};if(r.isUndefined(e))return c;let l,u,g=!1;switch(typeof e){case"number":case"string":u=((e,t,o)=>r.isString(t)?r.get(o,[t,e]):r.isArray(t)?e:r.isObject(t)?r.get(t,e):void 0)(e,i,d.theme),g=void 0!==u||n,l=u??e;break;case"function":d.theme&&(l=e(d.theme));break;default:return c}if(p.forEach((e=>{let t=l;switch(g&&!r.isUndefined(t)&&(t=o(t,e,d)),typeof t){case"number":case"string":return c[e]=t;case"object":return Object.assign(c,t)}})),a){let e=l;g&&!r.isUndefined(e)&&(e=o(e,s,d)),e&&"object"!=typeof e&&(c[a]=e)}return c}}}function R(r){const e={};for(const t in r)"string"==typeof t&&(e[t]=f(t,r[t]));return g(e)}class x{props={};parser={};groups=[];base={};statesConfig={};variants={};custom={};constructor(r,e,t,o,s,p,i){this.props=r,this.parser=e,this.groups=p,this.base=t,this.statesConfig=s,this.variants=o,this.custom=i}asComponent(r){const e=h(R({...this.parser.config,...this.custom}),this.base,this.variants,this.statesConfig,{});return t.default(r)(e)}build(){return h(R({...this.parser.config,...this.custom}),this.base,this.variants,this.statesConfig,{})}}class w extends x{constructor(r,e,t,o,s,p){super(r,e,t,o,s,p,{})}customProps(r){return new x(this.props,this.parser,this.base,this.variants,this.statesConfig,this.groups,r)}}class C extends w{constructor(r,e,t,o,s){super(r,e,t,o,s,[])}systemProps(r){return new w(this.props,this.parser,this.base,this.variants,this.statesConfig,Object.keys(r))}}class S extends C{constructor(r,e,t,o){super(r,e,t,o,{})}states(r){return new C(this.props,this.parser,this.base,this.variants,r)}variant(e){const t=e.prop||"variant";return new S(this.props,this.parser,this.base,r.merge(this.variants,{[t]:e}))}}class v extends S{constructor(r,e,t){super(r,e,t,{})}variant(e){const t=e.prop||"variant";return new S(this.props,this.parser,this.base,r.merge(this.variants,{[t]:e}))}}class j extends v{constructor(r){super(r,R(r.props),{})}styles(r){return new v(this.props,this.parser,r)}}class O{#r={};#e={};constructor(r,e){this.#r=r||{},this.#e=e||{}}addGroup(r,e){const t={[r]:Object.keys(e)};return new O({...this.#r,...e},{...this.#e,...t})}build(){return new j({props:this.#r,groups:this.#e})}}const T=()=>new O,k=r=>0===r?r:r<=1&&r>=-1?100*r+"%":`${r}px`,E=/(-?\d*\.?\d+)(%|\w*)/,A=e=>{if(r.isNumber(e))return k(e);if(e.includes("calc"))return e;const[t,o,s]=E.exec(e)||[];if(void 0===t)return e;const p=parseFloat(o);return s?`${p}${s}`:k(p)},B={max:"max-content",min:"min-content"},W=new RegExp(/^[0-9]*$/),L=e=>{var t;return`minmax(0, ${t=e,W.test(t)?`${e}fr`:r.get(B,e,e)})`},G=(r,e)=>{const t=L(r);return e>1?`repeat(${e}, ${t})`:t},$=r=>{const e=r.split(":");let t=["",0],o="";for(let r=0;r<e.length+1;r+=1){const s=o.length>0?" ":"",p=e[r];t?.[0]!==p?(t[0].length&&(o+=s+G(...t)),p&&(t=[p,1])):t[1]+=1}return o},I=e=>r.isNumber(e)?G("1",e):$(e),F=(e,t)=>r.pick(e,r.keys(e).filter((r=>!t.includes(r))));function z(e){const t=R(e),o=t.propNames;return e=>{let s;const p=Object.keys(e).filter((t=>!o.includes(t)&&r.isObject(e[t]))),i=F(e,["theme",...p,...o]);return({theme:r})=>{if(s)return s;const a=t({...e,theme:r});return p.forEach((s=>{const p=e[s]??{};a[s]={...F(p,o),...t({...p,theme:r})}})),s={...i,...a},s}}}const H={compose:function(...r){return g(r.reduce(((r,e)=>({...r,...e.config})),{}))},create:R,createCss:z,createVariant:function(e){const t=z(e);return({prop:e="variant",defaultVariant:o,base:s={},variants:p})=>{const i=t(s),a={};return Object.keys(p).forEach((r=>{const e=r,o=p[e];a[e]=t(o)})),t=>{const{[e]:s=o}=t,p={};return s?r.merge(p,i(t),a?.[s]?.(t)):p}}},createStates:function(e){const t=z(e);return e=>{const o=Object.keys(e),s={};return o.forEach((r=>{const o=r,p=e[o];s[o]=t(p)})),e=>{const t={};return o.forEach((o=>{r.merge(t,e[o]&&s[o](e))})),t}}}},Q={gap:{property:"gap",scale:"spacing"},rowGap:{property:"rowGap",scale:"spacing"},columnGap:{property:"columnGap",scale:"spacing"}},P={justifySelf:{property:"justifySelf"},alignSelf:{property:"alignSelf"},gridArea:{property:"gridArea"},area:{property:"gridArea"}},X={justifyContent:{property:"justifyContent"},justifyItems:{property:"justifyItems"},alignItems:{property:"alignItems"},alignContent:{property:"alignContent"},...P},Y={flexBasis:{property:"flexBasis"},flexShrink:{property:"flexShrink"},flexGrow:{property:"flexGrow"},order:{property:"order"}},N={flexDirection:{property:"flexDirection"},flexWrap:{property:"flexWrap"},flex:{property:"flex"},...X,...Y,...Q},D={gridColumn:{property:"gridColumn"},gridRow:{property:"gridRow"},gridColumnStart:{property:"gridColumnStart"},gridRowStart:{property:"gridRowStart"},gridColumnEnd:{property:"gridColumnEnd"},gridRowEnd:{property:"gridRowEnd"}},_={gridAutoColumns:{property:"gridAutoColumns"},gridAutoRows:{property:"gridAutoRows"},gridTemplateColumns:{property:"gridTemplateColumns"},gridTemplateRows:{property:"gridTemplateRows"},gridTemplateAreas:{property:"gridTemplateAreas"},gridAutoFlow:{property:"gridAutoFlow"},flow:{property:"gridAutoFlow",scale:{row:"row",column:"column",dense:"dense","column-dense":"column dense","row-dense":"row dense"}},cols:{property:"gridTemplateColumns",transform:I,scale:[]},rows:{property:"gridTemplateRows",transform:I,scale:[]},autoRows:{property:"gridAutoRows",transform:L},autoCols:{property:"gridAutoColumns",transform:L},alignAll:{property:"justifyContent",properties:["justifyContent","alignItems"]},...X,...D,...Q},M={position:{property:"position"},inset:{property:"inset",properties:["top","right","bottom","left"],transform:A},top:{property:"top",transform:A},right:{property:"right",transform:A},bottom:{property:"bottom",transform:A},left:{property:"left",transform:A},zIndex:{property:"zIndex"},opacity:{property:"opacity"}},U={display:{property:"display"},overflow:{property:"overflow"},overflowX:{property:"overflowX"},overflowY:{property:"overflowY"},size:{property:"width",properties:["width","height"],transform:A},width:{property:"width",transform:A},minWidth:{property:"minWidth",transform:A},maxWidth:{property:"maxWidth",transform:A},height:{property:"height",transform:A},minHeight:{property:"minHeight",transform:A},maxHeight:{property:"maxHeight",transform:A},verticalAlign:{property:"verticalAlign"},...P,...D,...Y},V={m:{property:"margin",scale:"spacing"},mx:{property:"margin",properties:["marginLeft","marginRight"],scale:"spacing"},my:{property:"margin",properties:["marginTop","marginBottom"],scale:"spacing"},mt:{property:"marginTop",scale:"spacing"},mb:{property:"marginBottom",scale:"spacing"},mr:{property:"marginRight",scale:"spacing"},ml:{property:"marginLeft",scale:"spacing"},p:{property:"padding",scale:"spacing"},px:{property:"padding",properties:["paddingLeft","paddingRight"],scale:"spacing"},py:{property:"padding",properties:["paddingTop","paddingBottom"],scale:"spacing"},pt:{property:"paddingTop",scale:"spacing"},pb:{property:"paddingBottom",scale:"spacing"},pr:{property:"paddingRight",scale:"spacing"},pl:{property:"paddingLeft",scale:"spacing"}},q=T().addGroup("space",V).addGroup("background",{background:{property:"background"},backgroundImage:{property:"backgroundImage"},backgroundSize:{property:"backgroundSize"},backgroundRepeat:{property:"backgroundRepeat"},backgroundPosition:{property:"backgroundPosition"}}).addGroup("layout",U).addGroup("color",{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},bg:{property:"backgroundColor",scale:"colors"},borderColor:{property:"borderColor",scale:"colors"},borderColorX:{property:"borderColor",properties:["borderLeftColor","borderRightColor"],scale:"colors"},borderColorY:{property:"borderColor",properties:["borderTopColor","borderBottomColor"],scale:"colors"},borderColorLeft:{property:"borderLeftColor",scale:"colors"},borderColorRight:{property:"borderRightColor",scale:"colors"},borderColorTop:{property:"borderTopColor",scale:"colors"},borderColorBottom:{property:"borderBottomColor",scale:"colors"}}).addGroup("typography",{fontFamily:{property:"fontFamily",scale:"fontFamily"},fontWeight:{property:"fontWeight",scale:{400:400,600:600,700:700}},lineHeight:{property:"lineHeight",scale:"lineHeight",lineHeight:[1,1.5]},fontSize:{property:"fontSize",scale:{64:64,44:44,34:34,26:26,22:22,20:20,18:18,16:16,14:14}},letterSpacing:{property:"letterSpacing"},textAlign:{property:"textAlign"},fontStyle:{property:"fontStyle"},textDecoration:{property:"textDecoration"},textTransform:{property:"textTransform"},whiteSpace:{property:"whiteSpace"}}).addGroup("shadows",{boxShadow:{property:"boxShadow"},textShadow:{property:"textShadow"}}).addGroup("borders",{border:{property:"border",scale:"borders"},borderX:{property:"border",properties:["borderLeft","borderRight"],scale:"borders"},borderY:{property:"border",properties:["borderTop","borderBottom"],scale:"borders"},borderTop:{property:"borderTop",scale:"borders"},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderLeft:{property:"borderLeft",scale:"borders"},borderWidth:{property:"borderWidth"},borderWidthX:{property:"borderWidth",properties:["borderLeftWidth","borderRightWidth"]},borderWidthY:{property:"borderWidth",properties:["borderTopWidth","borderBottomWidth"]},borderWidthLeft:{property:"borderLeftWidth"},borderWidthRight:{property:"borderRightWidth"},borderWidthTop:{property:"borderTopWidth"},borderWidthBottom:{property:"borderBottomWidth"},borderRadius:{property:"borderRadius",scale:"radii"},borderRadiusLeft:{property:"borderRadius",properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii"},borderRadiusTop:{property:"borderRadius",properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii"},borderRadiusBottom:{property:"borderRadius",properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii"},borderRadiusRight:{property:"borderRadius",properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii"},borderRadiusTopLeft:{property:"borderTopLeftRadius",scale:"radii"},borderRadiusTopRight:{property:"borderTopRightRadius",scale:"radii"},borderRadiusBottomRight:{property:"borderBottomRightRadius",scale:"radii"},borderRadiusBottomLeft:{property:"borderBottomLeftRadius",scale:"radii"},borderStyle:{property:"borderStyle"},borderStyleX:{property:"borderStyle",properties:["borderLeftStyle","borderRightStyle"]},borderStyleY:{property:"borderStyle",properties:["borderTopStyle","borderBottomStyle"]},borderStyleLeft:{property:"borderLeftStyle"},borderStyleRight:{property:"borderRightStyle"},borderStyleTop:{property:"borderTopStyle"},borderStyleBottom:{property:"borderBottomStyle"}}).addGroup("positioning",M).addGroup("flex",N).addGroup("grid",_).addGroup("mode",{mode:{property:"none",scale:"mode"}}).addGroup("vars",{vars:{property:"variables"}}),J=q.build();exports.AnimusConfig=O,exports.animus=J,exports.animusProps=H,exports.coreConfig=q,exports.createAnimus=T,exports.createScale=o,exports.gridItem=L,exports.gridItemRatio=I,exports.parseGridRatio=$,exports.percentageOrAbsolute=k,exports.repeatGridItem=G,exports.size=A;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './scales/createScale';
 export * from './configBuilder';
 export * from './createAnimus';
 export * from './transforms';
+export * from './deprecated/core';
 export declare const coreConfig: import("./configBuilder").AnimusConfig<{
     readonly p: {
         readonly property: "padding";
@@ -418,6 +419,18 @@ export declare const coreConfig: import("./configBuilder").AnimusConfig<{
         readonly property: "opacity";
     };
 } & {
+    readonly gap: {
+        readonly property: "gap";
+        readonly scale: "spacing";
+    };
+    readonly rowGap: {
+        readonly property: "rowGap";
+        readonly scale: "spacing";
+    };
+    readonly columnGap: {
+        readonly property: "columnGap";
+        readonly scale: "spacing";
+    };
     readonly flexBasis: {
         readonly property: "flexBasis";
     };
@@ -464,6 +477,18 @@ export declare const coreConfig: import("./configBuilder").AnimusConfig<{
         readonly property: "flex";
     };
 } & {
+    readonly gap: {
+        readonly property: "gap";
+        readonly scale: "spacing";
+    };
+    readonly rowGap: {
+        readonly property: "rowGap";
+        readonly scale: "spacing";
+    };
+    readonly columnGap: {
+        readonly property: "columnGap";
+        readonly scale: "spacing";
+    };
     readonly gridColumn: {
         readonly property: "gridColumn";
     };
@@ -524,18 +549,6 @@ export declare const coreConfig: import("./configBuilder").AnimusConfig<{
     readonly gridAutoFlow: {
         readonly property: "gridAutoFlow";
     };
-    readonly gap: {
-        readonly property: "gap";
-        readonly scale: "spacing";
-    };
-    readonly rowGap: {
-        readonly property: "rowGap";
-        readonly scale: "spacing";
-    };
-    readonly columnGap: {
-        readonly property: "columnGap";
-        readonly scale: "spacing";
-    };
     readonly flow: {
         readonly property: "gridAutoFlow";
         readonly scale: {
@@ -581,7 +594,7 @@ export declare const coreConfig: import("./configBuilder").AnimusConfig<{
     readonly vars: {
         readonly property: "variables";
     };
-}, Record<"space", ("p" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[]> & Record<"background", ("backgroundImage" | "backgroundRepeat" | "backgroundSize" | "background" | "backgroundPosition")[]> & Record<"layout", ("alignSelf" | "display" | "flexBasis" | "flexGrow" | "flexShrink" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "height" | "justifySelf" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "overflowX" | "overflowY" | "verticalAlign" | "width" | "gridArea" | "gridColumn" | "gridRow" | "overflow" | "area" | "size")[]> & Record<"color", ("color" | "borderColor" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[]> & Record<"typography", ("fontSize" | "letterSpacing" | "fontFamily" | "fontWeight" | "lineHeight" | "fontStyle" | "textAlign" | "textTransform" | "whiteSpace" | "textDecoration")[]> & Record<"shadows", ("boxShadow" | "textShadow")[]> & Record<"borders", ("border" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[]> & Record<"positioning", ("bottom" | "inset" | "left" | "opacity" | "position" | "right" | "top" | "zIndex")[]> & Record<"flex", ("alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "flex" | "gridArea" | "area")[]> & Record<"grid", ("alignContent" | "alignItems" | "alignSelf" | "columnGap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "rowGap" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "area" | "flow" | "cols" | "rows" | "autoRows" | "autoCols" | "alignAll")[]> & Record<"mode", "mode"[]> & Record<"vars", "vars"[]>>;
+}, Record<"space", ("p" | "px" | "py" | "pt" | "pb" | "pr" | "pl" | "m" | "mx" | "my" | "mt" | "mb" | "mr" | "ml")[]> & Record<"background", ("backgroundImage" | "backgroundRepeat" | "backgroundSize" | "background" | "backgroundPosition")[]> & Record<"layout", ("alignSelf" | "display" | "flexBasis" | "flexGrow" | "flexShrink" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "height" | "justifySelf" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "overflowX" | "overflowY" | "verticalAlign" | "width" | "gridArea" | "gridColumn" | "gridRow" | "overflow" | "area" | "size")[]> & Record<"color", ("color" | "borderColor" | "textColor" | "bg" | "borderColorX" | "borderColorY" | "borderColorLeft" | "borderColorRight" | "borderColorTop" | "borderColorBottom")[]> & Record<"typography", ("fontSize" | "letterSpacing" | "fontFamily" | "fontWeight" | "lineHeight" | "fontStyle" | "textAlign" | "textTransform" | "whiteSpace" | "textDecoration")[]> & Record<"shadows", ("boxShadow" | "textShadow")[]> & Record<"borders", ("border" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[]> & Record<"positioning", ("bottom" | "inset" | "left" | "opacity" | "position" | "right" | "top" | "zIndex")[]> & Record<"flex", ("alignContent" | "alignItems" | "alignSelf" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "rowGap" | "flex" | "gap" | "gridArea" | "area")[]> & Record<"grid", ("alignContent" | "alignItems" | "alignSelf" | "columnGap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "rowGap" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "area" | "flow" | "cols" | "rows" | "autoRows" | "autoCols" | "alignAll")[]> & Record<"mode", "mode"[]> & Record<"vars", "vars"[]>>;
 export declare const animus: import("./animusBuilder").Animus<{
     props: {
         readonly p: {
@@ -988,6 +1001,18 @@ export declare const animus: import("./animusBuilder").Animus<{
         readonly opacity: {
             readonly property: "opacity";
         };
+        readonly gap: {
+            readonly property: "gap";
+            readonly scale: "spacing";
+        };
+        readonly rowGap: {
+            readonly property: "rowGap";
+            readonly scale: "spacing";
+        };
+        readonly columnGap: {
+            readonly property: "columnGap";
+            readonly scale: "spacing";
+        };
         readonly justifyContent: {
             readonly property: "justifyContent";
         };
@@ -1027,18 +1052,6 @@ export declare const animus: import("./animusBuilder").Animus<{
         readonly gridAutoFlow: {
             readonly property: "gridAutoFlow";
         };
-        readonly gap: {
-            readonly property: "gap";
-            readonly scale: "spacing";
-        };
-        readonly rowGap: {
-            readonly property: "rowGap";
-            readonly scale: "spacing";
-        };
-        readonly columnGap: {
-            readonly property: "columnGap";
-            readonly scale: "spacing";
-        };
         readonly flow: {
             readonly property: "gridAutoFlow";
             readonly scale: {
@@ -1092,7 +1105,7 @@ export declare const animus: import("./animusBuilder").Animus<{
         shadows: ("boxShadow" | "textShadow")[];
         borders: ("border" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "borderX" | "borderY" | "borderWidthX" | "borderWidthY" | "borderWidthLeft" | "borderWidthRight" | "borderWidthTop" | "borderWidthBottom" | "borderRadiusLeft" | "borderRadiusTop" | "borderRadiusBottom" | "borderRadiusRight" | "borderRadiusTopLeft" | "borderRadiusTopRight" | "borderRadiusBottomRight" | "borderRadiusBottomLeft" | "borderStyleX" | "borderStyleY" | "borderStyleLeft" | "borderStyleRight" | "borderStyleTop" | "borderStyleBottom")[];
         positioning: ("bottom" | "inset" | "left" | "opacity" | "position" | "right" | "top" | "zIndex")[];
-        flex: ("alignContent" | "alignItems" | "alignSelf" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "flex" | "gridArea" | "area")[];
+        flex: ("alignContent" | "alignItems" | "alignSelf" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf" | "order" | "rowGap" | "flex" | "gap" | "gridArea" | "area")[];
         grid: ("alignContent" | "alignItems" | "alignSelf" | "columnGap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "rowGap" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "area" | "flow" | "cols" | "rows" | "autoRows" | "autoCols" | "alignAll")[];
         mode: "mode"[];
         vars: "vars"[];
@@ -1502,6 +1515,18 @@ export declare const animus: import("./animusBuilder").Animus<{
     readonly opacity: {
         readonly property: "opacity";
     };
+    readonly gap: {
+        readonly property: "gap";
+        readonly scale: "spacing";
+    };
+    readonly rowGap: {
+        readonly property: "rowGap";
+        readonly scale: "spacing";
+    };
+    readonly columnGap: {
+        readonly property: "columnGap";
+        readonly scale: "spacing";
+    };
     readonly justifyContent: {
         readonly property: "justifyContent";
     };
@@ -1541,18 +1566,6 @@ export declare const animus: import("./animusBuilder").Animus<{
     readonly gridAutoFlow: {
         readonly property: "gridAutoFlow";
     };
-    readonly gap: {
-        readonly property: "gap";
-        readonly scale: "spacing";
-    };
-    readonly rowGap: {
-        readonly property: "rowGap";
-        readonly scale: "spacing";
-    };
-    readonly columnGap: {
-        readonly property: "columnGap";
-        readonly scale: "spacing";
-    };
     readonly flow: {
         readonly property: "gridAutoFlow";
         readonly scale: {

package/dist/index.esm.js

@@ -1 +1 @@
-import{mapValues as r,omit as e,intersection as t,get as o,merge as s,pick as p,isEmpty as i,isObject as a,set as n,isString as d,isArray as c,isUndefined as l,identity as y,isNumber as g}from"lodash";import u from"@emotion/styled";const b=()=>[],m=["border","borderTop","borderBottom","borderLeft","borderRight","borderWidth","borderStyle","borderColor","background","flex","margin","padding","transition","gap","grid","gridArea","gridColumn","gridRow","gridTemplate","overflow","transition"],h=-1,f=1,R=1,w=(r,e)=>r<e?h:e<r?f:R,x=["_","xs","sm","md","lg","xl"],C=r=>`@media screen and (min-width: ${r}px)`,S={xs:480,sm:768,md:1024,lg:1200,xl:1440},v=(r,e,p,i,a)=>{const n=o(p,e);switch(typeof n){case"string":case"number":case"function":return Object.assign(r,i.styleFn(n,e,p));case"object":if(!a.mediaQueries)return;if(d=n,Array.isArray(d))return s(r,((r,e,t,o)=>{const s={},{styleFn:p,prop:i}=t,[a,...n]=r;return a&&Object.assign(s,p(a,i,e)),n.forEach(((r,t)=>{const a=o[t];a&&void 0!==r&&Object.assign(s,{[a]:p(r,i,e)})})),s})(n,p,i,a.mediaQueries.array));if(n&&(r=>t(Object.keys(r),x).length>0)(n))return s(r,((r,e,t,o)=>{const s={},{styleFn:p,prop:i}=t,{_:a,...n}=r;return a&&Object.assign(s,p(a,i,e)),Object.keys(o).forEach((r=>{const t=n[r];void 0!==t&&Object.assign(s,{[o[r]]:p(t,i,e)})})),s})(n,p,i,a.mediaQueries.map))}var d};function T(t){const s=(r=>Object.keys(r).sort(((e,t)=>{const{[e]:o,[t]:s}=r,{property:p,properties:i=[]}=o,{property:a,properties:n=[]}=s,d=m.includes(p),c=m.includes(a);if(d&&c){const r=i.length,e=n.length;if(p!==a)return w(m.indexOf(p),m.indexOf(a));if(p===a){if(0===r)return h;if(0===e)return f}return w(e,r)}return d?h:c?f:R})))(t),p={mediaQueries:null};return Object.assign(((i,a=!1)=>{const n={},{theme:d}=i;return p.mediaQueries||(p.mediaQueries=(e=>{if(void 0===e)return null;const{xs:t,sm:o,md:s,lg:p,xl:i}=e??{};return{map:r(e,C),array:[t,o,s,p,i].map(C)}})(d?.breakpoints??S)),a?Object.keys(i).forEach((r=>{const e=t[r];e?v(n,r,i,e,p):"theme"!==r&&Object.assign(n,{[r]:o(i,r)})})):s.forEach((r=>{const e=t[r];v(n,r,i,e,p)})),null!==p.mediaQueries?((r,t)=>{const o=e(r,t);return t.forEach((e=>{r[e]&&(o[e]=r[e])})),o})(n,p.mediaQueries.array):n}),{propNames:s,config:t})}const j=(r,e)=>{const t=Object.keys(r),o=Object.keys(e);return r=>{const e=[];return t.forEach((t=>{r[t]&&e.push(`${t}-${r[t]}`)})),o.forEach((t=>{r[t]&&e.push(t)})),e}},O=(r,e)=>{const t={},o={};return Object.entries(r).forEach((([r,s])=>{(e.includes(r)?o:t)[r]=s})),[t,o]},B=(r,e,t,o)=>{const{base:s}=e,{parser:a,getMediaSelectors:n,getActiveOverrides:d}=o,{theme:c}=t,l=Object.values(p(e,d(t))),y=n(t),[g,u]=O(a({...s,theme:c},!0),y);for(const e in g)r[e]=g[e];l.forEach((e=>{((r={},e,t,o,s,p)=>{const[a,n]=O(o({...r,theme:s},!0),p);for(const r in a)e[r]=a[r];p.forEach((r=>{const e=n[r];if(!e||i(e))return;t[r]||(t[r]={});const o=t[r];for(const r in e)o[r]=e[r]}))})(e,r,u,a,c,y)})),y.forEach((e=>{const t=u[e];i(t)||(r[e]=t)}))},k=(r,e={},t={},o={},s={})=>{const p=((r={},e={},t={},o)=>{const s={};return Object.entries(r).forEach((([r,e])=>{!o.includes(r)&&a(e)?n(s,[r,"base"],e):n(s,["primary","base",r],e)})),Object.entries(e).forEach((([r,{variants:e}])=>{Object.entries(e).forEach((([e,t])=>{const p=`${r}-${e}`;Object.entries(t).forEach((([r,e])=>{!o.includes(r)&&a(e)?n(s,[r,p],e):n(s,["primary",p,r],e)}))}))})),Object.entries(t).forEach((([r,e])=>{Object.entries(e).forEach((([e,t])=>{!o.includes(e)&&a(t)?n(s,[e,r],t):n(s,["primary",r,e],t)}))})),s})(e,t,o,r.propNames),i={parser:r,getMediaSelectors:({theme:r})=>{const e=r?.breakpoints??S;return["xs","sm","md","lg","xl"].map((r=>e[r]))},getActiveOverrides:j(t,o)};return e=>{const{vars:t}=e,o={...t};return Object.entries(p).forEach((([r,t={}])=>{"primary"===r?B(o,t,e,i):(o[r]={},B(o[r],t,e,i))})),B(o,{base:r(e)},e,i),o}};function W(r,e){const{transform:t=y,property:s,properties:p=[s],scale:i}=e,n=(r=>d(r)?(e,t)=>o(t,["theme",r,e]):c(r)?r=>r:a(r)?e=>o(r,e):()=>{})(i),g=void 0===i||c(i);return{...e,prop:r,styleFn:(r,e,o)=>{const s={};if(l(r))return s;let i,a,d=!1;switch(typeof r){case"number":case"string":a=n(r,o),d=void 0!==a||g,i=a??r;break;case"function":o.theme&&(i=r(o.theme));break;default:return s}return p.forEach((r=>{let e=i;switch(d&&!l(e)&&(e=t(e,r,o)),typeof e){case"number":case"string":return s[r]=e;case"object":return Object.assign(s,e)}})),s}}}function L(r){const e={};for(const t in r)"string"==typeof t&&(e[t]=W(t,r[t]));return T(e)}class A{props={};parser={};groups=[];base={};statesConfig={};variants={};custom={};constructor(r,e,t,o,s,p,i){this.props=r,this.parser=e,this.groups=p,this.base=t,this.statesConfig=s,this.variants=o,this.custom=i}asComponent(r){const e=k(L({...this.parser.config,...this.custom}),this.base,this.variants,this.statesConfig,{});return u(r)(e)}build(){return k(L({...this.parser.config,...this.custom}),this.base,this.variants,this.statesConfig,{})}}class E extends A{constructor(r,e,t,o,s,p){super(r,e,t,o,s,p,{})}customProps(r){return new A(this.props,this.parser,this.base,this.variants,this.statesConfig,this.groups,r)}}class G extends E{constructor(r,e,t,o,s){super(r,e,t,o,s,[])}systemProps(r){return new E(this.props,this.parser,this.base,this.variants,this.statesConfig,Object.keys(r))}}class $ extends G{constructor(r,e,t,o){super(r,e,t,o,{})}states(r){return new G(this.props,this.parser,this.base,this.variants,r)}variant(r){const e=r.prop||"variant";return new $(this.props,this.parser,this.base,s(this.variants,{[e]:r}))}}class F extends ${constructor(r,e,t){super(r,e,t,{})}variant(r){const e=r.prop||"variant";return new $(this.props,this.parser,this.base,s(this.variants,{[e]:r}))}}class I extends F{constructor(r){super(r,L(r.props),{})}styles(r){return new F(this.props,this.parser,r)}}class H{#r={};#e={};constructor(r,e){this.#r=r||{},this.#e=e||{}}addGroup(r,e){const t={[r]:Object.keys(e)};return new H({...this.#r,...e},{...this.#e,...t})}build(){return new I({props:this.#r,groups:this.#e})}}const Q=()=>new H,z=r=>0===r?r:r<=1&&r>=-1?100*r+"%":`${r}px`,X=/(-?\d*\.?\d+)(%|\w*)/,Y=r=>{if(g(r))return z(r);if(r.includes("calc"))return r;const[e,t,o]=X.exec(r)||[];if(void 0===e)return r;const s=parseFloat(t);return o?`${s}${o}`:z(s)},D={max:"max-content",min:"min-content"},P=new RegExp(/^[0-9]*$/),M=r=>{var e;return`minmax(0, ${e=r,P.test(e)?`${r}fr`:o(D,r,r)})`},N=(r,e)=>{const t=M(r);return e>1?`repeat(${e}, ${t})`:t},_=r=>{const e=r.split(":");let t=["",0],o="";for(let r=0;r<e.length+1;r+=1){const s=o.length>0?" ":"",p=e[r];t?.[0]!==p?(t[0].length&&(o+=s+N(...t)),p&&(t=[p,1])):t[1]+=1}return o},q=r=>g(r)?N("1",r):_(r),J={justifySelf:{property:"justifySelf"},alignSelf:{property:"alignSelf"},gridArea:{property:"gridArea"},area:{property:"gridArea"}},K={justifyContent:{property:"justifyContent"},justifyItems:{property:"justifyItems"},alignItems:{property:"alignItems"},alignContent:{property:"alignContent"},...J},U={flexBasis:{property:"flexBasis"},flexShrink:{property:"flexShrink"},flexGrow:{property:"flexGrow"},order:{property:"order"}},V={flexDirection:{property:"flexDirection"},flexWrap:{property:"flexWrap"},flex:{property:"flex"},...K,...U},Z={gridColumn:{property:"gridColumn"},gridRow:{property:"gridRow"},gridColumnStart:{property:"gridColumnStart"},gridRowStart:{property:"gridRowStart"},gridColumnEnd:{property:"gridColumnEnd"},gridRowEnd:{property:"gridRowEnd"}},rr={gridAutoColumns:{property:"gridAutoColumns"},gridAutoRows:{property:"gridAutoRows"},gridTemplateColumns:{property:"gridTemplateColumns"},gridTemplateRows:{property:"gridTemplateRows"},gridTemplateAreas:{property:"gridTemplateAreas"},gridAutoFlow:{property:"gridAutoFlow"},gap:{property:"gap",scale:"spacing"},rowGap:{property:"rowGap",scale:"spacing"},columnGap:{property:"columnGap",scale:"spacing"},flow:{property:"gridAutoFlow",scale:{row:"row",column:"column",dense:"dense","column-dense":"column dense","row-dense":"row dense"}},cols:{property:"gridTemplateColumns",transform:q,scale:[]},rows:{property:"gridTemplateRows",transform:q,scale:[]},autoRows:{property:"gridAutoRows",transform:M},autoCols:{property:"gridAutoColumns",transform:M},alignAll:{property:"justifyContent",properties:["justifyContent","alignItems"]},...K,...Z},er={position:{property:"position"},inset:{property:"inset",properties:["top","right","bottom","left"],transform:Y},top:{property:"top",transform:Y},right:{property:"right",transform:Y},bottom:{property:"bottom",transform:Y},left:{property:"left",transform:Y},zIndex:{property:"zIndex"},opacity:{property:"opacity"}},tr={display:{property:"display"},overflow:{property:"overflow"},overflowX:{property:"overflowX"},overflowY:{property:"overflowY"},size:{property:"width",properties:["width","height"],transform:Y},width:{property:"width",transform:Y},minWidth:{property:"minWidth",transform:Y},maxWidth:{property:"maxWidth",transform:Y},height:{property:"height",transform:Y},minHeight:{property:"minHeight",transform:Y},maxHeight:{property:"maxHeight",transform:Y},verticalAlign:{property:"verticalAlign"},...J,...Z,...U},or={m:{property:"margin",scale:"spacing"},mx:{property:"margin",properties:["marginLeft","marginRight"],scale:"spacing"},my:{property:"margin",properties:["marginTop","marginBottom"],scale:"spacing"},mt:{property:"marginTop",scale:"spacing"},mb:{property:"marginBottom",scale:"spacing"},mr:{property:"marginRight",scale:"spacing"},ml:{property:"marginLeft",scale:"spacing"},p:{property:"padding",scale:"spacing"},px:{property:"padding",properties:["paddingLeft","paddingRight"],scale:"spacing"},py:{property:"padding",properties:["paddingTop","paddingBottom"],scale:"spacing"},pt:{property:"paddingTop",scale:"spacing"},pb:{property:"paddingBottom",scale:"spacing"},pr:{property:"paddingRight",scale:"spacing"},pl:{property:"paddingLeft",scale:"spacing"}},sr=Q().addGroup("space",or).addGroup("background",{background:{property:"background"},backgroundImage:{property:"backgroundImage"},backgroundSize:{property:"backgroundSize"},backgroundRepeat:{property:"backgroundRepeat"},backgroundPosition:{property:"backgroundPosition"}}).addGroup("layout",tr).addGroup("color",{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},bg:{property:"backgroundColor",scale:"colors"},borderColor:{property:"borderColor",scale:"colors"},borderColorX:{property:"borderColor",properties:["borderLeftColor","borderRightColor"],scale:"colors"},borderColorY:{property:"borderColor",properties:["borderTopColor","borderBottomColor"],scale:"colors"},borderColorLeft:{property:"borderLeftColor",scale:"colors"},borderColorRight:{property:"borderRightColor",scale:"colors"},borderColorTop:{property:"borderTopColor",scale:"colors"},borderColorBottom:{property:"borderBottomColor",scale:"colors"}}).addGroup("typography",{fontFamily:{property:"fontFamily",scale:"fontFamily"},fontWeight:{property:"fontWeight",scale:{400:400,600:600,700:700}},lineHeight:{property:"lineHeight",scale:"lineHeight",lineHeight:[1,1.5]},fontSize:{property:"fontSize",scale:{64:64,44:44,34:34,26:26,22:22,20:20,18:18,16:16,14:14}},letterSpacing:{property:"letterSpacing"},textAlign:{property:"textAlign"},fontStyle:{property:"fontStyle"},textDecoration:{property:"textDecoration"},textTransform:{property:"textTransform"},whiteSpace:{property:"whiteSpace"}}).addGroup("shadows",{boxShadow:{property:"boxShadow"},textShadow:{property:"textShadow"}}).addGroup("borders",{border:{property:"border",scale:"borders"},borderX:{property:"border",properties:["borderLeft","borderRight"],scale:"borders"},borderY:{property:"border",properties:["borderTop","borderBottom"],scale:"borders"},borderTop:{property:"borderTop",scale:"borders"},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderLeft:{property:"borderLeft",scale:"borders"},borderWidth:{property:"borderWidth"},borderWidthX:{property:"borderWidth",properties:["borderLeftWidth","borderRightWidth"]},borderWidthY:{property:"borderWidth",properties:["borderTopWidth","borderBottomWidth"]},borderWidthLeft:{property:"borderLeftWidth"},borderWidthRight:{property:"borderRightWidth"},borderWidthTop:{property:"borderTopWidth"},borderWidthBottom:{property:"borderBottomWidth"},borderRadius:{property:"borderRadius",scale:"radii"},borderRadiusLeft:{property:"borderRadius",properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii"},borderRadiusTop:{property:"borderRadius",properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii"},borderRadiusBottom:{property:"borderRadius",properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii"},borderRadiusRight:{property:"borderRadius",properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii"},borderRadiusTopLeft:{property:"borderTopLeftRadius",scale:"radii"},borderRadiusTopRight:{property:"borderTopRightRadius",scale:"radii"},borderRadiusBottomRight:{property:"borderBottomRightRadius",scale:"radii"},borderRadiusBottomLeft:{property:"borderBottomLeftRadius",scale:"radii"},borderStyle:{property:"borderStyle"},borderStyleX:{property:"borderStyle",properties:["borderLeftStyle","borderRightStyle"]},borderStyleY:{property:"borderStyle",properties:["borderTopStyle","borderBottomStyle"]},borderStyleLeft:{property:"borderLeftStyle"},borderStyleRight:{property:"borderRightStyle"},borderStyleTop:{property:"borderTopStyle"},borderStyleBottom:{property:"borderBottomStyle"}}).addGroup("positioning",er).addGroup("flex",V).addGroup("grid",rr).addGroup("mode",{mode:{property:"none",scale:"mode"}}).addGroup("vars",{vars:{property:"variables"}}),pr=sr.build();export{H as AnimusConfig,pr as animus,sr as coreConfig,Q as createAnimus,b as createScale,M as gridItem,q as gridItemRatio,_ as parseGridRatio,z as percentageOrAbsolute,N as repeatGridItem,Y as size};
+import{mapValues as r,omit as e,intersection as t,get as o,merge as s,pick as p,isEmpty as i,isObject as a,set as n,isString as d,isArray as c,isUndefined as l,identity as u,isNumber as y,keys as g}from"lodash";import b from"@emotion/styled";const m=()=>[],h=["border","borderTop","borderBottom","borderLeft","borderRight","borderWidth","borderStyle","borderColor","background","flex","margin","padding","transition","gap","grid","gridArea","gridColumn","gridRow","gridTemplate","overflow","transition"],f=-1,R=1,w=1,x=(r,e)=>r<e?f:e<r?R:w,C=["_","xs","sm","md","lg","xl"],S=r=>`@media screen and (min-width: ${r}px)`,v={xs:480,sm:768,md:1024,lg:1200,xl:1440},j=(r,e,p,i,a)=>{const n=o(p,e);switch(typeof n){case"string":case"number":case"function":return Object.assign(r,i.styleFn(n,e,p));case"object":if(!a.mediaQueries)return;if(d=n,Array.isArray(d))return s(r,((r,e,t,o)=>{const s={},{styleFn:p,prop:i}=t,[a,...n]=r;return a&&Object.assign(s,p(a,i,e)),n.forEach(((r,t)=>{const a=o[t];a&&void 0!==r&&Object.assign(s,{[a]:p(r,i,e)})})),s})(n,p,i,a.mediaQueries.array));if(n&&(r=>t(Object.keys(r),C).length>0)(n))return s(r,((r,e,t,o)=>{const s={},{styleFn:p,prop:i}=t,{_:a,...n}=r;return a&&Object.assign(s,p(a,i,e)),Object.keys(o).forEach((r=>{const t=n[r];void 0!==t&&Object.assign(s,{[o[r]]:p(t,i,e)})})),s})(n,p,i,a.mediaQueries.map))}var d};function T(t){const s=(r=>Object.keys(r).sort(((e,t)=>{const{[e]:o,[t]:s}=r,{property:p,properties:i=[]}=o,{property:a,properties:n=[]}=s,d=h.includes(p),c=h.includes(a);if(d&&c){const r=i.length,e=n.length;if(p!==a)return x(h.indexOf(p),h.indexOf(a));if(p===a){if(0===r)return f;if(0===e)return R}return x(e,r)}return d?f:c?R:w})))(t),p={mediaQueries:null};return Object.assign(((i,a=!1)=>{const n={},{theme:d}=i;return null===p.mediaQueries&&(p.mediaQueries=(e=>{if(void 0===e)return null;const{xs:t,sm:o,md:s,lg:p,xl:i}=e??{};return{map:r(e,S),array:[t,o,s,p,i].map(S)}})(d?.breakpoints??v)),a?Object.keys(i).forEach((r=>{const e=t[r];e?j(n,r,i,e,p):"theme"!==r&&Object.assign(n,{[r]:o(i,r)})})):s.forEach((r=>{const e=t[r];j(n,r,i,e,p)})),null!==p.mediaQueries?((r,t)=>{const o=e(r,t);return t.forEach((e=>{r[e]&&(o[e]=r[e])})),o})(n,p.mediaQueries.array):n}),{propNames:s,config:t})}const O=(r,e)=>{const t=Object.keys(r),o=Object.keys(e);return r=>{const e=[];return t.forEach((t=>{r[t]&&e.push(`${t}-${r[t]}`)})),o.forEach((t=>{r[t]&&e.push(t)})),e}},k=(r,e)=>{const t={},o={};return Object.entries(r).forEach((([r,s])=>{(e.includes(r)?o:t)[r]=s})),[t,o]},B=(r,e,t,o)=>{const{base:s}=e,{parser:a,getMediaSelectors:n,getActiveOverrides:d}=o,{theme:c}=t,l=Object.values(p(e,d(t))),u=n(t),[y,g]=k(a({...s,theme:c},!0),u);for(const e in y)r[e]=y[e];l.forEach((e=>{((r={},e,t,o,s,p)=>{const[a,n]=k(o({...r,theme:s},!0),p);for(const r in a)e[r]=a[r];p.forEach((r=>{const e=n[r];if(!e||i(e))return;t[r]||(t[r]={});const o=t[r];for(const r in e)o[r]=e[r]}))})(e,r,g,a,c,u)})),u.forEach((e=>{const t=g[e];i(t)||(r[e]=t)}))},E=(r,e={},t={},o={},s={})=>{const p=((r={},e={},t={},o)=>{const s={};return Object.entries(r).forEach((([r,e])=>{!o.includes(r)&&a(e)?n(s,[r,"base"],e):n(s,["primary","base",r],e)})),Object.entries(e).forEach((([r,{variants:e}])=>{Object.entries(e).forEach((([e,t])=>{const p=`${r}-${e}`;Object.entries(t).forEach((([r,e])=>{!o.includes(r)&&a(e)?n(s,[r,p],e):n(s,["primary",p,r],e)}))}))})),Object.entries(t).forEach((([r,e])=>{Object.entries(e).forEach((([e,t])=>{!o.includes(e)&&a(t)?n(s,[e,r],t):n(s,["primary",r,e],t)}))})),s})(e,t,o,r.propNames),i={parser:r,getMediaSelectors:({theme:r})=>{const e=r?.breakpoints??v;return["xs","sm","md","lg","xl"].map((r=>e[r]))},getActiveOverrides:O(t,o)};return e=>{const{vars:t}=e,o={...t};return Object.entries(p).forEach((([r,t={}])=>{"primary"===r?B(o,t,e,i):(o[r]={},B(o[r],t,e,i))})),B(o,{base:r(e)},e,i),o}};function W(r,e){const{transform:t=u,property:s,properties:p=[s],scale:i,variable:n}=e,y=void 0===i||c(i);return{...e,prop:r,styleFn:(r,e,u)=>{const g={};if(l(r))return g;let b,m,h=!1;switch(typeof r){case"number":case"string":m=((r,e,t)=>d(e)?o(t,[e,r]):c(e)?r:a(e)?o(e,r):void 0)(r,i,u.theme),h=void 0!==m||y,b=m??r;break;case"function":u.theme&&(b=r(u.theme));break;default:return g}if(p.forEach((r=>{let e=b;switch(h&&!l(e)&&(e=t(e,r,u)),typeof e){case"number":case"string":return g[r]=e;case"object":return Object.assign(g,e)}})),n){let r=b;h&&!l(r)&&(r=t(r,s,u)),r&&"object"!=typeof r&&(g[n]=r)}return g}}}function L(r){const e={};for(const t in r)"string"==typeof t&&(e[t]=W(t,r[t]));return T(e)}class A{props={};parser={};groups=[];base={};statesConfig={};variants={};custom={};constructor(r,e,t,o,s,p,i){this.props=r,this.parser=e,this.groups=p,this.base=t,this.statesConfig=s,this.variants=o,this.custom=i}asComponent(r){const e=E(L({...this.parser.config,...this.custom}),this.base,this.variants,this.statesConfig,{});return b(r)(e)}build(){return E(L({...this.parser.config,...this.custom}),this.base,this.variants,this.statesConfig,{})}}class G extends A{constructor(r,e,t,o,s,p){super(r,e,t,o,s,p,{})}customProps(r){return new A(this.props,this.parser,this.base,this.variants,this.statesConfig,this.groups,r)}}class $ extends G{constructor(r,e,t,o,s){super(r,e,t,o,s,[])}systemProps(r){return new G(this.props,this.parser,this.base,this.variants,this.statesConfig,Object.keys(r))}}class F extends ${constructor(r,e,t,o){super(r,e,t,o,{})}states(r){return new $(this.props,this.parser,this.base,this.variants,r)}variant(r){const e=r.prop||"variant";return new F(this.props,this.parser,this.base,s(this.variants,{[e]:r}))}}class I extends F{constructor(r,e,t){super(r,e,t,{})}variant(r){const e=r.prop||"variant";return new F(this.props,this.parser,this.base,s(this.variants,{[e]:r}))}}class H extends I{constructor(r){super(r,L(r.props),{})}styles(r){return new I(this.props,this.parser,r)}}class Q{#r={};#e={};constructor(r,e){this.#r=r||{},this.#e=e||{}}addGroup(r,e){const t={[r]:Object.keys(e)};return new Q({...this.#r,...e},{...this.#e,...t})}build(){return new H({props:this.#r,groups:this.#e})}}const z=()=>new Q,X=r=>0===r?r:r<=1&&r>=-1?100*r+"%":`${r}px`,Y=/(-?\d*\.?\d+)(%|\w*)/,D=r=>{if(y(r))return X(r);if(r.includes("calc"))return r;const[e,t,o]=Y.exec(r)||[];if(void 0===e)return r;const s=parseFloat(t);return o?`${s}${o}`:X(s)},P={max:"max-content",min:"min-content"},N=new RegExp(/^[0-9]*$/),M=r=>{var e;return`minmax(0, ${e=r,N.test(e)?`${r}fr`:o(P,r,r)})`},V=(r,e)=>{const t=M(r);return e>1?`repeat(${e}, ${t})`:t},_=r=>{const e=r.split(":");let t=["",0],o="";for(let r=0;r<e.length+1;r+=1){const s=o.length>0?" ":"",p=e[r];t?.[0]!==p?(t[0].length&&(o+=s+V(...t)),p&&(t=[p,1])):t[1]+=1}return o},q=r=>y(r)?V("1",r):_(r),J=(r,e)=>p(r,g(r).filter((r=>!e.includes(r))));function K(r){const e=L(r),t=e.propNames;return r=>{let o;const s=Object.keys(r).filter((e=>!t.includes(e)&&a(r[e]))),p=J(r,["theme",...s,...t]);return({theme:i})=>{if(o)return o;const a=e({...r,theme:i});return s.forEach((o=>{const s=r[o]??{};a[o]={...J(s,t),...e({...s,theme:i})}})),o={...p,...a},o}}}const U={compose:function(...r){return T(r.reduce(((r,e)=>({...r,...e.config})),{}))},create:L,createCss:K,createVariant:function(r){const e=K(r);return({prop:r="variant",defaultVariant:t,base:o={},variants:p})=>{const i=e(o),a={};return Object.keys(p).forEach((r=>{const t=r,o=p[t];a[t]=e(o)})),e=>{const{[r]:o=t}=e,p={};return o?s(p,i(e),a?.[o]?.(e)):p}}},createStates:function(r){const e=K(r);return r=>{const t=Object.keys(r),o={};return t.forEach((t=>{const s=t,p=r[s];o[s]=e(p)})),r=>{const e={};return t.forEach((t=>{s(e,r[t]&&o[t](r))})),e}}}},Z={gap:{property:"gap",scale:"spacing"},rowGap:{property:"rowGap",scale:"spacing"},columnGap:{property:"columnGap",scale:"spacing"}},rr={justifySelf:{property:"justifySelf"},alignSelf:{property:"alignSelf"},gridArea:{property:"gridArea"},area:{property:"gridArea"}},er={justifyContent:{property:"justifyContent"},justifyItems:{property:"justifyItems"},alignItems:{property:"alignItems"},alignContent:{property:"alignContent"},...rr},tr={flexBasis:{property:"flexBasis"},flexShrink:{property:"flexShrink"},flexGrow:{property:"flexGrow"},order:{property:"order"}},or={flexDirection:{property:"flexDirection"},flexWrap:{property:"flexWrap"},flex:{property:"flex"},...er,...tr,...Z},sr={gridColumn:{property:"gridColumn"},gridRow:{property:"gridRow"},gridColumnStart:{property:"gridColumnStart"},gridRowStart:{property:"gridRowStart"},gridColumnEnd:{property:"gridColumnEnd"},gridRowEnd:{property:"gridRowEnd"}},pr={gridAutoColumns:{property:"gridAutoColumns"},gridAutoRows:{property:"gridAutoRows"},gridTemplateColumns:{property:"gridTemplateColumns"},gridTemplateRows:{property:"gridTemplateRows"},gridTemplateAreas:{property:"gridTemplateAreas"},gridAutoFlow:{property:"gridAutoFlow"},flow:{property:"gridAutoFlow",scale:{row:"row",column:"column",dense:"dense","column-dense":"column dense","row-dense":"row dense"}},cols:{property:"gridTemplateColumns",transform:q,scale:[]},rows:{property:"gridTemplateRows",transform:q,scale:[]},autoRows:{property:"gridAutoRows",transform:M},autoCols:{property:"gridAutoColumns",transform:M},alignAll:{property:"justifyContent",properties:["justifyContent","alignItems"]},...er,...sr,...Z},ir={position:{property:"position"},inset:{property:"inset",properties:["top","right","bottom","left"],transform:D},top:{property:"top",transform:D},right:{property:"right",transform:D},bottom:{property:"bottom",transform:D},left:{property:"left",transform:D},zIndex:{property:"zIndex"},opacity:{property:"opacity"}},ar={display:{property:"display"},overflow:{property:"overflow"},overflowX:{property:"overflowX"},overflowY:{property:"overflowY"},size:{property:"width",properties:["width","height"],transform:D},width:{property:"width",transform:D},minWidth:{property:"minWidth",transform:D},maxWidth:{property:"maxWidth",transform:D},height:{property:"height",transform:D},minHeight:{property:"minHeight",transform:D},maxHeight:{property:"maxHeight",transform:D},verticalAlign:{property:"verticalAlign"},...rr,...sr,...tr},nr={m:{property:"margin",scale:"spacing"},mx:{property:"margin",properties:["marginLeft","marginRight"],scale:"spacing"},my:{property:"margin",properties:["marginTop","marginBottom"],scale:"spacing"},mt:{property:"marginTop",scale:"spacing"},mb:{property:"marginBottom",scale:"spacing"},mr:{property:"marginRight",scale:"spacing"},ml:{property:"marginLeft",scale:"spacing"},p:{property:"padding",scale:"spacing"},px:{property:"padding",properties:["paddingLeft","paddingRight"],scale:"spacing"},py:{property:"padding",properties:["paddingTop","paddingBottom"],scale:"spacing"},pt:{property:"paddingTop",scale:"spacing"},pb:{property:"paddingBottom",scale:"spacing"},pr:{property:"paddingRight",scale:"spacing"},pl:{property:"paddingLeft",scale:"spacing"}},dr=z().addGroup("space",nr).addGroup("background",{background:{property:"background"},backgroundImage:{property:"backgroundImage"},backgroundSize:{property:"backgroundSize"},backgroundRepeat:{property:"backgroundRepeat"},backgroundPosition:{property:"backgroundPosition"}}).addGroup("layout",ar).addGroup("color",{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},bg:{property:"backgroundColor",scale:"colors"},borderColor:{property:"borderColor",scale:"colors"},borderColorX:{property:"borderColor",properties:["borderLeftColor","borderRightColor"],scale:"colors"},borderColorY:{property:"borderColor",properties:["borderTopColor","borderBottomColor"],scale:"colors"},borderColorLeft:{property:"borderLeftColor",scale:"colors"},borderColorRight:{property:"borderRightColor",scale:"colors"},borderColorTop:{property:"borderTopColor",scale:"colors"},borderColorBottom:{property:"borderBottomColor",scale:"colors"}}).addGroup("typography",{fontFamily:{property:"fontFamily",scale:"fontFamily"},fontWeight:{property:"fontWeight",scale:{400:400,600:600,700:700}},lineHeight:{property:"lineHeight",scale:"lineHeight",lineHeight:[1,1.5]},fontSize:{property:"fontSize",scale:{64:64,44:44,34:34,26:26,22:22,20:20,18:18,16:16,14:14}},letterSpacing:{property:"letterSpacing"},textAlign:{property:"textAlign"},fontStyle:{property:"fontStyle"},textDecoration:{property:"textDecoration"},textTransform:{property:"textTransform"},whiteSpace:{property:"whiteSpace"}}).addGroup("shadows",{boxShadow:{property:"boxShadow"},textShadow:{property:"textShadow"}}).addGroup("borders",{border:{property:"border",scale:"borders"},borderX:{property:"border",properties:["borderLeft","borderRight"],scale:"borders"},borderY:{property:"border",properties:["borderTop","borderBottom"],scale:"borders"},borderTop:{property:"borderTop",scale:"borders"},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderLeft:{property:"borderLeft",scale:"borders"},borderWidth:{property:"borderWidth"},borderWidthX:{property:"borderWidth",properties:["borderLeftWidth","borderRightWidth"]},borderWidthY:{property:"borderWidth",properties:["borderTopWidth","borderBottomWidth"]},borderWidthLeft:{property:"borderLeftWidth"},borderWidthRight:{property:"borderRightWidth"},borderWidthTop:{property:"borderTopWidth"},borderWidthBottom:{property:"borderBottomWidth"},borderRadius:{property:"borderRadius",scale:"radii"},borderRadiusLeft:{property:"borderRadius",properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii"},borderRadiusTop:{property:"borderRadius",properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii"},borderRadiusBottom:{property:"borderRadius",properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii"},borderRadiusRight:{property:"borderRadius",properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii"},borderRadiusTopLeft:{property:"borderTopLeftRadius",scale:"radii"},borderRadiusTopRight:{property:"borderTopRightRadius",scale:"radii"},borderRadiusBottomRight:{property:"borderBottomRightRadius",scale:"radii"},borderRadiusBottomLeft:{property:"borderBottomLeftRadius",scale:"radii"},borderStyle:{property:"borderStyle"},borderStyleX:{property:"borderStyle",properties:["borderLeftStyle","borderRightStyle"]},borderStyleY:{property:"borderStyle",properties:["borderTopStyle","borderBottomStyle"]},borderStyleLeft:{property:"borderLeftStyle"},borderStyleRight:{property:"borderRightStyle"},borderStyleTop:{property:"borderTopStyle"},borderStyleBottom:{property:"borderBottomStyle"}}).addGroup("positioning",ir).addGroup("flex",or).addGroup("grid",pr).addGroup("mode",{mode:{property:"none",scale:"mode"}}).addGroup("vars",{vars:{property:"variables"}}),cr=dr.build();export{Q as AnimusConfig,cr as animus,U as animusProps,dr as coreConfig,z as createAnimus,m as createScale,M as gridItem,q as gridItemRatio,_ as parseGridRatio,X as percentageOrAbsolute,V as repeatGridItem,D as size};

package/dist/props/baseConfig.d.ts

@@ -161,6 +161,18 @@ export declare const border: {
     };
 };
 export declare const flex: {
+    readonly gap: {
+        readonly property: "gap";
+        readonly scale: "spacing";
+    };
+    readonly rowGap: {
+        readonly property: "rowGap";
+        readonly scale: "spacing";
+    };
+    readonly columnGap: {
+        readonly property: "columnGap";
+        readonly scale: "spacing";
+    };
     readonly flexBasis: {
         readonly property: "flexBasis";
     };
@@ -208,6 +220,18 @@ export declare const flex: {
     };
 };
 export declare const grid: {
+    readonly gap: {
+        readonly property: "gap";
+        readonly scale: "spacing";
+    };
+    readonly rowGap: {
+        readonly property: "rowGap";
+        readonly scale: "spacing";
+    };
+    readonly columnGap: {
+        readonly property: "columnGap";
+        readonly scale: "spacing";
+    };
     readonly gridColumn: {
         readonly property: "gridColumn";
     };
@@ -268,18 +292,6 @@ export declare const grid: {
     readonly gridAutoFlow: {
         readonly property: "gridAutoFlow";
     };
-    readonly gap: {
-        readonly property: "gap";
-        readonly scale: "spacing";
-    };
-    readonly rowGap: {
-        readonly property: "rowGap";
-        readonly scale: "spacing";
-    };
-    readonly columnGap: {
-        readonly property: "columnGap";
-        readonly scale: "spacing";
-    };
     readonly flow: {
         readonly property: "gridAutoFlow";
         readonly scale: {

package/dist/scales/scaleLookup.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@emotion/react';
+import { Prop } from '../types/config';
+export declare const scaleLookup: (val: string | number, scale: Prop['scale'], theme: Theme | undefined) => any;

package/dist/styles/renderStyle.d.ts

@@ -0,0 +1,3 @@
+import { Prop } from '../types/config';
+import { AbstractProps, CSSObject } from '..';
+export declare const renderStyle: <Config extends Prop, Value extends unknown>(value: Value, props: AbstractProps, config: Config) => CSSObject;

package/dist/types/config.d.ts

@@ -13,6 +13,7 @@ export interface BaseProperty {
 }
 export interface Prop extends BaseProperty {
     scale?: keyof Theme | keyof InteropTheme | MapScale | ArrayScale;
+    variable?: string;
     transform?: (val: string | number, prop?: string, props?: AbstractProps) => string | number | CSSObject;
 }
 export interface AbstractPropTransformer extends Prop {

package/dist/utils/styledOptions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Emotion will not attempt to forward all system props - so this pre filters all possible exceptions to search agains
  * props like `color` and `width`.
@@ -17,5 +16,5 @@ export declare const createStyledOptions: <T extends Record<string, any>>(props:
 } | undefined) => {
     shouldForwardProp: (prop: PropertyKey) => prop is Forward | Exclude<El extends keyof JSX.IntrinsicElements ? keyof JSX.IntrinsicElements[El] : keyof Element, "mode" | "variant" | Filter | keyof T>;
 }) & {
-    shouldForwardProp: (prop: PropertyKey) => prop is Exclude<"ref", "mode" | "variant" | keyof T> | Exclude<"key", "mode" | "variant" | keyof T> | Exclude<"color", "mode" | "variant" | keyof T> | Exclude<"translate", "mode" | "variant" | keyof T> | Exclude<"property", "mode" | "variant" | keyof T> | Exclude<"hidden", "mode" | "variant" | keyof T> | Exclude<"style", "mode" | "variant" | keyof T> | Exclude<"slot", "mode" | "variant" | keyof T> | Exclude<"title", "mode" | "variant" | keyof T> | Exclude<"className", "mode" | "variant" | keyof T> | Exclude<"id", "mode" | "variant" | keyof T> | Exclude<"prefix", "mode" | "variant" | keyof T> | Exclude<"children", "mode" | "variant" | keyof T> | Exclude<"lang", "mode" | "variant" | keyof T> | Exclude<"role", "mode" | "variant" | keyof T> | Exclude<"tabIndex", "mode" | "variant" | keyof T> | Exclude<"aria-activedescendant", "mode" | "variant" | keyof T> | Exclude<"aria-atomic", "mode" | "variant" | keyof T> | Exclude<"aria-autocomplete", "mode" | "variant" | keyof T> | Exclude<"aria-busy", "mode" | "variant" | keyof T> | Exclude<"aria-checked", "mode" | "variant" | keyof T> | Exclude<"aria-colcount", "mode" | "variant" | keyof T> | Exclude<"aria-colindex", "mode" | "variant" | keyof T> | Exclude<"aria-colspan", "mode" | "variant" | keyof T> | Exclude<"aria-controls", "mode" | "variant" | keyof T> | Exclude<"aria-current", "mode" | "variant" | keyof T> | Exclude<"aria-describedby", "mode" | "variant" | keyof T> | Exclude<"aria-details", "mode" | "variant" | keyof T> | Exclude<"aria-disabled", "mode" | "variant" | keyof T> | Exclude<"aria-dropeffect", "mode" | "variant" | keyof T> | Exclude<"aria-errormessage", "mode" | "variant" | keyof T> | Exclude<"aria-expanded", "mode" | "variant" | keyof T> | Exclude<"aria-flowto", "mode" | "variant" | keyof T> | Exclude<"aria-grabbed", "mode" | "variant" | keyof T> | Exclude<"aria-haspopup", "mode" | "variant" | keyof T> | Exclude<"aria-hidden", "mode" | "variant" | keyof T> | Exclude<"aria-invalid", "mode" | "variant" | keyof T> | Exclude<"aria-keyshortcuts", "mode" | "variant" | keyof T> | Exclude<"aria-label", "mode" | "variant" | keyof T> | Exclude<"aria-labelledby", "mode" | "variant" | keyof T> | Exclude<"aria-level", "mode" | "variant" | keyof T> | Exclude<"aria-live", "mode" | "variant" | keyof T> | Exclude<"aria-modal", "mode" | "variant" | keyof T> | Exclude<"aria-multiline", "mode" | "variant" | keyof T> | Exclude<"aria-multiselectable", "mode" | "variant" | keyof T> | Exclude<"aria-orientation", "mode" | "variant" | keyof T> | Exclude<"aria-owns", "mode" | "variant" | keyof T> | Exclude<"aria-placeholder", "mode" | "variant" | keyof T> | Exclude<"aria-posinset", "mode" | "variant" | keyof T> | Exclude<"aria-pressed", "mode" | "variant" | keyof T> | Exclude<"aria-readonly", "mode" | "variant" | keyof T> | Exclude<"aria-relevant", "mode" | "variant" | keyof T> | Exclude<"aria-required", "mode" | "variant" | keyof T> | Exclude<"aria-roledescription", "mode" | "variant" | keyof T> | Exclude<"aria-rowcount", "mode" | "variant" | keyof T> | Exclude<"aria-rowindex", "mode" | "variant" | keyof T> | Exclude<"aria-rowspan", "mode" | "variant" | keyof T> | Exclude<"aria-selected", "mode" | "variant" | keyof T> | Exclude<"aria-setsize", "mode" | "variant" | keyof T> | Exclude<"aria-sort", "mode" | "variant" | keyof T> | Exclude<"aria-valuemax", "mode" | "variant" | keyof T> | Exclude<"aria-valuemin", "mode" | "variant" | keyof T> | Exclude<"aria-valuenow", "mode" | "variant" | keyof T> | Exclude<"aria-valuetext", "mode" | "variant" | keyof T> | Exclude<"dangerouslySetInnerHTML", "mode" | "variant" | keyof T> | Exclude<"onCopy", "mode" | "variant" | keyof T> | Exclude<"onCopyCapture", "mode" | "variant" | keyof T> | Exclude<"onCut", "mode" | "variant" | keyof T> | Exclude<"onCutCapture", "mode" | "variant" | keyof T> | Exclude<"onPaste", "mode" | "variant" | keyof T> | Exclude<"onPasteCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionEnd", "mode" | "variant" | keyof T> | Exclude<"onCompositionEndCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionStart", "mode" | "variant" | keyof T> | Exclude<"onCompositionStartCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionUpdate", "mode" | "variant" | keyof T> | Exclude<"onCompositionUpdateCapture", "mode" | "variant" | keyof T> | Exclude<"onFocus", "mode" | "variant" | keyof T> | Exclude<"onFocusCapture", "mode" | "variant" | keyof T> | Exclude<"onBlur", "mode" | "variant" | keyof T> | Exclude<"onBlurCapture", "mode" | "variant" | keyof T> | Exclude<"onChange", "mode" | "variant" | keyof T> | Exclude<"onChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onBeforeInput", "mode" | "variant" | keyof T> | Exclude<"onBeforeInputCapture", "mode" | "variant" | keyof T> | Exclude<"onInput", "mode" | "variant" | keyof T> | Exclude<"onInputCapture", "mode" | "variant" | keyof T> | Exclude<"onReset", "mode" | "variant" | keyof T> | Exclude<"onResetCapture", "mode" | "variant" | keyof T> | Exclude<"onSubmit", "mode" | "variant" | keyof T> | Exclude<"onSubmitCapture", "mode" | "variant" | keyof T> | Exclude<"onInvalid", "mode" | "variant" | keyof T> | Exclude<"onInvalidCapture", "mode" | "variant" | keyof T> | Exclude<"onLoad", "mode" | "variant" | keyof T> | Exclude<"onLoadCapture", "mode" | "variant" | keyof T> | Exclude<"onError", "mode" | "variant" | keyof T> | Exclude<"onErrorCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyDown", "mode" | "variant" | keyof T> | Exclude<"onKeyDownCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyPress", "mode" | "variant" | keyof T> | Exclude<"onKeyPressCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyUp", "mode" | "variant" | keyof T> | Exclude<"onKeyUpCapture", "mode" | "variant" | keyof T> | Exclude<"onAbort", "mode" | "variant" | keyof T> | Exclude<"onAbortCapture", "mode" | "variant" | keyof T> | Exclude<"onCanPlay", "mode" | "variant" | keyof T> | Exclude<"onCanPlayCapture", "mode" | "variant" | keyof T> | Exclude<"onCanPlayThrough", "mode" | "variant" | keyof T> | Exclude<"onCanPlayThroughCapture", "mode" | "variant" | keyof T> | Exclude<"onDurationChange", "mode" | "variant" | keyof T> | Exclude<"onDurationChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onEmptied", "mode" | "variant" | keyof T> | Exclude<"onEmptiedCapture", "mode" | "variant" | keyof T> | Exclude<"onEncrypted", "mode" | "variant" | keyof T> | Exclude<"onEncryptedCapture", "mode" | "variant" | keyof T> | Exclude<"onEnded", "mode" | "variant" | keyof T> | Exclude<"onEndedCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadedData", "mode" | "variant" | keyof T> | Exclude<"onLoadedDataCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadedMetadata", "mode" | "variant" | keyof T> | Exclude<"onLoadedMetadataCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadStart", "mode" | "variant" | keyof T> | Exclude<"onLoadStartCapture", "mode" | "variant" | keyof T> | Exclude<"onPause", "mode" | "variant" | keyof T> | Exclude<"onPauseCapture", "mode" | "variant" | keyof T> | Exclude<"onPlay", "mode" | "variant" | keyof T> | Exclude<"onPlayCapture", "mode" | "variant" | keyof T> | Exclude<"onPlaying", "mode" | "variant" | keyof T> | Exclude<"onPlayingCapture", "mode" | "variant" | keyof T> | Exclude<"onProgress", "mode" | "variant" | keyof T> | Exclude<"onProgressCapture", "mode" | "variant" | keyof T> | Exclude<"onRateChange", "mode" | "variant" | keyof T> | Exclude<"onRateChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onSeeked", "mode" | "variant" | keyof T> | Exclude<"onSeekedCapture", "mode" | "variant" | keyof T> | Exclude<"onSeeking", "mode" | "variant" | keyof T> | Exclude<"onSeekingCapture", "mode" | "variant" | keyof T> | Exclude<"onStalled", "mode" | "variant" | keyof T> | Exclude<"onStalledCapture", "mode" | "variant" | keyof T> | Exclude<"onSuspend", "mode" | "variant" | keyof T> | Exclude<"onSuspendCapture", "mode" | "variant" | keyof T> | Exclude<"onTimeUpdate", "mode" | "variant" | keyof T> | Exclude<"onTimeUpdateCapture", "mode" | "variant" | keyof T> | Exclude<"onVolumeChange", "mode" | "variant" | keyof T> | Exclude<"onVolumeChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onWaiting", "mode" | "variant" | keyof T> | Exclude<"onWaitingCapture", "mode" | "variant" | keyof T> | Exclude<"onAuxClick", "mode" | "variant" | keyof T> | Exclude<"onAuxClickCapture", "mode" | "variant" | keyof T> | Exclude<"onClick", "mode" | "variant" | keyof T> | Exclude<"onClickCapture", "mode" | "variant" | keyof T> | Exclude<"onContextMenu", "mode" | "variant" | keyof T> | Exclude<"onContextMenuCapture", "mode" | "variant" | keyof T> | Exclude<"onDoubleClick", "mode" | "variant" | keyof T> | Exclude<"onDoubleClickCapture", "mode" | "variant" | keyof T> | Exclude<"onDrag", "mode" | "variant" | keyof T> | Exclude<"onDragCapture", "mode" | "variant" | keyof T> | Exclude<"onDragEnd", "mode" | "variant" | keyof T> | Exclude<"onDragEndCapture", "mode" | "variant" | keyof T> | Exclude<"onDragEnter", "mode" | "variant" | keyof T> | Exclude<"onDragEnterCapture", "mode" | "variant" | keyof T> | Exclude<"onDragExit", "mode" | "variant" | keyof T> | Exclude<"onDragExitCapture", "mode" | "variant" | keyof T> | Exclude<"onDragLeave", "mode" | "variant" | keyof T> | Exclude<"onDragLeaveCapture", "mode" | "variant" | keyof T> | Exclude<"onDragOver", "mode" | "variant" | keyof T> | Exclude<"onDragOverCapture", "mode" | "variant" | keyof T> | Exclude<"onDragStart", "mode" | "variant" | keyof T> | Exclude<"onDragStartCapture", "mode" | "variant" | keyof T> | Exclude<"onDrop", "mode" | "variant" | keyof T> | Exclude<"onDropCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseDown", "mode" | "variant" | keyof T> | Exclude<"onMouseDownCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseEnter", "mode" | "variant" | keyof T> | Exclude<"onMouseLeave", "mode" | "variant" | keyof T> | Exclude<"onMouseMove", "mode" | "variant" | keyof T> | Exclude<"onMouseMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseOut", "mode" | "variant" | keyof T> | Exclude<"onMouseOutCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseOver", "mode" | "variant" | keyof T> | Exclude<"onMouseOverCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseUp", "mode" | "variant" | keyof T> | Exclude<"onMouseUpCapture", "mode" | "variant" | keyof T> | Exclude<"onSelect", "mode" | "variant" | keyof T> | Exclude<"onSelectCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchCancel", "mode" | "variant" | keyof T> | Exclude<"onTouchCancelCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchEnd", "mode" | "variant" | keyof T> | Exclude<"onTouchEndCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchMove", "mode" | "variant" | keyof T> | Exclude<"onTouchMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchStart", "mode" | "variant" | keyof T> | Exclude<"onTouchStartCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerDown", "mode" | "variant" | keyof T> | Exclude<"onPointerDownCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerMove", "mode" | "variant" | keyof T> | Exclude<"onPointerMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerUp", "mode" | "variant" | keyof T> | Exclude<"onPointerUpCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerCancel", "mode" | "variant" | keyof T> | Exclude<"onPointerCancelCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerEnter", "mode" | "variant" | keyof T> | Exclude<"onPointerEnterCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerLeave", "mode" | "variant" | keyof T> | Exclude<"onPointerLeaveCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerOver", "mode" | "variant" | keyof T> | Exclude<"onPointerOverCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerOut", "mode" | "variant" | keyof T> | Exclude<"onPointerOutCapture", "mode" | "variant" | keyof T> | Exclude<"onGotPointerCapture", "mode" | "variant" | keyof T> | Exclude<"onGotPointerCaptureCapture", "mode" | "variant" | keyof T> | Exclude<"onLostPointerCapture", "mode" | "variant" | keyof T> | Exclude<"onLostPointerCaptureCapture", "mode" | "variant" | keyof T> | Exclude<"onScroll", "mode" | "variant" | keyof T> | Exclude<"onScrollCapture", "mode" | "variant" | keyof T> | Exclude<"onWheel", "mode" | "variant" | keyof T> | Exclude<"onWheelCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationStart", "mode" | "variant" | keyof T> | Exclude<"onAnimationStartCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationEnd", "mode" | "variant" | keyof T> | Exclude<"onAnimationEndCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationIteration", "mode" | "variant" | keyof T> | Exclude<"onAnimationIterationCapture", "mode" | "variant" | keyof T> | Exclude<"onTransitionEnd", "mode" | "variant" | keyof T> | Exclude<"onTransitionEndCapture", "mode" | "variant" | keyof T> | Exclude<"defaultChecked", "mode" | "variant" | keyof T> | Exclude<"defaultValue", "mode" | "variant" | keyof T> | Exclude<"suppressContentEditableWarning", "mode" | "variant" | keyof T> | Exclude<"suppressHydrationWarning", "mode" | "variant" | keyof T> | Exclude<"accessKey", "mode" | "variant" | keyof T> | Exclude<"contentEditable", "mode" | "variant" | keyof T> | Exclude<"contextMenu", "mode" | "variant" | keyof T> | Exclude<"dir", "mode" | "variant" | keyof T> | Exclude<"draggable", "mode" | "variant" | keyof T> | Exclude<"placeholder", "mode" | "variant" | keyof T> | Exclude<"spellCheck", "mode" | "variant" | keyof T> | Exclude<"radioGroup", "mode" | "variant" | keyof T> | Exclude<"about", "mode" | "variant" | keyof T> | Exclude<"datatype", "mode" | "variant" | keyof T> | Exclude<"inlist", "mode" | "variant" | keyof T> | Exclude<"resource", "mode" | "variant" | keyof T> | Exclude<"typeof", "mode" | "variant" | keyof T> | Exclude<"vocab", "mode" | "variant" | keyof T> | Exclude<"autoCapitalize", "mode" | "variant" | keyof T> | Exclude<"autoCorrect", "mode" | "variant" | keyof T> | Exclude<"autoSave", "mode" | "variant" | keyof T> | Exclude<"itemProp", "mode" | "variant" | keyof T> | Exclude<"itemScope", "mode" | "variant" | keyof T> | Exclude<"itemType", "mode" | "variant" | keyof T> | Exclude<"itemID", "mode" | "variant" | keyof T> | Exclude<"itemRef", "mode" | "variant" | keyof T> | Exclude<"results", "mode" | "variant" | keyof T> | Exclude<"security", "mode" | "variant" | keyof T> | Exclude<"unselectable", "mode" | "variant" | keyof T> | Exclude<"inputMode", "mode" | "variant" | keyof T> | Exclude<"is", "mode" | "variant" | keyof T>;
+    shouldForwardProp: (prop: PropertyKey) => prop is Exclude<"ref", "mode" | "variant" | keyof T> | Exclude<"key", "mode" | "variant" | keyof T> | Exclude<"property", "mode" | "variant" | keyof T> | Exclude<"color", "mode" | "variant" | keyof T> | Exclude<"translate", "mode" | "variant" | keyof T> | Exclude<"hidden", "mode" | "variant" | keyof T> | Exclude<"style", "mode" | "variant" | keyof T> | Exclude<"slot", "mode" | "variant" | keyof T> | Exclude<"title", "mode" | "variant" | keyof T> | Exclude<"className", "mode" | "variant" | keyof T> | Exclude<"id", "mode" | "variant" | keyof T> | Exclude<"prefix", "mode" | "variant" | keyof T> | Exclude<"children", "mode" | "variant" | keyof T> | Exclude<"lang", "mode" | "variant" | keyof T> | Exclude<"role", "mode" | "variant" | keyof T> | Exclude<"tabIndex", "mode" | "variant" | keyof T> | Exclude<"aria-activedescendant", "mode" | "variant" | keyof T> | Exclude<"aria-atomic", "mode" | "variant" | keyof T> | Exclude<"aria-autocomplete", "mode" | "variant" | keyof T> | Exclude<"aria-busy", "mode" | "variant" | keyof T> | Exclude<"aria-checked", "mode" | "variant" | keyof T> | Exclude<"aria-colcount", "mode" | "variant" | keyof T> | Exclude<"aria-colindex", "mode" | "variant" | keyof T> | Exclude<"aria-colspan", "mode" | "variant" | keyof T> | Exclude<"aria-controls", "mode" | "variant" | keyof T> | Exclude<"aria-current", "mode" | "variant" | keyof T> | Exclude<"aria-describedby", "mode" | "variant" | keyof T> | Exclude<"aria-details", "mode" | "variant" | keyof T> | Exclude<"aria-disabled", "mode" | "variant" | keyof T> | Exclude<"aria-dropeffect", "mode" | "variant" | keyof T> | Exclude<"aria-errormessage", "mode" | "variant" | keyof T> | Exclude<"aria-expanded", "mode" | "variant" | keyof T> | Exclude<"aria-flowto", "mode" | "variant" | keyof T> | Exclude<"aria-grabbed", "mode" | "variant" | keyof T> | Exclude<"aria-haspopup", "mode" | "variant" | keyof T> | Exclude<"aria-hidden", "mode" | "variant" | keyof T> | Exclude<"aria-invalid", "mode" | "variant" | keyof T> | Exclude<"aria-keyshortcuts", "mode" | "variant" | keyof T> | Exclude<"aria-label", "mode" | "variant" | keyof T> | Exclude<"aria-labelledby", "mode" | "variant" | keyof T> | Exclude<"aria-level", "mode" | "variant" | keyof T> | Exclude<"aria-live", "mode" | "variant" | keyof T> | Exclude<"aria-modal", "mode" | "variant" | keyof T> | Exclude<"aria-multiline", "mode" | "variant" | keyof T> | Exclude<"aria-multiselectable", "mode" | "variant" | keyof T> | Exclude<"aria-orientation", "mode" | "variant" | keyof T> | Exclude<"aria-owns", "mode" | "variant" | keyof T> | Exclude<"aria-placeholder", "mode" | "variant" | keyof T> | Exclude<"aria-posinset", "mode" | "variant" | keyof T> | Exclude<"aria-pressed", "mode" | "variant" | keyof T> | Exclude<"aria-readonly", "mode" | "variant" | keyof T> | Exclude<"aria-relevant", "mode" | "variant" | keyof T> | Exclude<"aria-required", "mode" | "variant" | keyof T> | Exclude<"aria-roledescription", "mode" | "variant" | keyof T> | Exclude<"aria-rowcount", "mode" | "variant" | keyof T> | Exclude<"aria-rowindex", "mode" | "variant" | keyof T> | Exclude<"aria-rowspan", "mode" | "variant" | keyof T> | Exclude<"aria-selected", "mode" | "variant" | keyof T> | Exclude<"aria-setsize", "mode" | "variant" | keyof T> | Exclude<"aria-sort", "mode" | "variant" | keyof T> | Exclude<"aria-valuemax", "mode" | "variant" | keyof T> | Exclude<"aria-valuemin", "mode" | "variant" | keyof T> | Exclude<"aria-valuenow", "mode" | "variant" | keyof T> | Exclude<"aria-valuetext", "mode" | "variant" | keyof T> | Exclude<"dangerouslySetInnerHTML", "mode" | "variant" | keyof T> | Exclude<"onCopy", "mode" | "variant" | keyof T> | Exclude<"onCopyCapture", "mode" | "variant" | keyof T> | Exclude<"onCut", "mode" | "variant" | keyof T> | Exclude<"onCutCapture", "mode" | "variant" | keyof T> | Exclude<"onPaste", "mode" | "variant" | keyof T> | Exclude<"onPasteCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionEnd", "mode" | "variant" | keyof T> | Exclude<"onCompositionEndCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionStart", "mode" | "variant" | keyof T> | Exclude<"onCompositionStartCapture", "mode" | "variant" | keyof T> | Exclude<"onCompositionUpdate", "mode" | "variant" | keyof T> | Exclude<"onCompositionUpdateCapture", "mode" | "variant" | keyof T> | Exclude<"onFocus", "mode" | "variant" | keyof T> | Exclude<"onFocusCapture", "mode" | "variant" | keyof T> | Exclude<"onBlur", "mode" | "variant" | keyof T> | Exclude<"onBlurCapture", "mode" | "variant" | keyof T> | Exclude<"onChange", "mode" | "variant" | keyof T> | Exclude<"onChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onBeforeInput", "mode" | "variant" | keyof T> | Exclude<"onBeforeInputCapture", "mode" | "variant" | keyof T> | Exclude<"onInput", "mode" | "variant" | keyof T> | Exclude<"onInputCapture", "mode" | "variant" | keyof T> | Exclude<"onReset", "mode" | "variant" | keyof T> | Exclude<"onResetCapture", "mode" | "variant" | keyof T> | Exclude<"onSubmit", "mode" | "variant" | keyof T> | Exclude<"onSubmitCapture", "mode" | "variant" | keyof T> | Exclude<"onInvalid", "mode" | "variant" | keyof T> | Exclude<"onInvalidCapture", "mode" | "variant" | keyof T> | Exclude<"onLoad", "mode" | "variant" | keyof T> | Exclude<"onLoadCapture", "mode" | "variant" | keyof T> | Exclude<"onError", "mode" | "variant" | keyof T> | Exclude<"onErrorCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyDown", "mode" | "variant" | keyof T> | Exclude<"onKeyDownCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyPress", "mode" | "variant" | keyof T> | Exclude<"onKeyPressCapture", "mode" | "variant" | keyof T> | Exclude<"onKeyUp", "mode" | "variant" | keyof T> | Exclude<"onKeyUpCapture", "mode" | "variant" | keyof T> | Exclude<"onAbort", "mode" | "variant" | keyof T> | Exclude<"onAbortCapture", "mode" | "variant" | keyof T> | Exclude<"onCanPlay", "mode" | "variant" | keyof T> | Exclude<"onCanPlayCapture", "mode" | "variant" | keyof T> | Exclude<"onCanPlayThrough", "mode" | "variant" | keyof T> | Exclude<"onCanPlayThroughCapture", "mode" | "variant" | keyof T> | Exclude<"onDurationChange", "mode" | "variant" | keyof T> | Exclude<"onDurationChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onEmptied", "mode" | "variant" | keyof T> | Exclude<"onEmptiedCapture", "mode" | "variant" | keyof T> | Exclude<"onEncrypted", "mode" | "variant" | keyof T> | Exclude<"onEncryptedCapture", "mode" | "variant" | keyof T> | Exclude<"onEnded", "mode" | "variant" | keyof T> | Exclude<"onEndedCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadedData", "mode" | "variant" | keyof T> | Exclude<"onLoadedDataCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadedMetadata", "mode" | "variant" | keyof T> | Exclude<"onLoadedMetadataCapture", "mode" | "variant" | keyof T> | Exclude<"onLoadStart", "mode" | "variant" | keyof T> | Exclude<"onLoadStartCapture", "mode" | "variant" | keyof T> | Exclude<"onPause", "mode" | "variant" | keyof T> | Exclude<"onPauseCapture", "mode" | "variant" | keyof T> | Exclude<"onPlay", "mode" | "variant" | keyof T> | Exclude<"onPlayCapture", "mode" | "variant" | keyof T> | Exclude<"onPlaying", "mode" | "variant" | keyof T> | Exclude<"onPlayingCapture", "mode" | "variant" | keyof T> | Exclude<"onProgress", "mode" | "variant" | keyof T> | Exclude<"onProgressCapture", "mode" | "variant" | keyof T> | Exclude<"onRateChange", "mode" | "variant" | keyof T> | Exclude<"onRateChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onSeeked", "mode" | "variant" | keyof T> | Exclude<"onSeekedCapture", "mode" | "variant" | keyof T> | Exclude<"onSeeking", "mode" | "variant" | keyof T> | Exclude<"onSeekingCapture", "mode" | "variant" | keyof T> | Exclude<"onStalled", "mode" | "variant" | keyof T> | Exclude<"onStalledCapture", "mode" | "variant" | keyof T> | Exclude<"onSuspend", "mode" | "variant" | keyof T> | Exclude<"onSuspendCapture", "mode" | "variant" | keyof T> | Exclude<"onTimeUpdate", "mode" | "variant" | keyof T> | Exclude<"onTimeUpdateCapture", "mode" | "variant" | keyof T> | Exclude<"onVolumeChange", "mode" | "variant" | keyof T> | Exclude<"onVolumeChangeCapture", "mode" | "variant" | keyof T> | Exclude<"onWaiting", "mode" | "variant" | keyof T> | Exclude<"onWaitingCapture", "mode" | "variant" | keyof T> | Exclude<"onAuxClick", "mode" | "variant" | keyof T> | Exclude<"onAuxClickCapture", "mode" | "variant" | keyof T> | Exclude<"onClick", "mode" | "variant" | keyof T> | Exclude<"onClickCapture", "mode" | "variant" | keyof T> | Exclude<"onContextMenu", "mode" | "variant" | keyof T> | Exclude<"onContextMenuCapture", "mode" | "variant" | keyof T> | Exclude<"onDoubleClick", "mode" | "variant" | keyof T> | Exclude<"onDoubleClickCapture", "mode" | "variant" | keyof T> | Exclude<"onDrag", "mode" | "variant" | keyof T> | Exclude<"onDragCapture", "mode" | "variant" | keyof T> | Exclude<"onDragEnd", "mode" | "variant" | keyof T> | Exclude<"onDragEndCapture", "mode" | "variant" | keyof T> | Exclude<"onDragEnter", "mode" | "variant" | keyof T> | Exclude<"onDragEnterCapture", "mode" | "variant" | keyof T> | Exclude<"onDragExit", "mode" | "variant" | keyof T> | Exclude<"onDragExitCapture", "mode" | "variant" | keyof T> | Exclude<"onDragLeave", "mode" | "variant" | keyof T> | Exclude<"onDragLeaveCapture", "mode" | "variant" | keyof T> | Exclude<"onDragOver", "mode" | "variant" | keyof T> | Exclude<"onDragOverCapture", "mode" | "variant" | keyof T> | Exclude<"onDragStart", "mode" | "variant" | keyof T> | Exclude<"onDragStartCapture", "mode" | "variant" | keyof T> | Exclude<"onDrop", "mode" | "variant" | keyof T> | Exclude<"onDropCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseDown", "mode" | "variant" | keyof T> | Exclude<"onMouseDownCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseEnter", "mode" | "variant" | keyof T> | Exclude<"onMouseLeave", "mode" | "variant" | keyof T> | Exclude<"onMouseMove", "mode" | "variant" | keyof T> | Exclude<"onMouseMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseOut", "mode" | "variant" | keyof T> | Exclude<"onMouseOutCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseOver", "mode" | "variant" | keyof T> | Exclude<"onMouseOverCapture", "mode" | "variant" | keyof T> | Exclude<"onMouseUp", "mode" | "variant" | keyof T> | Exclude<"onMouseUpCapture", "mode" | "variant" | keyof T> | Exclude<"onSelect", "mode" | "variant" | keyof T> | Exclude<"onSelectCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchCancel", "mode" | "variant" | keyof T> | Exclude<"onTouchCancelCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchEnd", "mode" | "variant" | keyof T> | Exclude<"onTouchEndCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchMove", "mode" | "variant" | keyof T> | Exclude<"onTouchMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onTouchStart", "mode" | "variant" | keyof T> | Exclude<"onTouchStartCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerDown", "mode" | "variant" | keyof T> | Exclude<"onPointerDownCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerMove", "mode" | "variant" | keyof T> | Exclude<"onPointerMoveCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerUp", "mode" | "variant" | keyof T> | Exclude<"onPointerUpCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerCancel", "mode" | "variant" | keyof T> | Exclude<"onPointerCancelCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerEnter", "mode" | "variant" | keyof T> | Exclude<"onPointerEnterCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerLeave", "mode" | "variant" | keyof T> | Exclude<"onPointerLeaveCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerOver", "mode" | "variant" | keyof T> | Exclude<"onPointerOverCapture", "mode" | "variant" | keyof T> | Exclude<"onPointerOut", "mode" | "variant" | keyof T> | Exclude<"onPointerOutCapture", "mode" | "variant" | keyof T> | Exclude<"onGotPointerCapture", "mode" | "variant" | keyof T> | Exclude<"onGotPointerCaptureCapture", "mode" | "variant" | keyof T> | Exclude<"onLostPointerCapture", "mode" | "variant" | keyof T> | Exclude<"onLostPointerCaptureCapture", "mode" | "variant" | keyof T> | Exclude<"onScroll", "mode" | "variant" | keyof T> | Exclude<"onScrollCapture", "mode" | "variant" | keyof T> | Exclude<"onWheel", "mode" | "variant" | keyof T> | Exclude<"onWheelCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationStart", "mode" | "variant" | keyof T> | Exclude<"onAnimationStartCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationEnd", "mode" | "variant" | keyof T> | Exclude<"onAnimationEndCapture", "mode" | "variant" | keyof T> | Exclude<"onAnimationIteration", "mode" | "variant" | keyof T> | Exclude<"onAnimationIterationCapture", "mode" | "variant" | keyof T> | Exclude<"onTransitionEnd", "mode" | "variant" | keyof T> | Exclude<"onTransitionEndCapture", "mode" | "variant" | keyof T> | Exclude<"defaultChecked", "mode" | "variant" | keyof T> | Exclude<"defaultValue", "mode" | "variant" | keyof T> | Exclude<"suppressContentEditableWarning", "mode" | "variant" | keyof T> | Exclude<"suppressHydrationWarning", "mode" | "variant" | keyof T> | Exclude<"accessKey", "mode" | "variant" | keyof T> | Exclude<"contentEditable", "mode" | "variant" | keyof T> | Exclude<"contextMenu", "mode" | "variant" | keyof T> | Exclude<"dir", "mode" | "variant" | keyof T> | Exclude<"draggable", "mode" | "variant" | keyof T> | Exclude<"placeholder", "mode" | "variant" | keyof T> | Exclude<"spellCheck", "mode" | "variant" | keyof T> | Exclude<"radioGroup", "mode" | "variant" | keyof T> | Exclude<"about", "mode" | "variant" | keyof T> | Exclude<"datatype", "mode" | "variant" | keyof T> | Exclude<"inlist", "mode" | "variant" | keyof T> | Exclude<"resource", "mode" | "variant" | keyof T> | Exclude<"typeof", "mode" | "variant" | keyof T> | Exclude<"vocab", "mode" | "variant" | keyof T> | Exclude<"autoCapitalize", "mode" | "variant" | keyof T> | Exclude<"autoCorrect", "mode" | "variant" | keyof T> | Exclude<"autoSave", "mode" | "variant" | keyof T> | Exclude<"itemProp", "mode" | "variant" | keyof T> | Exclude<"itemScope", "mode" | "variant" | keyof T> | Exclude<"itemType", "mode" | "variant" | keyof T> | Exclude<"itemID", "mode" | "variant" | keyof T> | Exclude<"itemRef", "mode" | "variant" | keyof T> | Exclude<"results", "mode" | "variant" | keyof T> | Exclude<"security", "mode" | "variant" | keyof T> | Exclude<"unselectable", "mode" | "variant" | keyof T> | Exclude<"inputMode", "mode" | "variant" | keyof T> | Exclude<"is", "mode" | "variant" | keyof T>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@animus-ui/core",
-  "description": "Constraint based CSS in JS for building scalable design systems",
-  "version": "0.1.1-beta.2",
+  "description": "Constraint based CSS in JS Foundations",
+  "version": "0.1.1-cc2a9def.0+cc2a9de",
   "keywords": [
     "emotion",
     "css",
@@ -34,5 +34,5 @@
   "dependencies": {
     "csstype": "^3.0.7"
   },
-  "gitHead": "10f4d6df3d99fb8e9105b48111aeb3c31ca8335f"
+  "gitHead": "cc2a9def73f3b699df0d0f228dd8c6a9722e70d9"
 }

package/dist/scales/createScaleLookup.d.ts

@@ -1,5 +0,0 @@
-import { Prop } from '../types/config';
-import { ThemeProps } from '../types/props';
-declare type GetScaleValue = (val: string | number, props: ThemeProps) => string | number | undefined;
-export declare const createScaleLookup: (scale: Prop['scale']) => GetScaleValue;
-export {};