Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

magic-components

Package Overview
Dependencies
Maintainers
1
Versions
47
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

magic-components - npm Package Compare versions

Comparing version 0.0.2-beta.21 to 0.0.2-beta.22

2

dist/magic-components.cjs.js

@@ -1,2 +0,2 @@

function r(r){return r&&"object"==typeof r&&"default"in r?r.default:r}var e=r(require("react")),t=require("@nksaraf/colors"),o=require("framer-motion"),a=require("inline-style-prefixer"),i=r(require("deepmerge"));function n(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const s=[0,4,8,16,32,64,128,256,512];s.full="100%",s.half="50%",s["1/2"]="50%",s["1/4"]="25%",s["3/4"]="75%";const p={breakpoints:["544px","768px","1012px","1280px"],colors:t.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:n(["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:n(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},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"},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:s,sizes:s},l=e.createContext(p),c=()=>e.useContext(l)||{},d=(r,e,t)=>{let o="",a="",i="";for(let n in r){const s=r[n];if("object"!=typeof s||Array.isArray(s))/^@i/.test(n)?o=n+" "+s+";":(n=n.replace(/[A-Z]/g,"-$&").toLowerCase(),i+=n+":"+(Array.isArray(s)?s.join(";"+n+":"):s)+";");else{let r=e+" "+n;/&/g.test(n)&&(r=n.replace(/&/g,e)),"@"==n[0]&&(r=e,"f"==n[1]&&(r=n)),/@k/.test(n)?a+=n+"{"+d(s,"","")+"}":a+=d(s,r,r==e?n:t||"")}}if(i[0]){const r=e+"{"+i+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},m=/\s*✨[0-9]+/g,g={data:""},b=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 g},f=r=>{const e=b(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 i=JSON.stringify(r),n=u[i]||(u[i]=".✨"+i.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),s=u[n]||(u[n]=d(a.prefix(r),t?"":n));return y(s,e,o),n.slice(1)};"undefined"!=typeof window?exports.sheet=b(document&&document.head):exports.sheet=b();const 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},j={breakpoints:[40,52,64].map(r=>r+"em")},S=r=>"@media screen and (min-width: "+r+")",O=(r,e)=>R(e,r,r),R=(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 n={},s={},p=!1;const l=i&&i.disableStyledSystemCache;for(const c in a){if(!r[c]){"separate"===e?s[c]=a[c]:"merge"===e&&(n[c]=a[c]);continue}const d=r[c],m=a[c],g=R(i,d.scale,d.defaults);if("object"!=typeof m)Object.assign(n,d(m,g,a,i));else{if(!t&&Array.isArray(m)){n[c]=m.map(r=>d(r,g,a,i)[c]);continue}if(d.allowComplex||!t){Object.assign(n,d(m,g,a,i));continue}if(o.breakpoints=!l&&o.breakpoints||R(i,"breakpoints",j.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(S)],n=x(n,k(o.media,d,g,m,a,i));continue}null!==m&&(n=x(n,C(o.breakpoints,d,g,m,a,i)),p=!0)}}return p&&(n=(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})(n)),"separate"===e?[n,s]:n};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},k=(r,e,t,o,a,i)=>{let n={};return o.slice(0,r.length).forEach((o,s)=>{const p=r[s],l=e(o,t,a,i);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},C=(r,e,t,o,a,i)=>{let n={};for(let s in o){const p=r[s],l=e(o[s],t,a,i);if(p){const r=S(p);Object.assign(n,{[r]:Object.assign({},n[r],l)})}else Object.assign(n,l)}return n},T=({properties:r,property:e,scale:t,transform:o=O,fallbackScale:a,allowComplex:i=!1})=>{r=r||[e];const n=(e,t,a,n)=>{const s={};let p=o(e,t,a,n);if(null!==p)return i||"object"!=typeof p||(p=e),r.forEach(r=>{s[r]=p}),s};return n.scale=t,n.allowComplex=i,n.defaults=a,n},v=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?T(t):t:T({property:e,scale:e})}),w(o,e,t)};function B(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}function L(r,e){if("number"!=typeof r||r>=0){const t=R(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=R(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function W(r,e){const t=R(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:W},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:W},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:W},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:W},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:W},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:W},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:W},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:W},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:W},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:W},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:W},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:W},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:W},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:W}},M={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:z.fontSizes,transform:W},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:W},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},H={alignItems:!0,alignContent:!0,align:{property:"alignItems"},justifyItems:!0,justifyContent:!0,justify:{property:"justifyContent"},flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:W},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},I={gridGap:{property:"gridGap",scale:"space",fallbackScale:z.space,transform:W},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:z.space,transform:W},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:z.space,transform:W},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},P={width:{property:"width",scale:"sizes",transform:W},w:{property:"width",scale:"sizes",transform:W},height:{property:"height",scale:"sizes",transform:W},h:{property:"height",scale:"sizes",transform:W},minWidth:{property:"minWidth",scale:"sizes",transform:W},minW:{property:"minWidth",scale:"sizes",transform:W},minHeight:{property:"minHeight",scale:"sizes",transform:W},minH:{property:"minHeight",scale:"sizes",transform:W},maxWidth:{property:"maxWidth",scale:"sizes",transform:W},maxW:{property:"maxWidth",scale:"sizes",transform:W},maxHeight:{property:"maxHeight",scale:"sizes",transform:W},maxH:{property:"maxHeight",scale:"sizes",transform:W},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},D={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:z.space,transform:L},right:{property:"right",scale:"space",fallbackScale:z.space,transform:L},bottom:{property:"bottom",scale:"space",fallbackScale:z.space,transform:L},left:{property:"left",scale:"space",fallbackScale:z.space,transform:L}},q={scale:"space",fallbackScale:z.space},G={margin:Object.assign({property:"margin",transform:L},q),m:Object.assign({property:"margin",transform:L},q),marginTop:Object.assign({property:"marginTop",transform:L},q),mt:Object.assign({property:"marginTop",transform:L},q),marginRight:Object.assign({property:"marginRight",transform:L},q),mr:Object.assign({property:"marginRight",transform:L},q),marginBottom:Object.assign({property:"marginBottom",transform:L},q),mb:Object.assign({property:"marginBottom",transform:L},q),marginLeft:Object.assign({property:"marginLeft",transform:L},q),ml:Object.assign({property:"marginLeft",transform:L},q),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:L},q),mx:Object.assign({properties:["marginLeft","marginRight"],transform:L},q),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:L},q),my:Object.assign({properties:["marginTop","marginBottom"],transform:L},q),padding:Object.assign({property:"padding",transform:W},q),p:Object.assign({property:"padding",transform:W},q),paddingTop:Object.assign({property:"paddingTop",transform:W},q),pt:Object.assign({property:"paddingTop",transform:W},q),paddingRight:Object.assign({property:"paddingRight",transform:W},q),pr:Object.assign({property:"paddingRight",transform:W},q),paddingBottom:Object.assign({property:"paddingBottom",transform:W},q),pb:Object.assign({property:"paddingBottom",transform:W},q),paddingLeft:Object.assign({property:"paddingLeft",transform:W},q),pl:Object.assign({property:"paddingLeft",transform:W},q),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:W},q),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:W},q),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:W},q),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:W},q)},E=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"}},{},M,{},H,{},I,{},P,{},{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},{},D,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},G),F=v(E,"separate"),N=v(E,"merge",!1),U=(r,e,t,o)=>"object"!=typeof r||Array.isArray(U)?r:N(r,o),X=v({animate:{property:"animate",transform:U,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var i in r)a[i]="function"==typeof r[i]?r[i]:N(r[i],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:U,allowComplex:!0},exit:{property:"exit",transform:U,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:U,allowComplex:!0},whileHover:{property:"whileHover",transform:U,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",!1),Y={},_=({style:r={},css:t={},id:o})=>{const a=c();return e.useMemo(()=>{if(o&&Y[o])return;const e={};for(var i in r){const[t,o]=F(r[i],a);e[i]=t}for(var i in t){const[r,o]=F(t[i],a);e[i]=r}return o&&(Y[o]=e),h(e,exports.sheet,!0,!1)},[o]),e.createElement(e.Fragment,null)},J=r=>(t={},a=("string"==typeof r?r:r.displayName||r.name||"Component"))=>{const i=e.forwardRef((a,i)=>{let{noMagic:n=!1}=a,s=B(a,["noMagic"]);if(n)return e.createElement(r,s);let{children:p,className:l,as:d,css:g,noMotion:b=!1,props:f}=s,y=B(s,["children","className","as","css","noMotion","props"]),u=m.test(l);g=Object.assign({},t,g);const x=c(),[j,S]=X(y,x);let O={},R=void 0;if(0===Object.keys(S).length&&0===Object.keys(g).length)R=l;else{let r={},[e,t]=F(S,x);if(O=t,r=e,g&&Object.keys(g).length>0){const[t,o]=F(g,x),a={};for(var w in o)a[w]="object"!=typeof o[w]?o[w]:N(o[w],x);r=Object.assign({},e,t,a)}R=Object.keys(r).length>0?h(r,exports.sheet,!1,u)+(l?" "+l:""):l}const k=d||r,C=Object.keys(j).length>0&&!b?"string"==typeof k?o.motion[k]:o.motion.custom(k):k;return e.createElement(C,Object.assign({},j,O,f,{ref:i,children:p,className:R}))});return i.displayName="Magic("+a+")",i},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","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)()});const Z=r=>{let{jsx:t=!1,noMagic:o=!1}=r,a=B(r,["jsx","noMagic"]);return t?e.createElement("style",Object.assign({jsx:t},a)):o?e.createElement("style",Object.assign({},a)):e.createElement(_,a)};Z.displayName="Magic(style)",V.style=Z;const $=(...r)=>r.reduce((function(r,e){return((r={},e={})=>(Object.keys(r).forEach(e=>null==r[e]&&delete r[e]),Object.keys(e).forEach(r=>null==e[r]&&delete e[r]),i(r,e)))(r,e)}),{}),K=r=>{let{inline:t,direction:o,gap:a=0,css:i}=r,n=B(r,["inline","justify","align","direction","gap","css"]);const s={display:t?"inline-flex":"flex"};return Array.isArray(o)?(s.flexDirection=o.map(r=>"vertical"===r?"column":"row"),s["> *:not(:last-child)"]=o.map(r=>({["vertical"===r?"marginBottom":"marginRight"]:a,["vertical"===r?"marginRight":"marginBottom"]:0}))):(s.flexDirection="vertical"===o?"column":"row",s["> *:not(:last-child)"]={["vertical"===o?"marginBottom":"marginRight"]:a}),e.createElement(V.div,Object.assign({},n,{css:$(s,i)}))};K.displayName="Magic(stack)",V.stack=K;const Q=K.bind({});Q.displayName="Magic(row)",Q.defaultProps={direction:"horizontal"},V.row=Q;const rr=K.bind({});rr.displayName="Magic(column)",rr.defaultProps={direction:"vertical"},V.column=rr,V.grid=J("div")({display:"grid"},"grid"),Object.keys(o).forEach((function(r){"default"!==r&&Object.defineProperty(exports,r,{enumerable:!0,get:function(){return o[r]}})})),exports.GOOBER_ID="✨📃",exports.GOOBER_PREFIX=".✨",exports.GOOBER_REGEX=m,exports.Global=_,exports.ThemeContext=l,exports.ThemeProvider=({theme:r={},children:t})=>e.createElement(l.Provider,{value:r||p},t),exports.baseTheme=p,exports.compose=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),w(e)},exports.createMagic=J,exports.createParser=w,exports.createStyleFunction=T,exports.extractCss=f,exports.extractMagicStyles=()=>{const r=f();return e.createElement("style",{id:"✨📃",dangerouslySetInnerHTML:{t:r}})},exports.get=R,exports.getSheet=b,exports.hash=h,exports.important=function r(e){return"string"==typeof e?e+" !important":Object.fromEntries(Object.entries(e).map(([e,t])=>[e,r(t)]))},exports.magic=V,exports.merge=x,exports.parse=d,exports.ssr=g,exports.system=v,exports.update=y,exports.useTheme=c;
function r(r){return r&&"object"==typeof r&&"default"in r?r.default:r}var e=r(require("react")),t=require("@nksaraf/colors"),o=r(require("color")),a=require("framer-motion"),i=require("inline-style-prefixer"),n=r(require("deepmerge"));function s(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const p=[0,4,8,16,32,64,128,256,512];p.full="100%",p.half="50%",p["1/2"]="50%",p["1/4"]="25%",p["3/4"]="75%";const l={breakpoints:["544px","768px","1012px","1280px"],colors:t.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:s(["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:s(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},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"},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:p,sizes:p},c=(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},d={breakpoints:[40,52,64].map(r=>r+"em")},m=r=>"@media screen and (min-width: "+r+")",g=(r,e)=>b(e,r,r),b=(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},f=(r,e="ignore",t=!0)=>{const o={},a=(a,i)=>{let n={},s={},p=!1;const l=i&&i.disableStyledSystemCache;for(const g in a){if(!r[g]){"separate"===e?s[g]=a[g]:"merge"===e&&(n[g]=a[g]);continue}const f=r[g],h=a[g],x=b(i,f.scale,f.defaults);if("object"!=typeof h)Object.assign(n,f(h,x,a,i));else{if(!t&&Array.isArray(h)){n[g]=h.map(r=>f(r,x,a,i)[g]);continue}if(f.allowComplex||!t){Object.assign(n,f(h,x,a,i));continue}if(o.breakpoints=!l&&o.breakpoints||b(i,"breakpoints",d.breakpoints),Array.isArray(h)){o.media=!l&&o.media||[null,...o.breakpoints.map(m)],n=c(n,y(o.media,f,x,h,a,i));continue}null!==h&&(n=c(n,u(o.breakpoints,f,x,h,a,i)),p=!0)}}return p&&(n=(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})(n)),"separate"===e?[n,s]:n};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},y=(r,e,t,o,a,i)=>{let n={};return o.slice(0,r.length).forEach((o,s)=>{const p=r[s],l=e(o,t,a,i);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},u=(r,e,t,o,a,i)=>{let n={};for(let s in o){const p=r[s],l=e(o[s],t,a,i);if(p){const r=m(p);Object.assign(n,{[r]:Object.assign({},n[r],l)})}else Object.assign(n,l)}return n},h=({properties:r,property:e,scale:t,transform:o=g,fallbackScale:a,allowComplex:i=!1})=>{r=r||[e];const n=(e,t,a,n)=>{const s={};let p=o(e,t,a,n);if(null!==p)return i||"object"!=typeof p||(p=e),r.forEach(r=>{s[r]=p}),s};return n.scale=t,n.allowComplex=i,n.defaults=a,n},x=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?h(t):t:h({property:e,scale:e})}),f(o,e,t)},j=e.createContext(l),S=()=>{const r=e.useContext(j)||{};return Object.assign(r,{get:(...e)=>b(r,e.join("."),""),color:e=>b(r,"colors."+e,e),size:e=>b(r,"sizes."+e,e),Color:e=>o(b(r,"colors."+e,e))})},O=(r,e,t)=>{let o="",a="",i="";for(let n in r){const s=r[n];if("object"!=typeof s||Array.isArray(s))/^@i/.test(n)?o=n+" "+s+";":(n=n.replace(/[A-Z]/g,"-$&").toLowerCase(),i+=n+":"+(Array.isArray(s)?s.join(";"+n+":"):s)+";");else{let r=e+" "+n;/&/g.test(n)&&(r=n.replace(/&/g,e)),"@"==n[0]&&(r=e,"f"==n[1]&&(r=n)),/@k/.test(n)?a+=n+"{"+O(s,"","")+"}":a+=O(s,r,r==e?n:t||"")}}if(i[0]){const r=e+"{"+i+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},R=/\s*✨[0-9]+/g,w={data:""},k=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 w},C=r=>{const e=k(r),t=e.data;return e.data="",t},T=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let v={};const B=(r,e,t,o)=>{const a=JSON.stringify(r),n=v[a]||(v[a]=".✨"+a.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),s=v[n]||(v[n]=O(i.prefix(r),t?"":n));return T(s,e,o),n.slice(1)};function L(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}function z(r,e){if("number"!=typeof r||r>=0){const t=b(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=b(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function W(r,e){const t=b(e,String(r),String(r));return"string"==typeof t?t:t+"px"}"undefined"!=typeof window?exports.sheet=k(document&&document.head):exports.sheet=k();const A={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]},M={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:W},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:W},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:W},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:W},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:W},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:W},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:W},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:W},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:W},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:W},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:W},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:W},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:W},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:W}},H={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:A.fontSizes,transform:W},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:W},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,align:{property:"alignItems"},justifyItems:!0,justifyContent:!0,justify:{property:"justifyContent"},flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:W},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},P={gridGap:{property:"gridGap",scale:"space",fallbackScale:A.space,transform:W},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:A.space,transform:W},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:A.space,transform:W},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},D={width:{property:"width",scale:"sizes",transform:W},w:{property:"width",scale:"sizes",transform:W},height:{property:"height",scale:"sizes",transform:W},h:{property:"height",scale:"sizes",transform:W},minWidth:{property:"minWidth",scale:"sizes",transform:W},minW:{property:"minWidth",scale:"sizes",transform:W},minHeight:{property:"minHeight",scale:"sizes",transform:W},minH:{property:"minHeight",scale:"sizes",transform:W},maxWidth:{property:"maxWidth",scale:"sizes",transform:W},maxW:{property:"maxWidth",scale:"sizes",transform:W},maxHeight:{property:"maxHeight",scale:"sizes",transform:W},maxH:{property:"maxHeight",scale:"sizes",transform:W},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},q={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:A.space,transform:z},right:{property:"right",scale:"space",fallbackScale:A.space,transform:z},bottom:{property:"bottom",scale:"space",fallbackScale:A.space,transform:z},left:{property:"left",scale:"space",fallbackScale:A.space,transform:z}},G={scale:"space",fallbackScale:A.space},E={margin:Object.assign({property:"margin",transform:z},G),m:Object.assign({property:"margin",transform:z},G),marginTop:Object.assign({property:"marginTop",transform:z},G),mt:Object.assign({property:"marginTop",transform:z},G),marginRight:Object.assign({property:"marginRight",transform:z},G),mr:Object.assign({property:"marginRight",transform:z},G),marginBottom:Object.assign({property:"marginBottom",transform:z},G),mb:Object.assign({property:"marginBottom",transform:z},G),marginLeft:Object.assign({property:"marginLeft",transform:z},G),ml:Object.assign({property:"marginLeft",transform:z},G),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:z},G),mx:Object.assign({properties:["marginLeft","marginRight"],transform:z},G),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:z},G),my:Object.assign({properties:["marginTop","marginBottom"],transform:z},G),padding:Object.assign({property:"padding",transform:W},G),p:Object.assign({property:"padding",transform:W},G),paddingTop:Object.assign({property:"paddingTop",transform:W},G),pt:Object.assign({property:"paddingTop",transform:W},G),paddingRight:Object.assign({property:"paddingRight",transform:W},G),pr:Object.assign({property:"paddingRight",transform:W},G),paddingBottom:Object.assign({property:"paddingBottom",transform:W},G),pb:Object.assign({property:"paddingBottom",transform:W},G),paddingLeft:Object.assign({property:"paddingLeft",transform:W},G),pl:Object.assign({property:"paddingLeft",transform:W},G),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:W},G),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:W},G),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:W},G),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:W},G)},F=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"}},{},M,{},{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,{},D,{},{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},{},q,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},E),N=x(F,"separate"),U=x(F,"merge",!1),X=(r,e,t,o)=>"object"!=typeof r||Array.isArray(X)?r:U(r,o),Y=x({animate:{property:"animate",transform:X,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var i in r)a[i]="function"==typeof r[i]?r[i]:U(r[i],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:X,allowComplex:!0},exit:{property:"exit",transform:X,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:X,allowComplex:!0},whileHover:{property:"whileHover",transform:X,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",!1),_={},J=({style:r={},css:t={},id:o})=>{const a=S();return e.useMemo(()=>{if(o&&_[o])return;const e={};for(var i in r){const[t,o]=N(r[i],a);e[i]=t}for(var i in t){const[r,o]=N(t[i],a);e[i]=r}return o&&(_[o]=e),B(e,exports.sheet,!0,!1)},[o]),e.createElement(e.Fragment,null)},V=r=>(t={},o=("string"==typeof r?r:r.displayName||r.name||"Component"))=>{const i=e.forwardRef((o,i)=>{let{noMagic:n=!1}=o,s=L(o,["noMagic"]);if(n)return e.createElement(r,s);let{children:p,className:l,as:c,css:d,noMotion:m=!1,props:g}=s,b=L(s,["children","className","as","css","noMotion","props"]),f=R.test(l);d=Object.assign({},t,d);const y=S(),[u,h]=Y(b,y);let x={},j=void 0;if(0===Object.keys(h).length&&0===Object.keys(d).length)j=l;else{let r={},[e,t]=N(h,y);if(x=t,r=e,d&&Object.keys(d).length>0){const[t,o]=N(d,y),a={};for(var O in o)a[O]="object"!=typeof o[O]?o[O]:U(o[O],y);r=Object.assign({},e,t,a)}j=Object.keys(r).length>0?B(r,exports.sheet,!1,f)+(l?" "+l:""):l}const w=c||r,k=Object.keys(u).length>0&&!m?"string"==typeof w?a.motion[w]:a.motion.custom(w):w;return e.createElement(k,Object.assign({},u,x,g,{ref:i,children:p,className:j}))});return i.displayName="Magic("+o+")",i},Z=V;["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","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{Z[r]=V(r)()});const $=r=>{let{jsx:t=!1,noMagic:o=!1}=r,a=L(r,["jsx","noMagic"]);return t?e.createElement("style",Object.assign({jsx:t},a)):o?e.createElement("style",Object.assign({},a)):e.createElement(J,a)};$.displayName="Magic(style)",Z.style=$;const K=(...r)=>r.reduce((function(r,e){return((r={},e={})=>(Object.keys(r).forEach(e=>null==r[e]&&delete r[e]),Object.keys(e).forEach(r=>null==e[r]&&delete e[r]),n(r,e)))(r,e)}),{}),Q=r=>{let{inline:t,direction:o,gap:a=0,css:i}=r,n=L(r,["inline","justify","align","direction","gap","css"]);const s={display:t?"inline-flex":"flex"};return Array.isArray(o)?(s.flexDirection=o.map(r=>"vertical"===r?"column":"row"),s["> *:not(:last-child)"]=o.map(r=>({["vertical"===r?"marginBottom":"marginRight"]:a,["vertical"===r?"marginRight":"marginBottom"]:0}))):(s.flexDirection="vertical"===o?"column":"row",s["> *:not(:last-child)"]={["vertical"===o?"marginBottom":"marginRight"]:a}),e.createElement(Z.div,Object.assign({},n,{css:K(s,i)}))};Q.displayName="Magic(stack)",Z.stack=Q;const rr=Q.bind({});rr.displayName="Magic(row)",rr.defaultProps={direction:"horizontal"},Z.row=rr;const er=Q.bind({});er.displayName="Magic(column)",er.defaultProps={direction:"vertical"},Z.column=er,Z.grid=V("div")({display:"grid"},"grid"),Object.keys(a).forEach((function(r){"default"!==r&&Object.defineProperty(exports,r,{enumerable:!0,get:function(){return a[r]}})})),exports.GOOBER_ID="✨📃",exports.GOOBER_PREFIX=".✨",exports.GOOBER_REGEX=R,exports.Global=J,exports.ThemeContext=j,exports.ThemeProvider=({theme:r={},children:t})=>e.createElement(j.Provider,{value:r||l},t),exports.baseTheme=l,exports.compose=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),f(e)},exports.createMagic=V,exports.createParser=f,exports.createStyleFunction=h,exports.extractCss=C,exports.extractMagicStyles=()=>{const r=C();return e.createElement("style",{id:"✨📃",dangerouslySetInnerHTML:{t:r}})},exports.get=b,exports.getSheet=k,exports.hash=B,exports.important=function r(e){return"string"==typeof e?e+" !important":Object.fromEntries(Object.entries(e).map(([e,t])=>[e,r(t)]))},exports.magic=Z,exports.merge=c,exports.parse=O,exports.ssr=w,exports.system=x,exports.update=T,exports.useTheme=S;
//# sourceMappingURL=magic-components.cjs.js.map

2

dist/magic-components.js

@@ -1,2 +0,2 @@

import r from"react";import{colors as t}from"@nksaraf/colors";import{motion as e}from"framer-motion";export*from"framer-motion";import{prefix as o}from"inline-style-prefixer";import a from"deepmerge";function i(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const n=[0,4,8,16,32,64,128,256,512];n.full="100%",n.half="50%",n["1/2"]="50%",n["1/4"]="25%",n["3/4"]="75%";const s={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},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:i(["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:i(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},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"},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:n,sizes:n},p=r.createContext(s),l=({theme:t={},children:e})=>r.createElement(p.Provider,{value:t||s},e),c=()=>r.useContext(p)||{},d=(r,t,e)=>{let o="",a="",i="";for(let n in r){const s=r[n];if("object"!=typeof s||Array.isArray(s))/^@i/.test(n)?o=n+" "+s+";":(n=n.replace(/[A-Z]/g,"-$&").toLowerCase(),i+=n+":"+(Array.isArray(s)?s.join(";"+n+":"):s)+";");else{let r=t+" "+n;/&/g.test(n)&&(r=n.replace(/&/g,t)),"@"==n[0]&&(r=t,"f"==n[1]&&(r=n)),/@k/.test(n)?a+=n+"{"+d(s,"","")+"}":a+=d(s,r,r==t?n:e||"")}}if(i[0]){const r=t+"{"+i+"}";return e?a+e+"{"+r+"}":o+r+a}return o+a},m="✨📃",g=".✨",f=/\s*✨[0-9]+/g,b={data:""},y=r=>{try{let t=r?r.querySelector("#✨📃"):null;return t||(t=(r||document.head).appendChild(document.createElement("style")),t.innerHTML=" ",t.id="✨📃"),t.firstChild}catch(r){}return b},u=r=>{const t=y(r),e=t.data;return t.data="",e},h=(r,t,e)=>{t.data.indexOf(r)<0&&(t.data=e?r+t.data:t.data+r)};let j={};const x=(r,t,e,a)=>{const i=JSON.stringify(r),n=j[i]||(j[i]=".✨"+i.split("").reduce((r,t)=>101*r+t.charCodeAt(0)>>>0,11)),s=j[n]||(j[n]=d(o(r),e?"":n));return h(s,t,a),n.slice(1)};let S;S="undefined"!=typeof window?y(document&&document.head):y();const O=(r,t)=>{let e=Object.assign({},r,t);for(const o in r)r[o]&&"object"==typeof t[o]&&Object.assign(e,{[o]:Object.assign(r[o],t[o])});return e},R={breakpoints:[40,52,64].map(r=>r+"em")},w=r=>"@media screen and (min-width: "+r+")",k=(r,t)=>C(t,r,r),C=(r,t,e,o,a)=>{let i=t&&t.split?t.split("."):[t];for(o=0;o<i.length;o++)r=r?r[i[o]]:a;return r===a?e:r},T=(r,t="ignore",e=!0)=>{const o={},a=(a,i)=>{let n={},s={},p=!1;const l=i&&i.disableStyledSystemCache;for(const c in a){if(!r[c]){"separate"===t?s[c]=a[c]:"merge"===t&&(n[c]=a[c]);continue}const d=r[c],m=a[c],g=C(i,d.scale,d.defaults);if("object"!=typeof m)Object.assign(n,d(m,g,a,i));else{if(!e&&Array.isArray(m)){n[c]=m.map(r=>d(r,g,a,i)[c]);continue}if(d.allowComplex||!e){Object.assign(n,d(m,g,a,i));continue}if(o.breakpoints=!l&&o.breakpoints||C(i,"breakpoints",R.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(w)],n=O(n,v(o.media,d,g,m,a,i));continue}null!==m&&(n=O(n,B(o.breakpoints,d,g,m,a,i)),p=!0)}}return p&&(n=(r=>{const t={};return Object.keys(r).sort((r,t)=>r.localeCompare(t,void 0,{numeric:!0,sensitivity:"base"})).forEach(e=>{t[e]=r[e]}),t})(n)),"separate"===t?[n,s]:n};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},v=(r,t,e,o,a,i)=>{let n={};return o.slice(0,r.length).forEach((o,s)=>{const p=r[s],l=t(o,e,a,i);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},B=(r,t,e,o,a,i)=>{let n={};for(let s in o){const p=r[s],l=t(o[s],e,a,i);if(p){const r=w(p);Object.assign(n,{[r]:Object.assign({},n[r],l)})}else Object.assign(n,l)}return n},L=({properties:r,property:t,scale:e,transform:o=k,fallbackScale:a,allowComplex:i=!1})=>{r=r||[t];const n=(t,e,a,n)=>{const s={};let p=o(t,e,a,n);if(null!==p)return i||"object"!=typeof p||(p=t),r.forEach(r=>{s[r]=p}),s};return n.scale=e,n.allowComplex=i,n.defaults=a,n},W=(r={},t="ignore",e=!0)=>{const o={};return Object.keys(r).forEach(t=>{const e=r[t];o[t]=!0!==e?"function"!=typeof e?L(e):e:L({property:t,scale:t})}),T(o,t,e)},z=(...r)=>{let t={};return r.forEach(r=>{r&&r.config&&Object.assign(t,r.config)}),T(t)};function A(r,t){if(null==r)return{};var e,o,a={},i=Object.keys(r);for(o=0;o<i.length;o++)t.indexOf(e=i[o])>=0||(a[e]=r[e]);return a}function M(r,t){if("number"!=typeof r||r>=0){const e=C(t,String(r),String(r));return"string"==typeof e?e:e+"px"}const e=Math.abs(r),o=C(t,String(e),String(e));return"string"==typeof o?"-"+o:-1*o+"px"}function H(r,t){const e=C(t,String(r),String(r));return"string"==typeof e?e:e+"px"}const I={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]},P={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:H},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:H},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:H},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:H},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:H},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:H},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:H},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:H},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:H},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:H},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:H},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:H},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:H},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:H}},D={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:I.fontSizes,transform:H},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:H},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},G={alignItems:!0,alignContent:!0,align:{property:"alignItems"},justifyItems:!0,justifyContent:!0,justify:{property:"justifyContent"},flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:H},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},E={gridGap:{property:"gridGap",scale:"space",fallbackScale:I.space,transform:H},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:I.space,transform:H},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:I.space,transform:H},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},F={width:{property:"width",scale:"sizes",transform:H},w:{property:"width",scale:"sizes",transform:H},height:{property:"height",scale:"sizes",transform:H},h:{property:"height",scale:"sizes",transform:H},minWidth:{property:"minWidth",scale:"sizes",transform:H},minW:{property:"minWidth",scale:"sizes",transform:H},minHeight:{property:"minHeight",scale:"sizes",transform:H},minH:{property:"minHeight",scale:"sizes",transform:H},maxWidth:{property:"maxWidth",scale:"sizes",transform:H},maxW:{property:"maxWidth",scale:"sizes",transform:H},maxHeight:{property:"maxHeight",scale:"sizes",transform:H},maxH:{property:"maxHeight",scale:"sizes",transform:H},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},N={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:I.space,transform:M},right:{property:"right",scale:"space",fallbackScale:I.space,transform:M},bottom:{property:"bottom",scale:"space",fallbackScale:I.space,transform:M},left:{property:"left",scale:"space",fallbackScale:I.space,transform:M}},U={scale:"space",fallbackScale:I.space},X={margin:Object.assign({property:"margin",transform:M},U),m:Object.assign({property:"margin",transform:M},U),marginTop:Object.assign({property:"marginTop",transform:M},U),mt:Object.assign({property:"marginTop",transform:M},U),marginRight:Object.assign({property:"marginRight",transform:M},U),mr:Object.assign({property:"marginRight",transform:M},U),marginBottom:Object.assign({property:"marginBottom",transform:M},U),mb:Object.assign({property:"marginBottom",transform:M},U),marginLeft:Object.assign({property:"marginLeft",transform:M},U),ml:Object.assign({property:"marginLeft",transform:M},U),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:M},U),mx:Object.assign({properties:["marginLeft","marginRight"],transform:M},U),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:M},U),my:Object.assign({properties:["marginTop","marginBottom"],transform:M},U),padding:Object.assign({property:"padding",transform:H},U),p:Object.assign({property:"padding",transform:H},U),paddingTop:Object.assign({property:"paddingTop",transform:H},U),pt:Object.assign({property:"paddingTop",transform:H},U),paddingRight:Object.assign({property:"paddingRight",transform:H},U),pr:Object.assign({property:"paddingRight",transform:H},U),paddingBottom:Object.assign({property:"paddingBottom",transform:H},U),pb:Object.assign({property:"paddingBottom",transform:H},U),paddingLeft:Object.assign({property:"paddingLeft",transform:H},U),pl:Object.assign({property:"paddingLeft",transform:H},U),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:H},U),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:H},U),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:H},U),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:H},U)},Y=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"}},{},P,{},{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"}},{},D,{},G,{},E,{},F,{},{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},{},N,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},X),q=W(Y,"separate"),_=W(Y,"merge",!1),J=(r,t,e,o)=>"object"!=typeof r||Array.isArray(J)?r:_(r,o),V=W({animate:{property:"animate",transform:J,allowComplex:!0},variants:{property:"variants",transform:(r,t,e,o)=>{const a={};for(var i in r)a[i]="function"==typeof r[i]?r[i]:_(r[i],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:J,allowComplex:!0},exit:{property:"exit",transform:J,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:J,allowComplex:!0},whileHover:{property:"whileHover",transform:J,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",!1),Z={},$=({style:t={},css:e={},id:o})=>{const a=c();return r.useMemo(()=>{if(o&&Z[o])return;const r={};for(var i in t){const[e,o]=q(t[i],a);r[i]=e}for(var i in e){const[t,o]=q(e[i],a);r[i]=t}return o&&(Z[o]=r),x(r,S,!0,!1)},[o]),r.createElement(r.Fragment,null)};function K(r){return"string"==typeof r?r+" !important":Object.fromEntries(Object.entries(r).map(([r,t])=>[r,K(t)]))}const Q=t=>(o={},a=("string"==typeof t?t:t.displayName||t.name||"Component"))=>{const i=r.forwardRef((a,i)=>{let{noMagic:n=!1}=a,s=A(a,["noMagic"]);if(n)return r.createElement(t,s);let{children:p,className:l,as:d,css:m,noMotion:g=!1,props:b}=s,y=A(s,["children","className","as","css","noMotion","props"]),u=f.test(l);m=Object.assign({},o,m);const h=c(),[j,O]=V(y,h);let R={},w=void 0;if(0===Object.keys(O).length&&0===Object.keys(m).length)w=l;else{let r={},[t,e]=q(O,h);if(R=e,r=t,m&&Object.keys(m).length>0){const[e,o]=q(m,h),a={};for(var k in o)a[k]="object"!=typeof o[k]?o[k]:_(o[k],h);r=Object.assign({},t,e,a)}w=Object.keys(r).length>0?x(r,S,!1,u)+(l?" "+l:""):l}const C=d||t,T=Object.keys(j).length>0&&!g?"string"==typeof C?e[C]:e.custom(C):C;return r.createElement(T,Object.assign({},j,R,b,{ref:i,children:p,className:w}))});return i.displayName="Magic("+a+")",i},rr=Q;["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","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{rr[r]=Q(r)()});const tr=t=>{let{jsx:e=!1,noMagic:o=!1}=t,a=A(t,["jsx","noMagic"]);return e?r.createElement("style",Object.assign({jsx:e},a)):o?r.createElement("style",Object.assign({},a)):r.createElement($,a)};tr.displayName="Magic(style)",rr.style=tr;const er=(...r)=>r.reduce((function(r,t){return((r={},t={})=>(Object.keys(r).forEach(t=>null==r[t]&&delete r[t]),Object.keys(t).forEach(r=>null==t[r]&&delete t[r]),a(r,t)))(r,t)}),{}),or=t=>{let{inline:e,direction:o,gap:a=0,css:i}=t,n=A(t,["inline","justify","align","direction","gap","css"]);const s={display:e?"inline-flex":"flex"};return Array.isArray(o)?(s.flexDirection=o.map(r=>"vertical"===r?"column":"row"),s["> *:not(:last-child)"]=o.map(r=>({["vertical"===r?"marginBottom":"marginRight"]:a,["vertical"===r?"marginRight":"marginBottom"]:0}))):(s.flexDirection="vertical"===o?"column":"row",s["> *:not(:last-child)"]={["vertical"===o?"marginBottom":"marginRight"]:a}),r.createElement(rr.div,Object.assign({},n,{css:er(s,i)}))};or.displayName="Magic(stack)",rr.stack=or;const ar=or.bind({});ar.displayName="Magic(row)",ar.defaultProps={direction:"horizontal"},rr.row=ar;const ir=or.bind({});ir.displayName="Magic(column)",ir.defaultProps={direction:"vertical"},rr.column=ir,rr.grid=Q("div")({display:"grid"},"grid");const nr=()=>{const t=u();return r.createElement("style",{id:"✨📃",dangerouslySetInnerHTML:{t:t}})};export{m as GOOBER_ID,g as GOOBER_PREFIX,f as GOOBER_REGEX,$ as Global,p as ThemeContext,l as ThemeProvider,s as baseTheme,z as compose,Q as createMagic,T as createParser,L as createStyleFunction,u as extractCss,nr as extractMagicStyles,C as get,y as getSheet,x as hash,K as important,rr as magic,O as merge,d as parse,S as sheet,b as ssr,W as system,h as update,c as useTheme};
import r from"react";import{colors as e}from"@nksaraf/colors";import t from"color";import{motion as o}from"framer-motion";export*from"framer-motion";import{prefix as a}from"inline-style-prefixer";import i from"deepmerge";function n(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const s=[0,4,8,16,32,64,128,256,512];s.full="100%",s.half="50%",s["1/2"]="50%",s["1/4"]="25%",s["3/4"]="75%";const p={breakpoints:["544px","768px","1012px","1280px"],colors:e,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:n(["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:n(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},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"},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:s,sizes:s},l=(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},c={breakpoints:[40,52,64].map(r=>r+"em")},d=r=>"@media screen and (min-width: "+r+")",m=(r,e)=>g(e,r,r),g=(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},f=(r,e="ignore",t=!0)=>{const o={},a=(a,i)=>{let n={},s={},p=!1;const m=i&&i.disableStyledSystemCache;for(const f in a){if(!r[f]){"separate"===e?s[f]=a[f]:"merge"===e&&(n[f]=a[f]);continue}const u=r[f],h=a[f],j=g(i,u.scale,u.defaults);if("object"!=typeof h)Object.assign(n,u(h,j,a,i));else{if(!t&&Array.isArray(h)){n[f]=h.map(r=>u(r,j,a,i)[f]);continue}if(u.allowComplex||!t){Object.assign(n,u(h,j,a,i));continue}if(o.breakpoints=!m&&o.breakpoints||g(i,"breakpoints",c.breakpoints),Array.isArray(h)){o.media=!m&&o.media||[null,...o.breakpoints.map(d)],n=l(n,b(o.media,u,j,h,a,i));continue}null!==h&&(n=l(n,y(o.breakpoints,u,j,h,a,i)),p=!0)}}return p&&(n=(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})(n)),"separate"===e?[n,s]:n};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},b=(r,e,t,o,a,i)=>{let n={};return o.slice(0,r.length).forEach((o,s)=>{const p=r[s],l=e(o,t,a,i);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},y=(r,e,t,o,a,i)=>{let n={};for(let s in o){const p=r[s],l=e(o[s],t,a,i);if(p){const r=d(p);Object.assign(n,{[r]:Object.assign({},n[r],l)})}else Object.assign(n,l)}return n},u=({properties:r,property:e,scale:t,transform:o=m,fallbackScale:a,allowComplex:i=!1})=>{r=r||[e];const n=(e,t,a,n)=>{const s={};let p=o(e,t,a,n);if(null!==p)return i||"object"!=typeof p||(p=e),r.forEach(r=>{s[r]=p}),s};return n.scale=t,n.allowComplex=i,n.defaults=a,n},h=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?u(t):t:u({property:e,scale:e})}),f(o,e,t)},j=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),f(e)},x=r.createContext(p),S=({theme:e={},children:t})=>r.createElement(x.Provider,{value:e||p},t),O=()=>{const e=r.useContext(x)||{};return Object.assign(e,{get:(...r)=>g(e,r.join("."),""),color:r=>g(e,"colors."+r,r),size:r=>g(e,"sizes."+r,r),Color:r=>t(g(e,"colors."+r,r))})},R=(r,e,t)=>{let o="",a="",i="";for(let n in r){const s=r[n];if("object"!=typeof s||Array.isArray(s))/^@i/.test(n)?o=n+" "+s+";":(n=n.replace(/[A-Z]/g,"-$&").toLowerCase(),i+=n+":"+(Array.isArray(s)?s.join(";"+n+":"):s)+";");else{let r=e+" "+n;/&/g.test(n)&&(r=n.replace(/&/g,e)),"@"==n[0]&&(r=e,"f"==n[1]&&(r=n)),/@k/.test(n)?a+=n+"{"+R(s,"","")+"}":a+=R(s,r,r==e?n:t||"")}}if(i[0]){const r=e+"{"+i+"}";return t?a+t+"{"+r+"}":o+r+a}return o+a},w="✨📃",k=".✨",C=/\s*✨[0-9]+/g,T={data:""},v=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 T},B=r=>{const e=v(r),t=e.data;return e.data="",t},L=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let z={};const W=(r,e,t,o)=>{const i=JSON.stringify(r),n=z[i]||(z[i]=".✨"+i.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),s=z[n]||(z[n]=R(a(r),t?"":n));return L(s,e,o),n.slice(1)};let A;function M(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}function H(r,e){if("number"!=typeof r||r>=0){const t=g(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=g(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function I(r,e){const t=g(e,String(r),String(r));return"string"==typeof t?t:t+"px"}A="undefined"!=typeof window?v(document&&document.head):v();const P={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]},D={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:I},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:I},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:I},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:I},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:I},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:I},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:I},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:I},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:I},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:I},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:I},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:I},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:I},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:I}},G={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:P.fontSizes,transform:I},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:I},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},E={alignItems:!0,alignContent:!0,align:{property:"alignItems"},justifyItems:!0,justifyContent:!0,justify:{property:"justifyContent"},flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:I},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},F={gridGap:{property:"gridGap",scale:"space",fallbackScale:P.space,transform:I},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:P.space,transform:I},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:P.space,transform:I},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},N={width:{property:"width",scale:"sizes",transform:I},w:{property:"width",scale:"sizes",transform:I},height:{property:"height",scale:"sizes",transform:I},h:{property:"height",scale:"sizes",transform:I},minWidth:{property:"minWidth",scale:"sizes",transform:I},minW:{property:"minWidth",scale:"sizes",transform:I},minHeight:{property:"minHeight",scale:"sizes",transform:I},minH:{property:"minHeight",scale:"sizes",transform:I},maxWidth:{property:"maxWidth",scale:"sizes",transform:I},maxW:{property:"maxWidth",scale:"sizes",transform:I},maxHeight:{property:"maxHeight",scale:"sizes",transform:I},maxH:{property:"maxHeight",scale:"sizes",transform:I},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},U={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:P.space,transform:H},right:{property:"right",scale:"space",fallbackScale:P.space,transform:H},bottom:{property:"bottom",scale:"space",fallbackScale:P.space,transform:H},left:{property:"left",scale:"space",fallbackScale:P.space,transform:H}},X={scale:"space",fallbackScale:P.space},Y={margin:Object.assign({property:"margin",transform:H},X),m:Object.assign({property:"margin",transform:H},X),marginTop:Object.assign({property:"marginTop",transform:H},X),mt:Object.assign({property:"marginTop",transform:H},X),marginRight:Object.assign({property:"marginRight",transform:H},X),mr:Object.assign({property:"marginRight",transform:H},X),marginBottom:Object.assign({property:"marginBottom",transform:H},X),mb:Object.assign({property:"marginBottom",transform:H},X),marginLeft:Object.assign({property:"marginLeft",transform:H},X),ml:Object.assign({property:"marginLeft",transform:H},X),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:H},X),mx:Object.assign({properties:["marginLeft","marginRight"],transform:H},X),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:H},X),my:Object.assign({properties:["marginTop","marginBottom"],transform:H},X),padding:Object.assign({property:"padding",transform:I},X),p:Object.assign({property:"padding",transform:I},X),paddingTop:Object.assign({property:"paddingTop",transform:I},X),pt:Object.assign({property:"paddingTop",transform:I},X),paddingRight:Object.assign({property:"paddingRight",transform:I},X),pr:Object.assign({property:"paddingRight",transform:I},X),paddingBottom:Object.assign({property:"paddingBottom",transform:I},X),pb:Object.assign({property:"paddingBottom",transform:I},X),paddingLeft:Object.assign({property:"paddingLeft",transform:I},X),pl:Object.assign({property:"paddingLeft",transform:I},X),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:I},X),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:I},X),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:I},X),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:I},X)},q=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"}},{},D,{},{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"}},{},G,{},E,{},F,{},N,{},{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},{},U,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},Y),_=h(q,"separate"),J=h(q,"merge",!1),V=(r,e,t,o)=>"object"!=typeof r||Array.isArray(V)?r:J(r,o),Z=h({animate:{property:"animate",transform:V,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const a={};for(var i in r)a[i]="function"==typeof r[i]?r[i]:J(r[i],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:V,allowComplex:!0},exit:{property:"exit",transform:V,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:V,allowComplex:!0},whileHover:{property:"whileHover",transform:V,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",!1),$={},K=({style:e={},css:t={},id:o})=>{const a=O();return r.useMemo(()=>{if(o&&$[o])return;const r={};for(var i in e){const[t,o]=_(e[i],a);r[i]=t}for(var i in t){const[e,o]=_(t[i],a);r[i]=e}return o&&($[o]=r),W(r,A,!0,!1)},[o]),r.createElement(r.Fragment,null)};function Q(r){return"string"==typeof r?r+" !important":Object.fromEntries(Object.entries(r).map(([r,e])=>[r,Q(e)]))}const rr=e=>(t={},a=("string"==typeof e?e:e.displayName||e.name||"Component"))=>{const i=r.forwardRef((a,i)=>{let{noMagic:n=!1}=a,s=M(a,["noMagic"]);if(n)return r.createElement(e,s);let{children:p,className:l,as:c,css:d,noMotion:m=!1,props:g}=s,f=M(s,["children","className","as","css","noMotion","props"]),b=C.test(l);d=Object.assign({},t,d);const y=O(),[u,h]=Z(f,y);let j={},x=void 0;if(0===Object.keys(h).length&&0===Object.keys(d).length)x=l;else{let r={},[e,t]=_(h,y);if(j=t,r=e,d&&Object.keys(d).length>0){const[t,o]=_(d,y),a={};for(var S in o)a[S]="object"!=typeof o[S]?o[S]:J(o[S],y);r=Object.assign({},e,t,a)}x=Object.keys(r).length>0?W(r,A,!1,b)+(l?" "+l:""):l}const R=c||e,w=Object.keys(u).length>0&&!m?"string"==typeof R?o[R]:o.custom(R):R;return r.createElement(w,Object.assign({},u,j,g,{ref:i,children:p,className:x}))});return i.displayName="Magic("+a+")",i},er=rr;["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","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{er[r]=rr(r)()});const tr=e=>{let{jsx:t=!1,noMagic:o=!1}=e,a=M(e,["jsx","noMagic"]);return t?r.createElement("style",Object.assign({jsx:t},a)):o?r.createElement("style",Object.assign({},a)):r.createElement(K,a)};tr.displayName="Magic(style)",er.style=tr;const or=(...r)=>r.reduce((function(r,e){return((r={},e={})=>(Object.keys(r).forEach(e=>null==r[e]&&delete r[e]),Object.keys(e).forEach(r=>null==e[r]&&delete e[r]),i(r,e)))(r,e)}),{}),ar=e=>{let{inline:t,direction:o,gap:a=0,css:i}=e,n=M(e,["inline","justify","align","direction","gap","css"]);const s={display:t?"inline-flex":"flex"};return Array.isArray(o)?(s.flexDirection=o.map(r=>"vertical"===r?"column":"row"),s["> *:not(:last-child)"]=o.map(r=>({["vertical"===r?"marginBottom":"marginRight"]:a,["vertical"===r?"marginRight":"marginBottom"]:0}))):(s.flexDirection="vertical"===o?"column":"row",s["> *:not(:last-child)"]={["vertical"===o?"marginBottom":"marginRight"]:a}),r.createElement(er.div,Object.assign({},n,{css:or(s,i)}))};ar.displayName="Magic(stack)",er.stack=ar;const ir=ar.bind({});ir.displayName="Magic(row)",ir.defaultProps={direction:"horizontal"},er.row=ir;const nr=ar.bind({});nr.displayName="Magic(column)",nr.defaultProps={direction:"vertical"},er.column=nr,er.grid=rr("div")({display:"grid"},"grid");const sr=()=>{const e=B();return r.createElement("style",{id:"✨📃",dangerouslySetInnerHTML:{t:e}})};export{w as GOOBER_ID,k as GOOBER_PREFIX,C as GOOBER_REGEX,K as Global,x as ThemeContext,S as ThemeProvider,p as baseTheme,j as compose,rr as createMagic,f as createParser,u as createStyleFunction,B as extractCss,sr as extractMagicStyles,g as get,v as getSheet,W as hash,Q as important,er as magic,l as merge,R as parse,A as sheet,T as ssr,h as system,L as update,O as useTheme};
//# sourceMappingURL=magic-components.js.map

2

dist/magic-components.umd.js

@@ -1,2 +0,2 @@

var r,e;r=this,e=function(r,e,t,o,a,n){function i(r){return r.map((function(r){return r.includes(" ")?'"'+r+'"':r})).join(", ")}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;var p=[0,4,8,16,32,64,128,256,512];p.full="100%",p.half="50%",p["1/2"]="50%",p["1/4"]="25%",p["3/4"]="75%";var s={breakpoints:["544px","768px","1012px","1280px"],colors:t.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:i(["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:i(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},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"},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:p,sizes:p},c=e.createContext(s),l=function(){return e.useContext(c)||{}},d=function r(e,t,o){var a="",n="",i="";for(var p in e){var s=e[p];if("object"!=typeof s||Array.isArray(s))/^@i/.test(p)?a=p+" "+s+";":i+=(p=p.replace(/[A-Z]/g,"-$&").toLowerCase())+":"+(Array.isArray(s)?s.join(";"+p+":"):s)+";";else{var c=t+" "+p;/&/g.test(p)&&(c=p.replace(/&/g,t)),"@"==p[0]&&(c=t,"f"==p[1]&&(c=p)),/@k/.test(p)?n+=p+"{"+r(s,"","")+"}":n+=r(s,c,c==t?p:o||"")}}if(i[0]){var l=t+"{"+i+"}";return o?n+o+"{"+l+"}":a+l+n}return a+n},f=/\s*✨[0-9]+/g,m={data:""},u=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 m},b=function(r){var e=u(r),t=e.data;return e.data="",t},g=function(r,e,t){e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)},y={},h=function(r,e,t,o){var n=JSON.stringify(r),i=y[n]||(y[n]=".✨"+n.split("").reduce((function(r,e){return 101*r+e.charCodeAt(0)>>>0}),11)),p=y[i]||(y[i]=d(a.prefix(r),t?"":i));return g(p,e,o),i.slice(1)};r.sheet="undefined"!=typeof window?u(document&&document.head):u();var v=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},j={breakpoints:[40,52,64].map((function(r){return r+"em"}))},x=function(r){return"@media screen and (min-width: "+r+")"},O=function(r,e){return S(e,r,r)},S=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},R=function(r,e,t){void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={},a=function(a,n){var i,p,s={},c={},l=!1,d=n&&n.disableStyledSystemCache,f=function(i){if(!r[i])return"separate"===e?c[i]=a[i]:"merge"===e&&(s[i]=a[i]),"continue";var p=r[i],f=a[i],m=S(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=!d&&o.breakpoints||S(n,"breakpoints",j.breakpoints),Array.isArray(f)?(o.media=!d&&o.media||[null].concat(o.breakpoints.map(x)),s=v(s,w(o.media,p,m,f,a,n)),"continue"):(null!==f&&(s=v(s,k(o.breakpoints,p,m,f,a,n)),l=!0),"continue"));Object.assign(s,p(f,m,a,n))};for(var m in a)f(m);return l&&(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,c]:s};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},w=function(r,e,t,o,a,n){var i={};return o.slice(0,r.length).forEach((function(o,p){var s,c=r[p],l=e(o,t,a,n);Object.assign(i,c?((s={})[c]=Object.assign({},i[c],l),s):l)})),i},k=function(r,e,t,o,a,n){var i={};for(var p in o){var s=r[p],c=e(o[p],t,a,n);if(s){var l,d=x(s);Object.assign(i,((l={})[d]=Object.assign({},i[d],c),l))}else Object.assign(i,c)}return i},T=function(r){var e=r.properties,t=r.transform,o=void 0===t?O: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},C=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?T(t):t:T({property:e,scale:e})})),R(o,e,t)};function B(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}function L(r,e){if("number"!=typeof r||r>=0){var t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var o=Math.abs(r),a=S(e,String(o),String(o));return"string"==typeof a?"-"+a:-1*a+"px"}function W(r,e){var t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var 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:W},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:W},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:W},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:W},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:W},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:W},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:W},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:W},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:W},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:W},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:W},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:W},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:W},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:W}},H={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:z.fontSizes,transform:W},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:W},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,align:{property:"alignItems"},justifyItems:!0,justifyContent:!0,justify:{property:"justifyContent"},flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:W},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},M={gridGap:{property:"gridGap",scale:"space",fallbackScale:z.space,transform:W},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:z.space,transform:W},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:z.space,transform:W},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},P={width:{property:"width",scale:"sizes",transform:W},w:{property:"width",scale:"sizes",transform:W},height:{property:"height",scale:"sizes",transform:W},h:{property:"height",scale:"sizes",transform:W},minWidth:{property:"minWidth",scale:"sizes",transform:W},minW:{property:"minWidth",scale:"sizes",transform:W},minHeight:{property:"minHeight",scale:"sizes",transform:W},minH:{property:"minHeight",scale:"sizes",transform:W},maxWidth:{property:"maxWidth",scale:"sizes",transform:W},maxW:{property:"maxWidth",scale:"sizes",transform:W},maxHeight:{property:"maxHeight",scale:"sizes",transform:W},maxH:{property:"maxHeight",scale:"sizes",transform:W},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},D={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:z.space,transform:L},right:{property:"right",scale:"space",fallbackScale:z.space,transform:L},bottom:{property:"bottom",scale:"space",fallbackScale:z.space,transform:L},left:{property:"left",scale:"space",fallbackScale:z.space,transform:L}},q={scale:"space",fallbackScale:z.space},G={margin:Object.assign({property:"margin",transform:L},q),m:Object.assign({property:"margin",transform:L},q),marginTop:Object.assign({property:"marginTop",transform:L},q),mt:Object.assign({property:"marginTop",transform:L},q),marginRight:Object.assign({property:"marginRight",transform:L},q),mr:Object.assign({property:"marginRight",transform:L},q),marginBottom:Object.assign({property:"marginBottom",transform:L},q),mb:Object.assign({property:"marginBottom",transform:L},q),marginLeft:Object.assign({property:"marginLeft",transform:L},q),ml:Object.assign({property:"marginLeft",transform:L},q),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:L},q),mx:Object.assign({properties:["marginLeft","marginRight"],transform:L},q),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:L},q),my:Object.assign({properties:["marginTop","marginBottom"],transform:L},q),padding:Object.assign({property:"padding",transform:W},q),p:Object.assign({property:"padding",transform:W},q),paddingTop:Object.assign({property:"paddingTop",transform:W},q),pt:Object.assign({property:"paddingTop",transform:W},q),paddingRight:Object.assign({property:"paddingRight",transform:W},q),pr:Object.assign({property:"paddingRight",transform:W},q),paddingBottom:Object.assign({property:"paddingBottom",transform:W},q),pb:Object.assign({property:"paddingBottom",transform:W},q),paddingLeft:Object.assign({property:"paddingLeft",transform:W},q),pl:Object.assign({property:"paddingLeft",transform:W},q),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:W},q),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:W},q),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:W},q),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:W},q)},E=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,{},M,{},P,{},{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},{},D,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},G),F=C(E,"separate"),U=C(E,"merge",!1),X=function r(e,t,o,a){return"object"!=typeof e||Array.isArray(r)?e:U(e,a)},Y=C({animate:{property:"animate",transform:X,allowComplex:!0},variants:{property:"variants",transform:function(r,e,t,o){var a={};for(var n in r)a[n]="function"==typeof r[n]?r[n]:U(r[n],o);return a},allowComplex:!0},transition:!0,initial:{property:"initial",transform:X,allowComplex:!0},exit:{property:"exit",transform:X,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:X,allowComplex:!0},whileHover:{property:"whileHover",transform:X,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",!1),N={},_=function(t){var o=t.style,a=void 0===o?{}:o,n=t.css,i=void 0===n?{}:n,p=t.id,s=l();return e.useMemo((function(){if(!p||!N[p]){var e={};for(var t in a){var o=F(a[t],s);e[t]=o[0]}for(var t in i){var n=F(i[t],s);e[t]=n[0]}return p&&(N[p]=e),h(e,r.sheet,!0,!1)}}),[p]),e.createElement(e.Fragment,null)},J=function(t){return function(a,n){void 0===a&&(a={}),void 0===n&&(n="string"==typeof t?t:t.displayName||t.name||"Component");var i=e.forwardRef((function(n,i){var p=n.noMagic,s=void 0!==p&&p,c=B(n,["noMagic"]);if(s)return e.createElement(t,c);var d=c.children,m=c.className,u=c.as,b=c.css,g=c.noMotion,y=void 0!==g&&g,v=c.props,j=B(c,["children","className","as","css","noMotion","props"]),x=f.test(m);b=Object.assign({},a,b);var O=l(),S=Y(j,O),R=S[0],w=S[1],k={},T=void 0;if(0===Object.keys(w).length&&0===Object.keys(b).length)T=m;else{var C={},L=F(w,O),W=L[0];if(k=L[1],C=W,b&&Object.keys(b).length>0){var z=F(b,O),A=z[0],H=z[1],I={};for(var M in H)I[M]="object"!=typeof H[M]?H[M]:U(H[M],O);C=Object.assign({},W,A,I)}T=Object.keys(C).length>0?h(C,r.sheet,!1,x)+(m?" "+m:""):m}var P=u||t,D=Object.keys(R).length>0&&!y?"string"==typeof P?o.motion[P]:o.motion.custom(P):P;return e.createElement(D,Object.assign({},R,k,v,{ref:i,children:d,className:T}))}));return i.displayName="Magic("+n+")",i}},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","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach((function(r){V[r]=J(r)()}));var Z=function(r){var t=r.jsx,o=void 0!==t&&t,a=r.noMagic,n=void 0!==a&&a,i=B(r,["jsx","noMagic"]);return o?e.createElement("style",Object.assign({jsx:o},i)):n?e.createElement("style",Object.assign({},i)):e.createElement(_,i)};Z.displayName="Magic(style)",V.style=Z;var $=function(r,e){return void 0===r&&(r={}),void 0===e&&(e={}),Object.keys(r).forEach((function(e){return null==r[e]&&delete r[e]})),Object.keys(e).forEach((function(r){return null==e[r]&&delete e[r]})),n(r,e)},K=function(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.reduce((function(r,e){return $(r,e)}),{})},Q=function(r){var t,o=r.inline,a=r.direction,n=r.gap,i=void 0===n?0:n,p=r.css,s=B(r,["inline","justify","align","direction","gap","css"]),c={display:o?"inline-flex":"flex"};return Array.isArray(a)?(c.flexDirection=a.map((function(r){return"vertical"===r?"column":"row"})),c["> *:not(:last-child)"]=a.map((function(r){var e;return(e={})["vertical"===r?"marginBottom":"marginRight"]=i,e["vertical"===r?"marginRight":"marginBottom"]=0,e}))):(c.flexDirection="vertical"===a?"column":"row",c["> *:not(:last-child)"]=((t={})["vertical"===a?"marginBottom":"marginRight"]=i,t)),e.createElement(V.div,Object.assign({},s,{css:K(c,p)}))};Q.displayName="Magic(stack)",V.stack=Q;var rr=Q.bind({});rr.displayName="Magic(row)",rr.defaultProps={direction:"horizontal"},V.row=rr;var er=Q.bind({});er.displayName="Magic(column)",er.defaultProps={direction:"vertical"},V.column=er,V.grid=J("div")({display:"grid"},"grid"),Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(r,e,{enumerable:!0,get:function(){return o[e]}})})),r.GOOBER_ID="✨📃",r.GOOBER_PREFIX=".✨",r.GOOBER_REGEX=f,r.Global=_,r.ThemeContext=c,r.ThemeProvider=function(r){var t=r.theme;return e.createElement(c.Provider,{value:(void 0===t?{}:t)||s},r.children)},r.baseTheme=s,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=R(r);return a},r.createMagic=J,r.createParser=R,r.createStyleFunction=T,r.extractCss=b,r.extractMagicStyles=function(){var r=b();return e.createElement("style",{id:"✨📃",dangerouslySetInnerHTML:{t:r}})},r.get=S,r.getSheet=u,r.hash=h,r.important=function r(e){return"string"==typeof e?e+" !important":Object.fromEntries(Object.entries(e).map((function(e){return[e[0],r(e[1])]})))},r.magic=V,r.merge=v,r.parse=d,r.ssr=m,r.system=C,r.update=g,r.useTheme=l},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@nksaraf/colors"),require("framer-motion"),require("inline-style-prefixer"),require("deepmerge")):"function"==typeof define&&define.amd?define(["exports","react","@nksaraf/colors","framer-motion","inline-style-prefixer","deepmerge"],e):e((r=r||self).Magic={},r.React,r.Colors,r.Motion,r.inlineStylePrefixer,r.deepmerge);
var r,e;r=this,e=function(r,e,t,o,a,n,i){function p(r){return r.map((function(r){return r.includes(" ")?'"'+r+'"':r})).join(", ")}e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,o=o&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o,i=i&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i;var s=[0,4,8,16,32,64,128,256,512];s.full="100%",s.half="50%",s["1/2"]="50%",s["1/4"]="25%",s["3/4"]="75%";var c={breakpoints:["544px","768px","1012px","1280px"],colors:t.colors,fontSizes:[11,12,14,16,20,24,28,32,40,48],lineHeights:{condensedUltra:1,condensed:1.25,default:1.5},maxWidths:{small:"544px",medium:"768px",large:"1012px",xlarge:"1280px"},fonts:{normal:p(["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:p(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},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"},fontWeights:{lighter:300,normal:400,bold:500,bolder:600},borders:[0,"1px solid"],radii:[0,3,6,12,150],space:s,sizes:s},l=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},d={breakpoints:[40,52,64].map((function(r){return r+"em"}))},f=function(r){return"@media screen and (min-width: "+r+")"},m=function(r,e){return u(e,r,r)},u=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},b=function(r,e,t){void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={},a=function(a,n){var i,p,s={},c={},m=!1,b=n&&n.disableStyledSystemCache,v=function(i){if(!r[i])return"separate"===e?c[i]=a[i]:"merge"===e&&(s[i]=a[i]),"continue";var p=r[i],v=a[i],h=u(n,p.scale,p.defaults);if("object"==typeof v)return!t&&Array.isArray(v)?(s[i]=v.map((function(r){return p(r,h,a,n)[i]})),"continue"):p.allowComplex||!t?(Object.assign(s,p(v,h,a,n)),"continue"):(o.breakpoints=!b&&o.breakpoints||u(n,"breakpoints",d.breakpoints),Array.isArray(v)?(o.media=!b&&o.media||[null].concat(o.breakpoints.map(f)),s=l(s,g(o.media,p,h,v,a,n)),"continue"):(null!==v&&(s=l(s,y(o.breakpoints,p,h,v,a,n)),m=!0),"continue"));Object.assign(s,p(v,h,a,n))};for(var h in a)v(h);return m&&(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,c]:s};return a.config=r,a.propNames=Object.keys(r),a.cache=o,a},g=function(r,e,t,o,a,n){var i={};return o.slice(0,r.length).forEach((function(o,p){var s,c=r[p],l=e(o,t,a,n);Object.assign(i,c?((s={})[c]=Object.assign({},i[c],l),s):l)})),i},y=function(r,e,t,o,a,n){var i={};for(var p in o){var s=r[p],c=e(o[p],t,a,n);if(s){var l,d=f(s);Object.assign(i,((l={})[d]=Object.assign({},i[d],c),l))}else Object.assign(i,c)}return i},v=function(r){var e=r.properties,t=r.transform,o=void 0===t?m: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},h=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?v(t):t:v({property:e,scale:e})})),b(o,e,t)},j=e.createContext(c),x=function(){var r=e.useContext(j)||{};return Object.assign(r,{get:function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return u(r,t.join("."),"")},color:function(e){return u(r,"colors."+e,e)},size:function(e){return u(r,"sizes."+e,e)},Color:function(e){return o(u(r,"colors."+e,e))}})},O=function r(e,t,o){var a="",n="",i="";for(var p in e){var s=e[p];if("object"!=typeof s||Array.isArray(s))/^@i/.test(p)?a=p+" "+s+";":i+=(p=p.replace(/[A-Z]/g,"-$&").toLowerCase())+":"+(Array.isArray(s)?s.join(";"+p+":"):s)+";";else{var c=t+" "+p;/&/g.test(p)&&(c=p.replace(/&/g,t)),"@"==p[0]&&(c=t,"f"==p[1]&&(c=p)),/@k/.test(p)?n+=p+"{"+r(s,"","")+"}":n+=r(s,c,c==t?p:o||"")}}if(i[0]){var l=t+"{"+i+"}";return o?n+o+"{"+l+"}":a+l+n}return a+n},S=/\s*✨[0-9]+/g,R={data:""},w=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 R},k=function(r){var e=w(r),t=e.data;return e.data="",t},C=function(r,e,t){e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)},T={},B=function(r,e,t,o){var a=JSON.stringify(r),i=T[a]||(T[a]=".✨"+a.split("").reduce((function(r,e){return 101*r+e.charCodeAt(0)>>>0}),11)),p=T[i]||(T[i]=O(n.prefix(r),t?"":i));return C(p,e,o),i.slice(1)};function L(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}function z(r,e){if("number"!=typeof r||r>=0){var t=u(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var o=Math.abs(r),a=u(e,String(o),String(o));return"string"==typeof a?"-"+a:-1*a+"px"}function W(r,e){var t=u(e,String(r),String(r));return"string"==typeof t?t:t+"px"}r.sheet="undefined"!=typeof window?w(document&&document.head):w();var A={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]},H={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:W},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:W},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:W},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:W},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:W},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:W},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:W},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:W},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:W},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:W},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:W},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:W},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:W},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:W}},I={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:A.fontSizes,transform:W},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:W},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},M={alignItems:!0,alignContent:!0,align:{property:"alignItems"},justifyItems:!0,justifyContent:!0,justify:{property:"justifyContent"},flexWrap:!0,flexDirection:!0,flex:!0,flexGrow:!0,flexShrink:!0,flexBasis:{property:"flexBasis",scale:"sizes",transform:W},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},P={gridGap:{property:"gridGap",scale:"space",fallbackScale:A.space,transform:W},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:A.space,transform:W},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:A.space,transform:W},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},D={width:{property:"width",scale:"sizes",transform:W},w:{property:"width",scale:"sizes",transform:W},height:{property:"height",scale:"sizes",transform:W},h:{property:"height",scale:"sizes",transform:W},minWidth:{property:"minWidth",scale:"sizes",transform:W},minW:{property:"minWidth",scale:"sizes",transform:W},minHeight:{property:"minHeight",scale:"sizes",transform:W},minH:{property:"minHeight",scale:"sizes",transform:W},maxWidth:{property:"maxWidth",scale:"sizes",transform:W},maxW:{property:"maxWidth",scale:"sizes",transform:W},maxHeight:{property:"maxHeight",scale:"sizes",transform:W},maxH:{property:"maxHeight",scale:"sizes",transform:W},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},q={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:A.space,transform:z},right:{property:"right",scale:"space",fallbackScale:A.space,transform:z},bottom:{property:"bottom",scale:"space",fallbackScale:A.space,transform:z},left:{property:"left",scale:"space",fallbackScale:A.space,transform:z}},G={scale:"space",fallbackScale:A.space},E={margin:Object.assign({property:"margin",transform:z},G),m:Object.assign({property:"margin",transform:z},G),marginTop:Object.assign({property:"marginTop",transform:z},G),mt:Object.assign({property:"marginTop",transform:z},G),marginRight:Object.assign({property:"marginRight",transform:z},G),mr:Object.assign({property:"marginRight",transform:z},G),marginBottom:Object.assign({property:"marginBottom",transform:z},G),mb:Object.assign({property:"marginBottom",transform:z},G),marginLeft:Object.assign({property:"marginLeft",transform:z},G),ml:Object.assign({property:"marginLeft",transform:z},G),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:z},G),mx:Object.assign({properties:["marginLeft","marginRight"],transform:z},G),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:z},G),my:Object.assign({properties:["marginTop","marginBottom"],transform:z},G),padding:Object.assign({property:"padding",transform:W},G),p:Object.assign({property:"padding",transform:W},G),paddingTop:Object.assign({property:"paddingTop",transform:W},G),pt:Object.assign({property:"paddingTop",transform:W},G),paddingRight:Object.assign({property:"paddingRight",transform:W},G),pr:Object.assign({property:"paddingRight",transform:W},G),paddingBottom:Object.assign({property:"paddingBottom",transform:W},G),pb:Object.assign({property:"paddingBottom",transform:W},G),paddingLeft:Object.assign({property:"paddingLeft",transform:W},G),pl:Object.assign({property:"paddingLeft",transform:W},G),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:W},G),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:W},G),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:W},G),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:W},G)},F=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"}},{},H,{},{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"}},{},I,{},M,{},P,{},D,{},{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},{},q,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},E),U=h(F,"separate"),X=h(F,"merge",!1),Y=function r(e,t,o,a){return"object"!=typeof e||Array.isArray(r)?e:X(e,a)},N=h({animate:{property:"animate",transform:Y,allowComplex:!0},variants:{property:"variants",transform:function(r,e,t,o){var a={};for(var n in r)a[n]="function"==typeof r[n]?r[n]:X(r[n],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",!1),_={},J=function(t){var o=t.style,a=void 0===o?{}:o,n=t.css,i=void 0===n?{}:n,p=t.id,s=x();return e.useMemo((function(){if(!p||!_[p]){var e={};for(var t in a){var o=U(a[t],s);e[t]=o[0]}for(var t in i){var n=U(i[t],s);e[t]=n[0]}return p&&(_[p]=e),B(e,r.sheet,!0,!1)}}),[p]),e.createElement(e.Fragment,null)},V=function(t){return function(o,n){void 0===o&&(o={}),void 0===n&&(n="string"==typeof t?t:t.displayName||t.name||"Component");var i=e.forwardRef((function(n,i){var p=n.noMagic,s=void 0!==p&&p,c=L(n,["noMagic"]);if(s)return e.createElement(t,c);var l=c.children,d=c.className,f=c.as,m=c.css,u=c.noMotion,b=void 0!==u&&u,g=c.props,y=L(c,["children","className","as","css","noMotion","props"]),v=S.test(d);m=Object.assign({},o,m);var h=x(),j=N(y,h),O=j[0],R=j[1],w={},k=void 0;if(0===Object.keys(R).length&&0===Object.keys(m).length)k=d;else{var C={},T=U(R,h),z=T[0];if(w=T[1],C=z,m&&Object.keys(m).length>0){var W=U(m,h),A=W[0],H=W[1],I={};for(var M in H)I[M]="object"!=typeof H[M]?H[M]:X(H[M],h);C=Object.assign({},z,A,I)}k=Object.keys(C).length>0?B(C,r.sheet,!1,v)+(d?" "+d:""):d}var P=f||t,D=Object.keys(O).length>0&&!b?"string"==typeof P?a.motion[P]:a.motion.custom(P):P;return e.createElement(D,Object.assign({},O,w,g,{ref:i,children:l,className:k}))}));return i.displayName="Magic("+n+")",i}},Z=V;["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","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach((function(r){Z[r]=V(r)()}));var $=function(r){var t=r.jsx,o=void 0!==t&&t,a=r.noMagic,n=void 0!==a&&a,i=L(r,["jsx","noMagic"]);return o?e.createElement("style",Object.assign({jsx:o},i)):n?e.createElement("style",Object.assign({},i)):e.createElement(J,i)};$.displayName="Magic(style)",Z.style=$;var K=function(r,e){return void 0===r&&(r={}),void 0===e&&(e={}),Object.keys(r).forEach((function(e){return null==r[e]&&delete r[e]})),Object.keys(e).forEach((function(r){return null==e[r]&&delete e[r]})),i(r,e)},Q=function(){for(var r=arguments.length,e=new Array(r),t=0;t<r;t++)e[t]=arguments[t];return e.reduce((function(r,e){return K(r,e)}),{})},rr=function(r){var t,o=r.inline,a=r.direction,n=r.gap,i=void 0===n?0:n,p=r.css,s=L(r,["inline","justify","align","direction","gap","css"]),c={display:o?"inline-flex":"flex"};return Array.isArray(a)?(c.flexDirection=a.map((function(r){return"vertical"===r?"column":"row"})),c["> *:not(:last-child)"]=a.map((function(r){var e;return(e={})["vertical"===r?"marginBottom":"marginRight"]=i,e["vertical"===r?"marginRight":"marginBottom"]=0,e}))):(c.flexDirection="vertical"===a?"column":"row",c["> *:not(:last-child)"]=((t={})["vertical"===a?"marginBottom":"marginRight"]=i,t)),e.createElement(Z.div,Object.assign({},s,{css:Q(c,p)}))};rr.displayName="Magic(stack)",Z.stack=rr;var er=rr.bind({});er.displayName="Magic(row)",er.defaultProps={direction:"horizontal"},Z.row=er;var tr=rr.bind({});tr.displayName="Magic(column)",tr.defaultProps={direction:"vertical"},Z.column=tr,Z.grid=V("div")({display:"grid"},"grid"),Object.keys(a).forEach((function(e){"default"!==e&&Object.defineProperty(r,e,{enumerable:!0,get:function(){return a[e]}})})),r.GOOBER_ID="✨📃",r.GOOBER_PREFIX=".✨",r.GOOBER_REGEX=S,r.Global=J,r.ThemeContext=j,r.ThemeProvider=function(r){var t=r.theme;return e.createElement(j.Provider,{value:(void 0===t?{}:t)||c},r.children)},r.baseTheme=c,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=b(r);return a},r.createMagic=V,r.createParser=b,r.createStyleFunction=v,r.extractCss=k,r.extractMagicStyles=function(){var r=k();return e.createElement("style",{id:"✨📃",dangerouslySetInnerHTML:{t:r}})},r.get=u,r.getSheet=w,r.hash=B,r.important=function r(e){return"string"==typeof e?e+" !important":Object.fromEntries(Object.entries(e).map((function(e){return[e[0],r(e[1])]})))},r.magic=Z,r.merge=l,r.parse=O,r.ssr=R,r.system=h,r.update=C,r.useTheme=x},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@nksaraf/colors"),require("color"),require("framer-motion"),require("inline-style-prefixer"),require("deepmerge")):"function"==typeof define&&define.amd?define(["exports","react","@nksaraf/colors","color","framer-motion","inline-style-prefixer","deepmerge"],e):e((r=r||self).Magic={},r.React,r.Colors,r.o,r.Motion,r.inlineStylePrefixer,r.deepmerge);
//# sourceMappingURL=magic-components.umd.js.map

4

dist/motion.d.ts
export declare const motionParser: {
(props: {
[x: string]: any;
}, theme: {
disableStyledSystemCache: any;
}): any;
}, theme: any): any;
config: {

@@ -8,0 +6,0 @@ [x: string]: any;

8

dist/parser.d.ts
export declare const strictCssParser: {
(props: {
[x: string]: any;
}, theme: {
disableStyledSystemCache: any;
}): any;
}, theme: any): any;
config: {

@@ -16,5 +14,3 @@ [x: string]: any;

[x: string]: any;
}, theme: {
disableStyledSystemCache: any;
}): any;
}, theme: any): any;
config: {

@@ -21,0 +17,0 @@ [x: string]: any;

12

dist/system.d.ts

@@ -20,5 +20,3 @@ export declare const merge: (a: {

[x: string]: any;
}, theme: {
disableStyledSystemCache: any;
}): any;
}, theme: any): any;
config: {

@@ -39,5 +37,3 @@ [x: string]: any;

[x: string]: any;
}, theme: {
disableStyledSystemCache: any;
}): any;
}, theme: any): any;
config: {

@@ -52,5 +48,3 @@ [x: string]: any;

[x: string]: any;
}, theme: {
disableStyledSystemCache: any;
}): any;
}, theme: any): any;
config: {

@@ -57,0 +51,0 @@ [x: string]: any;

18

dist/theme.d.ts
import React from "react";
import Color from "color";
export declare const ThemeContext: React.Context<any>;

@@ -6,2 +7,17 @@ export declare const ThemeProvider: ({ theme, children, }: React.PropsWithChildren<{

}>) => JSX.Element;
export declare const useTheme: () => any;
export declare const useTheme: () => {
[key: string]: any;
} & {
get: (...keys: string[]) => string | {
[x: string]: any;
};
color: (val: string) => string | {
[x: string]: any;
};
size: (val: string) => string | {
[x: string]: any;
};
Color: (val: string) => Color<string | {
[x: string]: any;
}>;
};

9

package.json
{
"name": "magic-components",
"version": "0.0.2-beta.21",
"version": "0.0.2-beta.22",
"description": "",

@@ -31,9 +31,8 @@ "repository": "Nikhil Saraf/magic-components",

"color": "^3.1.2",
"css-in-js-utils": "^3.0.4",
"deepmerge": "^4.2.2",
"framer-motion": "^2.0.0-beta.42",
"inline-style-prefixer": "^6.0.0",
"tiny-css-prefixer": "^1.1.4"
"framer-motion": "^2.0.0-beta.52",
"inline-style-prefixer": "^6.0.0"
},
"devDependencies": {
"@types/color": "^3.0.1",
"@types/inline-style-prefixer": "^5.0.0",

@@ -40,0 +39,0 @@ "@types/node": "^13.11.1",

dist/magic-components.cjs.js.map

Sorry, the diff of this file is not supported yet

dist/magic-components.js.map

Sorry, the diff of this file is not supported yet

dist/magic-components.umd.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc