Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
magic-components
Advanced tools
magic-components - npm Package Compare versions
Comparing version 0.0.1-beta.5 to 0.0.1-beta.6
@@ -1,2 +0,2 @@ | ||
| var r,e=(r=require("react"))&&"object"==typeof r&&"default"in r?r.default:r,t=require("framer-motion"),o=require("@nksaraf/colors");function a(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const s=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:o.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:a(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:s,sizes:s},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),p=e.createContext(i),n=()=>e.useContext(p)||{},l=(r,e,t)=>{let o="",a="",s="";for(let i in r){const p=r[i];if("object"==typeof p){let r=e+" "+i;/&/g.test(i)&&(r=i.replace(/&/g,e)),"@"==i[0]&&(r=e,"f"==i[1]&&(r=i)),/@k/.test(i)?a+=i+"{"+l(p,"","")+"}":a+=l(p,r,r==e?i:t||"")}else/^@i/.test(i)?o=i+" "+p+";":s+=l.p?l.p(i.replace(/[A-Z]/g,"-$&").toLowerCase(),p):i.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+p+";"}if(s[0]){const r=e+"{"+s+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},c=/\s*✨[0-9]+/g,d={data:""},m=r=>{try{let e=r?r.querySelector("#✨📃"):null;return e||(e=(r||document.head).appendChild(document.createElement("style")),e.innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return d},b=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let f={};const g=(r,e,t,o)=>{const a=JSON.stringify(r),s=f[a]||(f[a]=".✨"+a.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),i=f[s]||(f[s]=l(r,t?"":s));return b(i,e,o),s.slice(1)},y=(r,e)=>{let t=Object.assign({},r,e);for(const o in r)r[o]&&"object"==typeof e[o]&&Object.assign(t,{[o]:Object.assign(r[o],e[o])});return t},u={breakpoints:[40,52,64].map(r=>r+"em")},h=r=>"@media screen and (min-width: "+r+")",x=(r,e)=>S(e,r,r),S=(r,e,t,o,a)=>{let s=e&&e.split?e.split("."):[e];for(o=0;o<s.length;o++)r=r?r[s[o]]:a;return r===a?t:r},j=(r,e="ignore",t=!0)=>{const o={},a=(a,s)=>{let i={},p={},n=!1;const l=s&&s.disableStyledSystemCache;for(const c in a){if(!r[c]){"separate"===e?p[c]=a[c]:"merge"===e&&(i[c]=a[c]);continue}const d=r[c],m=a[c],b=S(s,d.scale,d.defaults);if("object"!=typeof m)Object.assign(i,d(m,b,a,s));else{if(!t&&Array.isArray(m)){i[c]=m.map(r=>d(r,b,a,s)[c]);continue}if(d.allowComplex||!t){Object.assign(i,d(m,b,a,s));continue}if(o.breakpoints=!l&&o.breakpoints||S(s,"breakpoints",u.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(h)],i=y(i,O(o.media,d,b,m,a,s));continue}null!==m&&(i=y(i,R(o.breakpoints,d,b,m,a,s)),n=!0)}}return n&&(i=(r=>{const e={};return Object.keys(r).sort((r,e)=>r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{e[t]=r[t]}),e})(i)),"separate"===e?[i,p]:i};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},O=(r,e,t,o,a,s)=>{let i={};return o.slice(0,r.length).forEach((o,p)=>{const n=r[p],l=e(o,t,a,s);Object.assign(i,n?{[n]:Object.assign({},i[n],l)}:l)}),i},R=(r,e,t,o,a,s)=>{let i={};for(let p in o){const n=r[p],l=e(o[p],t,a,s);if(n){const r=h(n);Object.assign(i,{[r]:Object.assign({},i[r],l)})}else Object.assign(i,l)}return i},w=({properties:r,property:e,scale:t,transform:o=x,fallbackScale:a,allowComplex:s=!1})=>{r=r||[e];const i=(e,t,a,i)=>{const p={};let n=o(e,t,a,i);if(null!==n)return s||"object"!=typeof n||(n=e),r.forEach(r=>{p[r]=n}),p};return i.scale=t,i.allowComplex=s,i.defaults=a,i},k=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?w(t):t:w({property:e,scale:e})}),j(o,e,t)};function T(r,e){if("number"!=typeof r||r>=0){const t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=S(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function C(r,e){const t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const B={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},L={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:C},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:C},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:C},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:C},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:C},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:C},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:C},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:C},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:C},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:C},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:C},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:C},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:C},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:C}},W={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:B.fontSizes,transform:C},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:C},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},v={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:C},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},z={gridGap:{property:"gridGap",scale:"space",fallbackScale:B.space,transform:C},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:B.space,transform:C},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:B.space,transform:C},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function A(r,e){return S(e,r,"number"!=typeof r||r>1?r:100*r+"%")}const H={width:{property:"width",scale:"sizes",transform:A},w:{property:"width",scale:"sizes",transform:A},height:{property:"height",scale:"sizes",transform:C},h:{property:"height",scale:"sizes",transform:C},minWidth:{property:"minWidth",scale:"sizes",transform:C},minW:{property:"minWidth",scale:"sizes",transform:C},minHeight:{property:"minHeight",scale:"sizes",transform:C},minH:{property:"minHeight",scale:"sizes",transform:C},maxWidth:{property:"maxWidth",scale:"sizes",transform:C},maxW:{property:"maxWidth",scale:"sizes",transform:C},maxHeight:{property:"maxHeight",scale:"sizes",transform:C},maxH:{property:"maxHeight",scale:"sizes",transform:C},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},I={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:B.space,transform:T},right:{property:"right",scale:"space",fallbackScale:B.space,transform:T},bottom:{property:"bottom",scale:"space",fallbackScale:B.space,transform:T},left:{property:"left",scale:"space",fallbackScale:B.space,transform:T}},P={scale:"space",fallbackScale:B.space},D={margin:Object.assign({property:"margin",transform:T},P),m:Object.assign({property:"margin",transform:T},P),marginTop:Object.assign({property:"marginTop",transform:T},P),mt:Object.assign({property:"marginTop",transform:T},P),marginRight:Object.assign({property:"marginRight",transform:T},P),mr:Object.assign({property:"marginRight",transform:T},P),marginBottom:Object.assign({property:"marginBottom",transform:T},P),mb:Object.assign({property:"marginBottom",transform:T},P),marginLeft:Object.assign({property:"marginLeft",transform:T},P),ml:Object.assign({property:"marginLeft",transform:T},P),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:T},P),mx:Object.assign({properties:["marginLeft","marginRight"],transform:T},P),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:T},P),my:Object.assign({properties:["marginTop","marginBottom"],transform:T},P),padding:Object.assign({property:"padding",transform:C},P),p:Object.assign({property:"padding",transform:C},P),paddingTop:Object.assign({property:"paddingTop",transform:C},P),pt:Object.assign({property:"paddingTop",transform:C},P),paddingRight:Object.assign({property:"paddingRight",transform:C},P),pr:Object.assign({property:"paddingRight",transform:C},P),paddingBottom:Object.assign({property:"paddingBottom",transform:C},P),pb:Object.assign({property:"paddingBottom",transform:C},P),paddingLeft:Object.assign({property:"paddingLeft",transform:C},P),pl:Object.assign({property:"paddingLeft",transform:C},P),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},P),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},P),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},P),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},P)},G=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},L,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},W,{},v,{},z,{},H,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},I,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},D),M=k(G,"separate"),E=k(Object.assign({},G,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),F=(r,e,t,o)=>"object"!=typeof r||Array.isArray(F)?r:(console.log(E(r,o)),E(r,o)),q=k({animate:{property:"animate",transform:F,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var s in r)"function"==typeof r[s]?(a[s]=r[s],console.log("here")):a[s]=E(r[s],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:F,allowComplex:!0},exit:{property:"exit",transform:F,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:F,allowComplex:!0},whileHover:{property:"whileHover",transform:F,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");let N;N="undefined"!=typeof window?m(document&&document.head):m();const U=r=>e.forwardRef((o,a)=>{let{children:s,className:i,as:p}=o,l=function(r,e){if(null==r)return{};var t,o,a={},s=Object.keys(r);for(o=0;o<s.length;o++)e.indexOf(t=s[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),d=c.test(l.className);const m=n(),[b,f]=q(l,m);let y={},u=void 0;if(0===Object.keys(f).length)u=i;else{const[r,e]=M(f,m);y=e,u=Object.keys(r).length>0?g(r,N,!1,d)+(i?" "+i:""):i}return e.createElement(p||Object.keys(b).length>0?"string"==typeof r?t.motion[r]:t.motion.custom(r):r,Object.assign({},b,y,{ref:a,children:s,className:u}))}),X=U;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{X[r]=U(r)}),Object.keys(t).forEach((function(r){"default"!==r&&Object.defineProperty(exports,r,{enumerable:!0,get:function(){return t[r]}})})),exports.GOOBER_ID="✨📃",exports.GOOBER_PREFIX=".✨",exports.GOOBER_REGEX=c,exports.Global=({style:r})=>{const t=n();e.useEffect(()=>{g(M(r,t),N,!0,!1)},[])},exports.ThemeContext=p,exports.ThemeProvider=({theme:r={},children:t})=>e.createElement(p.Provider,{value:r||i},t),exports.baseTheme=i,exports.compose=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),j(e)},exports.createMagic=U,exports.createParser=j,exports.createStyleFunction=w,exports.cssParser=M,exports.deepParser=E,exports.extractCss=r=>{const e=m(r),t=e.data;return e.data="",t},exports.get=S,exports.getSheet=m,exports.hash=g,exports.magic=X,exports.merge=y,exports.motionParser=q,exports.parse=l,exports.ssr=d,exports.system=k,exports.update=b,exports.useTheme=n; | ||
| var r,e=(r=require("react"))&&"object"==typeof r&&"default"in r?r.default:r,t=require("framer-motion"),o=require("@nksaraf/colors");function a(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const s=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:o.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:a(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:s,sizes:s},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),p=e.createContext(i),n=()=>e.useContext(p)||{},l=(r,e,t)=>{let o="",a="",s="";for(let i in r){const p=r[i];if("object"==typeof p){let r=e+" "+i;/&/g.test(i)&&(r=i.replace(/&/g,e)),"@"==i[0]&&(r=e,"f"==i[1]&&(r=i)),/@k/.test(i)?a+=i+"{"+l(p,"","")+"}":a+=l(p,r,r==e?i:t||"")}else/^@i/.test(i)?o=i+" "+p+";":s+=l.p?l.p(i.replace(/[A-Z]/g,"-$&").toLowerCase(),p):i.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+p+";"}if(s[0]){const r=e+"{"+s+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},c=/\s*✨[0-9]+/g,d={data:""},m=r=>{try{let e=r?r.querySelector("#✨📃"):null;return e||(e=(r||document.head).appendChild(document.createElement("style")),e.innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return d},b=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let f={};const g=(r,e,t,o)=>{const a=JSON.stringify(r),s=f[a]||(f[a]=".✨"+a.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),i=f[s]||(f[s]=l(r,t?"":s));return b(i,e,o),s.slice(1)},y=(r,e)=>{let t=Object.assign({},r,e);for(const o in r)r[o]&&"object"==typeof e[o]&&Object.assign(t,{[o]:Object.assign(r[o],e[o])});return t},u={breakpoints:[40,52,64].map(r=>r+"em")},h=r=>"@media screen and (min-width: "+r+")",x=(r,e)=>S(e,r,r),S=(r,e,t,o,a)=>{let s=e&&e.split?e.split("."):[e];for(o=0;o<s.length;o++)r=r?r[s[o]]:a;return r===a?t:r},j=(r,e="ignore",t=!0)=>{const o={},a=(a,s)=>{let i={},p={},n=!1;const l=s&&s.disableStyledSystemCache;for(const c in a){if(!r[c]){"separate"===e?p[c]=a[c]:"merge"===e&&(i[c]=a[c]);continue}const d=r[c],m=a[c],b=S(s,d.scale,d.defaults);if("object"!=typeof m)Object.assign(i,d(m,b,a,s));else{if(!t&&Array.isArray(m)){i[c]=m.map(r=>d(r,b,a,s)[c]);continue}if(d.allowComplex||!t){Object.assign(i,d(m,b,a,s));continue}if(o.breakpoints=!l&&o.breakpoints||S(s,"breakpoints",u.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(h)],i=y(i,O(o.media,d,b,m,a,s));continue}null!==m&&(i=y(i,R(o.breakpoints,d,b,m,a,s)),n=!0)}}return n&&(i=(r=>{const e={};return Object.keys(r).sort((r,e)=>r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{e[t]=r[t]}),e})(i)),"separate"===e?[i,p]:i};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},O=(r,e,t,o,a,s)=>{let i={};return o.slice(0,r.length).forEach((o,p)=>{const n=r[p],l=e(o,t,a,s);Object.assign(i,n?{[n]:Object.assign({},i[n],l)}:l)}),i},R=(r,e,t,o,a,s)=>{let i={};for(let p in o){const n=r[p],l=e(o[p],t,a,s);if(n){const r=h(n);Object.assign(i,{[r]:Object.assign({},i[r],l)})}else Object.assign(i,l)}return i},w=({properties:r,property:e,scale:t,transform:o=x,fallbackScale:a,allowComplex:s=!1})=>{r=r||[e];const i=(e,t,a,i)=>{const p={};let n=o(e,t,a,i);if(null!==n)return s||"object"!=typeof n||(n=e),r.forEach(r=>{p[r]=n}),p};return i.scale=t,i.allowComplex=s,i.defaults=a,i},k=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?w(t):t:w({property:e,scale:e})}),j(o,e,t)};function T(r,e){if("number"!=typeof r||r>=0){const t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=S(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function C(r,e){const t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const B={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},L={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:C},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:C},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:C},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:C},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:C},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:C},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:C},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:C},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:C},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:C},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:C},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:C},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:C},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:C}},W={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:B.fontSizes,transform:C},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:C},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},v={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:C},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},z={gridGap:{property:"gridGap",scale:"space",fallbackScale:B.space,transform:C},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:B.space,transform:C},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:B.space,transform:C},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function A(r,e){return S(e,r,"number"!=typeof r||r>1?r:100*r+"%")}const H={width:{property:"width",scale:"sizes",transform:A},w:{property:"width",scale:"sizes",transform:A},height:{property:"height",scale:"sizes",transform:C},h:{property:"height",scale:"sizes",transform:C},minWidth:{property:"minWidth",scale:"sizes",transform:C},minW:{property:"minWidth",scale:"sizes",transform:C},minHeight:{property:"minHeight",scale:"sizes",transform:C},minH:{property:"minHeight",scale:"sizes",transform:C},maxWidth:{property:"maxWidth",scale:"sizes",transform:C},maxW:{property:"maxWidth",scale:"sizes",transform:C},maxHeight:{property:"maxHeight",scale:"sizes",transform:C},maxH:{property:"maxHeight",scale:"sizes",transform:C},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},I={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:B.space,transform:T},right:{property:"right",scale:"space",fallbackScale:B.space,transform:T},bottom:{property:"bottom",scale:"space",fallbackScale:B.space,transform:T},left:{property:"left",scale:"space",fallbackScale:B.space,transform:T}},P={scale:"space",fallbackScale:B.space},D={margin:Object.assign({property:"margin",transform:T},P),m:Object.assign({property:"margin",transform:T},P),marginTop:Object.assign({property:"marginTop",transform:T},P),mt:Object.assign({property:"marginTop",transform:T},P),marginRight:Object.assign({property:"marginRight",transform:T},P),mr:Object.assign({property:"marginRight",transform:T},P),marginBottom:Object.assign({property:"marginBottom",transform:T},P),mb:Object.assign({property:"marginBottom",transform:T},P),marginLeft:Object.assign({property:"marginLeft",transform:T},P),ml:Object.assign({property:"marginLeft",transform:T},P),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:T},P),mx:Object.assign({properties:["marginLeft","marginRight"],transform:T},P),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:T},P),my:Object.assign({properties:["marginTop","marginBottom"],transform:T},P),padding:Object.assign({property:"padding",transform:C},P),p:Object.assign({property:"padding",transform:C},P),paddingTop:Object.assign({property:"paddingTop",transform:C},P),pt:Object.assign({property:"paddingTop",transform:C},P),paddingRight:Object.assign({property:"paddingRight",transform:C},P),pr:Object.assign({property:"paddingRight",transform:C},P),paddingBottom:Object.assign({property:"paddingBottom",transform:C},P),pb:Object.assign({property:"paddingBottom",transform:C},P),paddingLeft:Object.assign({property:"paddingLeft",transform:C},P),pl:Object.assign({property:"paddingLeft",transform:C},P),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},P),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},P),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},P),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},P)},G=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},L,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},W,{},v,{},z,{},H,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},I,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},D),M=k(G,"separate"),E=k(Object.assign({},G,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),F=(r,e,t,o)=>"object"!=typeof r||Array.isArray(F)?r:(console.log(E(r,o)),E(r,o)),q=k({animate:{property:"animate",transform:F,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var s in r)"function"==typeof r[s]?(a[s]=r[s],console.log("here")):a[s]=E(r[s],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:F,allowComplex:!0},exit:{property:"exit",transform:F,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:F,allowComplex:!0},whileHover:{property:"whileHover",transform:F,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");let N;N="undefined"!=typeof window?m(document&&document.head):m();const U=r=>e.forwardRef((o,a)=>{let{children:s,className:i,as:p}=o,l=function(r,e){if(null==r)return{};var t,o,a={},s=Object.keys(r);for(o=0;o<s.length;o++)e.indexOf(t=s[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),d=c.test(l.className);const m=n(),[b,f]=q(l,m);let y={},u=void 0;if(0===Object.keys(f).length)u=i;else{const[r,e]=M(f,m);y=e,u=Object.keys(r).length>0?g(r,N,!1,d)+(i?" "+i:""):i}return e.createElement(p||Object.keys(b).length>0?"string"==typeof r?t.motion[r]:t.motion.custom(r):r,Object.assign({},b,y,{ref:a,children:s,className:u}))}),X=U;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{X[r]=U(r)}),Object.keys(t).forEach((function(r){"default"!==r&&Object.defineProperty(exports,r,{enumerable:!0,get:function(){return t[r]}})})),exports.GOOBER_ID="✨📃",exports.GOOBER_PREFIX=".✨",exports.GOOBER_REGEX=c,exports.Global=({style:r})=>{const t=n();return e.useEffect(()=>{g(M(r,t),N,!0,!1)},[]),e.createElement(e.Fragment,null)},exports.ThemeContext=p,exports.ThemeProvider=({theme:r={},children:t})=>e.createElement(p.Provider,{value:r||i},t),exports.baseTheme=i,exports.compose=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),j(e)},exports.createMagic=U,exports.createParser=j,exports.createStyleFunction=w,exports.cssParser=M,exports.deepParser=E,exports.extractCss=r=>{const e=m(r),t=e.data;return e.data="",t},exports.get=S,exports.getSheet=m,exports.hash=g,exports.magic=X,exports.merge=y,exports.motionParser=q,exports.parse=l,exports.ssr=d,exports.system=k,exports.update=b,exports.useTheme=n; | ||
| //# sourceMappingURL=magic-components.cjs.js.map |
@@ -1,2 +0,2 @@ | ||
| import r from"react";import{motion as e}from"framer-motion";export*from"framer-motion";import{colors as t}from"@nksaraf/colors";function o(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const a=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:t,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:o(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:o(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:a,sizes:a},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),s=r.createContext(i),n=({theme:e={},children:t})=>r.createElement(s.Provider,{value:e||i},t),p=()=>r.useContext(s)||{},l=(r,e,t)=>{let o="",a="",i="";for(let s in r){const n=r[s];if("object"==typeof n){let r=e+" "+s;/&/g.test(s)&&(r=s.replace(/&/g,e)),"@"==s[0]&&(r=e,"f"==s[1]&&(r=s)),/@k/.test(s)?a+=s+"{"+l(n,"","")+"}":a+=l(n,r,r==e?s:t||"")}else/^@i/.test(s)?o=s+" "+n+";":i+=l.p?l.p(s.replace(/[A-Z]/g,"-$&").toLowerCase(),n):s.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+n+";"}if(i[0]){const r=e+"{"+i+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},d="✨📃",c=".✨",m=/\s*✨[0-9]+/g,b={data:""},f=r=>{try{let e=r?r.querySelector("#✨📃"):null;return e||(e=(r||document.head).appendChild(document.createElement("style")),e.innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return b},g=r=>{const e=f(r),t=e.data;return e.data="",t},y=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let u={};const h=(r,e,t,o)=>{const a=JSON.stringify(r),i=u[a]||(u[a]=".✨"+a.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),s=u[i]||(u[i]=l(r,t?"":i));return y(s,e,o),i.slice(1)},x=(r,e)=>{let t=Object.assign({},r,e);for(const o in r)r[o]&&"object"==typeof e[o]&&Object.assign(t,{[o]:Object.assign(r[o],e[o])});return t},S={breakpoints:[40,52,64].map(r=>r+"em")},j=r=>"@media screen and (min-width: "+r+")",R=(r,e)=>O(e,r,r),O=(r,e,t,o,a)=>{let i=e&&e.split?e.split("."):[e];for(o=0;o<i.length;o++)r=r?r[i[o]]:a;return r===a?t:r},w=(r,e="ignore",t=!0)=>{const o={},a=(a,i)=>{let s={},n={},p=!1;const l=i&&i.disableStyledSystemCache;for(const d in a){if(!r[d]){"separate"===e?n[d]=a[d]:"merge"===e&&(s[d]=a[d]);continue}const c=r[d],m=a[d],b=O(i,c.scale,c.defaults);if("object"!=typeof m)Object.assign(s,c(m,b,a,i));else{if(!t&&Array.isArray(m)){s[d]=m.map(r=>c(r,b,a,i)[d]);continue}if(c.allowComplex||!t){Object.assign(s,c(m,b,a,i));continue}if(o.breakpoints=!l&&o.breakpoints||O(i,"breakpoints",S.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(j)],s=x(s,k(o.media,c,b,m,a,i));continue}null!==m&&(s=x(s,T(o.breakpoints,c,b,m,a,i)),p=!0)}}return p&&(s=(r=>{const e={};return Object.keys(r).sort((r,e)=>r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{e[t]=r[t]}),e})(s)),"separate"===e?[s,n]:s};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},k=(r,e,t,o,a,i)=>{let s={};return o.slice(0,r.length).forEach((o,n)=>{const p=r[n],l=e(o,t,a,i);Object.assign(s,p?{[p]:Object.assign({},s[p],l)}:l)}),s},T=(r,e,t,o,a,i)=>{let s={};for(let n in o){const p=r[n],l=e(o[n],t,a,i);if(p){const r=j(p);Object.assign(s,{[r]:Object.assign({},s[r],l)})}else Object.assign(s,l)}return s},C=({properties:r,property:e,scale:t,transform:o=R,fallbackScale:a,allowComplex:i=!1})=>{r=r||[e];const s=(e,t,a,s)=>{const n={};let p=o(e,t,a,s);if(null!==p)return i||"object"!=typeof p||(p=e),r.forEach(r=>{n[r]=p}),n};return s.scale=t,s.allowComplex=i,s.defaults=a,s},B=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?C(t):t:C({property:e,scale:e})}),w(o,e,t)},L=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),w(e)};function W(r,e){if("number"!=typeof r||r>=0){const t=O(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=O(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function v(r,e){const t=O(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const z={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},A={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:v},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:v},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:v},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:v},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:v},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:v},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:v},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:v},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:v},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:v},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:v},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:v},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:v},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:v}},H={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:z.fontSizes,transform:v},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:v},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},I={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:v},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},P={gridGap:{property:"gridGap",scale:"space",fallbackScale:z.space,transform:v},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:z.space,transform:v},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:z.space,transform:v},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function D(r,e){return O(e,r,"number"!=typeof r||r>1?r:100*r+"%")}const G={width:{property:"width",scale:"sizes",transform:D},w:{property:"width",scale:"sizes",transform:D},height:{property:"height",scale:"sizes",transform:v},h:{property:"height",scale:"sizes",transform:v},minWidth:{property:"minWidth",scale:"sizes",transform:v},minW:{property:"minWidth",scale:"sizes",transform:v},minHeight:{property:"minHeight",scale:"sizes",transform:v},minH:{property:"minHeight",scale:"sizes",transform:v},maxWidth:{property:"maxWidth",scale:"sizes",transform:v},maxW:{property:"maxWidth",scale:"sizes",transform:v},maxHeight:{property:"maxHeight",scale:"sizes",transform:v},maxH:{property:"maxHeight",scale:"sizes",transform:v},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},M={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:z.space,transform:W},right:{property:"right",scale:"space",fallbackScale:z.space,transform:W},bottom:{property:"bottom",scale:"space",fallbackScale:z.space,transform:W},left:{property:"left",scale:"space",fallbackScale:z.space,transform:W}},E={scale:"space",fallbackScale:z.space},F={margin:Object.assign({property:"margin",transform:W},E),m:Object.assign({property:"margin",transform:W},E),marginTop:Object.assign({property:"marginTop",transform:W},E),mt:Object.assign({property:"marginTop",transform:W},E),marginRight:Object.assign({property:"marginRight",transform:W},E),mr:Object.assign({property:"marginRight",transform:W},E),marginBottom:Object.assign({property:"marginBottom",transform:W},E),mb:Object.assign({property:"marginBottom",transform:W},E),marginLeft:Object.assign({property:"marginLeft",transform:W},E),ml:Object.assign({property:"marginLeft",transform:W},E),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:W},E),mx:Object.assign({properties:["marginLeft","marginRight"],transform:W},E),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:W},E),my:Object.assign({properties:["marginTop","marginBottom"],transform:W},E),padding:Object.assign({property:"padding",transform:v},E),p:Object.assign({property:"padding",transform:v},E),paddingTop:Object.assign({property:"paddingTop",transform:v},E),pt:Object.assign({property:"paddingTop",transform:v},E),paddingRight:Object.assign({property:"paddingRight",transform:v},E),pr:Object.assign({property:"paddingRight",transform:v},E),paddingBottom:Object.assign({property:"paddingBottom",transform:v},E),pb:Object.assign({property:"paddingBottom",transform:v},E),paddingLeft:Object.assign({property:"paddingLeft",transform:v},E),pl:Object.assign({property:"paddingLeft",transform:v},E),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:v},E),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:v},E),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:v},E),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:v},E)},N=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},A,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},H,{},I,{},P,{},G,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},M,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},F),U=B(N,"separate"),X=B(Object.assign({},N,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),Y=(r,e,t,o)=>"object"!=typeof r||Array.isArray(Y)?r:(console.log(X(r,o)),X(r,o)),q=B({animate:{property:"animate",transform:Y,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var i in r)"function"==typeof r[i]?(a[i]=r[i],console.log("here")):a[i]=X(r[i],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:Y,allowComplex:!0},exit:{property:"exit",transform:Y,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:Y,allowComplex:!0},whileHover:{property:"whileHover",transform:Y,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");let Z;Z="undefined"!=typeof window?f(document&&document.head):f();const $=({style:e})=>{const t=p();r.useEffect(()=>{h(U(e,t),Z,!0,!1)},[])},J=t=>r.forwardRef((o,a)=>{let{children:i,className:s,as:n}=o,l=function(r,e){if(null==r)return{};var t,o,a={},i=Object.keys(r);for(o=0;o<i.length;o++)e.indexOf(t=i[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),d=m.test(l.className);const c=p(),[b,f]=q(l,c);let g={},y=void 0;if(0===Object.keys(f).length)y=s;else{const[r,e]=U(f,c);g=e,y=Object.keys(r).length>0?h(r,Z,!1,d)+(s?" "+s:""):s}return r.createElement(n||Object.keys(b).length>0?"string"==typeof t?e[t]:e.custom(t):t,Object.assign({},b,g,{ref:a,children:i,className:y}))}),V=J;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{V[r]=J(r)});export{d as GOOBER_ID,c as GOOBER_PREFIX,m as GOOBER_REGEX,$ as Global,s as ThemeContext,n as ThemeProvider,i as baseTheme,L as compose,J as createMagic,w as createParser,C as createStyleFunction,U as cssParser,X as deepParser,g as extractCss,O as get,f as getSheet,h as hash,V as magic,x as merge,q as motionParser,l as parse,b as ssr,B as system,y as update,p as useTheme}; | ||
| import r from"react";import{motion as e}from"framer-motion";export*from"framer-motion";import{colors as t}from"@nksaraf/colors";function o(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const a=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:t,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:o(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:o(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:a,sizes:a},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),s=r.createContext(i),n=({theme:e={},children:t})=>r.createElement(s.Provider,{value:e||i},t),p=()=>r.useContext(s)||{},l=(r,e,t)=>{let o="",a="",i="";for(let s in r){const n=r[s];if("object"==typeof n){let r=e+" "+s;/&/g.test(s)&&(r=s.replace(/&/g,e)),"@"==s[0]&&(r=e,"f"==s[1]&&(r=s)),/@k/.test(s)?a+=s+"{"+l(n,"","")+"}":a+=l(n,r,r==e?s:t||"")}else/^@i/.test(s)?o=s+" "+n+";":i+=l.p?l.p(s.replace(/[A-Z]/g,"-$&").toLowerCase(),n):s.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+n+";"}if(i[0]){const r=e+"{"+i+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},d="✨📃",c=".✨",m=/\s*✨[0-9]+/g,b={data:""},f=r=>{try{let e=r?r.querySelector("#✨📃"):null;return e||(e=(r||document.head).appendChild(document.createElement("style")),e.innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return b},g=r=>{const e=f(r),t=e.data;return e.data="",t},y=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let u={};const h=(r,e,t,o)=>{const a=JSON.stringify(r),i=u[a]||(u[a]=".✨"+a.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),s=u[i]||(u[i]=l(r,t?"":i));return y(s,e,o),i.slice(1)},x=(r,e)=>{let t=Object.assign({},r,e);for(const o in r)r[o]&&"object"==typeof e[o]&&Object.assign(t,{[o]:Object.assign(r[o],e[o])});return t},S={breakpoints:[40,52,64].map(r=>r+"em")},j=r=>"@media screen and (min-width: "+r+")",R=(r,e)=>O(e,r,r),O=(r,e,t,o,a)=>{let i=e&&e.split?e.split("."):[e];for(o=0;o<i.length;o++)r=r?r[i[o]]:a;return r===a?t:r},w=(r,e="ignore",t=!0)=>{const o={},a=(a,i)=>{let s={},n={},p=!1;const l=i&&i.disableStyledSystemCache;for(const d in a){if(!r[d]){"separate"===e?n[d]=a[d]:"merge"===e&&(s[d]=a[d]);continue}const c=r[d],m=a[d],b=O(i,c.scale,c.defaults);if("object"!=typeof m)Object.assign(s,c(m,b,a,i));else{if(!t&&Array.isArray(m)){s[d]=m.map(r=>c(r,b,a,i)[d]);continue}if(c.allowComplex||!t){Object.assign(s,c(m,b,a,i));continue}if(o.breakpoints=!l&&o.breakpoints||O(i,"breakpoints",S.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(j)],s=x(s,k(o.media,c,b,m,a,i));continue}null!==m&&(s=x(s,T(o.breakpoints,c,b,m,a,i)),p=!0)}}return p&&(s=(r=>{const e={};return Object.keys(r).sort((r,e)=>r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{e[t]=r[t]}),e})(s)),"separate"===e?[s,n]:s};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},k=(r,e,t,o,a,i)=>{let s={};return o.slice(0,r.length).forEach((o,n)=>{const p=r[n],l=e(o,t,a,i);Object.assign(s,p?{[p]:Object.assign({},s[p],l)}:l)}),s},T=(r,e,t,o,a,i)=>{let s={};for(let n in o){const p=r[n],l=e(o[n],t,a,i);if(p){const r=j(p);Object.assign(s,{[r]:Object.assign({},s[r],l)})}else Object.assign(s,l)}return s},C=({properties:r,property:e,scale:t,transform:o=R,fallbackScale:a,allowComplex:i=!1})=>{r=r||[e];const s=(e,t,a,s)=>{const n={};let p=o(e,t,a,s);if(null!==p)return i||"object"!=typeof p||(p=e),r.forEach(r=>{n[r]=p}),n};return s.scale=t,s.allowComplex=i,s.defaults=a,s},B=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?C(t):t:C({property:e,scale:e})}),w(o,e,t)},L=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),w(e)};function W(r,e){if("number"!=typeof r||r>=0){const t=O(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=O(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function v(r,e){const t=O(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const z={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},A={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:v},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:v},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:v},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:v},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:v},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:v},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:v},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:v},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:v},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:v},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:v},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:v},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:v},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:v}},H={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:z.fontSizes,transform:v},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:v},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},I={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:v},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},P={gridGap:{property:"gridGap",scale:"space",fallbackScale:z.space,transform:v},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:z.space,transform:v},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:z.space,transform:v},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function D(r,e){return O(e,r,"number"!=typeof r||r>1?r:100*r+"%")}const G={width:{property:"width",scale:"sizes",transform:D},w:{property:"width",scale:"sizes",transform:D},height:{property:"height",scale:"sizes",transform:v},h:{property:"height",scale:"sizes",transform:v},minWidth:{property:"minWidth",scale:"sizes",transform:v},minW:{property:"minWidth",scale:"sizes",transform:v},minHeight:{property:"minHeight",scale:"sizes",transform:v},minH:{property:"minHeight",scale:"sizes",transform:v},maxWidth:{property:"maxWidth",scale:"sizes",transform:v},maxW:{property:"maxWidth",scale:"sizes",transform:v},maxHeight:{property:"maxHeight",scale:"sizes",transform:v},maxH:{property:"maxHeight",scale:"sizes",transform:v},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},M={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:z.space,transform:W},right:{property:"right",scale:"space",fallbackScale:z.space,transform:W},bottom:{property:"bottom",scale:"space",fallbackScale:z.space,transform:W},left:{property:"left",scale:"space",fallbackScale:z.space,transform:W}},E={scale:"space",fallbackScale:z.space},F={margin:Object.assign({property:"margin",transform:W},E),m:Object.assign({property:"margin",transform:W},E),marginTop:Object.assign({property:"marginTop",transform:W},E),mt:Object.assign({property:"marginTop",transform:W},E),marginRight:Object.assign({property:"marginRight",transform:W},E),mr:Object.assign({property:"marginRight",transform:W},E),marginBottom:Object.assign({property:"marginBottom",transform:W},E),mb:Object.assign({property:"marginBottom",transform:W},E),marginLeft:Object.assign({property:"marginLeft",transform:W},E),ml:Object.assign({property:"marginLeft",transform:W},E),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:W},E),mx:Object.assign({properties:["marginLeft","marginRight"],transform:W},E),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:W},E),my:Object.assign({properties:["marginTop","marginBottom"],transform:W},E),padding:Object.assign({property:"padding",transform:v},E),p:Object.assign({property:"padding",transform:v},E),paddingTop:Object.assign({property:"paddingTop",transform:v},E),pt:Object.assign({property:"paddingTop",transform:v},E),paddingRight:Object.assign({property:"paddingRight",transform:v},E),pr:Object.assign({property:"paddingRight",transform:v},E),paddingBottom:Object.assign({property:"paddingBottom",transform:v},E),pb:Object.assign({property:"paddingBottom",transform:v},E),paddingLeft:Object.assign({property:"paddingLeft",transform:v},E),pl:Object.assign({property:"paddingLeft",transform:v},E),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:v},E),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:v},E),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:v},E),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:v},E)},N=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},A,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},H,{},I,{},P,{},G,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},M,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},F),U=B(N,"separate"),X=B(Object.assign({},N,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),Y=(r,e,t,o)=>"object"!=typeof r||Array.isArray(Y)?r:(console.log(X(r,o)),X(r,o)),q=B({animate:{property:"animate",transform:Y,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var i in r)"function"==typeof r[i]?(a[i]=r[i],console.log("here")):a[i]=X(r[i],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:Y,allowComplex:!0},exit:{property:"exit",transform:Y,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:Y,allowComplex:!0},whileHover:{property:"whileHover",transform:Y,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");let Z;Z="undefined"!=typeof window?f(document&&document.head):f();const $=({style:e})=>{const t=p();return r.useEffect(()=>{h(U(e,t),Z,!0,!1)},[]),r.createElement(r.Fragment,null)},J=t=>r.forwardRef((o,a)=>{let{children:i,className:s,as:n}=o,l=function(r,e){if(null==r)return{};var t,o,a={},i=Object.keys(r);for(o=0;o<i.length;o++)e.indexOf(t=i[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),d=m.test(l.className);const c=p(),[b,f]=q(l,c);let g={},y=void 0;if(0===Object.keys(f).length)y=s;else{const[r,e]=U(f,c);g=e,y=Object.keys(r).length>0?h(r,Z,!1,d)+(s?" "+s:""):s}return r.createElement(n||Object.keys(b).length>0?"string"==typeof t?e[t]:e.custom(t):t,Object.assign({},b,g,{ref:a,children:i,className:y}))}),V=J;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{V[r]=J(r)});export{d as GOOBER_ID,c as GOOBER_PREFIX,m as GOOBER_REGEX,$ as Global,s as ThemeContext,n as ThemeProvider,i as baseTheme,L as compose,J as createMagic,w as createParser,C as createStyleFunction,U as cssParser,X as deepParser,g as extractCss,O as get,f as getSheet,h as hash,V as magic,x as merge,q as motionParser,l as parse,b as ssr,B as system,y as update,p as useTheme}; | ||
| //# sourceMappingURL=magic-components.js.map |
@@ -1,2 +0,2 @@ | ||
| var r,e;r=this,e=function(r,e,t,o){function a(r){return r.map((function(r){return r.includes(" ")?'"'+r+'"':r})).join(", ")}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e;var n=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:o.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:a(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:n,sizes:n},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),p=e.createContext(i),s=function(){return e.useContext(p)||{}},l=function r(e,t,o){var a="",n="",i="";for(var p in e){var s=e[p];if("object"==typeof s){var l=t+" "+p;/&/g.test(p)&&(l=p.replace(/&/g,t)),"@"==p[0]&&(l=t,"f"==p[1]&&(l=p)),/@k/.test(p)?n+=p+"{"+r(s,"","")+"}":n+=r(s,l,l==t?p:o||"")}else/^@i/.test(p)?a=p+" "+s+";":i+=r.p?r.p(p.replace(/[A-Z]/g,"-$&").toLowerCase(),s):p.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(i[0]){var d=t+"{"+i+"}";return o?n+o+"{"+d+"}":a+d+n}return a+n},d=/\s*✨[0-9]+/g,c={data:""},f=function(r){try{var e=r?r.querySelector("#✨📃"):null;return e||((e=(r||document.head).appendChild(document.createElement("style"))).innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return c},m=function(r,e,t){e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)},b={},g=function(r,e,t,o){var a=JSON.stringify(r),n=b[a]||(b[a]=".✨"+a.split("").reduce((function(r,e){return 101*r+e.charCodeAt(0)>>>0}),11)),i=b[n]||(b[n]=l(r,t?"":n));return m(i,e,o),n.slice(1)},u=function(r,e){var t=Object.assign({},r,e);for(var o in r){var a;r[o]&&"object"==typeof e[o]&&Object.assign(t,((a={})[o]=Object.assign(r[o],e[o]),a))}return t},y={breakpoints:[40,52,64].map((function(r){return r+"em"}))},h=function(r){return"@media screen and (min-width: "+r+")"},v=function(r,e){return x(e,r,r)},x=function(r,e,t,o,a){var n=e&&e.split?e.split("."):[e];for(o=0;o<n.length;o++)r=r?r[n[o]]:a;return r===a?t:r},S=function(r,e,t){void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={},a=function(a,n){var i,p,s={},l={},d=!1,c=n&&n.disableStyledSystemCache,f=function(i){if(!r[i])return"separate"===e?l[i]=a[i]:"merge"===e&&(s[i]=a[i]),"continue";var p=r[i],f=a[i],m=x(n,p.scale,p.defaults);if("object"==typeof f)return!t&&Array.isArray(f)?(s[i]=f.map((function(r){return p(r,m,a,n)[i]})),"continue"):p.allowComplex||!t?(Object.assign(s,p(f,m,a,n)),"continue"):(o.breakpoints=!c&&o.breakpoints||x(n,"breakpoints",y.breakpoints),Array.isArray(f)?(o.media=!c&&o.media||[null].concat(o.breakpoints.map(h)),s=u(s,j(o.media,p,m,f,a,n)),"continue"):(null!==f&&(s=u(s,O(o.breakpoints,p,m,f,a,n)),d=!0),"continue"));Object.assign(s,p(f,m,a,n))};for(var m in a)f(m);return d&&(i=s,p={},Object.keys(i).sort((function(r,e){return r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})})).forEach((function(r){p[r]=i[r]})),s=p),"separate"===e?[s,l]:s};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},j=function(r,e,t,o,a,n){var i={};return o.slice(0,r.length).forEach((function(o,p){var s,l=r[p],d=e(o,t,a,n);Object.assign(i,l?((s={})[l]=Object.assign({},i[l],d),s):d)})),i},O=function(r,e,t,o,a,n){var i={};for(var p in o){var s=r[p],l=e(o[p],t,a,n);if(s){var d,c=h(s);Object.assign(i,((d={})[c]=Object.assign({},i[c],l),d))}else Object.assign(i,l)}return i},R=function(r){var e=r.properties,t=r.transform,o=void 0===t?v:t,a=r.fallbackScale,n=r.allowComplex,i=void 0!==n&&n;e=e||[r.property];var p=function(r,t,a,n){var p={},s=o(r,t,a,n);if(null!==s)return i||"object"!=typeof s||(s=r),e.forEach((function(r){p[r]=s})),p};return p.scale=r.scale,p.allowComplex=i,p.defaults=a,p},w=function(r,e,t){void 0===r&&(r={}),void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={};return Object.keys(r).forEach((function(e){var t=r[e];o[e]=!0!==t?"function"!=typeof t?R(t):t:R({property:e,scale:e})})),S(o,e,t)};function k(r,e){if("number"!=typeof r||r>=0){var t=x(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var o=Math.abs(r),a=x(e,String(o),String(o));return"string"==typeof a?"-"+a:-1*a+"px"}function T(r,e){var t=x(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var C={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},B={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:T},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:T},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:T},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:T},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:T},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:T},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:T},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:T},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:T},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:T},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:T},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:T},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:T},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:T}},L={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:C.fontSizes,transform:T},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:T},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},W={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:T},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},z={gridGap:{property:"gridGap",scale:"space",fallbackScale:C.space,transform:T},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:C.space,transform:T},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:C.space,transform:T},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function A(r,e){return x(e,r,"number"!=typeof r||r>1?r:100*r+"%")}var H,I={width:{property:"width",scale:"sizes",transform:A},w:{property:"width",scale:"sizes",transform:A},height:{property:"height",scale:"sizes",transform:T},h:{property:"height",scale:"sizes",transform:T},minWidth:{property:"minWidth",scale:"sizes",transform:T},minW:{property:"minWidth",scale:"sizes",transform:T},minHeight:{property:"minHeight",scale:"sizes",transform:T},minH:{property:"minHeight",scale:"sizes",transform:T},maxWidth:{property:"maxWidth",scale:"sizes",transform:T},maxW:{property:"maxWidth",scale:"sizes",transform:T},maxHeight:{property:"maxHeight",scale:"sizes",transform:T},maxH:{property:"maxHeight",scale:"sizes",transform:T},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},P={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:C.space,transform:k},right:{property:"right",scale:"space",fallbackScale:C.space,transform:k},bottom:{property:"bottom",scale:"space",fallbackScale:C.space,transform:k},left:{property:"left",scale:"space",fallbackScale:C.space,transform:k}},D={scale:"space",fallbackScale:C.space},G={margin:Object.assign({property:"margin",transform:k},D),m:Object.assign({property:"margin",transform:k},D),marginTop:Object.assign({property:"marginTop",transform:k},D),mt:Object.assign({property:"marginTop",transform:k},D),marginRight:Object.assign({property:"marginRight",transform:k},D),mr:Object.assign({property:"marginRight",transform:k},D),marginBottom:Object.assign({property:"marginBottom",transform:k},D),mb:Object.assign({property:"marginBottom",transform:k},D),marginLeft:Object.assign({property:"marginLeft",transform:k},D),ml:Object.assign({property:"marginLeft",transform:k},D),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:k},D),mx:Object.assign({properties:["marginLeft","marginRight"],transform:k},D),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:k},D),my:Object.assign({properties:["marginTop","marginBottom"],transform:k},D),padding:Object.assign({property:"padding",transform:T},D),p:Object.assign({property:"padding",transform:T},D),paddingTop:Object.assign({property:"paddingTop",transform:T},D),pt:Object.assign({property:"paddingTop",transform:T},D),paddingRight:Object.assign({property:"paddingRight",transform:T},D),pr:Object.assign({property:"paddingRight",transform:T},D),paddingBottom:Object.assign({property:"paddingBottom",transform:T},D),pb:Object.assign({property:"paddingBottom",transform:T},D),paddingLeft:Object.assign({property:"paddingLeft",transform:T},D),pl:Object.assign({property:"paddingLeft",transform:T},D),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:T},D),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:T},D),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:T},D),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:T},D)},M=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},B,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},L,{},W,{},z,{},I,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},P,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},G),E=w(M,"separate"),F=w(Object.assign({},M,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),q=function r(e,t,o,a){return"object"!=typeof e||Array.isArray(r)?e:(console.log(F(e,a)),F(e,a))},U=w({animate:{property:"animate",transform:q,allowComplex:!0},variants:{property:"variants",transform:function(r,e,t,o){var a={};for(var n in r)"function"==typeof r[n]?(a[n]=r[n],console.log("here")):a[n]=F(r[n],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:q,allowComplex:!0},exit:{property:"exit",transform:q,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:q,allowComplex:!0},whileHover:{property:"whileHover",transform:q,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");H="undefined"!=typeof window?f(document&&document.head):f();var X=function(r){return e.forwardRef((function(o,a){var n=o.children,i=o.className,p=o.as,l=function(r,e){if(null==r)return{};var t,o,a={},n=Object.keys(r);for(o=0;o<n.length;o++)e.indexOf(t=n[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),c=d.test(l.className),f=s(),m=U(l,f),b=m[0],u=m[1],y={},h=void 0;if(0===Object.keys(u).length)h=i;else{var v=E(u,f),x=v[0];y=v[1],h=Object.keys(x).length>0?g(x,H,!1,c)+(i?" "+i:""):i}return e.createElement(p||Object.keys(b).length>0?"string"==typeof r?t.motion[r]:t.motion.custom(r):r,Object.assign({},b,y,{ref:a,children:n,className:h}))}))},Y=X;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach((function(r){Y[r]=X(r)})),Object.keys(t).forEach((function(e){"default"!==e&&Object.defineProperty(r,e,{enumerable:!0,get:function(){return t[e]}})})),r.GOOBER_ID="✨📃",r.GOOBER_PREFIX=".✨",r.GOOBER_REGEX=d,r.Global=function(r){var t=r.style,o=s();e.useEffect((function(){g(E(t,o),H,!0,!1)}),[])},r.ThemeContext=p,r.ThemeProvider=function(r){var t=r.theme;return e.createElement(p.Provider,{value:(void 0===t?{}:t)||i},r.children)},r.baseTheme=i,r.compose=function(){for(var r={},e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];t.forEach((function(e){e&&e.config&&Object.assign(r,e.config)}));var a=S(r);return a},r.createMagic=X,r.createParser=S,r.createStyleFunction=R,r.cssParser=E,r.deepParser=F,r.extractCss=function(r){var e=f(r),t=e.data;return e.data="",t},r.get=x,r.getSheet=f,r.hash=g,r.magic=Y,r.merge=u,r.motionParser=U,r.parse=l,r.ssr=c,r.system=w,r.update=m,r.useTheme=s},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("framer-motion"),require("@nksaraf/colors")):"function"==typeof define&&define.amd?define(["exports","react","framer-motion","@nksaraf/colors"],e):e((r=r||self).Magic={},r.React,r.Motion,r.Colors); | ||
| var r,e;r=this,e=function(r,e,t,o){function a(r){return r.map((function(r){return r.includes(" ")?'"'+r+'"':r})).join(", ")}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e;var n=[0,4,8,12,16,24,32,40,48,64,80,96,112,128],i=Object.assign({breakpoints:["544px","768px","1012px","1280px"],colors:o.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5,oneLine:"32px"},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:a(["Barlow","-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:n,sizes:n},{shadows:{none:"rgba(0,0,0,0) 0 0px 0px 0",small:"rgba(0,0,0,0.15) 0 3px 6px 0",large:"rgba(0,0,0,0.30) 0 4px 10px 0"},ruleHeight:32}),p=e.createContext(i),s=function(){return e.useContext(p)||{}},l=function r(e,t,o){var a="",n="",i="";for(var p in e){var s=e[p];if("object"==typeof s){var l=t+" "+p;/&/g.test(p)&&(l=p.replace(/&/g,t)),"@"==p[0]&&(l=t,"f"==p[1]&&(l=p)),/@k/.test(p)?n+=p+"{"+r(s,"","")+"}":n+=r(s,l,l==t?p:o||"")}else/^@i/.test(p)?a=p+" "+s+";":i+=r.p?r.p(p.replace(/[A-Z]/g,"-$&").toLowerCase(),s):p.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(i[0]){var d=t+"{"+i+"}";return o?n+o+"{"+d+"}":a+d+n}return a+n},d=/\s*✨[0-9]+/g,c={data:""},f=function(r){try{var e=r?r.querySelector("#✨📃"):null;return e||((e=(r||document.head).appendChild(document.createElement("style"))).innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return c},m=function(r,e,t){e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)},b={},g=function(r,e,t,o){var a=JSON.stringify(r),n=b[a]||(b[a]=".✨"+a.split("").reduce((function(r,e){return 101*r+e.charCodeAt(0)>>>0}),11)),i=b[n]||(b[n]=l(r,t?"":n));return m(i,e,o),n.slice(1)},u=function(r,e){var t=Object.assign({},r,e);for(var o in r){var a;r[o]&&"object"==typeof e[o]&&Object.assign(t,((a={})[o]=Object.assign(r[o],e[o]),a))}return t},y={breakpoints:[40,52,64].map((function(r){return r+"em"}))},h=function(r){return"@media screen and (min-width: "+r+")"},v=function(r,e){return x(e,r,r)},x=function(r,e,t,o,a){var n=e&&e.split?e.split("."):[e];for(o=0;o<n.length;o++)r=r?r[n[o]]:a;return r===a?t:r},S=function(r,e,t){void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={},a=function(a,n){var i,p,s={},l={},d=!1,c=n&&n.disableStyledSystemCache,f=function(i){if(!r[i])return"separate"===e?l[i]=a[i]:"merge"===e&&(s[i]=a[i]),"continue";var p=r[i],f=a[i],m=x(n,p.scale,p.defaults);if("object"==typeof f)return!t&&Array.isArray(f)?(s[i]=f.map((function(r){return p(r,m,a,n)[i]})),"continue"):p.allowComplex||!t?(Object.assign(s,p(f,m,a,n)),"continue"):(o.breakpoints=!c&&o.breakpoints||x(n,"breakpoints",y.breakpoints),Array.isArray(f)?(o.media=!c&&o.media||[null].concat(o.breakpoints.map(h)),s=u(s,j(o.media,p,m,f,a,n)),"continue"):(null!==f&&(s=u(s,O(o.breakpoints,p,m,f,a,n)),d=!0),"continue"));Object.assign(s,p(f,m,a,n))};for(var m in a)f(m);return d&&(i=s,p={},Object.keys(i).sort((function(r,e){return r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})})).forEach((function(r){p[r]=i[r]})),s=p),"separate"===e?[s,l]:s};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},j=function(r,e,t,o,a,n){var i={};return o.slice(0,r.length).forEach((function(o,p){var s,l=r[p],d=e(o,t,a,n);Object.assign(i,l?((s={})[l]=Object.assign({},i[l],d),s):d)})),i},O=function(r,e,t,o,a,n){var i={};for(var p in o){var s=r[p],l=e(o[p],t,a,n);if(s){var d,c=h(s);Object.assign(i,((d={})[c]=Object.assign({},i[c],l),d))}else Object.assign(i,l)}return i},R=function(r){var e=r.properties,t=r.transform,o=void 0===t?v:t,a=r.fallbackScale,n=r.allowComplex,i=void 0!==n&&n;e=e||[r.property];var p=function(r,t,a,n){var p={},s=o(r,t,a,n);if(null!==s)return i||"object"!=typeof s||(s=r),e.forEach((function(r){p[r]=s})),p};return p.scale=r.scale,p.allowComplex=i,p.defaults=a,p},w=function(r,e,t){void 0===r&&(r={}),void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={};return Object.keys(r).forEach((function(e){var t=r[e];o[e]=!0!==t?"function"!=typeof t?R(t):t:R({property:e,scale:e})})),S(o,e,t)};function k(r,e){if("number"!=typeof r||r>=0){var t=x(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var o=Math.abs(r),a=x(e,String(o),String(o));return"string"==typeof a?"-"+a:-1*a+"px"}function T(r,e){var t=x(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var C={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},B={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:T},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:T},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:T},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:T},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:T},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:T},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:T},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:T},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:T},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:T},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:T},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:T},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:T},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:T}},L={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:C.fontSizes,transform:T},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:T},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},W={alignItems:!0,alignContent:!0,justifyItems:!0,justifyContent:!0,flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:T},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},z={gridGap:{property:"gridGap",scale:"space",fallbackScale:C.space,transform:T},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:C.space,transform:T},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:C.space,transform:T},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0};function A(r,e){return x(e,r,"number"!=typeof r||r>1?r:100*r+"%")}var H,I={width:{property:"width",scale:"sizes",transform:A},w:{property:"width",scale:"sizes",transform:A},height:{property:"height",scale:"sizes",transform:T},h:{property:"height",scale:"sizes",transform:T},minWidth:{property:"minWidth",scale:"sizes",transform:T},minW:{property:"minWidth",scale:"sizes",transform:T},minHeight:{property:"minHeight",scale:"sizes",transform:T},minH:{property:"minHeight",scale:"sizes",transform:T},maxWidth:{property:"maxWidth",scale:"sizes",transform:T},maxW:{property:"maxWidth",scale:"sizes",transform:T},maxHeight:{property:"maxHeight",scale:"sizes",transform:T},maxH:{property:"maxHeight",scale:"sizes",transform:T},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},P={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:C.space,transform:k},right:{property:"right",scale:"space",fallbackScale:C.space,transform:k},bottom:{property:"bottom",scale:"space",fallbackScale:C.space,transform:k},left:{property:"left",scale:"space",fallbackScale:C.space,transform:k}},D={scale:"space",fallbackScale:C.space},G={margin:Object.assign({property:"margin",transform:k},D),m:Object.assign({property:"margin",transform:k},D),marginTop:Object.assign({property:"marginTop",transform:k},D),mt:Object.assign({property:"marginTop",transform:k},D),marginRight:Object.assign({property:"marginRight",transform:k},D),mr:Object.assign({property:"marginRight",transform:k},D),marginBottom:Object.assign({property:"marginBottom",transform:k},D),mb:Object.assign({property:"marginBottom",transform:k},D),marginLeft:Object.assign({property:"marginLeft",transform:k},D),ml:Object.assign({property:"marginLeft",transform:k},D),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:k},D),mx:Object.assign({properties:["marginLeft","marginRight"],transform:k},D),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:k},D),my:Object.assign({properties:["marginTop","marginBottom"],transform:k},D),padding:Object.assign({property:"padding",transform:T},D),p:Object.assign({property:"padding",transform:T},D),paddingTop:Object.assign({property:"paddingTop",transform:T},D),pt:Object.assign({property:"paddingTop",transform:T},D),paddingRight:Object.assign({property:"paddingRight",transform:T},D),pr:Object.assign({property:"paddingRight",transform:T},D),paddingBottom:Object.assign({property:"paddingBottom",transform:T},D),pb:Object.assign({property:"paddingBottom",transform:T},D),paddingLeft:Object.assign({property:"paddingLeft",transform:T},D),pl:Object.assign({property:"paddingLeft",transform:T},D),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:T},D),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:T},D),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:T},D),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:T},D)},M=Object.assign({},{bg:{property:"background",scale:"colors"},bgColor:{property:"backgroundColor",scale:"colors"},background:{property:"background",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},backgroundImage:!0,backgroundSize:!0,backgroundPosition:!0,backgroundRepeat:!0,backgroundAttachment:!0,bgImage:{property:"backgroundImage"},bgSize:{property:"backgroundSize"},bgPosition:{property:"backgroundPosition"},bgRepeat:{property:"backgroundRepeat"},bgAttachment:{property:"backgroundAttachment"}},{},B,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},L,{},W,{},z,{},I,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},P,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},G),E=w(M,"separate"),F=w(Object.assign({},M,{x:{property:"x",scale:"space"},y:{property:"y",scale:"space"}}),"merge",!1),q=function r(e,t,o,a){return"object"!=typeof e||Array.isArray(r)?e:(console.log(F(e,a)),F(e,a))},U=w({animate:{property:"animate",transform:q,allowComplex:!0},variants:{property:"variants",transform:function(r,e,t,o){var a={};for(var n in r)"function"==typeof r[n]?(a[n]=r[n],console.log("here")):a[n]=F(r[n],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:q,allowComplex:!0},exit:{property:"exit",transform:q,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:q,allowComplex:!0},whileHover:{property:"whileHover",transform:q,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate");H="undefined"!=typeof window?f(document&&document.head):f();var X=function(r){return e.forwardRef((function(o,a){var n=o.children,i=o.className,p=o.as,l=function(r,e){if(null==r)return{};var t,o,a={},n=Object.keys(r);for(o=0;o<n.length;o++)e.indexOf(t=n[o])>=0||(a[t]=r[t]);return a}(o,["children","className","as"]),c=d.test(l.className),f=s(),m=U(l,f),b=m[0],u=m[1],y={},h=void 0;if(0===Object.keys(u).length)h=i;else{var v=E(u,f),x=v[0];y=v[1],h=Object.keys(x).length>0?g(x,H,!1,c)+(i?" "+i:""):i}return e.createElement(p||Object.keys(b).length>0?"string"==typeof r?t.motion[r]:t.motion.custom(r):r,Object.assign({},b,y,{ref:a,children:n,className:h}))}))},Y=X;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach((function(r){Y[r]=X(r)})),Object.keys(t).forEach((function(e){"default"!==e&&Object.defineProperty(r,e,{enumerable:!0,get:function(){return t[e]}})})),r.GOOBER_ID="✨📃",r.GOOBER_PREFIX=".✨",r.GOOBER_REGEX=d,r.Global=function(r){var t=r.style,o=s();return e.useEffect((function(){g(E(t,o),H,!0,!1)}),[]),e.createElement(e.Fragment,null)},r.ThemeContext=p,r.ThemeProvider=function(r){var t=r.theme;return e.createElement(p.Provider,{value:(void 0===t?{}:t)||i},r.children)},r.baseTheme=i,r.compose=function(){for(var r={},e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];t.forEach((function(e){e&&e.config&&Object.assign(r,e.config)}));var a=S(r);return a},r.createMagic=X,r.createParser=S,r.createStyleFunction=R,r.cssParser=E,r.deepParser=F,r.extractCss=function(r){var e=f(r),t=e.data;return e.data="",t},r.get=x,r.getSheet=f,r.hash=g,r.magic=Y,r.merge=u,r.motionParser=U,r.parse=l,r.ssr=c,r.system=w,r.update=m,r.useTheme=s},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("framer-motion"),require("@nksaraf/colors")):"function"==typeof define&&define.amd?define(["exports","react","framer-motion","@nksaraf/colors"],e):e((r=r||self).Magic={},r.React,r.Motion,r.Colors); | ||
| //# sourceMappingURL=magic-components.umd.js.map |
| import React from "react"; | ||
| import './types'; | ||
| import "./types"; | ||
| export declare const cssParser: { | ||
@@ -39,3 +39,773 @@ (props: { | ||
| }; | ||
| export declare const Global: ({ style }: any) => void; | ||
| export declare const Global: ({ style, }: { | ||
| style: { | ||
| [k: string]: { | ||
| alignContent?: string; | ||
| alignItems?: string; | ||
| alignSelf?: string; | ||
| animationDelay?: string; | ||
| animationDirection?: string; | ||
| animationDuration?: string; | ||
| animationFillMode?: string; | ||
| animationIterationCount?: string | number; | ||
| animationName?: string; | ||
| animationPlayState?: string; | ||
| animationTimingFunction?: string; | ||
| appearance?: import("csstype").AppearanceProperty; | ||
| aspectRatio?: string; | ||
| backdropFilter?: string; | ||
| backfaceVisibility?: import("csstype").BackfaceVisibilityProperty; | ||
| backgroundAttachment?: string; | ||
| backgroundBlendMode?: string; | ||
| backgroundClip?: string; | ||
| backgroundColor?: string; | ||
| backgroundImage?: string; | ||
| backgroundOrigin?: string; | ||
| backgroundPosition?: string | number; | ||
| backgroundPositionX?: string | number; | ||
| backgroundPositionY?: string | number; | ||
| backgroundRepeat?: string; | ||
| backgroundSize?: string | number; | ||
| blockOverflow?: string; | ||
| blockSize?: string | number; | ||
| borderBlockColor?: string; | ||
| borderBlockEndColor?: string; | ||
| borderBlockEndStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderBlockEndWidth?: string | number; | ||
| borderBlockStartColor?: string; | ||
| borderBlockStartStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderBlockStartWidth?: string | number; | ||
| borderBlockStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderBlockWidth?: string | number; | ||
| borderBottomColor?: string; | ||
| borderBottomLeftRadius?: string | number; | ||
| borderBottomRightRadius?: string | number; | ||
| borderBottomStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderBottomWidth?: string | number; | ||
| borderCollapse?: import("csstype").BorderCollapseProperty; | ||
| borderEndEndRadius?: string | number; | ||
| borderEndStartRadius?: string | number; | ||
| borderImageOutset?: string | number; | ||
| borderImageRepeat?: string; | ||
| borderImageSlice?: string | number; | ||
| borderImageSource?: string; | ||
| borderImageWidth?: string | number; | ||
| borderInlineColor?: string; | ||
| borderInlineEndColor?: string; | ||
| borderInlineEndStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderInlineEndWidth?: string | number; | ||
| borderInlineStartColor?: string; | ||
| borderInlineStartStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderInlineStartWidth?: string | number; | ||
| borderInlineStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderInlineWidth?: string | number; | ||
| borderLeftColor?: string; | ||
| borderLeftStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderLeftWidth?: string | number; | ||
| borderRightColor?: string; | ||
| borderRightStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderRightWidth?: string | number; | ||
| borderSpacing?: string | number; | ||
| borderStartEndRadius?: string | number; | ||
| borderStartStartRadius?: string | number; | ||
| borderTopColor?: string; | ||
| borderTopLeftRadius?: string | number; | ||
| borderTopRightRadius?: string | number; | ||
| borderTopStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| borderTopWidth?: string | number; | ||
| bottom?: string | number; | ||
| boxDecorationBreak?: import("csstype").BoxDecorationBreakProperty; | ||
| boxShadow?: string; | ||
| boxSizing?: import("csstype").BoxSizingProperty; | ||
| breakAfter?: import("csstype").BreakAfterProperty; | ||
| breakBefore?: import("csstype").BreakAfterProperty; | ||
| breakInside?: import("csstype").BreakInsideProperty; | ||
| captionSide?: import("csstype").CaptionSideProperty; | ||
| caretColor?: string; | ||
| clear?: import("csstype").ClearProperty; | ||
| clipPath?: string; | ||
| color?: string; | ||
| colorAdjust?: import("csstype").ColorAdjustProperty; | ||
| columnCount?: import("csstype").ColumnCountProperty; | ||
| columnFill?: import("csstype").ColumnFillProperty; | ||
| columnGap?: string | number; | ||
| columnRuleColor?: string; | ||
| columnRuleStyle?: string; | ||
| columnRuleWidth?: string | number; | ||
| columnSpan?: import("csstype").ColumnSpanProperty; | ||
| columnWidth?: string | number; | ||
| contain?: string; | ||
| content?: string; | ||
| counterIncrement?: string; | ||
| counterReset?: string; | ||
| counterSet?: string; | ||
| cursor?: string; | ||
| direction?: import("csstype").DirectionProperty; | ||
| display?: string; | ||
| emptyCells?: import("csstype").EmptyCellsProperty; | ||
| filter?: string; | ||
| flexBasis?: string | number; | ||
| flexDirection?: import("csstype").FlexDirectionProperty; | ||
| flexGrow?: import("csstype").GlobalsNumber; | ||
| flexShrink?: import("csstype").GlobalsNumber; | ||
| flexWrap?: import("csstype").FlexWrapProperty; | ||
| float?: import("csstype").FloatProperty; | ||
| fontFamily?: string; | ||
| fontFeatureSettings?: string; | ||
| fontKerning?: import("csstype").FontKerningProperty; | ||
| fontLanguageOverride?: string; | ||
| fontOpticalSizing?: import("csstype").FontOpticalSizingProperty; | ||
| fontSize?: string | number; | ||
| fontSizeAdjust?: import("csstype").FontSizeAdjustProperty; | ||
| fontStretch?: string; | ||
| fontStyle?: string; | ||
| fontSynthesis?: string; | ||
| fontVariant?: string; | ||
| fontVariantCaps?: import("csstype").FontVariantCapsProperty; | ||
| fontVariantEastAsian?: string; | ||
| fontVariantLigatures?: string; | ||
| fontVariantNumeric?: string; | ||
| fontVariantPosition?: import("csstype").FontVariantPositionProperty; | ||
| fontVariationSettings?: string; | ||
| fontWeight?: import("csstype").FontWeightProperty; | ||
| gridAutoColumns?: string | number; | ||
| gridAutoFlow?: string; | ||
| gridAutoRows?: string | number; | ||
| gridColumnEnd?: string | number; | ||
| gridColumnStart?: string | number; | ||
| gridRowEnd?: string | number; | ||
| gridRowStart?: string | number; | ||
| gridTemplateAreas?: string; | ||
| gridTemplateColumns?: string | number; | ||
| gridTemplateRows?: string | number; | ||
| hangingPunctuation?: string; | ||
| height?: string | number; | ||
| hyphens?: import("csstype").HyphensProperty; | ||
| imageOrientation?: string; | ||
| imageRendering?: import("csstype").ImageRenderingProperty; | ||
| imageResolution?: string; | ||
| initialLetter?: string | number; | ||
| inlineSize?: string | number; | ||
| inset?: string | number; | ||
| insetBlock?: string | number; | ||
| insetBlockEnd?: string | number; | ||
| insetBlockStart?: string | number; | ||
| insetInline?: string | number; | ||
| insetInlineEnd?: string | number; | ||
| insetInlineStart?: string | number; | ||
| isolation?: import("csstype").IsolationProperty; | ||
| justifyContent?: string; | ||
| justifyItems?: string; | ||
| justifySelf?: string; | ||
| left?: string | number; | ||
| letterSpacing?: string | number; | ||
| lineBreak?: import("csstype").LineBreakProperty; | ||
| lineHeight?: string | number; | ||
| lineHeightStep?: string | number; | ||
| listStyleImage?: string; | ||
| listStylePosition?: import("csstype").ListStylePositionProperty; | ||
| listStyleType?: string; | ||
| marginBlock?: string | number; | ||
| marginBlockEnd?: string | number; | ||
| marginBlockStart?: string | number; | ||
| marginBottom?: string | number; | ||
| marginInline?: string | number; | ||
| marginInlineEnd?: string | number; | ||
| marginInlineStart?: string | number; | ||
| marginLeft?: string | number; | ||
| marginRight?: string | number; | ||
| marginTop?: string | number; | ||
| maskBorderMode?: import("csstype").MaskBorderModeProperty; | ||
| maskBorderOutset?: string | number; | ||
| maskBorderRepeat?: string; | ||
| maskBorderSlice?: string | number; | ||
| maskBorderSource?: string; | ||
| maskBorderWidth?: string | number; | ||
| maskClip?: string; | ||
| maskComposite?: string; | ||
| maskImage?: string; | ||
| maskMode?: string; | ||
| maskOrigin?: string; | ||
| maskPosition?: string | number; | ||
| maskRepeat?: string; | ||
| maskSize?: string | number; | ||
| maskType?: import("csstype").MaskBorderModeProperty; | ||
| maxBlockSize?: string | number; | ||
| maxHeight?: string | number; | ||
| maxInlineSize?: string | number; | ||
| maxLines?: import("csstype").FontSizeAdjustProperty; | ||
| maxWidth?: string | number; | ||
| minBlockSize?: string | number; | ||
| minHeight?: string | number; | ||
| minInlineSize?: string | number; | ||
| minWidth?: string | number; | ||
| mixBlendMode?: import("csstype").MixBlendModeProperty; | ||
| motionDistance?: string | number; | ||
| motionPath?: string; | ||
| motionRotation?: string; | ||
| objectFit?: import("csstype").ObjectFitProperty; | ||
| objectPosition?: string | number; | ||
| offsetAnchor?: string | number; | ||
| offsetDistance?: string | number; | ||
| offsetPath?: string; | ||
| offsetRotate?: string; | ||
| offsetRotation?: string; | ||
| opacity?: string | number; | ||
| order?: import("csstype").GlobalsNumber; | ||
| orphans?: import("csstype").GlobalsNumber; | ||
| outlineColor?: string; | ||
| outlineOffset?: string | number; | ||
| outlineStyle?: string; | ||
| outlineWidth?: string | number; | ||
| overflowAnchor?: import("csstype").FontOpticalSizingProperty; | ||
| overflowBlock?: import("csstype").OverflowBlockProperty; | ||
| overflowClipBox?: import("csstype").OverflowClipBoxProperty; | ||
| overflowInline?: import("csstype").OverflowBlockProperty; | ||
| overflowWrap?: import("csstype").OverflowWrapProperty; | ||
| overflowX?: import("csstype").OverflowXProperty; | ||
| overflowY?: import("csstype").OverflowXProperty; | ||
| overscrollBehavior?: string; | ||
| overscrollBehaviorBlock?: import("csstype").OverscrollBehaviorBlockProperty; | ||
| overscrollBehaviorInline?: import("csstype").OverscrollBehaviorBlockProperty; | ||
| overscrollBehaviorX?: import("csstype").OverscrollBehaviorBlockProperty; | ||
| overscrollBehaviorY?: import("csstype").OverscrollBehaviorBlockProperty; | ||
| paddingBlock?: string | number; | ||
| paddingBlockEnd?: string | number; | ||
| paddingBlockStart?: string | number; | ||
| paddingBottom?: string | number; | ||
| paddingInline?: string | number; | ||
| paddingInlineEnd?: string | number; | ||
| paddingInlineStart?: string | number; | ||
| paddingLeft?: string | number; | ||
| paddingRight?: string | number; | ||
| paddingTop?: string | number; | ||
| pageBreakAfter?: import("csstype").PageBreakAfterProperty; | ||
| pageBreakBefore?: import("csstype").PageBreakAfterProperty; | ||
| pageBreakInside?: import("csstype").PageBreakInsideProperty; | ||
| paintOrder?: string; | ||
| perspective?: string | number; | ||
| perspectiveOrigin?: string | number; | ||
| placeContent?: string; | ||
| pointerEvents?: import("csstype").PointerEventsProperty; | ||
| position?: import("csstype").PositionProperty; | ||
| quotes?: string; | ||
| resize?: import("csstype").ResizeProperty; | ||
| right?: string | number; | ||
| rotate?: string; | ||
| rowGap?: string | number; | ||
| rubyAlign?: import("csstype").RubyAlignProperty; | ||
| rubyMerge?: import("csstype").RubyMergeProperty; | ||
| rubyPosition?: import("csstype").RubyPositionProperty; | ||
| scale?: string | number; | ||
| scrollBehavior?: import("csstype").ScrollBehaviorProperty; | ||
| scrollMargin?: string | number; | ||
| scrollMarginBlock?: string | number; | ||
| scrollMarginBlockEnd?: string | number; | ||
| scrollMarginBlockStart?: string | number; | ||
| scrollMarginBottom?: string | number; | ||
| scrollMarginInline?: string | number; | ||
| scrollMarginInlineEnd?: string | number; | ||
| scrollMarginInlineStart?: string | number; | ||
| scrollMarginLeft?: string | number; | ||
| scrollMarginRight?: string | number; | ||
| scrollMarginTop?: string | number; | ||
| scrollPadding?: string | number; | ||
| scrollPaddingBlock?: string | number; | ||
| scrollPaddingBlockEnd?: string | number; | ||
| scrollPaddingBlockStart?: string | number; | ||
| scrollPaddingBottom?: string | number; | ||
| scrollPaddingInline?: string | number; | ||
| scrollPaddingInlineEnd?: string | number; | ||
| scrollPaddingInlineStart?: string | number; | ||
| scrollPaddingLeft?: string | number; | ||
| scrollPaddingRight?: string | number; | ||
| scrollPaddingTop?: string | number; | ||
| scrollSnapAlign?: string; | ||
| scrollSnapMargin?: string | number; | ||
| scrollSnapMarginBottom?: string | number; | ||
| scrollSnapMarginLeft?: string | number; | ||
| scrollSnapMarginRight?: string | number; | ||
| scrollSnapMarginTop?: string | number; | ||
| scrollSnapStop?: import("csstype").ScrollSnapStopProperty; | ||
| scrollSnapType?: string; | ||
| scrollbarColor?: string; | ||
| scrollbarWidth?: import("csstype").ScrollbarWidthProperty; | ||
| shapeImageThreshold?: string | number; | ||
| shapeMargin?: string | number; | ||
| shapeOutside?: string; | ||
| tabSize?: string | number; | ||
| tableLayout?: import("csstype").TableLayoutProperty; | ||
| textAlign?: import("csstype").TextAlignProperty; | ||
| textAlignLast?: import("csstype").TextAlignLastProperty; | ||
| textCombineUpright?: string; | ||
| textDecorationColor?: string; | ||
| textDecorationLine?: string; | ||
| textDecorationSkip?: string; | ||
| textDecorationSkipInk?: import("csstype").TextDecorationSkipInkProperty; | ||
| textDecorationStyle?: import("csstype").TextDecorationStyleProperty; | ||
| textDecorationThickness?: string | number; | ||
| textDecorationWidth?: string | number; | ||
| textEmphasisColor?: string; | ||
| textEmphasisPosition?: string; | ||
| textEmphasisStyle?: string; | ||
| textIndent?: string | number; | ||
| textJustify?: import("csstype").TextJustifyProperty; | ||
| textOrientation?: import("csstype").TextOrientationProperty; | ||
| textOverflow?: string; | ||
| textRendering?: import("csstype").TextRenderingProperty; | ||
| textShadow?: string; | ||
| textSizeAdjust?: string; | ||
| textTransform?: import("csstype").TextTransformProperty; | ||
| textUnderlineOffset?: string | number; | ||
| textUnderlinePosition?: string; | ||
| top?: string | number; | ||
| touchAction?: string; | ||
| transform?: string; | ||
| transformBox?: import("csstype").TransformBoxProperty; | ||
| transformOrigin?: string | number; | ||
| transformStyle?: import("csstype").TransformStyleProperty; | ||
| transitionDelay?: string; | ||
| transitionDuration?: string; | ||
| transitionProperty?: string; | ||
| transitionTimingFunction?: string; | ||
| translate?: string | number; | ||
| unicodeBidi?: import("csstype").UnicodeBidiProperty; | ||
| userSelect?: import("csstype").UserSelectProperty; | ||
| verticalAlign?: string | number; | ||
| visibility?: import("csstype").VisibilityProperty; | ||
| whiteSpace?: import("csstype").WhiteSpaceProperty; | ||
| widows?: import("csstype").GlobalsNumber; | ||
| width?: string | number; | ||
| willChange?: string; | ||
| wordBreak?: import("csstype").WordBreakProperty; | ||
| wordSpacing?: string | number; | ||
| wordWrap?: import("csstype").WordWrapProperty; | ||
| writingMode?: import("csstype").WritingModeProperty; | ||
| zIndex?: import("csstype").ColumnCountProperty; | ||
| zoom?: string | number; | ||
| all?: import("csstype").Globals; | ||
| animation?: string | number; | ||
| background?: string | number; | ||
| border?: string | number; | ||
| borderBlock?: string | number; | ||
| borderBlockEnd?: string | number; | ||
| borderBlockStart?: string | number; | ||
| borderBottom?: string | number; | ||
| borderColor?: string; | ||
| borderImage?: string | number; | ||
| borderInline?: string | number; | ||
| borderInlineEnd?: string | number; | ||
| borderInlineStart?: string | number; | ||
| borderLeft?: string | number; | ||
| borderRadius?: string | number; | ||
| borderRight?: string | number; | ||
| borderStyle?: string; | ||
| borderTop?: string | number; | ||
| borderWidth?: string | number; | ||
| columnRule?: string | number; | ||
| columns?: string | number; | ||
| flex?: string | number; | ||
| flexFlow?: string; | ||
| font?: string; | ||
| gap?: string | number; | ||
| grid?: string; | ||
| gridArea?: string | number; | ||
| gridColumn?: string | number; | ||
| gridRow?: string | number; | ||
| gridTemplate?: string; | ||
| lineClamp?: import("csstype").FontSizeAdjustProperty; | ||
| listStyle?: string; | ||
| margin?: string | number; | ||
| mask?: string | number; | ||
| maskBorder?: string | number; | ||
| motion?: string | number; | ||
| offset?: string | number; | ||
| outline?: string | number; | ||
| overflow?: string; | ||
| padding?: string | number; | ||
| placeItems?: string; | ||
| placeSelf?: string; | ||
| textDecoration?: string | number; | ||
| textEmphasis?: string; | ||
| transition?: string; | ||
| MozAnimationDelay?: string; | ||
| MozAnimationDirection?: string; | ||
| MozAnimationDuration?: string; | ||
| MozAnimationFillMode?: string; | ||
| MozAnimationIterationCount?: string | number; | ||
| MozAnimationName?: string; | ||
| MozAnimationPlayState?: string; | ||
| MozAnimationTimingFunction?: string; | ||
| MozAppearance?: import("csstype").MozAppearanceProperty; | ||
| MozBackfaceVisibility?: import("csstype").BackfaceVisibilityProperty; | ||
| MozBorderEndColor?: string; | ||
| MozBorderEndStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| MozBorderEndWidth?: string | number; | ||
| MozBorderStartColor?: string; | ||
| MozBorderStartStyle?: import("csstype").BorderBlockEndStyleProperty; | ||
| MozBoxSizing?: import("csstype").BoxSizingProperty; | ||
| MozColumnCount?: import("csstype").ColumnCountProperty; | ||
| MozColumnFill?: import("csstype").ColumnFillProperty; | ||
| MozColumnGap?: string | number; | ||
| MozColumnRuleColor?: string; | ||
| MozColumnRuleStyle?: string; | ||
| MozColumnRuleWidth?: string | number; | ||
| MozColumnWidth?: string | number; | ||
| MozContextProperties?: string; | ||
| MozFloatEdge?: import("csstype").MozFloatEdgeProperty; | ||
| MozFontFeatureSettings?: string; | ||
| MozFontLanguageOverride?: string; | ||
| MozForceBrokenImageIcon?: import("csstype").GlobalsNumber; | ||
| MozHyphens?: import("csstype").HyphensProperty; | ||
| MozImageRegion?: string; | ||
| MozMarginEnd?: string | number; | ||
| MozMarginStart?: string | number; | ||
| MozOrient?: import("csstype").MozOrientProperty; | ||
| MozOutlineRadiusBottomleft?: string | number; | ||
| MozOutlineRadiusBottomright?: string | number; | ||
| MozOutlineRadiusTopleft?: string | number; | ||
| MozOutlineRadiusTopright?: string | number; | ||
| MozPaddingEnd?: string | number; | ||
| MozPaddingStart?: string | number; | ||
| MozPerspective?: string | number; | ||
| MozPerspectiveOrigin?: string | number; | ||
| MozStackSizing?: import("csstype").MozStackSizingProperty; | ||
| MozTabSize?: string | number; | ||
| MozTextSizeAdjust?: string; | ||
| MozTransformOrigin?: string | number; | ||
| MozTransformStyle?: import("csstype").TransformStyleProperty; | ||
| MozTransitionDelay?: string; | ||
| MozTransitionDuration?: string; | ||
| MozTransitionProperty?: string; | ||
| MozTransitionTimingFunction?: string; | ||
| MozUserFocus?: import("csstype").MozUserFocusProperty; | ||
| MozUserModify?: import("csstype").MozUserModifyProperty; | ||
| MozUserSelect?: import("csstype").UserSelectProperty; | ||
| MozWindowDragging?: import("csstype").MozWindowDraggingProperty; | ||
| msAccelerator?: import("csstype").MsAcceleratorProperty; | ||
| msAlignSelf?: string; | ||
| msBlockProgression?: import("csstype").MsBlockProgressionProperty; | ||
| msContentZoomChaining?: import("csstype").MsContentZoomChainingProperty; | ||
| msContentZoomLimitMax?: string; | ||
| msContentZoomLimitMin?: string; | ||
| msContentZoomSnapPoints?: string; | ||
| msContentZoomSnapType?: import("csstype").MsContentZoomSnapTypeProperty; | ||
| msContentZooming?: import("csstype").MsContentZoomingProperty; | ||
| msFilter?: string; | ||
| msFlexDirection?: import("csstype").FlexDirectionProperty; | ||
| msFlexPositive?: import("csstype").GlobalsNumber; | ||
| msFlowFrom?: string; | ||
| msFlowInto?: string; | ||
| msGridColumns?: string | number; | ||
| msGridRows?: string | number; | ||
| msHighContrastAdjust?: import("csstype").FontOpticalSizingProperty; | ||
| msHyphenateLimitChars?: string | number; | ||
| msHyphenateLimitLines?: import("csstype").MsHyphenateLimitLinesProperty; | ||
| msHyphenateLimitZone?: string | number; | ||
| msHyphens?: import("csstype").HyphensProperty; | ||
| msImeAlign?: import("csstype").MsImeAlignProperty; | ||
| msLineBreak?: import("csstype").LineBreakProperty; | ||
| msOrder?: import("csstype").GlobalsNumber; | ||
| msOverflowStyle?: import("csstype").MsOverflowStyleProperty; | ||
| msOverflowX?: import("csstype").OverflowXProperty; | ||
| msOverflowY?: import("csstype").OverflowXProperty; | ||
| msScrollChaining?: import("csstype").MsContentZoomChainingProperty; | ||
| msScrollLimitXMax?: string | number; | ||
| msScrollLimitXMin?: string | number; | ||
| msScrollLimitYMax?: string | number; | ||
| msScrollLimitYMin?: string | number; | ||
| msScrollRails?: import("csstype").MsScrollRailsProperty; | ||
| msScrollSnapPointsX?: string; | ||
| msScrollSnapPointsY?: string; | ||
| msScrollSnapType?: import("csstype").MsContentZoomSnapTypeProperty; | ||
| msScrollTranslation?: import("csstype").MsScrollTranslationProperty; | ||
| msScrollbar3dlightColor?: string; | ||
| msScrollbarArrowColor?: string; | ||
| msScrollbarBaseColor?: string; | ||
| msScrollbarDarkshadowColor?: string; | ||
| msScrollbarFaceColor?: string; | ||
| msScrollbarHighlightColor?: string; | ||
| msScrollbarShadowColor?: string; | ||
| msTextAutospace?: import("csstype").MsTextAutospaceProperty; | ||
| msTextCombineHorizontal?: string; | ||
| msTextOverflow?: string; | ||
| msTouchAction?: string; | ||
| msTouchSelect?: import("csstype").MsTouchSelectProperty; | ||
| msTransform?: string; | ||
| msTransformOrigin?: string | number; | ||
| msTransitionDelay?: string; | ||
| msTransitionDuration?: string; | ||
| msTransitionProperty?: string; | ||
| msTransitionTimingFunction?: string; | ||
| msUserSelect?: import("csstype").MsUserSelectProperty; | ||
| msWordBreak?: import("csstype").WordBreakProperty; | ||
| msWrapFlow?: import("csstype").MsWrapFlowProperty; | ||
| msWrapMargin?: string | number; | ||
| msWrapThrough?: import("csstype").MsWrapThroughProperty; | ||
| msWritingMode?: import("csstype").WritingModeProperty; | ||
| OObjectFit?: import("csstype").ObjectFitProperty; | ||
| OObjectPosition?: string | number; | ||
| OTabSize?: string | number; | ||
| OTextOverflow?: string; | ||
| OTransformOrigin?: string | number; | ||
| WebkitAlignContent?: string; | ||
| WebkitAlignItems?: string; | ||
| WebkitAlignSelf?: string; | ||
| WebkitAnimationDelay?: string; | ||
| WebkitAnimationDirection?: string; | ||
| WebkitAnimationDuration?: string; | ||
| WebkitAnimationFillMode?: string; | ||
| WebkitAnimationIterationCount?: string | number; | ||
| WebkitAnimationName?: string; | ||
| WebkitAnimationPlayState?: string; | ||
| WebkitAnimationTimingFunction?: string; | ||
| WebkitAppearance?: import("csstype").WebkitAppearanceProperty; | ||
| WebkitBackdropFilter?: string; | ||
| WebkitBackfaceVisibility?: import("csstype").BackfaceVisibilityProperty; | ||
| WebkitBackgroundClip?: string; | ||
| WebkitBackgroundOrigin?: string; | ||
| WebkitBackgroundSize?: string | number; | ||
| WebkitBorderBeforeColor?: string; | ||
| WebkitBorderBeforeStyle?: string; | ||
| WebkitBorderBeforeWidth?: string | number; | ||
| WebkitBorderBottomLeftRadius?: string | number; | ||
| WebkitBorderBottomRightRadius?: string | number; | ||
| WebkitBorderImageSlice?: string | number; | ||
| WebkitBorderTopLeftRadius?: string | number; | ||
| WebkitBorderTopRightRadius?: string | number; | ||
| WebkitBoxDecorationBreak?: import("csstype").BoxDecorationBreakProperty; | ||
| WebkitBoxReflect?: string | number; | ||
| WebkitBoxShadow?: string; | ||
| WebkitBoxSizing?: import("csstype").BoxSizingProperty; | ||
| WebkitClipPath?: string; | ||
| WebkitColorAdjust?: import("csstype").ColorAdjustProperty; | ||
| WebkitColumnCount?: import("csstype").ColumnCountProperty; | ||
| WebkitColumnFill?: import("csstype").ColumnFillProperty; | ||
| WebkitColumnGap?: string | number; | ||
| WebkitColumnRuleColor?: string; | ||
| WebkitColumnRuleStyle?: string; | ||
| WebkitColumnRuleWidth?: string | number; | ||
| WebkitColumnSpan?: import("csstype").ColumnSpanProperty; | ||
| WebkitColumnWidth?: string | number; | ||
| WebkitFilter?: string; | ||
| WebkitFlexBasis?: string | number; | ||
| WebkitFlexDirection?: import("csstype").FlexDirectionProperty; | ||
| WebkitFlexGrow?: import("csstype").GlobalsNumber; | ||
| WebkitFlexShrink?: import("csstype").GlobalsNumber; | ||
| WebkitFlexWrap?: import("csstype").FlexWrapProperty; | ||
| WebkitFontFeatureSettings?: string; | ||
| WebkitFontKerning?: import("csstype").FontKerningProperty; | ||
| WebkitFontVariantLigatures?: string; | ||
| WebkitHyphens?: import("csstype").HyphensProperty; | ||
| WebkitJustifyContent?: string; | ||
| WebkitLineBreak?: import("csstype").LineBreakProperty; | ||
| WebkitLineClamp?: import("csstype").FontSizeAdjustProperty; | ||
| WebkitMarginEnd?: string | number; | ||
| WebkitMarginStart?: string | number; | ||
| WebkitMaskAttachment?: string; | ||
| WebkitMaskClip?: string; | ||
| WebkitMaskComposite?: string; | ||
| WebkitMaskImage?: string; | ||
| WebkitMaskOrigin?: string; | ||
| WebkitMaskPosition?: string | number; | ||
| WebkitMaskPositionX?: string | number; | ||
| WebkitMaskPositionY?: string | number; | ||
| WebkitMaskRepeat?: string; | ||
| WebkitMaskRepeatX?: import("csstype").WebkitMaskRepeatXProperty; | ||
| WebkitMaskRepeatY?: import("csstype").WebkitMaskRepeatXProperty; | ||
| WebkitMaskSize?: string | number; | ||
| WebkitMaxInlineSize?: string | number; | ||
| WebkitOrder?: import("csstype").GlobalsNumber; | ||
| WebkitOverflowScrolling?: import("csstype").WebkitOverflowScrollingProperty; | ||
| WebkitPaddingEnd?: string | number; | ||
| WebkitPaddingStart?: string | number; | ||
| WebkitPerspective?: string | number; | ||
| WebkitPerspectiveOrigin?: string | number; | ||
| WebkitScrollSnapType?: string; | ||
| WebkitShapeMargin?: string | number; | ||
| WebkitTapHighlightColor?: string; | ||
| WebkitTextCombine?: string; | ||
| WebkitTextDecorationColor?: string; | ||
| WebkitTextDecorationLine?: string; | ||
| WebkitTextDecorationSkip?: string; | ||
| WebkitTextDecorationStyle?: import("csstype").TextDecorationStyleProperty; | ||
| WebkitTextEmphasisColor?: string; | ||
| WebkitTextEmphasisPosition?: string; | ||
| WebkitTextEmphasisStyle?: string; | ||
| WebkitTextFillColor?: string; | ||
| WebkitTextOrientation?: import("csstype").TextOrientationProperty; | ||
| WebkitTextSizeAdjust?: string; | ||
| WebkitTextStrokeColor?: string; | ||
| WebkitTextStrokeWidth?: string | number; | ||
| WebkitTouchCallout?: import("csstype").WebkitTouchCalloutProperty; | ||
| WebkitTransform?: string; | ||
| WebkitTransformOrigin?: string | number; | ||
| WebkitTransformStyle?: import("csstype").TransformStyleProperty; | ||
| WebkitTransitionDelay?: string; | ||
| WebkitTransitionDuration?: string; | ||
| WebkitTransitionProperty?: string; | ||
| WebkitTransitionTimingFunction?: string; | ||
| WebkitUserModify?: import("csstype").WebkitUserModifyProperty; | ||
| WebkitUserSelect?: import("csstype").UserSelectProperty; | ||
| WebkitWritingMode?: import("csstype").WritingModeProperty; | ||
| WebkittextUnderlinePosition?: string; | ||
| MozAnimation?: string | number; | ||
| MozBorderImage?: string | number; | ||
| MozColumnRule?: string | number; | ||
| MozColumns?: string | number; | ||
| MozTransition?: string; | ||
| msContentZoomLimit?: string; | ||
| msContentZoomSnap?: string; | ||
| msFlex?: string | number; | ||
| msScrollLimit?: string; | ||
| msScrollSnapX?: string; | ||
| msScrollSnapY?: string; | ||
| msTransition?: string; | ||
| WebkitAnimation?: string | number; | ||
| WebkitBorderBefore?: string | number; | ||
| WebkitBorderImage?: string | number; | ||
| WebkitBorderRadius?: string | number; | ||
| WebkitColumnRule?: string | number; | ||
| WebkitColumns?: string | number; | ||
| WebkitFlex?: string | number; | ||
| WebkitFlexFlow?: string; | ||
| WebkitMask?: string | number; | ||
| WebkitTextEmphasis?: string; | ||
| WebkitTextStroke?: string | number; | ||
| WebkitTransition?: string; | ||
| boxAlign?: import("csstype").BoxAlignProperty; | ||
| boxDirection?: import("csstype").BoxDirectionProperty; | ||
| boxFlex?: import("csstype").GlobalsNumber; | ||
| boxFlexGroup?: import("csstype").GlobalsNumber; | ||
| boxLines?: import("csstype").BoxLinesProperty; | ||
| boxOrdinalGroup?: import("csstype").GlobalsNumber; | ||
| boxOrient?: import("csstype").BoxOrientProperty; | ||
| boxPack?: import("csstype").BoxPackProperty; | ||
| clip?: string; | ||
| fontVariantAlternates?: string; | ||
| gridColumnGap?: string | number; | ||
| gridGap?: string | number; | ||
| gridRowGap?: string | number; | ||
| imeMode?: import("csstype").ImeModeProperty; | ||
| offsetBlock?: string | number; | ||
| offsetBlockEnd?: string | number; | ||
| offsetBlockStart?: string | number; | ||
| offsetInline?: string | number; | ||
| offsetInlineEnd?: string | number; | ||
| offsetInlineStart?: string | number; | ||
| scrollSnapCoordinate?: string | number; | ||
| scrollSnapDestination?: string | number; | ||
| scrollSnapPointsX?: string; | ||
| scrollSnapPointsY?: string; | ||
| scrollSnapTypeX?: import("csstype").MsContentZoomSnapTypeProperty; | ||
| scrollSnapTypeY?: import("csstype").MsContentZoomSnapTypeProperty; | ||
| scrollbarTrackColor?: string; | ||
| textCombineHorizontal?: string; | ||
| KhtmlBoxAlign?: import("csstype").BoxAlignProperty; | ||
| KhtmlBoxDirection?: import("csstype").BoxDirectionProperty; | ||
| KhtmlBoxFlex?: import("csstype").GlobalsNumber; | ||
| KhtmlBoxFlexGroup?: import("csstype").GlobalsNumber; | ||
| KhtmlBoxLines?: import("csstype").BoxLinesProperty; | ||
| KhtmlBoxOrdinalGroup?: import("csstype").GlobalsNumber; | ||
| KhtmlBoxOrient?: import("csstype").BoxOrientProperty; | ||
| KhtmlBoxPack?: import("csstype").BoxPackProperty; | ||
| KhtmlLineBreak?: import("csstype").LineBreakProperty; | ||
| KhtmlOpacity?: string | number; | ||
| KhtmlUserSelect?: import("csstype").UserSelectProperty; | ||
| MozBackgroundClip?: string; | ||
| MozBackgroundInlinePolicy?: import("csstype").BoxDecorationBreakProperty; | ||
| MozBackgroundOrigin?: string; | ||
| MozBackgroundSize?: string | number; | ||
| MozBinding?: string; | ||
| MozBorderBottomColors?: string; | ||
| MozBorderLeftColors?: string; | ||
| MozBorderRadius?: string | number; | ||
| MozBorderRadiusBottomleft?: string | number; | ||
| MozBorderRadiusBottomright?: string | number; | ||
| MozBorderRadiusTopleft?: string | number; | ||
| MozBorderRadiusTopright?: string | number; | ||
| MozBorderRightColors?: string; | ||
| MozBorderTopColors?: string; | ||
| MozBoxAlign?: import("csstype").BoxAlignProperty; | ||
| MozBoxDirection?: import("csstype").BoxDirectionProperty; | ||
| MozBoxFlex?: import("csstype").GlobalsNumber; | ||
| MozBoxOrdinalGroup?: import("csstype").GlobalsNumber; | ||
| MozBoxOrient?: import("csstype").BoxOrientProperty; | ||
| MozBoxPack?: import("csstype").BoxPackProperty; | ||
| MozBoxShadow?: string; | ||
| MozOpacity?: string | number; | ||
| MozOutline?: string | number; | ||
| MozOutlineColor?: string; | ||
| MozOutlineRadius?: string | number; | ||
| MozOutlineStyle?: string; | ||
| MozOutlineWidth?: string | number; | ||
| MozTextAlignLast?: import("csstype").TextAlignLastProperty; | ||
| MozTextBlink?: import("csstype").MozTextBlinkProperty; | ||
| MozTextDecorationColor?: string; | ||
| MozTextDecorationLine?: string; | ||
| MozTextDecorationStyle?: import("csstype").TextDecorationStyleProperty; | ||
| MozUserInput?: import("csstype").MozUserInputProperty; | ||
| MozWindowShadow?: import("csstype").MozWindowShadowProperty; | ||
| msImeMode?: import("csstype").ImeModeProperty; | ||
| msScrollbarTrackColor?: string; | ||
| OAnimation?: string | number; | ||
| OAnimationDelay?: string; | ||
| OAnimationDirection?: string; | ||
| OAnimationDuration?: string; | ||
| OAnimationFillMode?: string; | ||
| OAnimationIterationCount?: string | number; | ||
| OAnimationName?: string; | ||
| OAnimationPlayState?: string; | ||
| OAnimationTimingFunction?: string; | ||
| OBackgroundSize?: string | number; | ||
| OBorderImage?: string | number; | ||
| OTransform?: string; | ||
| OTransition?: string; | ||
| OTransitionDelay?: string; | ||
| OTransitionDuration?: string; | ||
| OTransitionProperty?: string; | ||
| OTransitionTimingFunction?: string; | ||
| WebkitBoxAlign?: import("csstype").BoxAlignProperty; | ||
| WebkitBoxDirection?: import("csstype").BoxDirectionProperty; | ||
| WebkitBoxFlex?: import("csstype").GlobalsNumber; | ||
| WebkitBoxFlexGroup?: import("csstype").GlobalsNumber; | ||
| WebkitBoxLines?: import("csstype").BoxLinesProperty; | ||
| WebkitBoxOrdinalGroup?: import("csstype").GlobalsNumber; | ||
| WebkitBoxOrient?: import("csstype").BoxOrientProperty; | ||
| WebkitBoxPack?: import("csstype").BoxPackProperty; | ||
| WebkitScrollSnapPointsX?: string; | ||
| WebkitScrollSnapPointsY?: string; | ||
| alignmentBaseline?: import("csstype").AlignmentBaselineProperty; | ||
| baselineShift?: string | number; | ||
| clipRule?: import("csstype").ClipRuleProperty; | ||
| colorInterpolation?: import("csstype").ColorInterpolationProperty; | ||
| colorRendering?: import("csstype").ColorRenderingProperty; | ||
| dominantBaseline?: import("csstype").DominantBaselineProperty; | ||
| fill?: string; | ||
| fillOpacity?: import("csstype").GlobalsNumber; | ||
| fillRule?: import("csstype").ClipRuleProperty; | ||
| floodColor?: string; | ||
| floodOpacity?: import("csstype").GlobalsNumber; | ||
| glyphOrientationVertical?: string | number; | ||
| lightingColor?: string; | ||
| marker?: string; | ||
| markerEnd?: string; | ||
| markerMid?: string; | ||
| markerStart?: string; | ||
| shapeRendering?: import("csstype").ShapeRenderingProperty; | ||
| stopColor?: string; | ||
| stopOpacity?: import("csstype").GlobalsNumber; | ||
| stroke?: string; | ||
| strokeDasharray?: string | number; | ||
| strokeDashoffset?: string | number; | ||
| strokeLinecap?: import("csstype").StrokeLinecapProperty; | ||
| strokeLinejoin?: import("csstype").StrokeLinejoinProperty; | ||
| strokeMiterlimit?: import("csstype").GlobalsNumber; | ||
| strokeOpacity?: import("csstype").GlobalsNumber; | ||
| strokeWidth?: string | number; | ||
| textAnchor?: import("csstype").TextAnchorProperty; | ||
| vectorEffect?: import("csstype").VectorEffectProperty; | ||
| }; | ||
| }; | ||
| }) => JSX.Element; | ||
| export declare const createMagic: (component: string | React.FunctionComponent<{ | ||
@@ -56,4 +826,4 @@ ref: React.MutableRefObject<unknown> | ((instance: unknown) => void); | ||
| export * from "./stylesheet"; | ||
| export * from './base-theme'; | ||
| export * from './system'; | ||
| export * from './types'; | ||
| export * from "./base-theme"; | ||
| export * from "./system"; | ||
| export * from "./types"; |
| { | ||
| "name": "magic-components", | ||
| "version": "0.0.1-beta.5", | ||
| "version": "0.0.1-beta.6", | ||
| "description": "", | ||
@@ -11,3 +11,3 @@ "repository": "Nikhil Saraf/magic-components", | ||
| "module": "dist/magic-components.js", | ||
| "source": "src/index.ts", | ||
| "source": "src/index.tsx", | ||
| "browser": "dist/magic-components.umd.js", | ||
@@ -14,0 +14,0 @@ "types": "dist/types", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by18.15%
261394
- Lines of code
- increased by158.97%
1256
Worsened metrics
- Number of medium supply chain risk alerts
- increased byInfinity%
1
No dependency changes