magic-components - npm Package Compare versions

Comparing version 0.0.2-beta.8 to 0.0.2-beta.9

dist/magic-components.cjs.js

@@ -1,2 +0,2 @@
-function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=e(require("react")),t=require("@nksaraf/colors"),o=require("framer-motion"),i=e(require("deepmerge"));function a(e){return e.map(e=>e.includes(" ")?'"'+e+'"':e).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.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:a(["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},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=()=>r.useContext(p)||{},c=(e,r,t)=>{let o="",i="",a="";for(let n in e){const s=e[n];if("object"==typeof s){let e=r+" "+n;/&/g.test(n)&&(e=n.replace(/&/g,r)),"@"==n[0]&&(e=r,"f"==n[1]&&(e=n)),/@k/.test(n)?i+=n+"{"+c(s,"","")+"}":i+=c(s,e,e==r?n:t||"")}else/^@i/.test(n)?o=n+" "+s+";":a+=c.p?c.p(n.replace(/[A-Z]/g,"-$&").toLowerCase(),s):n.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){const e=r+"{"+a+"}";return t?i+t+"{"+e+"}":o+e+i}return o+i},d=/\s*✨[0-9]+/g,b={data:""},m=e=>{try{let r=e?e.querySelector("#✨📃"):null;return r||(r=(e||document.head).appendChild(document.createElement("style")),r.innerHTML=" ",r.id="✨📃"),r.firstChild}catch(e){}return b},g=(e,r,t)=>{r.data.indexOf(e)<0&&(r.data=t?e+r.data:r.data+e)};let f={};const u=(e,r,t,o)=>{const i=JSON.stringify(e),a=f[i]||(f[i]=".✨"+i.split("").reduce((e,r)=>101*e+r.charCodeAt(0)>>>0,11)),n=f[a]||(f[a]=c(e,t?"":a));return g(n,r,o),a.slice(1)};"undefined"!=typeof window?exports.sheet=m(document&&document.head):exports.sheet=m();const y=(e,r)=>{let t=Object.assign({},e,r);for(const o in e)e[o]&&"object"==typeof r[o]&&Object.assign(t,{[o]:Object.assign(e[o],r[o])});return t},h={breakpoints:[40,52,64].map(e=>e+"em")},x=e=>"@media screen and (min-width: "+e+")",S=(e,r)=>j(r,e,e),j=(e,r,t,o,i)=>{let a=r&&r.split?r.split("."):[r];for(o=0;o<a.length;o++)e=e?e[a[o]]:i;return e===i?t:e},k=(e,r="ignore",t=!0)=>{const o={},i=(i,a)=>{let n={},s={},p=!1;const l=a&&a.disableStyledSystemCache;for(const c in i){if(!e[c]){"separate"===r?s[c]=i[c]:"merge"===r&&(n[c]=i[c]);continue}const d=e[c],b=i[c],m=j(a,d.scale,d.defaults);if("object"!=typeof b)Object.assign(n,d(b,m,i,a));else{if(!t&&Array.isArray(b)){n[c]=b.map(e=>d(e,m,i,a)[c]);continue}if(d.allowComplex||!t){Object.assign(n,d(b,m,i,a));continue}if(o.breakpoints=!l&&o.breakpoints||j(a,"breakpoints",h.breakpoints),Array.isArray(b)){o.media=!l&&o.media||[null,...o.breakpoints.map(x)],n=y(n,O(o.media,d,m,b,i,a));continue}null!==b&&(n=y(n,R(o.breakpoints,d,m,b,i,a)),p=!0)}}return p&&(n=(e=>{const r={};return Object.keys(e).sort((e,r)=>e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{r[t]=e[t]}),r})(n)),"separate"===r?[n,s]:n};return i.config=e,i.propNames=Object.keys(e),i.cache=o,i},O=(e,r,t,o,i,a)=>{let n={};return o.slice(0,e.length).forEach((o,s)=>{const p=e[s],l=r(o,t,i,a);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},R=(e,r,t,o,i,a)=>{let n={};for(let s in o){const p=e[s],l=r(o[s],t,i,a);if(p){const e=x(p);Object.assign(n,{[e]:Object.assign({},n[e],l)})}else Object.assign(n,l)}return n},w=({properties:e,property:r,scale:t,transform:o=S,fallbackScale:i,allowComplex:a=!1})=>{e=e||[r];const n=(r,t,i,n)=>{const s={};let p=o(r,t,i,n);if(null!==p)return a||"object"!=typeof p||(p=r),e.forEach(e=>{s[e]=p}),s};return n.scale=t,n.allowComplex=a,n.defaults=i,n},v=(e={},r="ignore",t=!0)=>{const o={};return Object.keys(e).forEach(r=>{const t=e[r];o[r]=!0!==t?"function"!=typeof t?w(t):t:w({property:r,scale:r})}),k(o,r,t)};function z(e,r){if(null==e)return{};var t,o,i={},a=Object.keys(e);for(o=0;o<a.length;o++)r.indexOf(t=a[o])>=0||(i[t]=e[t]);return i}function T(e,r){if("number"!=typeof e||e>=0){const t=j(r,String(e),String(e));return"string"==typeof t?t:t+"px"}const t=Math.abs(e),o=j(r,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function C(e,r){const t=j(r,String(e),String(e));return"string"==typeof t?t:t+"px"}const W={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},B={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:C},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:C},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:C},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:C},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:C},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:C},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:C},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:C},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:C},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:C},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:C},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:C},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:C},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:C}},A={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:W.fontSizes,transform:C},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:C},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},L={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:C},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},H={gridGap:{property:"gridGap",scale:"space",fallbackScale:W.space,transform:C},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:W.space,transform:C},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:W.space,transform:C},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},I={width:{property:"width",scale:"sizes",transform:C},w:{property:"width",scale:"sizes",transform:C},height:{property:"height",scale:"sizes",transform:C},h:{property:"height",scale:"sizes",transform:C},minWidth:{property:"minWidth",scale:"sizes",transform:C},minW:{property:"minWidth",scale:"sizes",transform:C},minHeight:{property:"minHeight",scale:"sizes",transform:C},minH:{property:"minHeight",scale:"sizes",transform:C},maxWidth:{property:"maxWidth",scale:"sizes",transform:C},maxW:{property:"maxWidth",scale:"sizes",transform:C},maxHeight:{property:"maxHeight",scale:"sizes",transform:C},maxH:{property:"maxHeight",scale:"sizes",transform:C},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},D={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:W.space,transform:T},right:{property:"right",scale:"space",fallbackScale:W.space,transform:T},bottom:{property:"bottom",scale:"space",fallbackScale:W.space,transform:T},left:{property:"left",scale:"space",fallbackScale:W.space,transform:T}},M={scale:"space",fallbackScale:W.space},P={margin:Object.assign({property:"margin",transform:T},M),m:Object.assign({property:"margin",transform:T},M),marginTop:Object.assign({property:"marginTop",transform:T},M),mt:Object.assign({property:"marginTop",transform:T},M),marginRight:Object.assign({property:"marginRight",transform:T},M),mr:Object.assign({property:"marginRight",transform:T},M),marginBottom:Object.assign({property:"marginBottom",transform:T},M),mb:Object.assign({property:"marginBottom",transform:T},M),marginLeft:Object.assign({property:"marginLeft",transform:T},M),ml:Object.assign({property:"marginLeft",transform:T},M),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:T},M),mx:Object.assign({properties:["marginLeft","marginRight"],transform:T},M),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:T},M),my:Object.assign({properties:["marginTop","marginBottom"],transform:T},M),padding:Object.assign({property:"padding",transform:C},M),p:Object.assign({property:"padding",transform:C},M),paddingTop:Object.assign({property:"paddingTop",transform:C},M),pt:Object.assign({property:"paddingTop",transform:C},M),paddingRight:Object.assign({property:"paddingRight",transform:C},M),pr:Object.assign({property:"paddingRight",transform:C},M),paddingBottom:Object.assign({property:"paddingBottom",transform:C},M),pb:Object.assign({property:"paddingBottom",transform:C},M),paddingLeft:Object.assign({property:"paddingLeft",transform:C},M),pl:Object.assign({property:"paddingLeft",transform:C},M),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M)},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"}},{},B,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},A,{},L,{},H,{},I,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},D,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},P),q=v(F,"merge",!1),G=(e,r,t,o)=>"object"!=typeof e||Array.isArray(G)?e:q(e,o),E=v({animate:{property:"animate",transform:G,allowComplex:!0},variants:{property:"variants",transform:(e,r,t,o)=>{const i={};for(var a in e)i[a]="function"==typeof e[a]?e[a]:q(e[a],o);return i},allowComplex:!0},transition:!0,initial:{property:"initial",transform:G,allowComplex:!0},exit:{property:"exit",transform:G,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:G,allowComplex:!0},whileHover:{property:"whileHover",transform:G,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=v(F,"separate"),U=e=>(t={},i=("string"==typeof e?e:e.displayName||e.name||"Component"))=>{const a=r.forwardRef((i,a)=>{let{children:n,className:s,as:p,css:c}=i,b=z(i,["children","className","as","css"]),m=d.test(s);c=Object.assign({},t,c);const g=l(),[f,y]=E(b,g);let h={},x=void 0;if(0===Object.keys(y).length&&0===Object.keys(c).length)x=s;else{let e={},[r,t]=N(y,g);if(h=t,e=r,c&&Object.keys(c).length>0){const[t,o]=N(c,g),i={};for(var S in o)i[S]="object"!=typeof o[S]?o[S]:q(o[S],g);e=Object.assign({},r,t,i)}x=Object.keys(e).length>0?u(e,exports.sheet,!1,m)+(s?" "+s:""):s}return r.createElement(p||Object.keys(f).length>0?"string"==typeof e?o.motion[e]:o.motion.custom(e):e,Object.assign({},f,h,{ref:a,children:n,className:x}))});return a.displayName="Magic("+i+")",a},X=U;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(e=>{X[e]=U(e)()});const Y=({style:e})=>{const t=l();return r.useMemo(()=>{const r={};for(var o in e){const[i,a]=N(e[o],t);r[o]=i}return u(r,exports.sheet,!0,!1)},[]),r.createElement(r.Fragment,null)},Z=(...e)=>e.reduce((function(e,r){return((e={},r={})=>(Object.keys(e).forEach(r=>null==e[r]&&delete e[r]),Object.keys(r).forEach(e=>null==r[e]&&delete r[e]),i(e,r)))(e,r)}),{}),$=e=>{let{inline:t,direction:o,gap:i,css:a}=e,n=z(e,["inline","justify","align","direction","gap","css"]);const s={display:t?"inline-flex":"flex"};return Array.isArray(o)?(s.flexDirection=o.map(e=>"vertical"===e?"column":"row"),s["> *:not(:last-child)"]=o.map(e=>({["vertical"===e?"marginBottom":"marginRight"]:i,["vertical"===e?"marginRight":"marginBottom"]:0}))):(s.flexDirection="vertical"===o?"column":"row",s["> *:not(:last-child)"]={["vertical"===o?"marginBottom":"marginRight"]:i}),r.createElement(X.div,Object.assign({},n,{css:Z(s,a)}))};$.displayName="Magic(stack)",X.stack=$;const J=$.bind({});J.displayName="Magic(row)",J.defaultProps={direction:"horizontal"},X.row=J;const V=$.bind({});V.displayName="Magic(column)",V.defaultProps={direction:"vertical"},X.column=V,X.grid=U("div")({display:"grid"},"grid");const K={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}};Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return o[e]}})})),exports.CSSReset=()=>r.createElement(Y,{style:K}),exports.GOOBER_ID="✨📃",exports.GOOBER_PREFIX=".✨",exports.GOOBER_REGEX=d,exports.Global=Y,exports.ThemeContext=p,exports.ThemeProvider=({theme:e={},children:t})=>r.createElement(p.Provider,{value:e||s},t),exports.baseTheme=s,exports.compose=(...e)=>{let r={};return e.forEach(e=>{e&&e.config&&Object.assign(r,e.config)}),k(r)},exports.createMagic=U,exports.createParser=k,exports.createStyleFunction=w,exports.extractCss=e=>{const r=m(e),t=r.data;return r.data="",t},exports.get=j,exports.getSheet=m,exports.hash=u,exports.magic=X,exports.merge=y,exports.parse=c,exports.ssr=b,exports.strictCssParser=N,exports.system=v,exports.update=g,exports.useTheme=l;
+function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=e(require("react")),t=require("@nksaraf/colors"),o=require("framer-motion"),i=e(require("deepmerge"));function a(e){return e.map(e=>e.includes(" ")?'"'+e+'"':e).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.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:a(["-apple-system","BlinkMacSystemFont","Segoe UI","Helvetica","Arial","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"]),mono:a(["SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"])},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=()=>r.useContext(p)||{},c=(e,r,t)=>{let o="",i="",a="";for(let n in e){const s=e[n];if("object"==typeof s){let e=r+" "+n;/&/g.test(n)&&(e=n.replace(/&/g,r)),"@"==n[0]&&(e=r,"f"==n[1]&&(e=n)),/@k/.test(n)?i+=n+"{"+c(s,"","")+"}":i+=c(s,e,e==r?n:t||"")}else/^@i/.test(n)?o=n+" "+s+";":a+=c.p?c.p(n.replace(/[A-Z]/g,"-$&").toLowerCase(),s):n.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){const e=r+"{"+a+"}";return t?i+t+"{"+e+"}":o+e+i}return o+i},d=/\s*✨[0-9]+/g,b={data:""},m=e=>{try{let r=e?e.querySelector("#✨📃"):null;return r||(r=(e||document.head).appendChild(document.createElement("style")),r.innerHTML=" ",r.id="✨📃"),r.firstChild}catch(e){}return b},g=(e,r,t)=>{r.data.indexOf(e)<0&&(r.data=t?e+r.data:r.data+e)};let f={};const u=(e,r,t,o)=>{const i=JSON.stringify(e),a=f[i]||(f[i]=".✨"+i.split("").reduce((e,r)=>101*e+r.charCodeAt(0)>>>0,11)),n=f[a]||(f[a]=c(e,t?"":a));return g(n,r,o),a.slice(1)};"undefined"!=typeof window?exports.sheet=m(document&&document.head):exports.sheet=m();const y=(e,r)=>{let t=Object.assign({},e,r);for(const o in e)e[o]&&"object"==typeof r[o]&&Object.assign(t,{[o]:Object.assign(e[o],r[o])});return t},h={breakpoints:[40,52,64].map(e=>e+"em")},x=e=>"@media screen and (min-width: "+e+")",S=(e,r)=>j(r,e,e),j=(e,r,t,o,i)=>{let a=r&&r.split?r.split("."):[r];for(o=0;o<a.length;o++)e=e?e[a[o]]:i;return e===i?t:e},k=(e,r="ignore",t=!0)=>{const o={},i=(i,a)=>{let n={},s={},p=!1;const l=a&&a.disableStyledSystemCache;for(const c in i){if(!e[c]){"separate"===r?s[c]=i[c]:"merge"===r&&(n[c]=i[c]);continue}const d=e[c],b=i[c],m=j(a,d.scale,d.defaults);if("object"!=typeof b)Object.assign(n,d(b,m,i,a));else{if(!t&&Array.isArray(b)){n[c]=b.map(e=>d(e,m,i,a)[c]);continue}if(d.allowComplex||!t){Object.assign(n,d(b,m,i,a));continue}if(o.breakpoints=!l&&o.breakpoints||j(a,"breakpoints",h.breakpoints),Array.isArray(b)){o.media=!l&&o.media||[null,...o.breakpoints.map(x)],n=y(n,O(o.media,d,m,b,i,a));continue}null!==b&&(n=y(n,R(o.breakpoints,d,m,b,i,a)),p=!0)}}return p&&(n=(e=>{const r={};return Object.keys(e).sort((e,r)=>e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})).forEach(t=>{r[t]=e[t]}),r})(n)),"separate"===r?[n,s]:n};return i.config=e,i.propNames=Object.keys(e),i.cache=o,i},O=(e,r,t,o,i,a)=>{let n={};return o.slice(0,e.length).forEach((o,s)=>{const p=e[s],l=r(o,t,i,a);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},R=(e,r,t,o,i,a)=>{let n={};for(let s in o){const p=e[s],l=r(o[s],t,i,a);if(p){const e=x(p);Object.assign(n,{[e]:Object.assign({},n[e],l)})}else Object.assign(n,l)}return n},w=({properties:e,property:r,scale:t,transform:o=S,fallbackScale:i,allowComplex:a=!1})=>{e=e||[r];const n=(r,t,i,n)=>{const s={};let p=o(r,t,i,n);if(null!==p)return a||"object"!=typeof p||(p=r),e.forEach(e=>{s[e]=p}),s};return n.scale=t,n.allowComplex=a,n.defaults=i,n},v=(e={},r="ignore",t=!0)=>{const o={};return Object.keys(e).forEach(r=>{const t=e[r];o[r]=!0!==t?"function"!=typeof t?w(t):t:w({property:r,scale:r})}),k(o,r,t)};function z(e,r){if(null==e)return{};var t,o,i={},a=Object.keys(e);for(o=0;o<a.length;o++)r.indexOf(t=a[o])>=0||(i[t]=e[t]);return i}function T(e,r){if("number"!=typeof e||e>=0){const t=j(r,String(e),String(e));return"string"==typeof t?t:t+"px"}const t=Math.abs(e),o=j(r,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function C(e,r){const t=j(r,String(e),String(e));return"string"==typeof t?t:t+"px"}const W={fontSizes:[12,14,16,20,24,32,48,64,72],space:[0,4,8,16,32,64,128,256,512],sizes:[0,4,8,16,32,64,128,256,512]},B={border:{property:"border",scale:"borders"},borderWidth:{property:"borderWidth",scale:"borderWidths",transform:C},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:C},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:C},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:C},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:C},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:C},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:C},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:C},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:C},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:C},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:C},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:C},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:C},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:C}},A={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:W.fontSizes,transform:C},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:C},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},L={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:C},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},H={gridGap:{property:"gridGap",scale:"space",fallbackScale:W.space,transform:C},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:W.space,transform:C},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:W.space,transform:C},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},I={width:{property:"width",scale:"sizes",transform:C},w:{property:"width",scale:"sizes",transform:C},height:{property:"height",scale:"sizes",transform:C},h:{property:"height",scale:"sizes",transform:C},minWidth:{property:"minWidth",scale:"sizes",transform:C},minW:{property:"minWidth",scale:"sizes",transform:C},minHeight:{property:"minHeight",scale:"sizes",transform:C},minH:{property:"minHeight",scale:"sizes",transform:C},maxWidth:{property:"maxWidth",scale:"sizes",transform:C},maxW:{property:"maxWidth",scale:"sizes",transform:C},maxHeight:{property:"maxHeight",scale:"sizes",transform:C},maxH:{property:"maxHeight",scale:"sizes",transform:C},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},D={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:W.space,transform:T},right:{property:"right",scale:"space",fallbackScale:W.space,transform:T},bottom:{property:"bottom",scale:"space",fallbackScale:W.space,transform:T},left:{property:"left",scale:"space",fallbackScale:W.space,transform:T}},M={scale:"space",fallbackScale:W.space},P={margin:Object.assign({property:"margin",transform:T},M),m:Object.assign({property:"margin",transform:T},M),marginTop:Object.assign({property:"marginTop",transform:T},M),mt:Object.assign({property:"marginTop",transform:T},M),marginRight:Object.assign({property:"marginRight",transform:T},M),mr:Object.assign({property:"marginRight",transform:T},M),marginBottom:Object.assign({property:"marginBottom",transform:T},M),mb:Object.assign({property:"marginBottom",transform:T},M),marginLeft:Object.assign({property:"marginLeft",transform:T},M),ml:Object.assign({property:"marginLeft",transform:T},M),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:T},M),mx:Object.assign({properties:["marginLeft","marginRight"],transform:T},M),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:T},M),my:Object.assign({properties:["marginTop","marginBottom"],transform:T},M),padding:Object.assign({property:"padding",transform:C},M),p:Object.assign({property:"padding",transform:C},M),paddingTop:Object.assign({property:"paddingTop",transform:C},M),pt:Object.assign({property:"paddingTop",transform:C},M),paddingRight:Object.assign({property:"paddingRight",transform:C},M),pr:Object.assign({property:"paddingRight",transform:C},M),paddingBottom:Object.assign({property:"paddingBottom",transform:C},M),pb:Object.assign({property:"paddingBottom",transform:C},M),paddingLeft:Object.assign({property:"paddingLeft",transform:C},M),pl:Object.assign({property:"paddingLeft",transform:C},M),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M)},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"}},{},B,{},{color:{property:"color",scale:"colors"},textColor:{property:"color",scale:"colors"},opacity:!0,fill:{property:"fill",scale:"colors"},stroke:{property:"stroke",scale:"colors"},outline:!0,outlineOffset:!0,outlineColor:{property:"outlineColor",scale:"colors"}},{},A,{},L,{},H,{},I,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},D,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},P),q=v(F,"merge",!1),G=(e,r,t,o)=>"object"!=typeof e||Array.isArray(G)?e:q(e,o),E=v({animate:{property:"animate",transform:G,allowComplex:!0},variants:{property:"variants",transform:(e,r,t,o)=>{const i={};for(var a in e)i[a]="function"==typeof e[a]?e[a]:q(e[a],o);return i},allowComplex:!0},transition:!0,initial:{property:"initial",transform:G,allowComplex:!0},exit:{property:"exit",transform:G,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:G,allowComplex:!0},whileHover:{property:"whileHover",transform:G,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=v(F,"separate"),U=e=>(t={},i=("string"==typeof e?e:e.displayName||e.name||"Component"))=>{const a=r.forwardRef((i,a)=>{let{children:n,className:s,as:p,css:c}=i,b=z(i,["children","className","as","css"]),m=d.test(s);c=Object.assign({},t,c);const g=l(),[f,y]=E(b,g);let h={},x=void 0;if(0===Object.keys(y).length&&0===Object.keys(c).length)x=s;else{let e={},[r,t]=N(y,g);if(h=t,e=r,c&&Object.keys(c).length>0){const[t,o]=N(c,g),i={};for(var S in o)i[S]="object"!=typeof o[S]?o[S]:q(o[S],g);e=Object.assign({},r,t,i)}x=Object.keys(e).length>0?u(e,exports.sheet,!1,m)+(s?" "+s:""):s}const j=p||(Object.keys(f).length>0?"string"==typeof e?o.motion[e]:o.motion.custom(e):e);return console.log(j),r.createElement(j,Object.assign({},f,h,{ref:a,children:n,className:x}))});return a.displayName="Magic("+i+")",a},X=U;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(e=>{X[e]=U(e)()});const Y=({style:e})=>{const t=l();return r.useMemo(()=>{const r={};for(var o in e){const[i,a]=N(e[o],t);r[o]=i}return u(r,exports.sheet,!0,!1)},[]),r.createElement(r.Fragment,null)},Z=(...e)=>e.reduce((function(e,r){return((e={},r={})=>(Object.keys(e).forEach(r=>null==e[r]&&delete e[r]),Object.keys(r).forEach(e=>null==r[e]&&delete r[e]),i(e,r)))(e,r)}),{}),$=e=>{let{inline:t,direction:o,gap:i,css:a}=e,n=z(e,["inline","justify","align","direction","gap","css"]);const s={display:t?"inline-flex":"flex"};return Array.isArray(o)?(s.flexDirection=o.map(e=>"vertical"===e?"column":"row"),s["> *:not(:last-child)"]=o.map(e=>({["vertical"===e?"marginBottom":"marginRight"]:i,["vertical"===e?"marginRight":"marginBottom"]:0}))):(s.flexDirection="vertical"===o?"column":"row",s["> *:not(:last-child)"]={["vertical"===o?"marginBottom":"marginRight"]:i}),r.createElement(X.div,Object.assign({},n,{css:Z(s,a)}))};$.displayName="Magic(stack)",X.stack=$;const J=$.bind({});J.displayName="Magic(row)",J.defaultProps={direction:"horizontal"},X.row=J;const V=$.bind({});V.displayName="Magic(column)",V.defaultProps={direction:"vertical"},X.column=V,X.grid=U("div")({display:"grid"},"grid");const K={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}};Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return o[e]}})})),exports.CSSReset=()=>r.createElement(Y,{style:K}),exports.GOOBER_ID="✨📃",exports.GOOBER_PREFIX=".✨",exports.GOOBER_REGEX=d,exports.Global=Y,exports.ThemeContext=p,exports.ThemeProvider=({theme:e={},children:t})=>r.createElement(p.Provider,{value:e||s},t),exports.baseTheme=s,exports.compose=(...e)=>{let r={};return e.forEach(e=>{e&&e.config&&Object.assign(r,e.config)}),k(r)},exports.createMagic=U,exports.createParser=k,exports.createStyleFunction=w,exports.extractCss=e=>{const r=m(e),t=r.data;return r.data="",t},exports.get=j,exports.getSheet=m,exports.hash=u,exports.magic=X,exports.merge=y,exports.parse=c,exports.ssr=b,exports.strictCssParser=N,exports.system=v,exports.update=g,exports.useTheme=l;
 //# sourceMappingURL=magic-components.cjs.js.map

dist/magic-components.js

@@ -1,2 +0,2 @@
-import r from"react";import{colors as e}from"@nksaraf/colors";import{motion as t}from"framer-motion";export*from"framer-motion";import o from"deepmerge";function i(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const a=[0,4,8,16,32,64,128,256,512];a.full="100%",a.half="50%",a["1/2"]="50%",a["1/4"]="25%",a["3/4"]="75%";const n={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: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:a,sizes:a},s=r.createContext(n),p=({theme:e={},children:t})=>r.createElement(s.Provider,{value:e||n},t),l=()=>r.useContext(s)||{},c=(r,e,t)=>{let o="",i="",a="";for(let n in r){const s=r[n];if("object"==typeof s){let r=e+" "+n;/&/g.test(n)&&(r=n.replace(/&/g,e)),"@"==n[0]&&(r=e,"f"==n[1]&&(r=n)),/@k/.test(n)?i+=n+"{"+c(s,"","")+"}":i+=c(s,r,r==e?n:t||"")}else/^@i/.test(n)?o=n+" "+s+";":a+=c.p?c.p(n.replace(/[A-Z]/g,"-$&").toLowerCase(),s):n.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){const r=e+"{"+a+"}";return t?i+t+"{"+r+"}":o+r+i}return o+i},d="✨📃",m=".✨",b=/\s*✨[0-9]+/g,g={data:""},f=r=>{try{let e=r?r.querySelector("#✨📃"):null;return e||(e=(r||document.head).appendChild(document.createElement("style")),e.innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return g},y=r=>{const e=f(r),t=e.data;return e.data="",t},u=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let h={};const x=(r,e,t,o)=>{const i=JSON.stringify(r),a=h[i]||(h[i]=".✨"+i.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),n=h[a]||(h[a]=c(r,t?"":a));return u(n,e,o),a.slice(1)};let S;S="undefined"!=typeof window?f(document&&document.head):f();const j=(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},k={breakpoints:[40,52,64].map(r=>r+"em")},O=r=>"@media screen and (min-width: "+r+")",R=(r,e)=>w(e,r,r),w=(r,e,t,o,i)=>{let a=e&&e.split?e.split("."):[e];for(o=0;o<a.length;o++)r=r?r[a[o]]:i;return r===i?t:r},v=(r,e="ignore",t=!0)=>{const o={},i=(i,a)=>{let n={},s={},p=!1;const l=a&&a.disableStyledSystemCache;for(const c in i){if(!r[c]){"separate"===e?s[c]=i[c]:"merge"===e&&(n[c]=i[c]);continue}const d=r[c],m=i[c],b=w(a,d.scale,d.defaults);if("object"!=typeof m)Object.assign(n,d(m,b,i,a));else{if(!t&&Array.isArray(m)){n[c]=m.map(r=>d(r,b,i,a)[c]);continue}if(d.allowComplex||!t){Object.assign(n,d(m,b,i,a));continue}if(o.breakpoints=!l&&o.breakpoints||w(a,"breakpoints",k.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(O)],n=j(n,z(o.media,d,b,m,i,a));continue}null!==m&&(n=j(n,T(o.breakpoints,d,b,m,i,a)),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 i.config=r,i.propNames=Object.keys(r),i.cache=o,i},z=(r,e,t,o,i,a)=>{let n={};return o.slice(0,r.length).forEach((o,s)=>{const p=r[s],l=e(o,t,i,a);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},T=(r,e,t,o,i,a)=>{let n={};for(let s in o){const p=r[s],l=e(o[s],t,i,a);if(p){const r=O(p);Object.assign(n,{[r]:Object.assign({},n[r],l)})}else Object.assign(n,l)}return n},C=({properties:r,property:e,scale:t,transform:o=R,fallbackScale:i,allowComplex:a=!1})=>{r=r||[e];const n=(e,t,i,n)=>{const s={};let p=o(e,t,i,n);if(null!==p)return a||"object"!=typeof p||(p=e),r.forEach(r=>{s[r]=p}),s};return n.scale=t,n.allowComplex=a,n.defaults=i,n},W=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?C(t):t:C({property:e,scale:e})}),v(o,e,t)},B=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),v(e)};function A(r,e){if(null==r)return{};var t,o,i={},a=Object.keys(r);for(o=0;o<a.length;o++)e.indexOf(t=a[o])>=0||(i[t]=r[t]);return i}function L(r,e){if("number"!=typeof r||r>=0){const t=w(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=w(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function H(r,e){const t=w(e,String(r),String(r));return"string"==typeof t?t:t+"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]},D={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}},M={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"}},P={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"}},F={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},G={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},E={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:I.space,transform:L},right:{property:"right",scale:"space",fallbackScale:I.space,transform:L},bottom:{property:"bottom",scale:"space",fallbackScale:I.space,transform:L},left:{property:"left",scale:"space",fallbackScale:I.space,transform:L}},N={scale:"space",fallbackScale:I.space},U={margin:Object.assign({property:"margin",transform:L},N),m:Object.assign({property:"margin",transform:L},N),marginTop:Object.assign({property:"marginTop",transform:L},N),mt:Object.assign({property:"marginTop",transform:L},N),marginRight:Object.assign({property:"marginRight",transform:L},N),mr:Object.assign({property:"marginRight",transform:L},N),marginBottom:Object.assign({property:"marginBottom",transform:L},N),mb:Object.assign({property:"marginBottom",transform:L},N),marginLeft:Object.assign({property:"marginLeft",transform:L},N),ml:Object.assign({property:"marginLeft",transform:L},N),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:L},N),mx:Object.assign({properties:["marginLeft","marginRight"],transform:L},N),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:L},N),my:Object.assign({properties:["marginTop","marginBottom"],transform:L},N),padding:Object.assign({property:"padding",transform:H},N),p:Object.assign({property:"padding",transform:H},N),paddingTop:Object.assign({property:"paddingTop",transform:H},N),pt:Object.assign({property:"paddingTop",transform:H},N),paddingRight:Object.assign({property:"paddingRight",transform:H},N),pr:Object.assign({property:"paddingRight",transform:H},N),paddingBottom:Object.assign({property:"paddingBottom",transform:H},N),pb:Object.assign({property:"paddingBottom",transform:H},N),paddingLeft:Object.assign({property:"paddingLeft",transform:H},N),pl:Object.assign({property:"paddingLeft",transform:H},N),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:H},N),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:H},N),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:H},N),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:H},N)},X=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"}},{},M,{},P,{},F,{},G,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},E,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},U),Y=W(X,"merge",!1),q=(r,e,t,o)=>"object"!=typeof r||Array.isArray(q)?r:Y(r,o),Z=W({animate:{property:"animate",transform:q,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const i={};for(var a in r)i[a]="function"==typeof r[a]?r[a]:Y(r[a],o);return i},allowComplex:!0},transition:!0,initial:{property:"initial",transform:q,allowComplex:!0},exit:{property:"exit",transform:q,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:q,allowComplex:!0},whileHover:{property:"whileHover",transform:q,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate",!1),$=W(X,"separate"),J=e=>(o={},i=("string"==typeof e?e:e.displayName||e.name||"Component"))=>{const a=r.forwardRef((i,a)=>{let{children:n,className:s,as:p,css:c}=i,d=A(i,["children","className","as","css"]),m=b.test(s);c=Object.assign({},o,c);const g=l(),[f,y]=Z(d,g);let u={},h=void 0;if(0===Object.keys(y).length&&0===Object.keys(c).length)h=s;else{let r={},[e,t]=$(y,g);if(u=t,r=e,c&&Object.keys(c).length>0){const[t,o]=$(c,g),i={};for(var j in o)i[j]="object"!=typeof o[j]?o[j]:Y(o[j],g);r=Object.assign({},e,t,i)}h=Object.keys(r).length>0?x(r,S,!1,m)+(s?" "+s:""):s}return r.createElement(p||Object.keys(f).length>0?"string"==typeof e?t[e]:t.custom(e):e,Object.assign({},f,u,{ref:a,children:n,className:h}))});return a.displayName="Magic("+i+")",a},V=J;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{V[r]=J(r)()});const K=({style:e})=>{const t=l();return r.useMemo(()=>{const r={};for(var o in e){const[i,a]=$(e[o],t);r[o]=i}return x(r,S,!0,!1)},[]),r.createElement(r.Fragment,null)},Q=(...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]),o(r,e)))(r,e)}),{}),_=e=>{let{inline:t,direction:o,gap:i,css:a}=e,n=A(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"]:i,["vertical"===r?"marginRight":"marginBottom"]:0}))):(s.flexDirection="vertical"===o?"column":"row",s["> *:not(:last-child)"]={["vertical"===o?"marginBottom":"marginRight"]:i}),r.createElement(V.div,Object.assign({},n,{css:Q(s,a)}))};_.displayName="Magic(stack)",V.stack=_;const rr=_.bind({});rr.displayName="Magic(row)",rr.defaultProps={direction:"horizontal"},V.row=rr;const er=_.bind({});er.displayName="Magic(column)",er.defaultProps={direction:"vertical"},V.column=er,V.grid=J("div")({display:"grid"},"grid");const tr={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}},or=()=>r.createElement(K,{style:tr});export{or as CSSReset,d as GOOBER_ID,m as GOOBER_PREFIX,b as GOOBER_REGEX,K as Global,s as ThemeContext,p as ThemeProvider,n as baseTheme,B as compose,J as createMagic,v as createParser,C as createStyleFunction,y as extractCss,w as get,f as getSheet,x as hash,V as magic,j as merge,c as parse,S as sheet,g as ssr,$ as strictCssParser,W as system,u as update,l as useTheme};
+import r from"react";import{colors as e}from"@nksaraf/colors";import{motion as t}from"framer-motion";export*from"framer-motion";import o from"deepmerge";function i(r){return r.map(r=>r.includes(" ")?'"'+r+'"':r).join(", ")}const a=[0,4,8,16,32,64,128,256,512];a.full="100%",a.half="50%",a["1/2"]="50%",a["1/4"]="25%",a["3/4"]="75%";const n={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: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:a,sizes:a},s=r.createContext(n),p=({theme:e={},children:t})=>r.createElement(s.Provider,{value:e||n},t),l=()=>r.useContext(s)||{},c=(r,e,t)=>{let o="",i="",a="";for(let n in r){const s=r[n];if("object"==typeof s){let r=e+" "+n;/&/g.test(n)&&(r=n.replace(/&/g,e)),"@"==n[0]&&(r=e,"f"==n[1]&&(r=n)),/@k/.test(n)?i+=n+"{"+c(s,"","")+"}":i+=c(s,r,r==e?n:t||"")}else/^@i/.test(n)?o=n+" "+s+";":a+=c.p?c.p(n.replace(/[A-Z]/g,"-$&").toLowerCase(),s):n.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){const r=e+"{"+a+"}";return t?i+t+"{"+r+"}":o+r+i}return o+i},d="✨📃",m=".✨",b=/\s*✨[0-9]+/g,g={data:""},f=r=>{try{let e=r?r.querySelector("#✨📃"):null;return e||(e=(r||document.head).appendChild(document.createElement("style")),e.innerHTML=" ",e.id="✨📃"),e.firstChild}catch(r){}return g},y=r=>{const e=f(r),t=e.data;return e.data="",t},u=(r,e,t)=>{e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)};let h={};const x=(r,e,t,o)=>{const i=JSON.stringify(r),a=h[i]||(h[i]=".✨"+i.split("").reduce((r,e)=>101*r+e.charCodeAt(0)>>>0,11)),n=h[a]||(h[a]=c(r,t?"":a));return u(n,e,o),a.slice(1)};let S;S="undefined"!=typeof window?f(document&&document.head):f();const j=(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},k={breakpoints:[40,52,64].map(r=>r+"em")},O=r=>"@media screen and (min-width: "+r+")",R=(r,e)=>w(e,r,r),w=(r,e,t,o,i)=>{let a=e&&e.split?e.split("."):[e];for(o=0;o<a.length;o++)r=r?r[a[o]]:i;return r===i?t:r},v=(r,e="ignore",t=!0)=>{const o={},i=(i,a)=>{let n={},s={},p=!1;const l=a&&a.disableStyledSystemCache;for(const c in i){if(!r[c]){"separate"===e?s[c]=i[c]:"merge"===e&&(n[c]=i[c]);continue}const d=r[c],m=i[c],b=w(a,d.scale,d.defaults);if("object"!=typeof m)Object.assign(n,d(m,b,i,a));else{if(!t&&Array.isArray(m)){n[c]=m.map(r=>d(r,b,i,a)[c]);continue}if(d.allowComplex||!t){Object.assign(n,d(m,b,i,a));continue}if(o.breakpoints=!l&&o.breakpoints||w(a,"breakpoints",k.breakpoints),Array.isArray(m)){o.media=!l&&o.media||[null,...o.breakpoints.map(O)],n=j(n,z(o.media,d,b,m,i,a));continue}null!==m&&(n=j(n,T(o.breakpoints,d,b,m,i,a)),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 i.config=r,i.propNames=Object.keys(r),i.cache=o,i},z=(r,e,t,o,i,a)=>{let n={};return o.slice(0,r.length).forEach((o,s)=>{const p=r[s],l=e(o,t,i,a);Object.assign(n,p?{[p]:Object.assign({},n[p],l)}:l)}),n},T=(r,e,t,o,i,a)=>{let n={};for(let s in o){const p=r[s],l=e(o[s],t,i,a);if(p){const r=O(p);Object.assign(n,{[r]:Object.assign({},n[r],l)})}else Object.assign(n,l)}return n},C=({properties:r,property:e,scale:t,transform:o=R,fallbackScale:i,allowComplex:a=!1})=>{r=r||[e];const n=(e,t,i,n)=>{const s={};let p=o(e,t,i,n);if(null!==p)return a||"object"!=typeof p||(p=e),r.forEach(r=>{s[r]=p}),s};return n.scale=t,n.allowComplex=a,n.defaults=i,n},W=(r={},e="ignore",t=!0)=>{const o={};return Object.keys(r).forEach(e=>{const t=r[e];o[e]=!0!==t?"function"!=typeof t?C(t):t:C({property:e,scale:e})}),v(o,e,t)},B=(...r)=>{let e={};return r.forEach(r=>{r&&r.config&&Object.assign(e,r.config)}),v(e)};function A(r,e){if(null==r)return{};var t,o,i={},a=Object.keys(r);for(o=0;o<a.length;o++)e.indexOf(t=a[o])>=0||(i[t]=r[t]);return i}function L(r,e){if("number"!=typeof r||r>=0){const t=w(e,String(r),String(r));return"string"==typeof t?t:t+"px"}const t=Math.abs(r),o=w(e,String(t),String(t));return"string"==typeof o?"-"+o:-1*o+"px"}function H(r,e){const t=w(e,String(r),String(r));return"string"==typeof t?t:t+"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]},D={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}},M={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"}},P={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"}},F={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},G={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},E={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:I.space,transform:L},right:{property:"right",scale:"space",fallbackScale:I.space,transform:L},bottom:{property:"bottom",scale:"space",fallbackScale:I.space,transform:L},left:{property:"left",scale:"space",fallbackScale:I.space,transform:L}},N={scale:"space",fallbackScale:I.space},U={margin:Object.assign({property:"margin",transform:L},N),m:Object.assign({property:"margin",transform:L},N),marginTop:Object.assign({property:"marginTop",transform:L},N),mt:Object.assign({property:"marginTop",transform:L},N),marginRight:Object.assign({property:"marginRight",transform:L},N),mr:Object.assign({property:"marginRight",transform:L},N),marginBottom:Object.assign({property:"marginBottom",transform:L},N),mb:Object.assign({property:"marginBottom",transform:L},N),marginLeft:Object.assign({property:"marginLeft",transform:L},N),ml:Object.assign({property:"marginLeft",transform:L},N),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:L},N),mx:Object.assign({properties:["marginLeft","marginRight"],transform:L},N),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:L},N),my:Object.assign({properties:["marginTop","marginBottom"],transform:L},N),padding:Object.assign({property:"padding",transform:H},N),p:Object.assign({property:"padding",transform:H},N),paddingTop:Object.assign({property:"paddingTop",transform:H},N),pt:Object.assign({property:"paddingTop",transform:H},N),paddingRight:Object.assign({property:"paddingRight",transform:H},N),pr:Object.assign({property:"paddingRight",transform:H},N),paddingBottom:Object.assign({property:"paddingBottom",transform:H},N),pb:Object.assign({property:"paddingBottom",transform:H},N),paddingLeft:Object.assign({property:"paddingLeft",transform:H},N),pl:Object.assign({property:"paddingLeft",transform:H},N),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:H},N),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:H},N),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:H},N),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:H},N)},X=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"}},{},M,{},P,{},F,{},G,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},E,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},U),Y=W(X,"merge",!1),q=(r,e,t,o)=>"object"!=typeof r||Array.isArray(q)?r:Y(r,o),Z=W({animate:{property:"animate",transform:q,allowComplex:!0},variants:{property:"variants",transform:(r,e,t,o)=>{const i={};for(var a in r)i[a]="function"==typeof r[a]?r[a]:Y(r[a],o);return i},allowComplex:!0},transition:!0,initial:{property:"initial",transform:q,allowComplex:!0},exit:{property:"exit",transform:q,allowComplex:!0},style:!0,transformTemplate:!0,transformValues:!0,onUpdate:!0,onAnimationStart:!0,onAnimationComplete:!0,onPan:!0,onPanStart:!0,onPanSessionStart:!0,onPanEnd:!0,onTap:!0,onTapStart:!0,onTapCancel:!0,whileTap:{property:"whileTap",transform:q,allowComplex:!0},whileHover:{property:"whileHover",transform:q,allowComplex:!0},onHoverStart:!0,onHoverEnd:!0,layoutId:!0,onMagicComplete:!0,magicDependency:!0,allowTransformNone:!0,drag:!0,dragDirectionLock:!0,dragPropagation:!0,dragConstraints:!0,dragElastic:!0,dragMomentum:!0,dragTransition:!0,dragOriginX:!0,dragOriginY:!0,dragControls:!0,dragListener:!0,custom:!0,static:!0,inherit:!0},"separate",!1),$=W(X,"separate"),J=e=>(o={},i=("string"==typeof e?e:e.displayName||e.name||"Component"))=>{const a=r.forwardRef((i,a)=>{let{children:n,className:s,as:p,css:c}=i,d=A(i,["children","className","as","css"]),m=b.test(s);c=Object.assign({},o,c);const g=l(),[f,y]=Z(d,g);let u={},h=void 0;if(0===Object.keys(y).length&&0===Object.keys(c).length)h=s;else{let r={},[e,t]=$(y,g);if(u=t,r=e,c&&Object.keys(c).length>0){const[t,o]=$(c,g),i={};for(var j in o)i[j]="object"!=typeof o[j]?o[j]:Y(o[j],g);r=Object.assign({},e,t,i)}h=Object.keys(r).length>0?x(r,S,!1,m)+(s?" "+s:""):s}const k=p||(Object.keys(f).length>0?"string"==typeof e?t[e]:t.custom(e):e);return console.log(k),r.createElement(k,Object.assign({},f,u,{ref:a,children:n,className:h}))});return a.displayName="Magic("+i+")",a},V=J;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach(r=>{V[r]=J(r)()});const K=({style:e})=>{const t=l();return r.useMemo(()=>{const r={};for(var o in e){const[i,a]=$(e[o],t);r[o]=i}return x(r,S,!0,!1)},[]),r.createElement(r.Fragment,null)},Q=(...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]),o(r,e)))(r,e)}),{}),_=e=>{let{inline:t,direction:o,gap:i,css:a}=e,n=A(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"]:i,["vertical"===r?"marginRight":"marginBottom"]:0}))):(s.flexDirection="vertical"===o?"column":"row",s["> *:not(:last-child)"]={["vertical"===o?"marginBottom":"marginRight"]:i}),r.createElement(V.div,Object.assign({},n,{css:Q(s,a)}))};_.displayName="Magic(stack)",V.stack=_;const rr=_.bind({});rr.displayName="Magic(row)",rr.defaultProps={direction:"horizontal"},V.row=rr;const er=_.bind({});er.displayName="Magic(column)",er.defaultProps={direction:"vertical"},V.column=er,V.grid=J("div")({display:"grid"},"grid");const tr={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}},or=()=>r.createElement(K,{style:tr});export{or as CSSReset,d as GOOBER_ID,m as GOOBER_PREFIX,b as GOOBER_REGEX,K as Global,s as ThemeContext,p as ThemeProvider,n as baseTheme,B as compose,J as createMagic,v as createParser,C as createStyleFunction,y as extractCss,w as get,f as getSheet,x as hash,V as magic,j as merge,c as parse,S as sheet,g as ssr,$ as strictCssParser,W as system,u as update,l as useTheme};
 //# sourceMappingURL=magic-components.js.map

dist/magic-components.umd.js

@@ -1,2 +0,2 @@
-var r,e;r=this,e=function(r,e,t,o,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 a=[0,4,8,16,32,64,128,256,512];a.full="100%",a.half="50%",a["1/2"]="50%",a["1/4"]="25%",a["3/4"]="75%";var 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: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:a,sizes:a},s=e.createContext(p),l=function(){return e.useContext(s)||{}},d=function r(e,t,o){var n="",i="",a="";for(var p in e){var s=e[p];if("object"==typeof s){var l=t+" "+p;/&/g.test(p)&&(l=p.replace(/&/g,t)),"@"==p[0]&&(l=t,"f"==p[1]&&(l=p)),/@k/.test(p)?i+=p+"{"+r(s,"","")+"}":i+=r(s,l,l==t?p:o||"")}else/^@i/.test(p)?n=p+" "+s+";":a+=r.p?r.p(p.replace(/[A-Z]/g,"-$&").toLowerCase(),s):p.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){var d=t+"{"+a+"}";return o?i+o+"{"+d+"}":n+d+i}return n+i},c=/\s*✨[0-9]+/g,f={data:""},b=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 f},m=function(r,e,t){e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)},u={},g=function(r,e,t,o){var n=JSON.stringify(r),i=u[n]||(u[n]=".✨"+n.split("").reduce((function(r,e){return 101*r+e.charCodeAt(0)>>>0}),11)),a=u[i]||(u[i]=d(r,t?"":i));return m(a,e,o),i.slice(1)};r.sheet="undefined"!=typeof window?b(document&&document.head):b();var y=function(r,e){var t=Object.assign({},r,e);for(var o in r){var n;r[o]&&"object"==typeof e[o]&&Object.assign(t,((n={})[o]=Object.assign(r[o],e[o]),n))}return t},h={breakpoints:[40,52,64].map((function(r){return r+"em"}))},v=function(r){return"@media screen and (min-width: "+r+")"},x=function(r,e){return S(e,r,r)},S=function(r,e,t,o,n){var i=e&&e.split?e.split("."):[e];for(o=0;o<i.length;o++)r=r?r[i[o]]:n;return r===n?t:r},j=function(r,e,t){void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={},n=function(n,i){var a,p,s={},l={},d=!1,c=i&&i.disableStyledSystemCache,f=function(a){if(!r[a])return"separate"===e?l[a]=n[a]:"merge"===e&&(s[a]=n[a]),"continue";var p=r[a],f=n[a],b=S(i,p.scale,p.defaults);if("object"==typeof f)return!t&&Array.isArray(f)?(s[a]=f.map((function(r){return p(r,b,n,i)[a]})),"continue"):p.allowComplex||!t?(Object.assign(s,p(f,b,n,i)),"continue"):(o.breakpoints=!c&&o.breakpoints||S(i,"breakpoints",h.breakpoints),Array.isArray(f)?(o.media=!c&&o.media||[null].concat(o.breakpoints.map(v)),s=y(s,k(o.media,p,b,f,n,i)),"continue"):(null!==f&&(s=y(s,O(o.breakpoints,p,b,f,n,i)),d=!0),"continue"));Object.assign(s,p(f,b,n,i))};for(var b in n)f(b);return d&&(a=s,p={},Object.keys(a).sort((function(r,e){return r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})})).forEach((function(r){p[r]=a[r]})),s=p),"separate"===e?[s,l]:s};return n.config=r,n.propNames=Object.keys(r),n.cache=o,n},k=function(r,e,t,o,n,i){var a={};return o.slice(0,r.length).forEach((function(o,p){var s,l=r[p],d=e(o,t,n,i);Object.assign(a,l?((s={})[l]=Object.assign({},a[l],d),s):d)})),a},O=function(r,e,t,o,n,i){var a={};for(var p in o){var s=r[p],l=e(o[p],t,n,i);if(s){var d,c=v(s);Object.assign(a,((d={})[c]=Object.assign({},a[c],l),d))}else Object.assign(a,l)}return a},R=function(r){var e=r.properties,t=r.transform,o=void 0===t?x:t,n=r.fallbackScale,i=r.allowComplex,a=void 0!==i&&i;e=e||[r.property];var p=function(r,t,n,i){var p={},s=o(r,t,n,i);if(null!==s)return a||"object"!=typeof s||(s=r),e.forEach((function(r){p[r]=s})),p};return p.scale=r.scale,p.allowComplex=a,p.defaults=n,p},w=function(r,e,t){void 0===r&&(r={}),void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={};return Object.keys(r).forEach((function(e){var t=r[e];o[e]=!0!==t?"function"!=typeof t?R(t):t:R({property:e,scale:e})})),j(o,e,t)};function z(r,e){if(null==r)return{};var t,o,n={},i=Object.keys(r);for(o=0;o<i.length;o++)e.indexOf(t=i[o])>=0||(n[t]=r[t]);return n}function T(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),n=S(e,String(o),String(o));return"string"==typeof n?"-"+n:-1*n+"px"}function C(r,e){var t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var W={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:C},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:C},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:C},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:C},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:C},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:C},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:C},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:C},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:C},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:C},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:C},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:C},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:C},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:C}},B={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:W.fontSizes,transform:C},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:C},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},L={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:C},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},H={gridGap:{property:"gridGap",scale:"space",fallbackScale:W.space,transform:C},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:W.space,transform:C},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:W.space,transform:C},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},I={width:{property:"width",scale:"sizes",transform:C},w:{property:"width",scale:"sizes",transform:C},height:{property:"height",scale:"sizes",transform:C},h:{property:"height",scale:"sizes",transform:C},minWidth:{property:"minWidth",scale:"sizes",transform:C},minW:{property:"minWidth",scale:"sizes",transform:C},minHeight:{property:"minHeight",scale:"sizes",transform:C},minH:{property:"minHeight",scale:"sizes",transform:C},maxWidth:{property:"maxWidth",scale:"sizes",transform:C},maxW:{property:"maxWidth",scale:"sizes",transform:C},maxHeight:{property:"maxHeight",scale:"sizes",transform:C},maxH:{property:"maxHeight",scale:"sizes",transform:C},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},D={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:W.space,transform:T},right:{property:"right",scale:"space",fallbackScale:W.space,transform:T},bottom:{property:"bottom",scale:"space",fallbackScale:W.space,transform:T},left:{property:"left",scale:"space",fallbackScale:W.space,transform:T}},M={scale:"space",fallbackScale:W.space},P={margin:Object.assign({property:"margin",transform:T},M),m:Object.assign({property:"margin",transform:T},M),marginTop:Object.assign({property:"marginTop",transform:T},M),mt:Object.assign({property:"marginTop",transform:T},M),marginRight:Object.assign({property:"marginRight",transform:T},M),mr:Object.assign({property:"marginRight",transform:T},M),marginBottom:Object.assign({property:"marginBottom",transform:T},M),mb:Object.assign({property:"marginBottom",transform:T},M),marginLeft:Object.assign({property:"marginLeft",transform:T},M),ml:Object.assign({property:"marginLeft",transform:T},M),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:T},M),mx:Object.assign({properties:["marginLeft","marginRight"],transform:T},M),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:T},M),my:Object.assign({properties:["marginTop","marginBottom"],transform:T},M),padding:Object.assign({property:"padding",transform:C},M),p:Object.assign({property:"padding",transform:C},M),paddingTop:Object.assign({property:"paddingTop",transform:C},M),pt:Object.assign({property:"paddingTop",transform:C},M),paddingRight:Object.assign({property:"paddingRight",transform:C},M),pr:Object.assign({property:"paddingRight",transform:C},M),paddingBottom:Object.assign({property:"paddingBottom",transform:C},M),pb:Object.assign({property:"paddingBottom",transform:C},M),paddingLeft:Object.assign({property:"paddingLeft",transform:C},M),pl:Object.assign({property:"paddingLeft",transform:C},M),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M)},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"}},{},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"}},{},B,{},L,{},H,{},I,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},D,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},P),q=w(F,"merge",!1),G=function r(e,t,o,n){return"object"!=typeof e||Array.isArray(r)?e:q(e,n)},E=w({animate:{property:"animate",transform:G,allowComplex:!0},variants:{property:"variants",transform:function(r,e,t,o){var n={};for(var i in r)n[i]="function"==typeof r[i]?r[i]:q(r[i],o);return n},allowComplex:!0},transition:!0,initial:{property:"initial",transform:G,allowComplex:!0},exit:{property:"exit",transform:G,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:G,allowComplex:!0},whileHover:{property:"whileHover",transform:G,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),U=w(F,"separate"),X=function(t){return function(n,i){void 0===n&&(n={}),void 0===i&&(i="string"==typeof t?t:t.displayName||t.name||"Component");var a=e.forwardRef((function(i,a){var p=i.children,s=i.className,d=i.as,f=i.css,b=z(i,["children","className","as","css"]),m=c.test(s);f=Object.assign({},n,f);var u=l(),y=E(b,u),h=y[0],v=y[1],x={},S=void 0;if(0===Object.keys(v).length&&0===Object.keys(f).length)S=s;else{var j={},k=U(v,u),O=k[0];if(x=k[1],j=O,f&&Object.keys(f).length>0){var R=U(f,u),w=R[0],T=R[1],C={};for(var W in T)C[W]="object"!=typeof T[W]?T[W]:q(T[W],u);j=Object.assign({},O,w,C)}S=Object.keys(j).length>0?g(j,r.sheet,!1,m)+(s?" "+s:""):s}return e.createElement(d||Object.keys(h).length>0?"string"==typeof t?o.motion[t]:o.motion.custom(t):t,Object.assign({},h,x,{ref:a,children:p,className:S}))}));return a.displayName="Magic("+i+")",a}},Y=X;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach((function(r){Y[r]=X(r)()}));var N=function(t){var o=t.style,n=l();return e.useMemo((function(){var e={};for(var t in o){var i=U(o[t],n);e[t]=i[0]}return g(e,r.sheet,!0,!1)}),[]),e.createElement(e.Fragment,null)},Z=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)},$=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 Z(r,e)}),{})},J=function(r){var t,o=r.inline,n=r.direction,i=r.gap,a=r.css,p=z(r,["inline","justify","align","direction","gap","css"]),s={display:o?"inline-flex":"flex"};return Array.isArray(n)?(s.flexDirection=n.map((function(r){return"vertical"===r?"column":"row"})),s["> *:not(:last-child)"]=n.map((function(r){var e;return(e={})["vertical"===r?"marginBottom":"marginRight"]=i,e["vertical"===r?"marginRight":"marginBottom"]=0,e}))):(s.flexDirection="vertical"===n?"column":"row",s["> *:not(:last-child)"]=((t={})["vertical"===n?"marginBottom":"marginRight"]=i,t)),e.createElement(Y.div,Object.assign({},p,{css:$(s,a)}))};J.displayName="Magic(stack)",Y.stack=J;var V=J.bind({});V.displayName="Magic(row)",V.defaultProps={direction:"horizontal"},Y.row=V;var K=J.bind({});K.displayName="Magic(column)",K.defaultProps={direction:"vertical"},Y.column=K,Y.grid=X("div")({display:"grid"},"grid");var Q={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}};Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(r,e,{enumerable:!0,get:function(){return o[e]}})})),r.CSSReset=function(){return e.createElement(N,{style:Q})},r.GOOBER_ID="✨📃",r.GOOBER_PREFIX=".✨",r.GOOBER_REGEX=c,r.Global=N,r.ThemeContext=s,r.ThemeProvider=function(r){var t=r.theme;return e.createElement(s.Provider,{value:(void 0===t?{}:t)||p},r.children)},r.baseTheme=p,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 n=j(r);return n},r.createMagic=X,r.createParser=j,r.createStyleFunction=R,r.extractCss=function(r){var e=b(r),t=e.data;return e.data="",t},r.get=S,r.getSheet=b,r.hash=g,r.magic=Y,r.merge=y,r.parse=d,r.ssr=f,r.strictCssParser=U,r.system=w,r.update=m,r.useTheme=l},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@nksaraf/colors"),require("framer-motion"),require("deepmerge")):"function"==typeof define&&define.amd?define(["exports","react","@nksaraf/colors","framer-motion","deepmerge"],e):e((r=r||self).Magic={},r.React,r.Colors,r.Motion,r.deepmerge);
+var r,e;r=this,e=function(r,e,t,o,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 a=[0,4,8,16,32,64,128,256,512];a.full="100%",a.half="50%",a["1/2"]="50%",a["1/4"]="25%",a["3/4"]="75%";var 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: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:a,sizes:a},s=e.createContext(p),l=function(){return e.useContext(s)||{}},d=function r(e,t,o){var n="",i="",a="";for(var p in e){var s=e[p];if("object"==typeof s){var l=t+" "+p;/&/g.test(p)&&(l=p.replace(/&/g,t)),"@"==p[0]&&(l=t,"f"==p[1]&&(l=p)),/@k/.test(p)?i+=p+"{"+r(s,"","")+"}":i+=r(s,l,l==t?p:o||"")}else/^@i/.test(p)?n=p+" "+s+";":a+=r.p?r.p(p.replace(/[A-Z]/g,"-$&").toLowerCase(),s):p.replace(/[A-Z]/g,"-$&").toLowerCase()+":"+s+";"}if(a[0]){var d=t+"{"+a+"}";return o?i+o+"{"+d+"}":n+d+i}return n+i},c=/\s*✨[0-9]+/g,f={data:""},b=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 f},m=function(r,e,t){e.data.indexOf(r)<0&&(e.data=t?r+e.data:e.data+r)},u={},g=function(r,e,t,o){var n=JSON.stringify(r),i=u[n]||(u[n]=".✨"+n.split("").reduce((function(r,e){return 101*r+e.charCodeAt(0)>>>0}),11)),a=u[i]||(u[i]=d(r,t?"":i));return m(a,e,o),i.slice(1)};r.sheet="undefined"!=typeof window?b(document&&document.head):b();var y=function(r,e){var t=Object.assign({},r,e);for(var o in r){var n;r[o]&&"object"==typeof e[o]&&Object.assign(t,((n={})[o]=Object.assign(r[o],e[o]),n))}return t},h={breakpoints:[40,52,64].map((function(r){return r+"em"}))},v=function(r){return"@media screen and (min-width: "+r+")"},x=function(r,e){return S(e,r,r)},S=function(r,e,t,o,n){var i=e&&e.split?e.split("."):[e];for(o=0;o<i.length;o++)r=r?r[i[o]]:n;return r===n?t:r},j=function(r,e,t){void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={},n=function(n,i){var a,p,s={},l={},d=!1,c=i&&i.disableStyledSystemCache,f=function(a){if(!r[a])return"separate"===e?l[a]=n[a]:"merge"===e&&(s[a]=n[a]),"continue";var p=r[a],f=n[a],b=S(i,p.scale,p.defaults);if("object"==typeof f)return!t&&Array.isArray(f)?(s[a]=f.map((function(r){return p(r,b,n,i)[a]})),"continue"):p.allowComplex||!t?(Object.assign(s,p(f,b,n,i)),"continue"):(o.breakpoints=!c&&o.breakpoints||S(i,"breakpoints",h.breakpoints),Array.isArray(f)?(o.media=!c&&o.media||[null].concat(o.breakpoints.map(v)),s=y(s,k(o.media,p,b,f,n,i)),"continue"):(null!==f&&(s=y(s,O(o.breakpoints,p,b,f,n,i)),d=!0),"continue"));Object.assign(s,p(f,b,n,i))};for(var b in n)f(b);return d&&(a=s,p={},Object.keys(a).sort((function(r,e){return r.localeCompare(e,void 0,{numeric:!0,sensitivity:"base"})})).forEach((function(r){p[r]=a[r]})),s=p),"separate"===e?[s,l]:s};return n.config=r,n.propNames=Object.keys(r),n.cache=o,n},k=function(r,e,t,o,n,i){var a={};return o.slice(0,r.length).forEach((function(o,p){var s,l=r[p],d=e(o,t,n,i);Object.assign(a,l?((s={})[l]=Object.assign({},a[l],d),s):d)})),a},O=function(r,e,t,o,n,i){var a={};for(var p in o){var s=r[p],l=e(o[p],t,n,i);if(s){var d,c=v(s);Object.assign(a,((d={})[c]=Object.assign({},a[c],l),d))}else Object.assign(a,l)}return a},R=function(r){var e=r.properties,t=r.transform,o=void 0===t?x:t,n=r.fallbackScale,i=r.allowComplex,a=void 0!==i&&i;e=e||[r.property];var p=function(r,t,n,i){var p={},s=o(r,t,n,i);if(null!==s)return a||"object"!=typeof s||(s=r),e.forEach((function(r){p[r]=s})),p};return p.scale=r.scale,p.allowComplex=a,p.defaults=n,p},w=function(r,e,t){void 0===r&&(r={}),void 0===e&&(e="ignore"),void 0===t&&(t=!0);var o={};return Object.keys(r).forEach((function(e){var t=r[e];o[e]=!0!==t?"function"!=typeof t?R(t):t:R({property:e,scale:e})})),j(o,e,t)};function z(r,e){if(null==r)return{};var t,o,n={},i=Object.keys(r);for(o=0;o<i.length;o++)e.indexOf(t=i[o])>=0||(n[t]=r[t]);return n}function T(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),n=S(e,String(o),String(o));return"string"==typeof n?"-"+n:-1*n+"px"}function C(r,e){var t=S(e,String(r),String(r));return"string"==typeof t?t:t+"px"}var W={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:C},borderStyle:{property:"borderStyle",scale:"borderStyles"},borderColor:{property:"borderColor",scale:"colors"},borderRadius:{property:"borderRadius",scale:"radii",transform:C},borderTop:{property:"borderTop",scale:"borders"},borderTopLeftRadius:{property:"borderTopLeftRadius",scale:"radii",transform:C},borderTopRightRadius:{property:"borderTopRightRadius",scale:"radii",transform:C},borderRight:{property:"borderRight",scale:"borders"},borderBottom:{property:"borderBottom",scale:"borders"},borderBottomLeftRadius:{property:"borderBottomLeftRadius",scale:"radii",transform:C},borderBottomRightRadius:{property:"borderBottomRightRadius",scale:"radii",transform:C},borderLeft:{property:"borderLeft",scale:"borders"},borderX:{properties:["borderLeft","borderRight"],scale:"borders"},borderY:{properties:["borderTop","borderBottom"],scale:"borders"},borderTopWidth:{property:"borderTopWidth",scale:"borderWidths",transform:C},borderTopColor:{property:"borderTopColor",scale:"colors"},borderTopStyle:{property:"borderTopStyle",scale:"borderStyles"},borderBottomWidth:{property:"borderBottomWidth",scale:"borderWidths",transform:C},borderBottomColor:{property:"borderBottomColor",scale:"colors"},borderBottomStyle:{property:"borderBottomStyle",scale:"borderStyles"},borderLeftWidth:{property:"borderLeftWidth",scale:"borderWidths",transform:C},borderLeftColor:{property:"borderLeftColor",scale:"colors"},borderLeftStyle:{property:"borderLeftStyle",scale:"borderStyles"},borderRightWidth:{property:"borderRightWidth",scale:"borderWidths",transform:C},borderRightColor:{property:"borderRightColor",scale:"colors"},borderRightStyle:{property:"borderRightStyle",scale:"borderStyles"},borderTopRadius:{properties:["borderTopLeftRadius","borderTopRightRadius"],scale:"radii",transform:C},borderBottomRadius:{properties:["borderBottomLeftRadius","borderBottomRightRadius"],scale:"radii",transform:C},borderLeftRadius:{properties:["borderTopLeftRadius","borderBottomLeftRadius"],scale:"radii",transform:C},borderRightRadius:{properties:["borderTopRightRadius","borderBottomRightRadius"],scale:"radii",transform:C}},B={fontFamily:{property:"fontFamily",scale:"fonts"},fontSize:{property:"fontSize",scale:"fontSizes",fallbackScale:W.fontSizes,transform:C},fontWeight:{property:"fontWeight",scale:"fontWeights"},lineHeight:{property:"lineHeight",scale:"lineHeights"},letterSpacing:{property:"letterSpacing",scale:"letterSpacings",transform:C},textAlign:!0,fontStyle:!0,wordBreak:!0,overflowWrap:!0,textOverflow:!0,textTransform:!0,whiteSpace:!0,textDecoration:{property:"textDecoration"},textDecor:{property:"textDecoration"}},L={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:C},justifySelf:!0,alignSelf:!0,order:!0,flexDir:{property:"flexDirection"}},H={gridGap:{property:"gridGap",scale:"space",fallbackScale:W.space,transform:C},gridColumnGap:{property:"gridColumnGap",scale:"space",fallbackScale:W.space,transform:C},gridRowGap:{property:"gridRowGap",scale:"space",fallbackScale:W.space,transform:C},gridColumn:!0,gridRow:!0,gridAutoFlow:!0,gridAutoColumns:!0,gridAutoRows:!0,gridTemplateColumns:!0,gridTemplateRows:!0,gridTemplateAreas:!0,gridArea:!0,placeItems:!0},I={width:{property:"width",scale:"sizes",transform:C},w:{property:"width",scale:"sizes",transform:C},height:{property:"height",scale:"sizes",transform:C},h:{property:"height",scale:"sizes",transform:C},minWidth:{property:"minWidth",scale:"sizes",transform:C},minW:{property:"minWidth",scale:"sizes",transform:C},minHeight:{property:"minHeight",scale:"sizes",transform:C},minH:{property:"minHeight",scale:"sizes",transform:C},maxWidth:{property:"maxWidth",scale:"sizes",transform:C},maxW:{property:"maxWidth",scale:"sizes",transform:C},maxHeight:{property:"maxHeight",scale:"sizes",transform:C},maxH:{property:"maxHeight",scale:"sizes",transform:C},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0,boxSizing:!0},D={position:!0,pos:{property:"position"},zIndex:{property:"zIndex",scale:"zIndices"},top:{property:"top",scale:"space",fallbackScale:W.space,transform:T},right:{property:"right",scale:"space",fallbackScale:W.space,transform:T},bottom:{property:"bottom",scale:"space",fallbackScale:W.space,transform:T},left:{property:"left",scale:"space",fallbackScale:W.space,transform:T}},M={scale:"space",fallbackScale:W.space},P={margin:Object.assign({property:"margin",transform:T},M),m:Object.assign({property:"margin",transform:T},M),marginTop:Object.assign({property:"marginTop",transform:T},M),mt:Object.assign({property:"marginTop",transform:T},M),marginRight:Object.assign({property:"marginRight",transform:T},M),mr:Object.assign({property:"marginRight",transform:T},M),marginBottom:Object.assign({property:"marginBottom",transform:T},M),mb:Object.assign({property:"marginBottom",transform:T},M),marginLeft:Object.assign({property:"marginLeft",transform:T},M),ml:Object.assign({property:"marginLeft",transform:T},M),marginX:Object.assign({properties:["marginLeft","marginRight"],transform:T},M),mx:Object.assign({properties:["marginLeft","marginRight"],transform:T},M),marginY:Object.assign({properties:["marginTop","marginBottom"],transform:T},M),my:Object.assign({properties:["marginTop","marginBottom"],transform:T},M),padding:Object.assign({property:"padding",transform:C},M),p:Object.assign({property:"padding",transform:C},M),paddingTop:Object.assign({property:"paddingTop",transform:C},M),pt:Object.assign({property:"paddingTop",transform:C},M),paddingRight:Object.assign({property:"paddingRight",transform:C},M),pr:Object.assign({property:"paddingRight",transform:C},M),paddingBottom:Object.assign({property:"paddingBottom",transform:C},M),pb:Object.assign({property:"paddingBottom",transform:C},M),paddingLeft:Object.assign({property:"paddingLeft",transform:C},M),pl:Object.assign({property:"paddingLeft",transform:C},M),paddingX:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),px:Object.assign({properties:["paddingLeft","paddingRight"],transform:C},M),paddingY:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M),py:Object.assign({properties:["paddingTop","paddingBottom"],transform:C},M)},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"}},{},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"}},{},B,{},L,{},H,{},I,{},{animation:!0,appearance:!0,transform:!0,transformOrigin:!0,visibility:!0,userSelect:!0,pointerEvents:!0,cursor:!0,resize:!0,transition:!0,objectFit:!0,objectPosition:!0,float:!0,willChange:!0,listStyleType:!0,listStylePosition:!0,listStyleImage:!0},{},D,{},{boxShadow:{property:"boxShadow",scale:"shadows"},textShadow:{property:"textShadow",scale:"shadows"}},{},P),q=w(F,"merge",!1),G=function r(e,t,o,n){return"object"!=typeof e||Array.isArray(r)?e:q(e,n)},E=w({animate:{property:"animate",transform:G,allowComplex:!0},variants:{property:"variants",transform:function(r,e,t,o){var n={};for(var i in r)n[i]="function"==typeof r[i]?r[i]:q(r[i],o);return n},allowComplex:!0},transition:!0,initial:{property:"initial",transform:G,allowComplex:!0},exit:{property:"exit",transform:G,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:G,allowComplex:!0},whileHover:{property:"whileHover",transform:G,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),U=w(F,"separate"),X=function(t){return function(n,i){void 0===n&&(n={}),void 0===i&&(i="string"==typeof t?t:t.displayName||t.name||"Component");var a=e.forwardRef((function(i,a){var p=i.children,s=i.className,d=i.as,f=i.css,b=z(i,["children","className","as","css"]),m=c.test(s);f=Object.assign({},n,f);var u=l(),y=E(b,u),h=y[0],v=y[1],x={},S=void 0;if(0===Object.keys(v).length&&0===Object.keys(f).length)S=s;else{var j={},k=U(v,u),O=k[0];if(x=k[1],j=O,f&&Object.keys(f).length>0){var R=U(f,u),w=R[0],T=R[1],C={};for(var W in T)C[W]="object"!=typeof T[W]?T[W]:q(T[W],u);j=Object.assign({},O,w,C)}S=Object.keys(j).length>0?g(j,r.sheet,!1,m)+(s?" "+s:""):s}var A=d||(Object.keys(h).length>0?"string"==typeof t?o.motion[t]:o.motion.custom(t):t);return console.log(A),e.createElement(A,Object.assign({},h,x,{ref:a,children:p,className:S}))}));return a.displayName="Magic("+i+")",a}},Y=X;["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","svg","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","webview"].forEach((function(r){Y[r]=X(r)()}));var N=function(t){var o=t.style,n=l();return e.useMemo((function(){var e={};for(var t in o){var i=U(o[t],n);e[t]=i[0]}return g(e,r.sheet,!0,!1)}),[]),e.createElement(e.Fragment,null)},Z=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)},$=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 Z(r,e)}),{})},J=function(r){var t,o=r.inline,n=r.direction,i=r.gap,a=r.css,p=z(r,["inline","justify","align","direction","gap","css"]),s={display:o?"inline-flex":"flex"};return Array.isArray(n)?(s.flexDirection=n.map((function(r){return"vertical"===r?"column":"row"})),s["> *:not(:last-child)"]=n.map((function(r){var e;return(e={})["vertical"===r?"marginBottom":"marginRight"]=i,e["vertical"===r?"marginRight":"marginBottom"]=0,e}))):(s.flexDirection="vertical"===n?"column":"row",s["> *:not(:last-child)"]=((t={})["vertical"===n?"marginBottom":"marginRight"]=i,t)),e.createElement(Y.div,Object.assign({},p,{css:$(s,a)}))};J.displayName="Magic(stack)",Y.stack=J;var V=J.bind({});V.displayName="Magic(row)",V.defaultProps={direction:"horizontal"},Y.row=V;var K=J.bind({});K.displayName="Magic(column)",K.defaultProps={direction:"vertical"},Y.column=K,Y.grid=X("div")({display:"grid"},"grid");var Q={"*":{boxSizing:"border-box"},"::before, ::after":{boxSizing:"inherit"},html:{lineHeight:"1.15",WebkitTextSizeAdjust:"100%",WebkitTapHighlightColor:"transparent"},body:{margin:"0"},main:{display:"block"},"p, table, blockquote, address, pre, iframe, form, figure, dl":{margin:"0"},"h1, h2, h3, h4, h5, h6":{fontSize:"inherit",lineHeight:"inherit",fontWeight:"inherit",margin:"0"},"ul, ol":{margin:"0",padding:"0",listStyle:"none"},dt:{fontWeight:"bold"},dd:{marginLeft:"0"},hr:{boxSizing:"content-box",height:"0",overflow:"visible",border:"0",borderTop:"1px solid",margin:"0",clear:"both",color:"inherit"},pre:{fontFamily:"monospace, monospace",fontSize:"inherit"},address:{fontStyle:"inherit"},a:{backgroundColor:"transparent",textDecoration:"none",color:"inherit"},"abbr[title]":{borderBottom:"none",textDecoration:["underline","underline dotted"]},"b, strong":{fontWeight:"bolder"},"code, kbd, samp":{fontFamily:"monospace, monospace",fontSize:"inherit"},small:{fontSize:"80%"},"sub, sup":{fontSize:"75%",lineHeight:"0",position:"relative",verticalAlign:"baseline"},sub:{bottom:"-0.25em"},sup:{top:"-0.5em"},img:{borderStyle:"none",verticalAlign:"bottom"},"embed, object, iframe":{border:"0",verticalAlign:"bottom"},"button, input, optgroup, select, textarea":{WebkitAppearance:"none",appearance:"none",verticalAlign:"middle",color:"inherit",font:"inherit",border:"0",background:"transparent",padding:"0",margin:"0",outline:"0",borderRadius:"0",textAlign:"inherit"},"[type='checkbox']":{WebkitAppearance:"checkbox",appearance:"checkbox"},"[type='radio']":{WebkitAppearance:"radio",appearance:"radio"},"button, input":{overflow:"visible"},"button, select":{textTransform:"none"},"button, [type='button'], [type='reset'], [type='submit']":{cursor:"pointer",WebkitAppearance:"none",appearance:"none"},"button[disabled], [type='button'][disabled], [type='reset'][disabled], [type='submit'][disabled]":{cursor:"default"},"button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner":{borderStyle:"none",padding:"0"},"button:-moz-focusring, [type='button']:-moz-focusring, [type='reset']:-moz-focusring, [type='submit']:-moz-focusring":{outline:"1px dotted ButtonText"},fieldset:{margin:"0",padding:"0",border:"0",minWidth:"0"},legend:{color:"inherit",display:"table",maxWidth:"100%",padding:"0",whiteSpace:"normal"},progress:{verticalAlign:"baseline"},textarea:{overflow:"auto"},"[type='checkbox'], [type='radio']":{padding:"0"},"[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button":{height:"auto"},"[type='search']":{outlineOffset:"-2px"},"[type='search']::-webkit-search-decoration":{WebkitAppearance:"none"},"::-webkit-file-upload-button":{WebkitAppearance:"button",font:"inherit"},"label[for]":{cursor:"pointer"},details:{display:"block"},summary:{display:"list-item"},table:{borderCollapse:"collapse",borderSpacing:"0"},caption:{textAlign:"left"},"td, th":{verticalAlign:"top"},th:{textAlign:"left",fontWeight:"bold"},template:{display:"none"},"[hidden]":{display:"none"}};Object.keys(o).forEach((function(e){"default"!==e&&Object.defineProperty(r,e,{enumerable:!0,get:function(){return o[e]}})})),r.CSSReset=function(){return e.createElement(N,{style:Q})},r.GOOBER_ID="✨📃",r.GOOBER_PREFIX=".✨",r.GOOBER_REGEX=c,r.Global=N,r.ThemeContext=s,r.ThemeProvider=function(r){var t=r.theme;return e.createElement(s.Provider,{value:(void 0===t?{}:t)||p},r.children)},r.baseTheme=p,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 n=j(r);return n},r.createMagic=X,r.createParser=j,r.createStyleFunction=R,r.extractCss=function(r){var e=b(r),t=e.data;return e.data="",t},r.get=S,r.getSheet=b,r.hash=g,r.magic=Y,r.merge=y,r.parse=d,r.ssr=f,r.strictCssParser=U,r.system=w,r.update=m,r.useTheme=l},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@nksaraf/colors"),require("framer-motion"),require("deepmerge")):"function"==typeof define&&define.amd?define(["exports","react","@nksaraf/colors","framer-motion","deepmerge"],e):e((r=r||self).Magic={},r.React,r.Colors,r.Motion,r.deepmerge);
 //# sourceMappingURL=magic-components.umd.js.map

