@bobbykim/manguito-theme 0.18.0 → 0.20.0

package/dist/mcl-theme.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function $(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var c={},h={};(function(o){Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(o,"default",{enumerable:!0,get:function(){return s}});function p(n,e){return{handler:n,config:e}}p.withOptions=function(n,e=()=>({})){const i=function(b){return{__options:b,handler:n(b),config:e(b)}};return i.__isOptionsFunction=!0,i.__pluginFunction=n,i.__configFunction=e,i};const s=p})(h);(function(o){Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(o,"default",{enumerable:!0,get:function(){return n}});const p=s(h);function s(e){return e&&e.__esModule?e:{default:e}}const n=p.default})(c);let d=c;var S=(d.__esModule?d:{default:d}).default;const z=$(S),y=z.withOptions(()=>({addBase:o,theme:p,addComponents:s,addUtilities:n,e})=>{const i=p("colors"),b=Object.keys(i).reduce((l,t)=>{if(typeof i[t]=="string")return{...l,[`.mcl-list-${e(t)} li::before`]:{color:i[t]}};const a=Object.keys(i[t]);return{...l,...a.reduce((f,r)=>({...f,[`.mcl-list-${e(t)}-${r} li::before`]:{color:i[t][r]}}),{})}},{}),x=Object.keys(i).reduce((l,t)=>{if(["current","transparent","inherit"].includes(t))return;if(typeof i[t]=="string")return{...l,[`.mcl-link.text-${e(t)}`]:{"&:hover":{[`@apply text-${t}/60`]:{}}}};const f=Object.keys(i[t]);return{...l,...f.reduce((r,g)=>({...r,[`.mcl-link.text-${e(t)}-${g}`]:{"&:hover":{[`@apply text-${t}-${g}/60`]:{}}}}))}}),u=Object.keys(i).reduce((l,t)=>{if(typeof i[t]=="string")return{...l,[`.btn.btn-${e(t)}`]:{[`@apply bg-${t}`]:{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{[`@apply ring-4 ring-${t}`]:{}}},[`.btn.btn-invert.btn-${e(t)}`]:{[`@apply border-2 bg-transparent border-${t} text-${t}`]:{},"&:hover":{[`@apply bg-${t} text-white bg-opacity-100`]:{}},"&:focus":{[`@apply bg-${t} text-white`]:{}}},[`.btn-group .btn.btn-${e(t)}`]:{"&:focus":{"@apply ring-0":{}}},[`.btn.btn-${e(t)}.btn-no-ring`]:{"&:focus":{"@apply ring-0":{}}},[`.btn.btn-progress.btn-${e(t)}`]:{[`@apply before:bg-${t} border-${t} text-${t} bg-transparent`]:{},"&:hover, &:focus":{"@apply text-white":{}}}};const a=Object.keys(i[t]);return{...l,...a.reduce((f,r)=>({...f,[`.btn.btn-${e(t)}-${r}`]:{[`@apply bg-${t}-${r}`]:{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{[`@apply ring-4 ring-${t}-${r}`]:{}}},[`.btn.btn-invert.btn-${e(t)}-${r}`]:{[`@apply border-2 bg-white border-${t}-${r} text-${t}-${r}`]:{},"&:hover":{[`@apply bg-${t}-${r} text-white bg-opacity-100`]:{}},"&:focus":{[`@apply bg-${t}-${r} text-white`]:{}}},[`.btn-group .btn.btn-${e(t)}-${r}`]:{"&:focus":{"@apply ring-0":{}}},[`.btn.btn-progress.btn-${e(t)}-${r}`]:{[`@apply before:bg-${t}-${r} border-${t}-${r} text-${t}-${r} bg-transparent`]:{},"&:hover, &:focus":{"@apply text-white":{}}}}),{})}},{}),m=Object.keys(i).reduce((l,t)=>{if(typeof i[t]=="string")return{...l,[`.tooltip.tooltip-top.bg-${e(t)}`]:{[`@apply after:border-t-${t}`]:{}},[`.tooltip.tooltip-bottom.bg-${e(t)}`]:{[`@apply after:border-b-${t}`]:{}},[`.tooltip.tooltip-right.bg-${e(t)}`]:{[`@apply after:border-r-${t}`]:{}},[`.tooltip.tooltip-left.bg-${e(t)}`]:{[`@apply after:border-l-${t}`]:{}}};const a=Object.keys(i[t]);return{...l,...a.reduce((f,r)=>({...f,[`.tooltip.tooltip-top.bg-${e(t)}-${r}`]:{[`@apply after:border-t-${t}-${r}`]:{}},[`.tooltip.tooltip-bottom.bg-${e(t)}-${r}`]:{[`@apply after:border-b-${t}-${r}`]:{}},[`.tooltip.tooltip-right.bg-${e(t)}-${r}`]:{[`@apply after:border-r-${t}-${r}`]:{}},[`.tooltip.tooltip-left.bg-${e(t)}-${r}`]:{[`@apply after:border-l-${t}-${r}`]:{}}}))}},{});o({body:{fontSize:"1rem",lineHeight:"1.5"},h1:{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},h2:{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},h3:{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"18px"},"@screen lg":{fontSize:"20px"}},h4:{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"16px"},"@screen lg":{fontSize:"18px"}}}),s({".h1-sm":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},".h1-md":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},".h1-lg":{fontSize:"36px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"36px"},"@screen lg":{fontSize:"56px"}},".h1-xl":{fontSize:"56px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"56px"},"@screen lg":{fontSize:"72px"}},".h2-sm":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"18px"},"@screen lg":{fontSize:"24px"}},".h2-md":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"24px"},"@screen lg":{fontSize:"36px"}},".h2-lg":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"30px"},"@screen lg":{fontSize:"48px"}},".h2-xl":{fontSize:"48px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"48px"},"@screen lg":{fontSize:"60px"}},".h3-sm":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"16px"},"@screen lg":{fontSize:"16px"}},".h3-md":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"18px"},"@screen lg":{fontSize:"20px"}},".h3-lg":{fontSize:"18px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"18px"},"@screen lg":{fontSize:"24px"}},".h3-xl":{fontSize:"30px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"30px"},"@screen lg":{fontSize:"36px"}},"h4-sm":{fontSize:"14px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"14px"},"@screen lg":{fontSize:"16px"}},"h4-md":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"16px"},"@screen lg":{fontSize:"18px"}},"h4-lg":{fontSize:"16px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"16px"},"@screen lg":{fontSize:"20px"}},"h4-xl":{fontSize:"24px",fontWeight:"bold",lineHeight:"1.2","@screen  md":{fontSize:"24px"},"@screen lg":{fontSize:"30px"}},".mcl-link":{color:p("colors.primary"),textDecoration:"underline","@apply transition-colors duration-200 ease-in":{},"&:hover":{"@apply text-primary/60":{}}},".mcl-list":{"list-style-position":"inside",padding:"0","margin-left":"1rem"},"ul .mcl-list":{"list-style":"none"},".mcl-list li":{"margin-bottom":"0.5rem"},".mcl-list li::before":{content:'"•"',"font-weight":"700",display:"inline-block",width:"1rem","margin-left":"-1rem"},".mcl-list.mcl-list-sm li::before":{"font-weight":"500"},".mcl-list.mcl-list-lg li::before":{"font-weight":"900"},".btn":{padding:"0.5rem 1rem",cursor:"pointer","font-size":"1rem",transition:"all 300ms linear",overflow:"hidden",display:"inline-block","font-weight":"bold","@apply outline-none ring-offset-white ring-offset-2 bg-primary text-center rounded":{},"&:hover":{"@apply bg-opacity-70":{}},"&:focus":{"@apply ring-4 ring-primary":{}}},".btn.btn-round":{"@apply rounded-full":{}},".btn.btn-full":{display:"block",width:"100%"},".btn.btn-sm":{padding:"0.25rem 0.5rem","font-size":"0.875rem"},".btn.btn-lg":{padding:"0.625rem 1.25rem","font-size":"1.125rem"},".btn-group":{"@apply flex rounded overflow-hidden":{}},".btn-group .btn":{"@apply rounded-none ring-offset-0":{},"&:focus":{"@apply ring-0":{}}},".btn.btn-no-ring":{"@apply ring-offset-0":{},"&:focus":{"@apply ring-0":{}}},".btn.btn-invert":{"@apply border-2 border-primary text-primary bg-white":{},"&:hover":{"@apply bg-primary text-white bg-opacity-100":{}}},".btn.btn-progress":{position:"relative","&::before":{content:'""',position:"absolute",height:"100%",width:"0",bottom:"0",left:"0",transition:"width 300ms linear"},"@apply before:bg-primary border-2 border-primary text-primary bg-transparent":{}},".btn.btn-progress > *":{position:"relative"},".btn.btn-progress.btn-progress-r":{"&::before":{left:"100%",transition:"all 300ms linear"}},".btn.btn-progress:hover, .btn.btn-progress:focus":{"@apply text-white":{},"&::before":{width:"100%"}},".btn.btn-progress.btn-progress-r:hover, .btn.btn-progress.btn-progress-r:focus":{"&::before":{width:"100%",left:"0"}},".tooltip":{"@apply font-normal text-sm transition-opacity duration-200 p-2xs absolute rounded text-center drop-shadow-md":{}},".tooltip.tooltip-top":{left:"50%",bottom:"110%",transform:"translateX(-50%)","&::after":{content:'" "',position:"absolute",top:"100%",left:"50%","margin-left":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-t-dark-3 after:border-x-transparent after:border-b-transparent":{}},".tooltip.tooltip-bottom":{left:"50%",top:"110%",transform:"translateX(-50%)","&::after":{content:'" "',position:"absolute",bottom:"100%",left:"50%","margin-left":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-t-transparent after:border-x-transparent after:border-b-dark-3":{}},".tooltip.tooltip-left":{top:"50%",right:"110%",transform:"translateY(-50%)","&::after":{content:'" "',position:"absolute",top:"50%",left:"100%","margin-top":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-y-transparent after:border-r-transparent after:border-l-dark-3":{}},".tooltip.tooltip-right":{top:"50%",left:"110%",transform:"translateY(-50%)","&::after":{content:'" "',position:"absolute",top:"50%",right:"100%","margin-top":"-5px","border-width":"5px","border-style":"solid"},"@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3":{}}}),n(b),n(u),n(x),n(m)},(o={})=>{const p={primary:"#ec489a",secondary:"#00feda",success:"#78be20",info:"#00a3e0",warning:"#f1ac18",danger:"#cc2f2f","light-1":"#fafafa","light-2":"#f1f1f1","light-3":"#e8e8e8","light-4":"#d0d0d0","dark-1":"#747474","dark-2":"#484848","dark-3":"#1f2937","dark-4":"#191919"},s={"3xs":"4px","2xs":"8px",xs:"16px",sm:"24px",md:"32px",lg:"48px",xl:"64px","2xl":"96px","3xl":"128px"};return Object.keys(p).forEach(n=>{o.colors!==void 0&&o.colors[n]!==void 0&&(p[n]=o.colors[n])}),Object.keys(s).forEach(n=>{o.spacing!==void 0&&o.spacing[n]!==void 0&&(s[n]=o.spacing[n])}),{theme:{fontSize:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px"},container:{center:!0,screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px"}},extend:{colors:p,spacing:s}}}});exports.mclTheme=y;