dist/types.d.ts

@@ -13,12 +13,12 @@ import * as CSS from "csstype";
     };
+    type Motion<T> = {
+        [K in Exclude<keyof MotionProps, keyof Other.HTMLAttributes<T>>]?: MotionProps[K] | null;
+    };
+    type CSSProps = {
+        [K in keyof CSS.Properties<any>]?: CSSMutliValue<K>;
+    };
+    type HTMLStyleProps = {
+        [K in Exclude<StyleProps, keyof CSS.Properties<any>>]?: string | number | string[] | number[];
+    };
     namespace React {
-        type Motion<T> = {
-            [K in Exclude<keyof MotionProps, keyof Other.HTMLAttributes<T>>]?: MotionProps[K] | null;
-        };
-        type CSSProps = {
-            [K in keyof CSS.Properties<any>]?: CSSMutliValue<K>;
-        };
-        type HTMLStyleProps = {
-            [K in Exclude<StyleProps, keyof CSS.Properties<any>>]?: string | number | string[] | number[];
-        };
         interface HTMLAttributes<T> extends CSSPropertiesWithMultiValues, Motion<T>, HTMLStyleProps {
@@ -28,2 +28,3 @@ css?: CSSProps & {
             };
+            as?: Other.ElementType<any> | string;
         }
@@ -30,0 +31,0 @@ }

package.json

 {
   "name": "magic-components",
-  "version": "0.0.2-beta.8",
+  "version": "0.0.2-beta.9",
   "description": "",
@@ -5,0 +5,0 @@ "repository": "Nikhil Saraf/magic-components",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

340331

increased by0.13%

Lines of code

2626

increased by0.04%

No dependency changes