package/dist/mcl-theme.d.ts

@@ -0,0 +1,12 @@
+import { Config } from 'tailwindcss/types/config';
+import { PluginCreator } from 'tailwindcss/types/config';
+
+export declare const mclTheme: {
+    (options: Partial<Config> | undefined): {
+        handler: PluginCreator;
+        config?: Partial<Config> | undefined;
+    };
+    __isOptionsFunction: true;
+};
+
+export { }

package/dist/mcl-theme.js

@@ -0,0 +1,608 @@
+function $(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var c = {}, h = {};
+(function(o) {
+  Object.defineProperty(o, "__esModule", {
+    value: !0
+  }), Object.defineProperty(o, "default", {
+    enumerable: !0,
+    get: function() {
+      return s;
+    }
+  });
+  function p(n, e) {
+    return {
+      handler: n,
+      config: e
+    };
+  }
+  p.withOptions = function(n, e = () => ({})) {
+    const i = function(b) {
+      return {
+        __options: b,
+        handler: n(b),
+        config: e(b)
+      };
+    };
+    return i.__isOptionsFunction = !0, i.__pluginFunction = n, i.__configFunction = e, i;
+  };
+  const s = p;
+})(h);
+(function(o) {
+  Object.defineProperty(o, "__esModule", {
+    value: !0
+  }), Object.defineProperty(o, "default", {
+    enumerable: !0,
+    get: function() {
+      return n;
+    }
+  });
+  const p = /* @__PURE__ */ s(h);
+  function s(e) {
+    return e && e.__esModule ? e : {
+      default: e
+    };
+  }
+  const n = p.default;
+})(c);
+let d = c;
+var S = (d.__esModule ? d : { default: d }).default;
+const z = /* @__PURE__ */ $(S), y = z.withOptions(
+  () => ({ addBase: o, theme: p, addComponents: s, addUtilities: n, e }) => {
+    const i = p("colors"), b = Object.keys(i).reduce((l, t) => {
+      if (typeof i[t] == "string")
+        return {
+          ...l,
+          [`.mcl-list-${e(t)} li::before`]: {
+            color: i[t]
+          }
+        };
+      const a = Object.keys(i[t]);
+      return {
+        ...l,
+        ...a.reduce(
+          (f, r) => ({
+            ...f,
+            [`.mcl-list-${e(t)}-${r} li::before`]: {
+              color: i[t][r]
+            }
+          }),
+          {}
+        )
+      };
+    }, {}), x = Object.keys(i).reduce(
+      (l, t) => {
+        if (["current", "transparent", "inherit"].includes(t))
+          return;
+        if (typeof i[t] == "string")
+          return {
+            ...l,
+            [`.mcl-link.text-${e(t)}`]: {
+              "&:hover": {
+                [`@apply text-${t}/60`]: {}
+              }
+            }
+          };
+        const f = Object.keys(i[t]);
+        return {
+          ...l,
+          ...f.reduce((r, g) => ({
+            ...r,
+            [`.mcl-link.text-${e(t)}-${g}`]: {
+              "&:hover": {
+                [`@apply text-${t}-${g}/60`]: {}
+              }
+            }
+          }))
+        };
+      }
+    ), u = Object.keys(i).reduce((l, t) => {
+      if (typeof i[t] == "string")
+        return {
+          ...l,
+          [`.btn.btn-${e(t)}`]: {
+            [`@apply bg-${t}`]: {},
+            "&:hover": {
+              "@apply bg-opacity-70": {}
+            },
+            "&:focus": {
+              [`@apply ring-4 ring-${t}`]: {}
+            }
+          },
+          [`.btn.btn-invert.btn-${e(t)}`]: {
+            [`@apply border-2 bg-transparent border-${t} text-${t}`]: {},
+            "&:hover": {
+              [`@apply bg-${t} text-white bg-opacity-100`]: {}
+            },
+            "&:focus": {
+              [`@apply bg-${t} text-white`]: {}
+            }
+          },
+          [`.btn-group .btn.btn-${e(t)}`]: {
+            "&:focus": {
+              "@apply ring-0": {}
+            }
+          },
+          [`.btn.btn-${e(t)}.btn-no-ring`]: {
+            "&:focus": {
+              "@apply ring-0": {}
+            }
+          },
+          [`.btn.btn-progress.btn-${e(t)}`]: {
+            [`@apply before:bg-${t} border-${t} text-${t} bg-transparent`]: {},
+            "&:hover, &:focus": {
+              "@apply text-white": {}
+            }
+          }
+        };
+      const a = Object.keys(i[t]);
+      return {
+        ...l,
+        ...a.reduce(
+          (f, r) => ({
+            ...f,
+            [`.btn.btn-${e(t)}-${r}`]: {
+              [`@apply bg-${t}-${r}`]: {},
+              "&:hover": {
+                "@apply bg-opacity-70": {}
+              },
+              "&:focus": {
+                [`@apply ring-4 ring-${t}-${r}`]: {}
+              }
+            },
+            [`.btn.btn-invert.btn-${e(t)}-${r}`]: {
+              [`@apply border-2 bg-white border-${t}-${r} text-${t}-${r}`]: {},
+              "&:hover": {
+                [`@apply bg-${t}-${r} text-white bg-opacity-100`]: {}
+              },
+              "&:focus": {
+                [`@apply bg-${t}-${r} text-white`]: {}
+              }
+            },
+            [`.btn-group .btn.btn-${e(t)}-${r}`]: {
+              "&:focus": {
+                "@apply ring-0": {}
+              }
+            },
+            [`.btn.btn-progress.btn-${e(t)}-${r}`]: {
+              [`@apply before:bg-${t}-${r} border-${t}-${r} text-${t}-${r} bg-transparent`]: {},
+              "&:hover, &:focus": {
+                "@apply text-white": {}
+              }
+            }
+          }),
+          {}
+        )
+      };
+    }, {}), m = Object.keys(i).reduce((l, t) => {
+      if (typeof i[t] == "string")
+        return {
+          ...l,
+          [`.tooltip.tooltip-top.bg-${e(t)}`]: {
+            [`@apply after:border-t-${t}`]: {}
+          },
+          [`.tooltip.tooltip-bottom.bg-${e(t)}`]: {
+            [`@apply after:border-b-${t}`]: {}
+          },
+          [`.tooltip.tooltip-right.bg-${e(t)}`]: {
+            [`@apply after:border-r-${t}`]: {}
+          },
+          [`.tooltip.tooltip-left.bg-${e(t)}`]: {
+            [`@apply after:border-l-${t}`]: {}
+          }
+        };
+      const a = Object.keys(i[t]);
+      return {
+        ...l,
+        ...a.reduce((f, r) => ({
+          ...f,
+          [`.tooltip.tooltip-top.bg-${e(t)}-${r}`]: {
+            [`@apply after:border-t-${t}-${r}`]: {}
+          },
+          [`.tooltip.tooltip-bottom.bg-${e(t)}-${r}`]: {
+            [`@apply after:border-b-${t}-${r}`]: {}
+          },
+          [`.tooltip.tooltip-right.bg-${e(t)}-${r}`]: {
+            [`@apply after:border-r-${t}-${r}`]: {}
+          },
+          [`.tooltip.tooltip-left.bg-${e(t)}-${r}`]: {
+            [`@apply after:border-l-${t}-${r}`]: {}
+          }
+        }))
+      };
+    }, {});
+    o({
+      body: {
+        // default font size
+        fontSize: "1rem",
+        lineHeight: "1.5"
+      },
+      h1: {
+        // default medium size
+        fontSize: "30px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "30px" },
+        "@screen lg": { fontSize: "48px" }
+      },
+      h2: {
+        // default medium size
+        fontSize: "24px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "24px" },
+        "@screen lg": { fontSize: "36px" }
+      },
+      h3: {
+        // default medium size
+        fontSize: "18px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "18px" },
+        "@screen lg": { fontSize: "20px" }
+      },
+      h4: {
+        // default medium size
+        fontSize: "16px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "16px" },
+        "@screen lg": { fontSize: "18px" }
+      }
+    }), s({
+      ".h1-sm": {
+        fontSize: "24px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "24px" },
+        "@screen lg": { fontSize: "36px" }
+      },
+      ".h1-md": {
+        fontSize: "30px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "30px" },
+        "@screen lg": { fontSize: "48px" }
+      },
+      ".h1-lg": {
+        fontSize: "36px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "36px" },
+        "@screen lg": { fontSize: "56px" }
+      },
+      ".h1-xl": {
+        fontSize: "56px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "56px" },
+        "@screen lg": { fontSize: "72px" }
+      },
+      ".h2-sm": {
+        fontSize: "18px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "18px" },
+        "@screen lg": { fontSize: "24px" }
+      },
+      ".h2-md": {
+        fontSize: "24px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "24px" },
+        "@screen lg": { fontSize: "36px" }
+      },
+      ".h2-lg": {
+        fontSize: "30px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "30px" },
+        "@screen lg": { fontSize: "48px" }
+      },
+      ".h2-xl": {
+        fontSize: "48px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "48px" },
+        "@screen lg": { fontSize: "60px" }
+      },
+      ".h3-sm": {
+        fontSize: "16px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "16px" },
+        "@screen lg": { fontSize: "16px" }
+      },
+      ".h3-md": {
+        fontSize: "18px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "18px" },
+        "@screen lg": { fontSize: "20px" }
+      },
+      ".h3-lg": {
+        fontSize: "18px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "18px" },
+        "@screen lg": { fontSize: "24px" }
+      },
+      ".h3-xl": {
+        fontSize: "30px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "30px" },
+        "@screen lg": { fontSize: "36px" }
+      },
+      "h4-sm": {
+        fontSize: "14px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "14px" },
+        "@screen lg": { fontSize: "16px" }
+      },
+      "h4-md": {
+        fontSize: "16px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "16px" },
+        "@screen lg": { fontSize: "18px" }
+      },
+      "h4-lg": {
+        fontSize: "16px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "16px" },
+        "@screen lg": { fontSize: "20px" }
+      },
+      "h4-xl": {
+        fontSize: "24px",
+        fontWeight: "bold",
+        lineHeight: "1.2",
+        "@screen  md": { fontSize: "24px" },
+        "@screen lg": { fontSize: "30px" }
+      },
+      ".mcl-link": {
+        color: p("colors.primary"),
+        textDecoration: "underline",
+        "@apply transition-colors duration-200 ease-in": {},
+        "&:hover": {
+          "@apply text-primary/60": {}
+        }
+      },
+      ".mcl-list": {
+        "list-style-position": "inside",
+        padding: "0",
+        "margin-left": "1rem"
+      },
+      "ul .mcl-list": {
+        "list-style": "none"
+      },
+      ".mcl-list li": {
+        "margin-bottom": "0.5rem"
+      },
+      ".mcl-list li::before": {
+        content: '"•"',
+        "font-weight": "700",
+        display: "inline-block",
+        width: "1rem",
+        "margin-left": "-1rem"
+      },
+      ".mcl-list.mcl-list-sm li::before": {
+        "font-weight": "500"
+      },
+      ".mcl-list.mcl-list-lg li::before": {
+        "font-weight": "900"
+      },
+      ".btn": {
+        padding: "0.5rem 1rem",
+        cursor: "pointer",
+        "font-size": "1rem",
+        transition: "all 300ms linear",
+        overflow: "hidden",
+        display: "inline-block",
+        "font-weight": "bold",
+        "@apply outline-none ring-offset-white ring-offset-2 bg-primary text-center rounded": {},
+        "&:hover": {
+          "@apply bg-opacity-70": {}
+        },
+        "&:focus": {
+          "@apply ring-4 ring-primary": {}
+        }
+      },
+      ".btn.btn-round": {
+        "@apply rounded-full": {}
+      },
+      ".btn.btn-full": {
+        display: "block",
+        width: "100%"
+      },
+      ".btn.btn-sm": {
+        padding: "0.25rem 0.5rem",
+        "font-size": "0.875rem"
+      },
+      ".btn.btn-lg": {
+        padding: "0.625rem 1.25rem",
+        "font-size": "1.125rem"
+      },
+      ".btn-group": {
+        "@apply flex rounded overflow-hidden": {}
+      },
+      ".btn-group .btn": {
+        "@apply rounded-none ring-offset-0": {},
+        "&:focus": {
+          "@apply ring-0": {}
+        }
+      },
+      ".btn.btn-no-ring": {
+        "@apply ring-offset-0": {},
+        "&:focus": {
+          "@apply ring-0": {}
+        }
+      },
+      ".btn.btn-invert": {
+        "@apply border-2 border-primary text-primary bg-white": {},
+        "&:hover": {
+          "@apply bg-primary text-white bg-opacity-100": {}
+        }
+      },
+      ".btn.btn-progress": {
+        position: "relative",
+        "&::before": {
+          content: '""',
+          position: "absolute",
+          height: "100%",
+          width: "0",
+          bottom: "0",
+          left: "0",
+          transition: "width 300ms linear"
+        },
+        "@apply before:bg-primary border-2 border-primary text-primary bg-transparent": {}
+      },
+      ".btn.btn-progress > *": {
+        position: "relative"
+      },
+      ".btn.btn-progress.btn-progress-r": {
+        "&::before": {
+          left: "100%",
+          transition: "all 300ms linear"
+        }
+      },
+      ".btn.btn-progress:hover, .btn.btn-progress:focus": {
+        "@apply text-white": {},
+        "&::before": {
+          width: "100%"
+        }
+      },
+      ".btn.btn-progress.btn-progress-r:hover, .btn.btn-progress.btn-progress-r:focus": {
+        "&::before": {
+          width: "100%",
+          left: "0"
+        }
+      },
+      ".tooltip": {
+        "@apply font-normal text-sm transition-opacity duration-200 p-2xs absolute rounded text-center drop-shadow-md": {}
+      },
+      ".tooltip.tooltip-top": {
+        left: "50%",
+        bottom: "110%",
+        transform: "translateX(-50%)",
+        "&::after": {
+          content: '" "',
+          position: "absolute",
+          top: "100%",
+          left: "50%",
+          "margin-left": "-5px",
+          "border-width": "5px",
+          "border-style": "solid"
+        },
+        "@apply after:border-t-dark-3 after:border-x-transparent after:border-b-transparent": {}
+      },
+      ".tooltip.tooltip-bottom": {
+        left: "50%",
+        top: "110%",
+        transform: "translateX(-50%)",
+        "&::after": {
+          content: '" "',
+          position: "absolute",
+          bottom: "100%",
+          left: "50%",
+          "margin-left": "-5px",
+          "border-width": "5px",
+          "border-style": "solid"
+        },
+        "@apply after:border-t-transparent after:border-x-transparent after:border-b-dark-3": {}
+      },
+      ".tooltip.tooltip-left": {
+        top: "50%",
+        right: "110%",
+        transform: "translateY(-50%)",
+        "&::after": {
+          content: '" "',
+          position: "absolute",
+          top: "50%",
+          left: "100%",
+          "margin-top": "-5px",
+          "border-width": "5px",
+          "border-style": "solid"
+        },
+        "@apply after:border-y-transparent after:border-r-transparent after:border-l-dark-3": {}
+      },
+      ".tooltip.tooltip-right": {
+        top: "50%",
+        left: "110%",
+        transform: "translateY(-50%)",
+        "&::after": {
+          content: '" "',
+          position: "absolute",
+          top: "50%",
+          right: "100%",
+          "margin-top": "-5px",
+          "border-width": "5px",
+          "border-style": "solid"
+        },
+        "@apply after:border-y-transparent after:border-l-transparent after:border-r-dark-3": {}
+      }
+    }), n(b), n(u), n(x), n(m);
+  },
+  (o = {}) => {
+    const p = {
+      primary: "#ec489a",
+      secondary: "#00feda",
+      success: "#78be20",
+      info: "#00a3e0",
+      warning: "#f1ac18",
+      danger: "#cc2f2f",
+      "light-1": "#fafafa",
+      "light-2": "#f1f1f1",
+      "light-3": "#e8e8e8",
+      "light-4": "#d0d0d0",
+      "dark-1": "#747474",
+      "dark-2": "#484848",
+      "dark-3": "#1f2937",
+      "dark-4": "#191919"
+    }, s = {
+      "3xs": "4px",
+      "2xs": "8px",
+      xs: "16px",
+      sm: "24px",
+      md: "32px",
+      lg: "48px",
+      xl: "64px",
+      "2xl": "96px",
+      "3xl": "128px"
+    };
+    return Object.keys(p).forEach((n) => {
+      o.colors !== void 0 && o.colors[n] !== void 0 && (p[n] = o.colors[n]);
+    }), Object.keys(s).forEach((n) => {
+      o.spacing !== void 0 && o.spacing[n] !== void 0 && (s[n] = o.spacing[n]);
+    }), {
+      theme: {
+        fontSize: {
+          xs: "12px",
+          sm: "14px",
+          md: "16px",
+          lg: "18px",
+          xl: "20px"
+        },
+        container: {
+          center: !0,
+          screens: {
+            sm: "640px",
+            md: "768px",
+            lg: "1024px",
+            xl: "1280px"
+          }
+        },
+        extend: {
+          colors: p,
+          spacing: s
+        }
+      }
+    };
+  }
+);
+export {
+  y as mclTheme
+};