@bobbykim/mcl-cards 0.10.0 → 0.10.2

package/README.md

@@ -2,15 +2,15 @@
 
 ## Demo
 
-[MCL Storybook Page](https://manguito-component-library.vercel.app/)
+[MCL Storybook Page](https://manguito-component-library.bobbykim.dev/)
 
-- [MCL Card A](https://manguito-component-library.vercel.app/?path=/docs/components-cards-mclcarda--mclcarda)
+- [MCL Card A](https://manguito-component-library.bobbykim.dev/?path=/docs/components-cards-mclcarda--mclcarda)
 
-- [MCL Card B](https://manguito-component-library.vercel.app/?path=/docs/components-cards-mclcardb--mclcardb)
+- [MCL Card B](https://manguito-component-library.bobbykim.dev/?path=/docs/components-cards-mclcardb--mclcardb)
 
-- [MCL Card C](https://manguito-component-library.vercel.app/?path=/docs/components-cards-mclcardc--mclcardc)
+- [MCL Card C](https://manguito-component-library.bobbykim.dev/?path=/docs/components-cards-mclcardc--mclcardc)
 
-- [MCL Card D](https://manguito-component-library.vercel.app/?path=/docs/components-cards-mclcardd--mclcardd)
+- [MCL Card D](https://manguito-component-library.bobbykim.dev/?path=/docs/components-cards-mclcardd--mclcardd)
 
 ## Install
 

package/dist/mcl-cards.js

@@ -1,5 +1,5 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.perspective[data-v-0aa20df6]{-webkit-perspective:1800px;perspective:1800px}.card[data-v-0aa20df6]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0deg);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card[data-v-0aa20df6]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.card[data-v-4ef3b50f]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);background:conic-gradient(from var(--border-angle, 0deg),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via),var(--tw-gradient-to));animation:bg-spin-4ef3b50f 4s linear infinite}@keyframes bg-spin-4ef3b50f{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.card[data-v-4ef3b50f]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { defineComponent as B, ref as $, onMounted as R, useSlots as L, computed as p, openBlock as k, createElementBlock as y, normalizeClass as h, createElementVNode as b, createCommentVNode as V, unref as S, withModifiers as z, renderSlot as A, toDisplayString as T, normalizeStyle as D } from "vue";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.perspective[data-v-eac7e2f0]{-webkit-perspective:1800px;perspective:1800px}.card[data-v-eac7e2f0]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0deg);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card[data-v-eac7e2f0]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.card[data-v-8bf2cac0]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);background:conic-gradient(from var(--border-angle, 0deg),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via),var(--tw-gradient-to));animation:bg-spin-8bf2cac0 4s linear infinite}@keyframes bg-spin-8bf2cac0{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.card[data-v-8bf2cac0]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import { defineComponent as B, ref as $, onMounted as R, useSlots as L, computed as f, openBlock as k, createElementBlock as y, normalizeClass as h, createElementVNode as b, createCommentVNode as V, unref as S, withModifiers as z, renderSlot as A, toDisplayString as T, normalizeStyle as D } from "vue";
 import { generateClass as g } from "@bobbykim/manguito-theme";
 function H(r) {
   var n, a, i = "";
@@ -27,8 +27,8 @@ const M = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, O = I, t =
     return l === void 0 || (c[o] = l), c;
   }, {}), d = n == null || (i = n.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((c, e) => {
     let { class: o, className: l, ...s } = e;
-    return Object.entries(s).every((f) => {
-      let [u, C] = f;
+    return Object.entries(s).every((p) => {
+      let [u, C] = p;
       return Array.isArray(C) ? C.includes({
         ...x,
         ...w
@@ -663,7 +663,7 @@ const M = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, O = I, t =
       right: "text-right"
     }
   }
-}), fr = t("", {
+}), pr = t("", {
   variants: {
     size: {
       sm: "h1-sm",
@@ -672,7 +672,7 @@ const M = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, O = I, t =
       xl: "h1-xl"
     }
   }
-}), pr = t("", {
+}), fr = t("", {
   variants: {
     size: {
       sm: "h2-sm",
@@ -1081,8 +1081,8 @@ const M = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, O = I, t =
   bodyTextVariant: xr,
   fontWeightVariant: mr,
   textAlignVariant: ur,
-  h1Variant: fr,
-  h2Variant: pr,
+  h1Variant: pr,
+  h2Variant: fr,
   h3Variant: kr,
   h4Variant: yr,
   // border width
@@ -1166,7 +1166,7 @@ const et = {
 ].filter(Boolean).join(" "), nt = {
   key: 0,
   class: "relative"
-}, st = ["src", "alt"], dt = ["innerHTML"], ct = { class: "flex h-full flex-col justify-between" }, gt = { class: "px-xs pt-sm flex-1" }, bt = ["innerHTML"], ht = ["innerHTML"], xt = { class: "px-xs w-full" }, mt = ["href", "target"], At = /* @__PURE__ */ B({
+}, st = ["src", "alt"], dt = ["innerHTML"], ct = { class: "flex h-full flex-col justify-between" }, gt = { class: "flex-1 px-xs pt-sm" }, bt = ["innerHTML"], ht = ["innerHTML"], xt = { class: "w-full px-xs" }, mt = ["href", "target"], At = /* @__PURE__ */ B({
   __name: "MclCardA",
   props: {
     title: {},
@@ -1201,13 +1201,13 @@ const et = {
   setup(r, { emit: n }) {
     const a = r;
     L();
-    const i = n, m = p(() => {
+    const i = n, m = f(() => {
       const {
         borderColor: e,
         bgColor: o,
         rounded: l,
         enlargeOnHover: s,
-        showShadow: f,
+        showShadow: p,
         glass: u,
         glassBlur: C,
         glassOpacity: j,
@@ -1219,23 +1219,23 @@ const et = {
         !E && "max-w-[450px] sm:max-w-[350px]",
         l ? "rounded-lg" : "rounded-sm",
         s && "hover:scale-105 transition ease-in duration-300",
-        f && "drop-shadow-md",
+        p && "drop-shadow-md",
         u && ot(o, C, j)
       ].filter(Boolean).join(" ");
-    }), x = p(() => {
+    }), x = f(() => {
       const { titleSize: e, titleColor: o, showHighlight: l } = a;
       return [
         g.h3Variant({ size: e }),
         g.textColorVariant({ color: o }),
         l ? "mb-2xs" : "mb-xs"
       ].filter(Boolean).join(" ");
-    }), v = p(() => {
+    }), v = f(() => {
       const { labelTextColor: e, labelColor: o } = a;
       return [
         g.textColorVariant({ color: e }),
         g.bgColorVariant({ color: o })
       ].filter(Boolean).join(" ");
-    }), w = p(() => {
+    }), w = f(() => {
       const { ctaColor: e, rounded: o } = a, l = ["light-1", "light-2", "light-3", "light-4"];
       return [
         g.btnColorVariant({ color: e }),
@@ -1243,12 +1243,12 @@ const et = {
         o && "btn-round"
       ].filter(Boolean).join(" ");
     }), d = (e) => {
-      const { title: o, ctaLink: l, ctaTarget: s, ctaAsLink: f } = a, u = {
+      const { title: o, ctaLink: l, ctaTarget: s, ctaAsLink: p } = a, u = {
         title: o,
         url: l,
         target: s || "_self"
       };
-      !f && e.preventDefault(), i("card-btn-click", e, u);
+      !p && e.preventDefault(), i("card-btn-click", e, u);
     }, c = (e) => {
       const { title: o, ctaLink: l, ctaTarget: s } = a;
       i("card-click", e, {
@@ -1269,7 +1269,7 @@ const et = {
         }, null, 8, st),
         r.showLabel ? (k(), y("span", {
           key: 0,
-          class: h(["py-3xs px-2xs ml-xs absolute bottom-0 inline-block translate-y-[50%] text-xs font-bold", v.value]),
+          class: h(["absolute bottom-0 ml-xs inline-block translate-y-[50%] px-2xs py-3xs text-xs font-bold", v.value]),
           innerHTML: r.labelText
         }, null, 10, dt)) : V("", !0)
       ])) : V("", !0),
@@ -1277,7 +1277,7 @@ const et = {
         b("div", gt, [
           !r.showImage && r.showLabel ? (k(), y("span", {
             key: 0,
-            class: h(["py-3xs px-2xs mb-2xs inline-block text-xs font-bold", v.value]),
+            class: h(["mb-2xs inline-block px-2xs py-3xs text-xs font-bold", v.value]),
             innerHTML: r.labelText
           }, null, 10, bt)) : V("", !0),
           b("h3", {
@@ -1298,7 +1298,7 @@ const et = {
         ]),
         r.showCta ? (k(), y("div", {
           key: 0,
-          class: "pb-sm cursor-default border-0",
+          class: "cursor-default border-0 pb-sm",
           onClick: o[2] || (o[2] = z(() => {
           }, ["stop"]))
         }, [
@@ -1314,7 +1314,7 @@ const et = {
       ])
     ], 2));
   }
-}), ut = ["href", "target"], ft = { class: "z-15 p-xs peer absolute inset-0 flex flex-col items-start justify-end transition-opacity duration-200 hover:opacity-100 [@media(hover:hover)]:opacity-0" }, pt = ["innerHTML"], kt = ["src", "alt"], jt = /* @__PURE__ */ B({
+}), ut = ["href", "target"], pt = { class: "peer absolute inset-0 z-15 flex flex-col items-start justify-end p-xs transition-opacity duration-200 hover:opacity-100 [@media(hover:hover)]:opacity-0" }, ft = ["innerHTML"], kt = ["src", "alt"], jt = /* @__PURE__ */ B({
   __name: "MclCardB",
   props: {
     title: {},
@@ -1334,13 +1334,15 @@ const et = {
   setup(r, { emit: n }) {
     const a = r;
     L();
-    const i = n, m = p(() => {
-      const { borderColor: d, rounded: c } = a, e = [g.borderColorVariant({ color: d })];
+    const i = n, m = f(() => {
+      const { borderColor: d, rounded: c } = a, e = [
+        g.borderColorVariant({ color: d })
+      ];
       return e.push(c ? "rounded-md" : "rounded-sm"), e.join(" ");
-    }), x = p(() => {
+    }), x = f(() => {
       const { showGrayScale: d } = a;
       return d ? "[@media(hover:hover)]:grayscale peer-hover:grayscale-0" : "";
-    }), v = p(() => {
+    }), v = f(() => {
       const { titleSize: d, titleColor: c, titleBlockColor: e } = a;
       return [
         g.h3Variant({ size: d }),
@@ -1358,24 +1360,24 @@ const et = {
       console.log(s), i("card-click", d, s);
     };
     return (d, c) => (k(), y("div", {
-      class: h(["max-w-112.5 sm:max-w-87.5 xs:w-auto relative w-full shrink-0 grow cursor-pointer overflow-hidden border", m.value])
+      class: h(["xs:w-auto relative w-full max-w-112.5 shrink-0 grow cursor-pointer overflow-hidden border sm:max-w-87.5", m.value])
     }, [
       b("a", {
         href: r.ctaLink,
         target: r.ctaTarget,
         onClick: c[0] || (c[0] = (e) => w(e))
       }, [
-        b("div", ft, [
+        b("div", pt, [
           b("h3", {
             innerHTML: r.title,
-            class: h(["px-xs py-2xs mb-2xs pointer-events-none inline-block tracking-wide", v.value])
-          }, null, 10, pt),
+            class: h(["pointer-events-none mb-2xs inline-block px-xs py-2xs tracking-wide", v.value])
+          }, null, 10, ft),
           A(d.$slots, "default")
         ]),
         b("img", {
           src: r.imageSource,
           alt: r.imageAlt,
-          class: h(["aspect-3/4 relative z-10 h-full w-full object-cover object-center transition-all duration-200", x.value])
+          class: h(["relative z-10 aspect-3/4 h-full w-full object-cover object-center transition-all duration-200", x.value])
         }, null, 10, kt)
       ], 8, ut)
     ], 2));
@@ -1398,10 +1400,12 @@ const et = {
   setup(r, { emit: n }) {
     const a = r;
     L();
-    const i = $(!1), m = n, x = p(() => {
-      const d = [g.bgColorVariant({ color: a.cardColor })];
+    const i = $(!1), m = n, x = f(() => {
+      const d = [
+        g.bgColorVariant({ color: a.cardColor })
+      ];
       return i.value && d.push("flip-card"), d.join(" ");
-    }), v = p(() => {
+    }), v = f(() => {
       const {
         titleSize: d,
         titleColor: c,
@@ -1412,12 +1416,14 @@ const et = {
         g.h3Variant({ size: d }),
         g.textColorVariant({ color: c })
       ];
-      return e && (s.push("px-xs py-2xs mb-2xs rounded"), s.push(g.bgColorVariant({ color: o })), s.push(g.bgOpacityVariant({ opacity: l }))), s.join(" ");
+      return e && (s.push("px-xs py-2xs mb-2xs rounded"), s.push(g.bgColorVariant({ color: o })), s.push(
+        g.bgOpacityVariant({ opacity: l })
+      )), s.join(" ");
     }), w = (d) => {
       d.preventDefault(), i.value && m("card-click", d), i.value = !0;
     };
     return (d, c) => (k(), y("div", {
-      class: h(["card duration-1600 max-h-100 relative aspect-square overflow-hidden transition", x.value]),
+      class: h(["card relative aspect-square max-h-100 overflow-hidden transition duration-1600", x.value]),
       onClick: w
     }, [
       b("img", {
@@ -1425,13 +1431,13 @@ const et = {
         alt: r.imageAlt,
         class: h([
           i.value ? "opacity-100" : "opacity-0",
-          "duration-800 absolute aspect-square h-full w-full object-cover object-center transition-opacity delay-500"
+          "absolute aspect-square h-full w-full object-cover object-center transition-opacity delay-500 duration-800"
         ])
       }, null, 10, yt),
       b("div", {
         class: h([
           i.value ? "cursor-pointer opacity-100" : "opacity-0",
-          "p-sm duration-800 relative flex h-full flex-col justify-end transition delay-500"
+          "relative flex h-full flex-col justify-end p-sm transition delay-500 duration-800"
         ])
       }, [
         r.showTitle ? (k(), y("h3", {
@@ -1449,7 +1455,7 @@ const et = {
   for (const [i, m] of n)
     a[i] = m;
   return a;
-}, St = /* @__PURE__ */ W(vt, [["__scopeId", "data-v-0aa20df6"]]), wt = { class: "flex flex-col overflow-hidden rounded-md" }, Ct = ["src", "alt"], Vt = ["href", "target"], Bt = /* @__PURE__ */ B({
+}, St = /* @__PURE__ */ W(vt, [["__scopeId", "data-v-eac7e2f0"]]), wt = { class: "flex flex-col overflow-hidden rounded-md" }, Ct = ["src", "alt"], Vt = ["href", "target"], Bt = /* @__PURE__ */ B({
   __name: "MclCardD",
   props: {
     showImage: { type: Boolean, default: !0 },
@@ -1532,35 +1538,38 @@ const et = {
       transparent: "to-transparent"
     }, x = r;
     L();
-    const v = n, w = p(() => {
+    const v = n, w = f(() => {
       const { titleSize: l, titleColor: s } = x;
       return [
         g.h2Variant({ size: l }),
         g.textColorVariant({ color: s })
       ].join(" ");
-    }), d = p(() => {
-      const { ctaButton: l, ctaButtonColor: s, ctaButtonBlock: f } = x, u = [], C = ["light-1", "light-2", "light-3", "light-4"];
-      return l ? u.push("btn", g.btnColorVariant({ color: s })) : u.push("mcl-link"), l && f && u.push("btn-full"), l && !C.includes(s) && u.push("text-white"), u.join(" ");
-    }), c = p(() => ({
+    }), d = f(() => {
+      const { ctaButton: l, ctaButtonColor: s, ctaButtonBlock: p } = x, u = [], C = ["light-1", "light-2", "light-3", "light-4"];
+      return l ? u.push(
+        "btn",
+        g.btnColorVariant({ color: s })
+      ) : u.push("mcl-link"), l && p && u.push("btn-full"), l && !C.includes(s) && u.push("text-white"), u.join(" ");
+    }), c = f(() => ({
       "--border-width": `${x.borderWidth}px`
-    })), e = p(() => {
-      const l = a[x.borderColor], s = i[x.gradient1], f = m[x.gradient2];
+    })), e = f(() => {
+      const l = a[x.borderColor], s = i[x.gradient1], p = m[x.gradient2];
       return [
         g.borderColorVariant({ color: x.borderColor }),
         l,
         s,
-        f
+        p
       ].join(" ");
     }), o = (l) => {
-      const { title: s, ctaLink: f, ctaLinkTarget: u, ctaAsLink: C } = x, j = {
+      const { title: s, ctaLink: p, ctaLinkTarget: u, ctaAsLink: C } = x, j = {
         title: s,
-        url: f,
+        url: p,
         target: u || "_self"
       };
       !C && l.preventDefault(), v("card-click", l, j);
     };
     return (l, s) => (k(), y("div", {
-      class: h(["card xs:w-auto max-w-112.5 sm:max-w-87.5 w-full shrink-0 grow overflow-hidden rounded-md border from-20%", e.value]),
+      class: h(["card xs:w-auto w-full max-w-112.5 shrink-0 grow overflow-hidden rounded-md border from-20% sm:max-w-87.5", e.value]),
       style: D(c.value)
     }, [
       b("div", wt, [
@@ -1597,7 +1606,7 @@ const et = {
       ])
     ], 6));
   }
-}), zt = /* @__PURE__ */ W(Bt, [["__scopeId", "data-v-4ef3b50f"]]);
+}), zt = /* @__PURE__ */ W(Bt, [["__scopeId", "data-v-8bf2cac0"]]);
 export {
   At as MclCardA,
   jt as MclCardB,

package/dist/mcl-cards.umd.cjs

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.perspective[data-v-0aa20df6]{-webkit-perspective:1800px;perspective:1800px}.card[data-v-0aa20df6]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0deg);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card[data-v-0aa20df6]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.card[data-v-4ef3b50f]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);background:conic-gradient(from var(--border-angle, 0deg),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via),var(--tw-gradient-to));animation:bg-spin-4ef3b50f 4s linear infinite}@keyframes bg-spin-4ef3b50f{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.card[data-v-4ef3b50f]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-(function(f,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@bobbykim/manguito-theme")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme"],r):(f=typeof globalThis<"u"?globalThis:f||self,r(f.MclCards={},f.Vue,f.ManguitoTheme))})(this,(function(f,r,b){"use strict";function C(t){var s,e,i="";if(typeof t=="string"||typeof t=="number")i+=t;else if(typeof t=="object")if(Array.isArray(t)){var m=t.length;for(s=0;s<m;s++)t[s]&&(e=C(t[s]))&&(i&&(i+=" "),i+=e)}else for(e in t)t[e]&&(i&&(i+=" "),i+=e);return i}function z(){for(var t,s,e=0,i="",m=arguments.length;e<m;e++)(t=arguments[e])&&(s=C(t))&&(i&&(i+=" "),i+=s);return i}const v=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,V=z,a=(t,s)=>e=>{var i;if(s?.variants==null)return V(t,e?.class,e?.className);const{variants:m,defaultVariants:h}=s,k=Object.keys(m).map(g=>{const l=e?.[g],n=h?.[g];if(l===null)return null;const o=v(l)||v(n);return m[g][o]}),u=e&&Object.entries(e).reduce((g,l)=>{let[n,o]=l;return o===void 0||(g[n]=o),g},{}),c=s==null||(i=s.compoundVariants)===null||i===void 0?void 0:i.reduce((g,l)=>{let{class:n,className:o,...d}=l;return Object.entries(d).every(p=>{let[x,y]=p;return Array.isArray(y)?y.includes({...h,...u}[x]):{...h,...u}[x]===y})?[...g,n,o]:g},[]);return V(t,k,c,e?.class,e?.className)},E=a("",{variants:{color:{primary:"mcl-bg-primary",secondary:"mcl-bg-secondary",success:"mcl-bg-success",danger:"mcl-bg-danger",info:"mcl-bg-info",warning:"mcl-bg-warning","light-1":"mcl-bg-light-1","light-2":"mcl-bg-light-2","light-3":"mcl-bg-light-3","light-4":"mcl-bg-light-4","dark-1":"mcl-bg-dark-1","dark-2":"mcl-bg-dark-2","dark-3":"mcl-bg-dark-3","dark-4":"mcl-bg-dark-4",black:"mcl-bg-black",white:"mcl-bg-white",transparent:"mcl-bg-transparent"}}}),L=a("",{variants:{color:{primary:"hover:bg-primary",secondary:"hover:bg-secondary",success:"hover:bg-success",danger:"hover:bg-danger",info:"hover:bg-info",warning:"hover:bg-warning","light-1":"hover:bg-light-1","light-2":"hover:bg-light-2","light-3":"hover:bg-light-3","light-4":"hover:bg-light-4","dark-1":"hover:bg-dark-1","dark-2":"hover:bg-dark-2","dark-3":"hover:bg-dark-3","dark-4":"hover:bg-dark-4",black:"hover:bg-black",white:"hover:bg-white",transparent:"hover:bg-transparent"}}}),S=a("",{variants:{color:{primary:"focus:bg-primary",secondary:"focus:bg-secondary",success:"focus:bg-success",danger:"focus:bg-danger",info:"focus:bg-info",warning:"focus:bg-warning","light-1":"focus:bg-light-1","light-2":"focus:bg-light-2","light-3":"focus:bg-light-3","light-4":"focus:bg-light-4","dark-1":"focus:bg-dark-1","dark-2":"focus:bg-dark-2","dark-3":"focus:bg-dark-3","dark-4":"focus:bg-dark-4",black:"focus:bg-black",white:"focus:bg-white",transparent:"focus:bg-transparent"}}}),A=a("",{variants:{color:{primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",danger:"before:bg-danger",info:"before:bg-info",warning:"before:bg-warning","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-4",black:"before:bg-black",white:"before:bg-white",transparent:"before:bg-transparent"}}}),N=a("",{variants:{color:{primary:"after:bg-primary",secondary:"after:bg-secondary",success:"after:bg-success",danger:"after:bg-danger",info:"after:bg-info",warning:"after:bg-warning","light-1":"after:bg-light-1","light-2":"after:bg-light-2","light-3":"after:bg-light-3","light-4":"after:bg-light-4","dark-1":"after:bg-dark-1","dark-2":"after:bg-dark-2","dark-3":"after:bg-dark-3","dark-4":"after:bg-dark-4",black:"after:bg-black",white:"after:bg-white",transparent:"after:bg-transparent"}}}),j=a("",{variants:{color:{primary:"active:bg-primary",secondary:"active:bg-secondary",success:"active:bg-success",danger:"active:bg-danger",info:"active:bg-info",warning:"active:bg-warning","light-1":"active:bg-light-1","light-2":"active:bg-light-2","light-3":"active:bg-light-3","light-4":"active:bg-light-4","dark-1":"active:bg-dark-1","dark-2":"active:bg-dark-2","dark-3":"active:bg-dark-3","dark-4":"active:bg-dark-4",black:"active:bg-black",white:"active:bg-white",transparent:"active:bg-transparent"}}}),M=a("",{variants:{color:{primary:"text-primary",secondary:"text-secondary",success:"text-success",danger:"text-danger",info:"text-info",warning:"text-warning","light-1":"text-light-1","light-2":"text-light-2","light-3":"text-light-3","light-4":"text-light-4","dark-1":"text-dark-1","dark-2":"text-dark-2","dark-3":"text-dark-3","dark-4":"text-dark-4",black:"text-black",white:"text-white",transparent:"text-transparent"}}}),T=a("",{variants:{color:{primary:"hover:text-primary",secondary:"hover:text-secondary",success:"hover:text-success",danger:"hover:text-danger",info:"hover:text-info",warning:"hover:text-warning","light-1":"hover:text-light-1","light-2":"hover:text-light-2","light-3":"hover:text-light-3","light-4":"hover:text-light-4","dark-1":"hover:text-dark-1","dark-2":"hover:text-dark-2","dark-3":"hover:text-dark-3","dark-4":"hover:text-dark-4",black:"hover:text-black",white:"hover:text-white",transparent:"hover:text-transparent"}}}),O=a("",{variants:{color:{primary:"focus:text-primary",secondary:"focus:text-secondary",success:"focus:text-success",danger:"focus:text-danger",info:"focus:text-info",warning:"focus:text-warning","light-1":"focus:text-light-1","light-2":"focus:text-light-2","light-3":"focus:text-light-3","light-4":"focus:text-light-4","dark-1":"focus:text-dark-1","dark-2":"focus:text-dark-2","dark-3":"focus:text-dark-3","dark-4":"focus:text-dark-4",black:"focus:text-black",white:"focus:text-white",transparent:"focus:text-transparent"}}}),$=a("",{variants:{color:{primary:"disabled:text-primary",secondary:"disabled:text-secondary",success:"disabled:text-success",danger:"disabled:text-danger",info:"disabled:text-info",warning:"disabled:text-warning","light-1":"disabled:text-light-1","light-2":"disabled:text-light-2","light-3":"disabled:text-light-3","light-4":"disabled:text-light-4","dark-1":"disabled:text-dark-1","dark-2":"disabled:text-dark-2","dark-3":"disabled:text-dark-3","dark-4":"disabled:text-dark-4",black:"disabled:text-black",white:"disabled:text-white",transparent:"disabled:text-transparent"}}}),H=a("",{variants:{color:{primary:"fill-primary",secondary:"fill-secondary",success:"fill-success",danger:"fill-danger",info:"fill-info",warning:"fill-warning","light-1":"fill-light-1","light-2":"fill-light-2","light-3":"fill-light-3","light-4":"fill-light-4","dark-1":"fill-dark-1","dark-2":"fill-dark-2","dark-3":"fill-dark-3","dark-4":"fill-dark-4",black:"fill-black",white:"fill-white",transparent:"fill-transparent"}}}),W=a("",{variants:{color:{primary:"ring-primary",secondary:"ring-secondary",success:"ring-success",danger:"ring-danger",info:"ring-info",warning:"ring-warning","light-1":"ring-light-1","light-2":"ring-light-2","light-3":"ring-light-3","light-4":"ring-light-4","dark-1":"ring-dark-1","dark-2":"ring-dark-2","dark-3":"ring-dark-3","dark-4":"ring-dark-4",black:"ring-black",white:"ring-white",transparent:"ring-transparent"}}}),D=a("",{variants:{color:{primary:"focus:ring-primary",secondary:"focus:ring-secondary",success:"focus:ring-success",danger:"focus:ring-danger",info:"focus:ring-info",warning:"focus:ring-warning","light-1":"focus:ring-light-1","light-2":"focus:ring-light-2","light-3":"focus:ring-light-3","light-4":"focus:ring-light-4","dark-1":"focus:ring-dark-1","dark-2":"focus:ring-dark-2","dark-3":"focus:ring-dark-3","dark-4":"focus:ring-dark-4",black:"focus:ring-black",white:"focus:ring-white",transparent:"focus:ring-transparent"}}}),R=a("",{variants:{color:{primary:"active:ring-primary",secondary:"active:ring-secondary",success:"active:ring-success",danger:"active:ring-danger",info:"active:ring-info",warning:"active:ring-warning","light-1":"active:ring-light-1","light-2":"active:ring-light-2","light-3":"active:ring-light-3","light-4":"active:ring-light-4","dark-1":"active:ring-dark-1","dark-2":"active:ring-dark-2","dark-3":"active:ring-dark-3","dark-4":"active:ring-dark-4",black:"active:ring-black",white:"active:ring-white",transparent:"active:ring-transparent"}}}),I=a("",{variants:{color:{primary:"ring-offset-primary",secondary:"ring-offset-secondary",success:"ring-offset-success",danger:"ring-offset-danger",info:"ring-offset-info",warning:"ring-offset-warning","light-1":"ring-offset-light-1","light-2":"ring-offset-light-2","light-3":"ring-offset-light-3","light-4":"ring-offset-light-4","dark-1":"ring-offset-dark-1","dark-2":"ring-offset-dark-2","dark-3":"ring-offset-dark-3","dark-4":"ring-offset-dark-4",black:"ring-offset-black",white:"ring-offset-white",transparent:"ring-offset-transparent"}}}),X=a("",{variants:{color:{primary:"mcl-outline-primary",secondary:"mcl-outline-secondary",success:"mcl-outline-success",danger:"mcl-outline-danger",info:"mcl-outline-info",warning:"mcl-outline-warning","light-1":"mcl-outline-light-1","light-2":"mcl-outline-light-2","light-3":"mcl-outline-light-3","light-4":"mcl-outline-light-4","dark-1":"mcl-outline-dark-1","dark-2":"mcl-outline-dark-2","dark-3":"mcl-outline-dark-3","dark-4":"mcl-outline-dark-4",black:"mcl-outline-black",white:"mcl-outline-white",transparent:"mcl-outline-transparent"}}}),Y=a("",{variants:{color:{primary:"focus:mcl-outline-primary",secondary:"focus:mcl-outline-secondary",success:"focus:mcl-outline-success",danger:"focus:mcl-outline-danger",info:"focus:mcl-outline-info",warning:"focus:mcl-outline-warning","light-1":"focus:mcl-outline-light-1","light-2":"focus:mcl-outline-light-2","light-3":"focus:mcl-outline-light-3","light-4":"focus:mcl-outline-light-4","dark-1":"focus:mcl-outline-dark-1","dark-2":"focus:mcl-outline-dark-2","dark-3":"focus:mcl-outline-dark-3","dark-4":"focus:mcl-outline-dark-4",black:"focus:mcl-outline-black",white:"focus:mcl-outline-white",transparent:"focus:mcl-outline-transparent"}}}),q=a("",{variants:{color:{primary:"active:mcl-outline-primary",secondary:"active:mcl-outline-secondary",success:"active:mcl-outline-success",danger:"active:mcl-outline-danger",info:"active:mcl-outline-info",warning:"active:mcl-outline-warning","light-1":"active:mcl-outline-light-1","light-2":"active:mcl-outline-light-2","light-3":"active:mcl-outline-light-3","light-4":"active:mcl-outline-light-4","dark-1":"active:mcl-outline-dark-1","dark-2":"active:mcl-outline-dark-2","dark-3":"active:mcl-outline-dark-3","dark-4":"active:mcl-outline-dark-4",black:"active:mcl-outline-black",white:"active:mcl-outline-white",transparent:"active:mcl-outline-transparent"}}}),F=a("",{variants:{color:{primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",info:"btn-info",warning:"btn-warning","light-1":"btn-light-1","light-2":"btn-light-2","light-3":"btn-light-3","light-4":"btn-light-4","dark-1":"btn-dark-1","dark-2":"btn-dark-2","dark-3":"btn-dark-3","dark-4":"btn-dark-4",black:"btn-black",white:"btn-white",transparent:"btn-transparent"}}}),G=a("",{variants:{color:{primary:"mcl-list-primary",secondary:"mcl-list-secondary",success:"mcl-list-success",danger:"mcl-list-danger",info:"mcl-list-info",warning:"mcl-list-warning","light-1":"mcl-list-light-1","light-2":"mcl-list-light-2","light-3":"mcl-list-light-3","light-4":"mcl-list-light-4","dark-1":"mcl-list-dark-1","dark-2":"mcl-list-dark-2","dark-3":"mcl-list-dark-3","dark-4":"mcl-list-dark-4",black:"mcl-list-black",white:"mcl-list-white",transparent:"mcl-list-transparent"}}}),P=a("",{variants:{color:{primary:"border-primary",secondary:"border-secondary",success:"border-success",danger:"border-danger",info:"border-info",warning:"border-warning","light-1":"border-light-1","light-2":"border-light-2","light-3":"border-light-3","light-4":"border-light-4","dark-1":"border-dark-1","dark-2":"border-dark-2","dark-3":"border-dark-3","dark-4":"border-dark-4",black:"border-black",white:"border-white",transparent:"border-transparent"}}}),J=a("",{variants:{color:{primary:"border-x-primary",secondary:"border-x-secondary",success:"border-x-success",danger:"border-x-danger",info:"border-x-info",warning:"border-x-warning","light-1":"border-x-light-1","light-2":"border-x-light-2","light-3":"border-x-light-3","light-4":"border-x-light-4","dark-1":"border-x-dark-1","dark-2":"border-x-dark-2","dark-3":"border-x-dark-3","dark-4":"border-x-dark-4",black:"border-x-black",white:"border-x-white",transparent:"border-x-transparent"}}}),K=a("",{variants:{color:{primary:"border-y-primary",secondary:"border-y-secondary",success:"border-y-success",danger:"border-y-danger",info:"border-y-info",warning:"border-y-warning","light-1":"border-y-light-1","light-2":"border-y-light-2","light-3":"border-y-light-3","light-4":"border-y-light-4","dark-1":"border-y-dark-1","dark-2":"border-y-dark-2","dark-3":"border-y-dark-3","dark-4":"border-y-dark-4",black:"border-y-black",white:"border-y-white",transparent:"border-y-transparent"}}}),Q=a("",{variants:{color:{primary:"border-t-primary",secondary:"border-t-secondary",success:"border-t-success",danger:"border-t-danger",info:"border-t-info",warning:"border-t-warning","light-1":"border-t-light-1","light-2":"border-t-light-2","light-3":"border-t-light-3","light-4":"border-t-light-4","dark-1":"border-t-dark-1","dark-2":"border-t-dark-2","dark-3":"border-t-dark-3","dark-4":"border-t-dark-4",black:"border-t-black",white:"border-t-white",transparent:"border-t-transparent"}}}),U=a("",{variants:{color:{primary:"border-b-primary",secondary:"border-b-secondary",success:"border-b-success",danger:"border-b-danger",info:"border-b-info",warning:"border-b-warning","light-1":"border-b-light-1","light-2":"border-b-light-2","light-3":"border-b-light-3","light-4":"border-b-light-4","dark-1":"border-b-dark-1","dark-2":"border-b-dark-2","dark-3":"border-b-dark-3","dark-4":"border-b-dark-4",black:"border-b-black",white:"border-b-white",transparent:"border-b-transparent"}}}),Z=a("",{variants:{color:{primary:"border-l-primary",secondary:"border-l-secondary",success:"border-l-success",danger:"border-l-danger",info:"border-l-info",warning:"border-l-warning","light-1":"border-l-light-1","light-2":"border-l-light-2","light-3":"border-l-light-3","light-4":"border-l-light-4","dark-1":"border-l-dark-1","dark-2":"border-l-dark-2","dark-3":"border-l-dark-3","dark-4":"border-l-dark-4",black:"border-l-black",white:"border-l-white",transparent:"border-l-transparent"}}}),_=a("",{variants:{color:{primary:"border-r-primary",secondary:"border-r-secondary",success:"border-r-success",danger:"border-r-danger",info:"border-r-info",warning:"border-r-warning","light-1":"border-r-light-1","light-2":"border-r-light-2","light-3":"border-r-light-3","light-4":"border-r-light-4","dark-1":"border-r-dark-1","dark-2":"border-r-dark-2","dark-3":"border-r-dark-3","dark-4":"border-r-dark-4",black:"border-r-black",white:"border-r-white",transparent:"border-r-transparent"}}}),rr=a("",{variants:{size:{xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"}}}),tr=a("",{variants:{weight:{light:"font-light",normal:"font-normal",bold:"font-bold"}}}),ar=a("",{variants:{align:{left:"text-left",center:"text-center",right:"text-right"}}}),er=a("",{variants:{size:{sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"}}}),lr=a("",{variants:{size:{sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"}}}),or=a("",{variants:{size:{sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"}}}),ir=a("",{variants:{size:{sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}}),nr={1:"border-[1px]",2:"border-[2px]",3:"border-[3px]",4:"border-[4px]",5:"border-[5px]",6:"border-[6px]",7:"border-[7px]",8:"border-[8px]",9:"border-[9px]",10:"border-[10px]",11:"border-[11px]",12:"border-[12px]"},sr={1:"border-x-[1px]",2:"border-x-[2px]",3:"border-x-[3px]",4:"border-x-[4px]",5:"border-x-[5px]",6:"border-x-[6px]",7:"border-x-[7px]",8:"border-x-[8px]",9:"border-x-[9px]",10:"border-x-[10px]",11:"border-x-[11px]",12:"border-x-[12px]"},dr={1:"border-y-[1px]",2:"border-y-[2px]",3:"border-y-[3px]",4:"border-y-[4px]",5:"border-y-[5px]",6:"border-y-[6px]",7:"border-y-[7px]",8:"border-y-[8px]",9:"border-y-[9px]",10:"border-y-[10px]",11:"border-y-[11px]",12:"border-y-[12px]"},cr={1:"border-t-[1px]",2:"border-t-[2px]",3:"border-t-[3px]",4:"border-t-[4px]",5:"border-t-[5px]",6:"border-t-[6px]",7:"border-t-[7px]",8:"border-t-[8px]",9:"border-t-[9px]",10:"border-t-[10px]",11:"border-t-[11px]",12:"border-t-[12px]"},gr={1:"border-b-[1px]",2:"border-b-[2px]",3:"border-b-[3px]",4:"border-b-[4px]",5:"border-b-[5px]",6:"border-b-[6px]",7:"border-b-[7px]",8:"border-b-[8px]",9:"border-b-[9px]",10:"border-b-[10px]",11:"border-b-[11px]",12:"border-b-[12px]"},br={1:"border-l-[1px]",2:"border-l-[2px]",3:"border-l-[3px]",4:"border-l-[4px]",5:"border-l-[5px]",6:"border-l-[6px]",7:"border-l-[7px]",8:"border-l-[8px]",9:"border-l-[9px]",10:"border-l-[10px]",11:"border-l-[11px]",12:"border-l-[12px]"},hr={1:"border-r-[1px]",2:"border-r-[2px]",3:"border-r-[3px]",4:"border-r-[4px]",5:"border-r-[5px]",6:"border-r-[6px]",7:"border-r-[7px]",8:"border-r-[8px]",9:"border-r-[9px]",10:"border-r-[10px]",11:"border-r-[11px]",12:"border-r-[12px]"},mr=t=>nr[t.width]??"",xr=t=>sr[t.width]??"",pr=t=>dr[t.width]??"",fr=t=>cr[t.width]??"",kr=t=>gr[t.width]??"",ur=t=>br[t.width]??"",yr=t=>hr[t.width]??"",wr={10:"opacity-10",20:"opacity-20",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",80:"opacity-80",90:"opacity-90",100:"opacity-100"},Cr={10:"bg-opacity-10",20:"bg-opacity-20",30:"bg-opacity-30",40:"bg-opacity-40",50:"bg-opacity-50",60:"bg-opacity-60",70:"bg-opacity-70",80:"bg-opacity-80",90:"bg-opacity-90",100:"bg-opacity-100"},vr={10:"outline-opacity-10",20:"outline-opacity-20",30:"outline-opacity-30",40:"outline-opacity-40",50:"outline-opacity-50",60:"outline-opacity-60",70:"outline-opacity-70",80:"outline-opacity-80",90:"outline-opacity-90",100:"outline-opacity-100"},Vr=t=>wr[t.opacity]??"",Br=t=>Cr[t.opacity]??"",zr=t=>vr[t.opacity]??"",Er=a("",{variants:{spacing:{0:"m-0","3xs":"m-3xs","2xs":"m-2xs",xs:"m-xs",sm:"m-sm",md:"m-md",lg:"m-lg",xl:"m-xl","2xl":"m-2xl","3xl":"m-3xl"}}}),Lr=a("",{variants:{spacing:{0:"mx-0","3xs":"mx-3xs","2xs":"mx-2xs",xs:"mx-xs",sm:"mx-sm",md:"mx-md",lg:"mx-lg",xl:"mx-xl","2xl":"mx-2xl","3xl":"mx-3xl"}}}),Sr=a("",{variants:{spacing:{0:"my-0","3xs":"my-3xs","2xs":"my-2xs",xs:"my-xs",sm:"my-sm",md:"my-md",lg:"my-lg",xl:"my-xl","2xl":"my-2xl","3xl":"my-3xl"}}}),Ar=a("",{variants:{spacing:{0:"mt-0","3xs":"mt-3xs","2xs":"mt-2xs",xs:"mt-xs",sm:"mt-sm",md:"mt-md",lg:"mt-lg",xl:"mt-xl","2xl":"mt-2xl","3xl":"mt-3xl"}}}),Nr=a("",{variants:{spacing:{0:"mb-0","3xs":"mb-3xs","2xs":"mb-2xs",xs:"mb-xs",sm:"mb-sm",md:"mb-md",lg:"mb-lg",xl:"mb-xl","2xl":"mb-2xl","3xl":"mb-3xl"}}}),jr=a("",{variants:{spacing:{0:"ml-0","3xs":"ml-3xs","2xs":"ml-2xs",xs:"ml-xs",sm:"ml-sm",md:"ml-md",lg:"ml-lg",xl:"ml-xl","2xl":"ml-2xl","3xl":"ml-3xl"}}}),Mr=a("",{variants:{spacing:{0:"mr-0","3xs":"mr-3xs","2xs":"mr-2xs",xs:"mr-xs",sm:"mr-sm",md:"mr-md",lg:"mr-lg",xl:"mr-xl","2xl":"mr-2xl","3xl":"mr-3xl"}}}),Tr=a("",{variants:{spacing:{0:"p-0","3xs":"p-3xs","2xs":"p-2xs",xs:"p-xs",sm:"p-sm",md:"p-md",lg:"p-lg",xl:"p-xl","2xl":"p-2xl","3xl":"p-3xl"}}}),Or=a("",{variants:{spacing:{0:"px-0","3xs":"px-3xs","2xs":"px-2xs",xs:"px-xs",sm:"px-sm",md:"px-md",lg:"px-lg",xl:"px-xl","2xl":"px-2xl","3xl":"px-3xl"}}}),$r=a("",{variants:{spacing:{0:"py-0","3xs":"py-3xs","2xs":"py-2xs",xs:"py-xs",sm:"py-sm",md:"py-md",lg:"py-lg",xl:"py-xl","2xl":"py-2xl","3xl":"py-3xl"}}}),Hr=a("",{variants:{spacing:{0:"pt-0","3xs":"pt-3xs","2xs":"pt-2xs",xs:"pt-xs",sm:"pt-sm",md:"pt-md",lg:"pt-lg",xl:"pt-xl","2xl":"pt-2xl","3xl":"pt-3xl"}}}),Wr=a("",{variants:{spacing:{0:"pb-0","3xs":"pb-3xs","2xs":"pb-2xs",xs:"pb-xs",sm:"pb-sm",md:"pb-md",lg:"pb-lg",xl:"pb-xl","2xl":"pb-2xl","3xl":"pb-3xl"}}}),Dr=a("",{variants:{spacing:{0:"pl-0","3xs":"pl-3xs","2xs":"pl-2xs",xs:"pl-xs",sm:"pl-sm",md:"pl-md",lg:"pl-lg",xl:"pl-xl","2xl":"pl-2xl","3xl":"pl-3xl"}}}),Rr=a("",{variants:{spacing:{0:"pr-0","3xs":"pr-3xs","2xs":"pr-2xs",xs:"pr-xs",sm:"pr-sm",md:"pr-md",lg:"pr-lg",xl:"pr-xl","2xl":"pr-2xl","3xl":"pr-3xl"}}}),Ir=a("",{variants:{spacing:{0:"gap-0","3xs":"gap-3xs","2xs":"gap-2xs",xs:"gap-xs",sm:"gap-sm",md:"gap-md",lg:"gap-lg",xl:"gap-xl","2xl":"gap-2xl","3xl":"gap-3xl"}}}),Xr={bgColorVariant:E,hoverBgColorVariant:L,focusBgColorVariant:S,beforeBgColorVariant:A,afterBgColorVariant:N,activeBgColorVariant:j,textColorVariant:M,hoverTextColorVariant:T,focusTextColorVariant:O,disabledTextColorVariant:$,svgFillColorVariant:H,ringColorVariant:W,focusRingColorVariant:D,activeRingColorVariant:R,ringOffsetColorVariant:I,outlineColorVariant:X,focusOutlineColorVariant:Y,activeOutlineColorVariant:q,btnColorVariant:F,listColorVariant:G,borderColorVariant:P,borderXColorVariant:J,borderYColorVariant:K,borderTopColorVariant:Q,borderBottomColorVariant:U,borderLeftColorVariant:Z,borderRightColorVariant:_,bodyTextVariant:rr,fontWeightVariant:tr,textAlignVariant:ar,h1Variant:er,h2Variant:lr,h3Variant:or,h4Variant:ir,borderWidthVariant:mr,borderXWidthVariant:xr,borderYWidthVariant:pr,borderTopWidthVariant:fr,borderBottomWidthVariant:kr,borderLeftWidthVariant:ur,borderRightWidthVariant:yr,opacityVariant:Vr,bgOpacityVariant:Br,outlineOpacityVariant:zr,marginVariant:Er,marginXVariant:Lr,marginYVariant:Sr,marginTopVariant:Ar,marginBottomVariant:Nr,marginLeftVariant:jr,marginRightVariant:Mr,paddingVariant:Tr,paddingXVariant:Or,paddingYVariant:$r,paddingTopVariant:Hr,paddingBottomVariant:Wr,paddingLeftVariant:Dr,paddingRightVariant:Rr,gapVariant:Ir};r.defineComponent({setup(t,{slots:s}){const e=r.ref(!1);return r.onMounted(()=>{e.value=!0}),()=>e.value&&s.default?s.default():null}});const Yr={xs:"backdrop-blur-xs",sm:"backdrop-blur-sm",md:"backdrop-blur-md",lg:"backdrop-blur-lg",xl:"backdrop-blur-xl"},qr={primary:"mcl-glass-primary",secondary:"mcl-glass-secondary",success:"mcl-glass-success",info:"mcl-glass-info",danger:"mcl-glass-danger",warning:"mcl-glass-warning","light-1":"mcl-glass-light-1","light-2":"mcl-glass-light-2","light-3":"mcl-glass-light-3","light-4":"mcl-glass-light-4","dark-1":"mcl-glass-dark-1","dark-2":"mcl-glass-dark-2","dark-3":"mcl-glass-dark-3","dark-4":"mcl-glass-dark-4",black:"mcl-glass-black",white:"mcl-glass-white",transparent:"mcl-glass-transparent"},Fr={10:"mcl-depth-10",20:"mcl-depth-20",30:"mcl-depth-30",40:"mcl-depth-40",50:"mcl-depth-50",60:"mcl-depth-60",70:"mcl-depth-70",80:"mcl-depth-80",90:"mcl-depth-90",100:"mcl-depth-100"},Gr=(t,s,e,i=10)=>["mcl-glassmorphism",qr[t],Yr[s],Xr.bgOpacityVariant({opacity:e}),Fr[i]].filter(Boolean).join(" "),Pr={key:0,class:"relative"},Jr=["src","alt"],Kr=["innerHTML"],Qr={class:"flex h-full flex-col justify-between"},Ur={class:"px-xs pt-sm flex-1"},Zr=["innerHTML"],_r=["innerHTML"],rt={class:"px-xs w-full"},tt=["href","target"],at=r.defineComponent({__name:"MclCardA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},borderColor:{default:"light-3"},bgColor:{default:"light-1"},fullWidth:{type:Boolean,default:!1},glass:{type:Boolean,default:!1},glassBlur:{default:"sm"},glassOpacity:{default:20},showImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{},showCta:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaText:{default:"cta text"},ctaColor:{default:"primary"},ctaLink:{default:"#"},ctaTarget:{default:"_self"},showLabel:{type:Boolean,default:!0},labelText:{default:"Lorem ipsum"},labelTextColor:{default:"light-1"},labelColor:{default:"dark-4"},enlargeOnHover:{type:Boolean,default:!1},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},rounded:{type:Boolean,default:!0},showShadow:{type:Boolean,default:!0}},emits:["card-click","card-btn-click"],setup(t,{emit:s}){const e=t;r.useSlots();const i=s,m=r.computed(()=>{const{borderColor:l,bgColor:n,rounded:o,enlargeOnHover:d,showShadow:p,glass:x,glassBlur:y,glassOpacity:w,fullWidth:xt}=e;return[b.generateClass.borderColorVariant({color:l}),b.generateClass.bgColorVariant({color:n}),!xt&&"max-w-[450px] sm:max-w-[350px]",o?"rounded-lg":"rounded-sm",d&&"hover:scale-105 transition ease-in duration-300",p&&"drop-shadow-md",x&&Gr(n,y,w)].filter(Boolean).join(" ")}),h=r.computed(()=>{const{titleSize:l,titleColor:n,showHighlight:o}=e;return[b.generateClass.h3Variant({size:l}),b.generateClass.textColorVariant({color:n}),o?"mb-2xs":"mb-xs"].filter(Boolean).join(" ")}),k=r.computed(()=>{const{labelTextColor:l,labelColor:n}=e;return[b.generateClass.textColorVariant({color:l}),b.generateClass.bgColorVariant({color:n})].filter(Boolean).join(" ")}),u=r.computed(()=>{const{ctaColor:l,rounded:n}=e,o=["light-1","light-2","light-3","light-4"];return[b.generateClass.btnColorVariant({color:l}),o.includes(l)?"text-black":"text-white",n&&"btn-round"].filter(Boolean).join(" ")}),c=l=>{const{title:n,ctaLink:o,ctaTarget:d,ctaAsLink:p}=e,x={title:n,url:o,target:d||"_self"};!p&&l.preventDefault(),i("card-btn-click",l,x)},g=l=>{const{title:n,ctaLink:o,ctaTarget:d}=e;i("card-click",l,{title:n,url:o,target:d||"_self"})};return(l,n)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["xs:w-auto flex w-full flex-shrink-0 flex-grow cursor-pointer flex-col overflow-hidden border",m.value]),onClick:g},[t.showImage?(r.openBlock(),r.createElementBlock("div",Pr,[r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:"aspect-video min-w-full object-cover object-top"},null,8,Jr),t.showLabel?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(["py-3xs px-2xs ml-xs absolute bottom-0 inline-block translate-y-[50%] text-xs font-bold",k.value]),innerHTML:t.labelText},null,10,Kr)):r.createCommentVNode("",!0)])):r.createCommentVNode("",!0),r.createElementVNode("div",Qr,[r.createElementVNode("div",Ur,[!t.showImage&&t.showLabel?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(["py-3xs px-2xs mb-2xs inline-block text-xs font-bold",k.value]),innerHTML:t.labelText},null,10,Zr)):r.createCommentVNode("",!0),r.createElementVNode("h3",{class:r.normalizeClass(h.value),innerHTML:t.title},null,10,_r),t.showHighlight?(r.openBlock(),r.createElementBlock("div",{key:1,class:r.normalizeClass(["mb-xs h-3xs w-md",r.unref(b.generateClass).bgColorVariant({color:t.highlightColor})])},null,2)):r.createCommentVNode("",!0),r.createElementVNode("div",{class:"mb-sm cursor-default",onClick:n[0]||(n[0]=r.withModifiers(()=>{},["stop"]))},[r.renderSlot(l.$slots,"default")])]),t.showCta?(r.openBlock(),r.createElementBlock("div",{key:0,class:"pb-sm cursor-default border-0",onClick:n[2]||(n[2]=r.withModifiers(()=>{},["stop"]))},[r.createElementVNode("div",rt,[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaTarget,class:r.normalizeClass(["btn btn-full",u.value]),onClick:n[1]||(n[1]=o=>c(o))},r.toDisplayString(t.ctaText),11,tt)])])):r.createCommentVNode("",!0)])],2))}}),et=["href","target"],lt={class:"z-15 p-xs peer absolute inset-0 flex flex-col items-start justify-end transition-opacity duration-200 hover:opacity-100 [@media(hover:hover)]:opacity-0"},ot=["innerHTML"],it=["src","alt"],nt=r.defineComponent({__name:"MclCardB",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},titleBlockColor:{default:"dark-4"},borderColor:{default:"light-3"},imageSource:{},imageAlt:{},showGrayScale:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaLink:{default:"#"},ctaTarget:{default:"_self"},rounded:{type:Boolean,default:!1}},emits:["card-click"],setup(t,{emit:s}){const e=t;r.useSlots();const i=s,m=r.computed(()=>{const{borderColor:c,rounded:g}=e,l=[b.generateClass.borderColorVariant({color:c})];return l.push(g?"rounded-md":"rounded-sm"),l.join(" ")}),h=r.computed(()=>{const{showGrayScale:c}=e;return c?"[@media(hover:hover)]:grayscale peer-hover:grayscale-0":""}),k=r.computed(()=>{const{titleSize:c,titleColor:g,titleBlockColor:l}=e;return[b.generateClass.h3Variant({size:c}),b.generateClass.textColorVariant({color:g}),b.generateClass.bgColorVariant({color:l})].join(" ")}),u=c=>{const{title:g,ctaLink:l,ctaTarget:n,ctaAsLink:o}=e;!o&&c.preventDefault();const d={title:g,url:l,target:n||"_self"};console.log(d),i("card-click",c,d)};return(c,g)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["max-w-112.5 sm:max-w-87.5 xs:w-auto relative w-full shrink-0 grow cursor-pointer overflow-hidden border",m.value])},[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaTarget,onClick:g[0]||(g[0]=l=>u(l))},[r.createElementVNode("div",lt,[r.createElementVNode("h3",{innerHTML:t.title,class:r.normalizeClass(["px-xs py-2xs mb-2xs pointer-events-none inline-block tracking-wide",k.value])},null,10,ot),r.renderSlot(c.$slots,"default")]),r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:r.normalizeClass(["aspect-3/4 relative z-10 h-full w-full object-cover object-center transition-all duration-200",h.value])},null,10,it)],8,et)],2))}}),st=["src","alt"],dt=r.defineComponent({__name:"MclCardC",props:{imageSource:{},imageAlt:{},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},showHighlight:{type:Boolean,default:!1},highlightColor:{default:"light-3"},highlightOpacity:{default:80},showTitle:{type:Boolean,default:!1},cardColor:{default:"primary"}},emits:["card-click"],setup(t,{emit:s}){const e=t;r.useSlots();const i=r.ref(!1),m=s,h=r.computed(()=>{const c=[b.generateClass.bgColorVariant({color:e.cardColor})];return i.value&&c.push("flip-card"),c.join(" ")}),k=r.computed(()=>{const{titleSize:c,titleColor:g,showHighlight:l,highlightColor:n,highlightOpacity:o}=e,d=[b.generateClass.h3Variant({size:c}),b.generateClass.textColorVariant({color:g})];return l&&(d.push("px-xs py-2xs mb-2xs rounded"),d.push(b.generateClass.bgColorVariant({color:n})),d.push(b.generateClass.bgOpacityVariant({opacity:o}))),d.join(" ")}),u=c=>{c.preventDefault(),i.value&&m("card-click",c),i.value=!0};return(c,g)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["card duration-1600 max-h-100 relative aspect-square overflow-hidden transition",h.value]),onClick:u},[r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:r.normalizeClass([i.value?"opacity-100":"opacity-0","duration-800 absolute aspect-square h-full w-full object-cover object-center transition-opacity delay-500"])},null,10,st),r.createElementVNode("div",{class:r.normalizeClass([i.value?"cursor-pointer opacity-100":"opacity-0","p-sm duration-800 relative flex h-full flex-col justify-end transition delay-500"])},[t.showTitle?(r.openBlock(),r.createElementBlock("h3",{key:0,class:r.normalizeClass(["relative self-start",k.value])},[r.createElementVNode("span",null,r.toDisplayString(t.title),1)],2)):r.createCommentVNode("",!0),r.renderSlot(c.$slots,"card-body",{},void 0,!0)],2)],2))}}),B=(t,s)=>{const e=t.__vccOpts||t;for(const[i,m]of s)e[i]=m;return e},ct=B(dt,[["__scopeId","data-v-0aa20df6"]]),gt={class:"flex flex-col overflow-hidden rounded-md"},bt=["src","alt"],ht=["href","target"],mt=B(r.defineComponent({__name:"MclCardD",props:{showImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-4"},bgColor:{default:"light-1"},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},ctaText:{default:"Read more"},ctaLink:{},ctaLinkTarget:{default:"_self"},ctaAsLink:{type:Boolean,default:!1},ctaButton:{type:Boolean,default:!1},ctaButtonColor:{default:"warning"},ctaButtonBlock:{type:Boolean,default:!1},borderWidth:{default:3},borderColor:{default:"light-3"},gradient1:{default:"primary"},gradient2:{default:"secondary"},customColor:{}},emits:["card-click"],setup(t,{emit:s}){const e={primary:"from-primary",secondary:"from-secondary",success:"from-success",info:"from-info",warning:"from-warning",danger:"from-danger","light-1":"from-light-1","light-2":"from-light-2","light-3":"from-light-3","light-4":"from-light-4","dark-1":"from-dark-1","dark-2":"from-dark-2","dark-3":"from-dark-3","dark-4":"from-dark-4",black:"from-black",white:"from-white",transparent:"from-transparent"},i={primary:"via-primary",secondary:"via-secondary",success:"via-success",info:"via-info",warning:"via-warning",danger:"via-danger","light-1":"via-light-1","light-2":"via-light-2","light-3":"via-light-3","light-4":"via-light-4","dark-1":"via-dark-1","dark-2":"via-dark-2","dark-3":"via-dark-3","dark-4":"via-dark-4",black:"via-black",white:"via-white",transparent:"via-transparent"},m={primary:"to-primary",secondary:"to-secondary",success:"to-success",info:"to-info",warning:"to-warning",danger:"to-danger","light-1":"to-light-1","light-2":"to-light-2","light-3":"to-light-3","light-4":"to-light-4","dark-1":"to-dark-1","dark-2":"to-dark-2","dark-3":"to-dark-3","dark-4":"to-dark-4",black:"to-black",white:"to-white",transparent:"to-transparent"},h=t;r.useSlots();const k=s,u=r.computed(()=>{const{titleSize:o,titleColor:d}=h;return[b.generateClass.h2Variant({size:o}),b.generateClass.textColorVariant({color:d})].join(" ")}),c=r.computed(()=>{const{ctaButton:o,ctaButtonColor:d,ctaButtonBlock:p}=h,x=[],y=["light-1","light-2","light-3","light-4"];return o?x.push("btn",b.generateClass.btnColorVariant({color:d})):x.push("mcl-link"),o&&p&&x.push("btn-full"),o&&!y.includes(d)&&x.push("text-white"),x.join(" ")}),g=r.computed(()=>({"--border-width":`${h.borderWidth}px`})),l=r.computed(()=>{const o=e[h.borderColor],d=i[h.gradient1],p=m[h.gradient2];return[b.generateClass.borderColorVariant({color:h.borderColor}),o,d,p].join(" ")}),n=o=>{const{title:d,ctaLink:p,ctaLinkTarget:x,ctaAsLink:y}=h,w={title:d,url:p,target:x||"_self"};!y&&o.preventDefault(),k("card-click",o,w)};return(o,d)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["card xs:w-auto max-w-112.5 sm:max-w-87.5 w-full shrink-0 grow overflow-hidden rounded-md border from-20%",l.value]),style:r.normalizeStyle(g.value)},[r.createElementVNode("div",gt,[t.showImage?(r.openBlock(),r.createElementBlock("img",{key:0,src:t.imageSource,class:"max-h-50 min-w-full object-cover object-top",alt:t.imageAlt},null,8,bt)):r.createCommentVNode("",!0),r.createElementVNode("div",{class:r.normalizeClass(["p-xs",r.unref(b.generateClass).bgColorVariant({color:t.bgColor})])},[r.createElementVNode("h3",{class:r.normalizeClass(["mb-xs",u.value])},r.toDisplayString(t.title),3),t.showHighlight?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass(["mb-xs h-3xs w-md",r.unref(b.generateClass).bgColorVariant({color:t.highlightColor})])},null,2)):r.createCommentVNode("",!0),r.createElementVNode("div",null,[r.renderSlot(o.$slots,"default",{},void 0,!0)]),r.createElementVNode("div",{class:r.normalizeClass(["mt-xs",{"mb-2xs":!t.ctaButton}])},[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaLinkTarget,class:r.normalizeClass(c.value),onClick:n},r.toDisplayString(t.ctaText),11,ht)],2)],2)])],6))}}),[["__scopeId","data-v-4ef3b50f"]]);f.MclCardA=at,f.MclCardB=nt,f.MclCardC=ct,f.MclCardD=mt,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('.perspective[data-v-eac7e2f0]{-webkit-perspective:1800px;perspective:1800px}.card[data-v-eac7e2f0]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(0deg);transform:rotateY(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card[data-v-eac7e2f0]{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}.card[data-v-8bf2cac0]{background-size:cover;background-position:center center;background-repeat:no-repeat;padding:var(--border-width);background:conic-gradient(from var(--border-angle, 0deg),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via),var(--tw-gradient-to));animation:bg-spin-8bf2cac0 4s linear infinite}@keyframes bg-spin-8bf2cac0{0%{--border-angle: 0deg}to{--border-angle: 360deg}}.card[data-v-8bf2cac0]:hover{animation-play-state:paused}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+(function(f,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue"),require("@bobbykim/manguito-theme")):typeof define=="function"&&define.amd?define(["exports","vue","@bobbykim/manguito-theme"],r):(f=typeof globalThis<"u"?globalThis:f||self,r(f.MclCards={},f.Vue,f.ManguitoTheme))})(this,(function(f,r,b){"use strict";function C(t){var s,e,i="";if(typeof t=="string"||typeof t=="number")i+=t;else if(typeof t=="object")if(Array.isArray(t)){var m=t.length;for(s=0;s<m;s++)t[s]&&(e=C(t[s]))&&(i&&(i+=" "),i+=e)}else for(e in t)t[e]&&(i&&(i+=" "),i+=e);return i}function z(){for(var t,s,e=0,i="",m=arguments.length;e<m;e++)(t=arguments[e])&&(s=C(t))&&(i&&(i+=" "),i+=s);return i}const v=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,V=z,a=(t,s)=>e=>{var i;if(s?.variants==null)return V(t,e?.class,e?.className);const{variants:m,defaultVariants:h}=s,k=Object.keys(m).map(g=>{const l=e?.[g],n=h?.[g];if(l===null)return null;const o=v(l)||v(n);return m[g][o]}),u=e&&Object.entries(e).reduce((g,l)=>{let[n,o]=l;return o===void 0||(g[n]=o),g},{}),c=s==null||(i=s.compoundVariants)===null||i===void 0?void 0:i.reduce((g,l)=>{let{class:n,className:o,...d}=l;return Object.entries(d).every(p=>{let[x,y]=p;return Array.isArray(y)?y.includes({...h,...u}[x]):{...h,...u}[x]===y})?[...g,n,o]:g},[]);return V(t,k,c,e?.class,e?.className)},E=a("",{variants:{color:{primary:"mcl-bg-primary",secondary:"mcl-bg-secondary",success:"mcl-bg-success",danger:"mcl-bg-danger",info:"mcl-bg-info",warning:"mcl-bg-warning","light-1":"mcl-bg-light-1","light-2":"mcl-bg-light-2","light-3":"mcl-bg-light-3","light-4":"mcl-bg-light-4","dark-1":"mcl-bg-dark-1","dark-2":"mcl-bg-dark-2","dark-3":"mcl-bg-dark-3","dark-4":"mcl-bg-dark-4",black:"mcl-bg-black",white:"mcl-bg-white",transparent:"mcl-bg-transparent"}}}),L=a("",{variants:{color:{primary:"hover:bg-primary",secondary:"hover:bg-secondary",success:"hover:bg-success",danger:"hover:bg-danger",info:"hover:bg-info",warning:"hover:bg-warning","light-1":"hover:bg-light-1","light-2":"hover:bg-light-2","light-3":"hover:bg-light-3","light-4":"hover:bg-light-4","dark-1":"hover:bg-dark-1","dark-2":"hover:bg-dark-2","dark-3":"hover:bg-dark-3","dark-4":"hover:bg-dark-4",black:"hover:bg-black",white:"hover:bg-white",transparent:"hover:bg-transparent"}}}),S=a("",{variants:{color:{primary:"focus:bg-primary",secondary:"focus:bg-secondary",success:"focus:bg-success",danger:"focus:bg-danger",info:"focus:bg-info",warning:"focus:bg-warning","light-1":"focus:bg-light-1","light-2":"focus:bg-light-2","light-3":"focus:bg-light-3","light-4":"focus:bg-light-4","dark-1":"focus:bg-dark-1","dark-2":"focus:bg-dark-2","dark-3":"focus:bg-dark-3","dark-4":"focus:bg-dark-4",black:"focus:bg-black",white:"focus:bg-white",transparent:"focus:bg-transparent"}}}),A=a("",{variants:{color:{primary:"before:bg-primary",secondary:"before:bg-secondary",success:"before:bg-success",danger:"before:bg-danger",info:"before:bg-info",warning:"before:bg-warning","light-1":"before:bg-light-1","light-2":"before:bg-light-2","light-3":"before:bg-light-3","light-4":"before:bg-light-4","dark-1":"before:bg-dark-1","dark-2":"before:bg-dark-2","dark-3":"before:bg-dark-3","dark-4":"before:bg-dark-4",black:"before:bg-black",white:"before:bg-white",transparent:"before:bg-transparent"}}}),N=a("",{variants:{color:{primary:"after:bg-primary",secondary:"after:bg-secondary",success:"after:bg-success",danger:"after:bg-danger",info:"after:bg-info",warning:"after:bg-warning","light-1":"after:bg-light-1","light-2":"after:bg-light-2","light-3":"after:bg-light-3","light-4":"after:bg-light-4","dark-1":"after:bg-dark-1","dark-2":"after:bg-dark-2","dark-3":"after:bg-dark-3","dark-4":"after:bg-dark-4",black:"after:bg-black",white:"after:bg-white",transparent:"after:bg-transparent"}}}),j=a("",{variants:{color:{primary:"active:bg-primary",secondary:"active:bg-secondary",success:"active:bg-success",danger:"active:bg-danger",info:"active:bg-info",warning:"active:bg-warning","light-1":"active:bg-light-1","light-2":"active:bg-light-2","light-3":"active:bg-light-3","light-4":"active:bg-light-4","dark-1":"active:bg-dark-1","dark-2":"active:bg-dark-2","dark-3":"active:bg-dark-3","dark-4":"active:bg-dark-4",black:"active:bg-black",white:"active:bg-white",transparent:"active:bg-transparent"}}}),M=a("",{variants:{color:{primary:"text-primary",secondary:"text-secondary",success:"text-success",danger:"text-danger",info:"text-info",warning:"text-warning","light-1":"text-light-1","light-2":"text-light-2","light-3":"text-light-3","light-4":"text-light-4","dark-1":"text-dark-1","dark-2":"text-dark-2","dark-3":"text-dark-3","dark-4":"text-dark-4",black:"text-black",white:"text-white",transparent:"text-transparent"}}}),T=a("",{variants:{color:{primary:"hover:text-primary",secondary:"hover:text-secondary",success:"hover:text-success",danger:"hover:text-danger",info:"hover:text-info",warning:"hover:text-warning","light-1":"hover:text-light-1","light-2":"hover:text-light-2","light-3":"hover:text-light-3","light-4":"hover:text-light-4","dark-1":"hover:text-dark-1","dark-2":"hover:text-dark-2","dark-3":"hover:text-dark-3","dark-4":"hover:text-dark-4",black:"hover:text-black",white:"hover:text-white",transparent:"hover:text-transparent"}}}),O=a("",{variants:{color:{primary:"focus:text-primary",secondary:"focus:text-secondary",success:"focus:text-success",danger:"focus:text-danger",info:"focus:text-info",warning:"focus:text-warning","light-1":"focus:text-light-1","light-2":"focus:text-light-2","light-3":"focus:text-light-3","light-4":"focus:text-light-4","dark-1":"focus:text-dark-1","dark-2":"focus:text-dark-2","dark-3":"focus:text-dark-3","dark-4":"focus:text-dark-4",black:"focus:text-black",white:"focus:text-white",transparent:"focus:text-transparent"}}}),$=a("",{variants:{color:{primary:"disabled:text-primary",secondary:"disabled:text-secondary",success:"disabled:text-success",danger:"disabled:text-danger",info:"disabled:text-info",warning:"disabled:text-warning","light-1":"disabled:text-light-1","light-2":"disabled:text-light-2","light-3":"disabled:text-light-3","light-4":"disabled:text-light-4","dark-1":"disabled:text-dark-1","dark-2":"disabled:text-dark-2","dark-3":"disabled:text-dark-3","dark-4":"disabled:text-dark-4",black:"disabled:text-black",white:"disabled:text-white",transparent:"disabled:text-transparent"}}}),H=a("",{variants:{color:{primary:"fill-primary",secondary:"fill-secondary",success:"fill-success",danger:"fill-danger",info:"fill-info",warning:"fill-warning","light-1":"fill-light-1","light-2":"fill-light-2","light-3":"fill-light-3","light-4":"fill-light-4","dark-1":"fill-dark-1","dark-2":"fill-dark-2","dark-3":"fill-dark-3","dark-4":"fill-dark-4",black:"fill-black",white:"fill-white",transparent:"fill-transparent"}}}),W=a("",{variants:{color:{primary:"ring-primary",secondary:"ring-secondary",success:"ring-success",danger:"ring-danger",info:"ring-info",warning:"ring-warning","light-1":"ring-light-1","light-2":"ring-light-2","light-3":"ring-light-3","light-4":"ring-light-4","dark-1":"ring-dark-1","dark-2":"ring-dark-2","dark-3":"ring-dark-3","dark-4":"ring-dark-4",black:"ring-black",white:"ring-white",transparent:"ring-transparent"}}}),D=a("",{variants:{color:{primary:"focus:ring-primary",secondary:"focus:ring-secondary",success:"focus:ring-success",danger:"focus:ring-danger",info:"focus:ring-info",warning:"focus:ring-warning","light-1":"focus:ring-light-1","light-2":"focus:ring-light-2","light-3":"focus:ring-light-3","light-4":"focus:ring-light-4","dark-1":"focus:ring-dark-1","dark-2":"focus:ring-dark-2","dark-3":"focus:ring-dark-3","dark-4":"focus:ring-dark-4",black:"focus:ring-black",white:"focus:ring-white",transparent:"focus:ring-transparent"}}}),R=a("",{variants:{color:{primary:"active:ring-primary",secondary:"active:ring-secondary",success:"active:ring-success",danger:"active:ring-danger",info:"active:ring-info",warning:"active:ring-warning","light-1":"active:ring-light-1","light-2":"active:ring-light-2","light-3":"active:ring-light-3","light-4":"active:ring-light-4","dark-1":"active:ring-dark-1","dark-2":"active:ring-dark-2","dark-3":"active:ring-dark-3","dark-4":"active:ring-dark-4",black:"active:ring-black",white:"active:ring-white",transparent:"active:ring-transparent"}}}),I=a("",{variants:{color:{primary:"ring-offset-primary",secondary:"ring-offset-secondary",success:"ring-offset-success",danger:"ring-offset-danger",info:"ring-offset-info",warning:"ring-offset-warning","light-1":"ring-offset-light-1","light-2":"ring-offset-light-2","light-3":"ring-offset-light-3","light-4":"ring-offset-light-4","dark-1":"ring-offset-dark-1","dark-2":"ring-offset-dark-2","dark-3":"ring-offset-dark-3","dark-4":"ring-offset-dark-4",black:"ring-offset-black",white:"ring-offset-white",transparent:"ring-offset-transparent"}}}),X=a("",{variants:{color:{primary:"mcl-outline-primary",secondary:"mcl-outline-secondary",success:"mcl-outline-success",danger:"mcl-outline-danger",info:"mcl-outline-info",warning:"mcl-outline-warning","light-1":"mcl-outline-light-1","light-2":"mcl-outline-light-2","light-3":"mcl-outline-light-3","light-4":"mcl-outline-light-4","dark-1":"mcl-outline-dark-1","dark-2":"mcl-outline-dark-2","dark-3":"mcl-outline-dark-3","dark-4":"mcl-outline-dark-4",black:"mcl-outline-black",white:"mcl-outline-white",transparent:"mcl-outline-transparent"}}}),Y=a("",{variants:{color:{primary:"focus:mcl-outline-primary",secondary:"focus:mcl-outline-secondary",success:"focus:mcl-outline-success",danger:"focus:mcl-outline-danger",info:"focus:mcl-outline-info",warning:"focus:mcl-outline-warning","light-1":"focus:mcl-outline-light-1","light-2":"focus:mcl-outline-light-2","light-3":"focus:mcl-outline-light-3","light-4":"focus:mcl-outline-light-4","dark-1":"focus:mcl-outline-dark-1","dark-2":"focus:mcl-outline-dark-2","dark-3":"focus:mcl-outline-dark-3","dark-4":"focus:mcl-outline-dark-4",black:"focus:mcl-outline-black",white:"focus:mcl-outline-white",transparent:"focus:mcl-outline-transparent"}}}),q=a("",{variants:{color:{primary:"active:mcl-outline-primary",secondary:"active:mcl-outline-secondary",success:"active:mcl-outline-success",danger:"active:mcl-outline-danger",info:"active:mcl-outline-info",warning:"active:mcl-outline-warning","light-1":"active:mcl-outline-light-1","light-2":"active:mcl-outline-light-2","light-3":"active:mcl-outline-light-3","light-4":"active:mcl-outline-light-4","dark-1":"active:mcl-outline-dark-1","dark-2":"active:mcl-outline-dark-2","dark-3":"active:mcl-outline-dark-3","dark-4":"active:mcl-outline-dark-4",black:"active:mcl-outline-black",white:"active:mcl-outline-white",transparent:"active:mcl-outline-transparent"}}}),F=a("",{variants:{color:{primary:"btn-primary",secondary:"btn-secondary",success:"btn-success",danger:"btn-danger",info:"btn-info",warning:"btn-warning","light-1":"btn-light-1","light-2":"btn-light-2","light-3":"btn-light-3","light-4":"btn-light-4","dark-1":"btn-dark-1","dark-2":"btn-dark-2","dark-3":"btn-dark-3","dark-4":"btn-dark-4",black:"btn-black",white:"btn-white",transparent:"btn-transparent"}}}),G=a("",{variants:{color:{primary:"mcl-list-primary",secondary:"mcl-list-secondary",success:"mcl-list-success",danger:"mcl-list-danger",info:"mcl-list-info",warning:"mcl-list-warning","light-1":"mcl-list-light-1","light-2":"mcl-list-light-2","light-3":"mcl-list-light-3","light-4":"mcl-list-light-4","dark-1":"mcl-list-dark-1","dark-2":"mcl-list-dark-2","dark-3":"mcl-list-dark-3","dark-4":"mcl-list-dark-4",black:"mcl-list-black",white:"mcl-list-white",transparent:"mcl-list-transparent"}}}),P=a("",{variants:{color:{primary:"border-primary",secondary:"border-secondary",success:"border-success",danger:"border-danger",info:"border-info",warning:"border-warning","light-1":"border-light-1","light-2":"border-light-2","light-3":"border-light-3","light-4":"border-light-4","dark-1":"border-dark-1","dark-2":"border-dark-2","dark-3":"border-dark-3","dark-4":"border-dark-4",black:"border-black",white:"border-white",transparent:"border-transparent"}}}),J=a("",{variants:{color:{primary:"border-x-primary",secondary:"border-x-secondary",success:"border-x-success",danger:"border-x-danger",info:"border-x-info",warning:"border-x-warning","light-1":"border-x-light-1","light-2":"border-x-light-2","light-3":"border-x-light-3","light-4":"border-x-light-4","dark-1":"border-x-dark-1","dark-2":"border-x-dark-2","dark-3":"border-x-dark-3","dark-4":"border-x-dark-4",black:"border-x-black",white:"border-x-white",transparent:"border-x-transparent"}}}),K=a("",{variants:{color:{primary:"border-y-primary",secondary:"border-y-secondary",success:"border-y-success",danger:"border-y-danger",info:"border-y-info",warning:"border-y-warning","light-1":"border-y-light-1","light-2":"border-y-light-2","light-3":"border-y-light-3","light-4":"border-y-light-4","dark-1":"border-y-dark-1","dark-2":"border-y-dark-2","dark-3":"border-y-dark-3","dark-4":"border-y-dark-4",black:"border-y-black",white:"border-y-white",transparent:"border-y-transparent"}}}),Q=a("",{variants:{color:{primary:"border-t-primary",secondary:"border-t-secondary",success:"border-t-success",danger:"border-t-danger",info:"border-t-info",warning:"border-t-warning","light-1":"border-t-light-1","light-2":"border-t-light-2","light-3":"border-t-light-3","light-4":"border-t-light-4","dark-1":"border-t-dark-1","dark-2":"border-t-dark-2","dark-3":"border-t-dark-3","dark-4":"border-t-dark-4",black:"border-t-black",white:"border-t-white",transparent:"border-t-transparent"}}}),U=a("",{variants:{color:{primary:"border-b-primary",secondary:"border-b-secondary",success:"border-b-success",danger:"border-b-danger",info:"border-b-info",warning:"border-b-warning","light-1":"border-b-light-1","light-2":"border-b-light-2","light-3":"border-b-light-3","light-4":"border-b-light-4","dark-1":"border-b-dark-1","dark-2":"border-b-dark-2","dark-3":"border-b-dark-3","dark-4":"border-b-dark-4",black:"border-b-black",white:"border-b-white",transparent:"border-b-transparent"}}}),Z=a("",{variants:{color:{primary:"border-l-primary",secondary:"border-l-secondary",success:"border-l-success",danger:"border-l-danger",info:"border-l-info",warning:"border-l-warning","light-1":"border-l-light-1","light-2":"border-l-light-2","light-3":"border-l-light-3","light-4":"border-l-light-4","dark-1":"border-l-dark-1","dark-2":"border-l-dark-2","dark-3":"border-l-dark-3","dark-4":"border-l-dark-4",black:"border-l-black",white:"border-l-white",transparent:"border-l-transparent"}}}),_=a("",{variants:{color:{primary:"border-r-primary",secondary:"border-r-secondary",success:"border-r-success",danger:"border-r-danger",info:"border-r-info",warning:"border-r-warning","light-1":"border-r-light-1","light-2":"border-r-light-2","light-3":"border-r-light-3","light-4":"border-r-light-4","dark-1":"border-r-dark-1","dark-2":"border-r-dark-2","dark-3":"border-r-dark-3","dark-4":"border-r-dark-4",black:"border-r-black",white:"border-r-white",transparent:"border-r-transparent"}}}),rr=a("",{variants:{size:{xs:"text-xs",sm:"text-sm",md:"text-md",lg:"text-lg",xl:"text-xl"}}}),tr=a("",{variants:{weight:{light:"font-light",normal:"font-normal",bold:"font-bold"}}}),ar=a("",{variants:{align:{left:"text-left",center:"text-center",right:"text-right"}}}),er=a("",{variants:{size:{sm:"h1-sm",md:"h1-md",lg:"h1-lg",xl:"h1-xl"}}}),lr=a("",{variants:{size:{sm:"h2-sm",md:"h2-md",lg:"h2-lg",xl:"h2-xl"}}}),or=a("",{variants:{size:{sm:"h3-sm",md:"h3-md",lg:"h3-lg",xl:"h3-xl"}}}),ir=a("",{variants:{size:{sm:"h4-sm",md:"h4-md",lg:"h4-lg",xl:"h4-xl"}}}),nr={1:"border-[1px]",2:"border-[2px]",3:"border-[3px]",4:"border-[4px]",5:"border-[5px]",6:"border-[6px]",7:"border-[7px]",8:"border-[8px]",9:"border-[9px]",10:"border-[10px]",11:"border-[11px]",12:"border-[12px]"},sr={1:"border-x-[1px]",2:"border-x-[2px]",3:"border-x-[3px]",4:"border-x-[4px]",5:"border-x-[5px]",6:"border-x-[6px]",7:"border-x-[7px]",8:"border-x-[8px]",9:"border-x-[9px]",10:"border-x-[10px]",11:"border-x-[11px]",12:"border-x-[12px]"},dr={1:"border-y-[1px]",2:"border-y-[2px]",3:"border-y-[3px]",4:"border-y-[4px]",5:"border-y-[5px]",6:"border-y-[6px]",7:"border-y-[7px]",8:"border-y-[8px]",9:"border-y-[9px]",10:"border-y-[10px]",11:"border-y-[11px]",12:"border-y-[12px]"},cr={1:"border-t-[1px]",2:"border-t-[2px]",3:"border-t-[3px]",4:"border-t-[4px]",5:"border-t-[5px]",6:"border-t-[6px]",7:"border-t-[7px]",8:"border-t-[8px]",9:"border-t-[9px]",10:"border-t-[10px]",11:"border-t-[11px]",12:"border-t-[12px]"},gr={1:"border-b-[1px]",2:"border-b-[2px]",3:"border-b-[3px]",4:"border-b-[4px]",5:"border-b-[5px]",6:"border-b-[6px]",7:"border-b-[7px]",8:"border-b-[8px]",9:"border-b-[9px]",10:"border-b-[10px]",11:"border-b-[11px]",12:"border-b-[12px]"},br={1:"border-l-[1px]",2:"border-l-[2px]",3:"border-l-[3px]",4:"border-l-[4px]",5:"border-l-[5px]",6:"border-l-[6px]",7:"border-l-[7px]",8:"border-l-[8px]",9:"border-l-[9px]",10:"border-l-[10px]",11:"border-l-[11px]",12:"border-l-[12px]"},hr={1:"border-r-[1px]",2:"border-r-[2px]",3:"border-r-[3px]",4:"border-r-[4px]",5:"border-r-[5px]",6:"border-r-[6px]",7:"border-r-[7px]",8:"border-r-[8px]",9:"border-r-[9px]",10:"border-r-[10px]",11:"border-r-[11px]",12:"border-r-[12px]"},mr=t=>nr[t.width]??"",xr=t=>sr[t.width]??"",pr=t=>dr[t.width]??"",fr=t=>cr[t.width]??"",kr=t=>gr[t.width]??"",ur=t=>br[t.width]??"",yr=t=>hr[t.width]??"",wr={10:"opacity-10",20:"opacity-20",30:"opacity-30",40:"opacity-40",50:"opacity-50",60:"opacity-60",70:"opacity-70",80:"opacity-80",90:"opacity-90",100:"opacity-100"},Cr={10:"bg-opacity-10",20:"bg-opacity-20",30:"bg-opacity-30",40:"bg-opacity-40",50:"bg-opacity-50",60:"bg-opacity-60",70:"bg-opacity-70",80:"bg-opacity-80",90:"bg-opacity-90",100:"bg-opacity-100"},vr={10:"outline-opacity-10",20:"outline-opacity-20",30:"outline-opacity-30",40:"outline-opacity-40",50:"outline-opacity-50",60:"outline-opacity-60",70:"outline-opacity-70",80:"outline-opacity-80",90:"outline-opacity-90",100:"outline-opacity-100"},Vr=t=>wr[t.opacity]??"",Br=t=>Cr[t.opacity]??"",zr=t=>vr[t.opacity]??"",Er=a("",{variants:{spacing:{0:"m-0","3xs":"m-3xs","2xs":"m-2xs",xs:"m-xs",sm:"m-sm",md:"m-md",lg:"m-lg",xl:"m-xl","2xl":"m-2xl","3xl":"m-3xl"}}}),Lr=a("",{variants:{spacing:{0:"mx-0","3xs":"mx-3xs","2xs":"mx-2xs",xs:"mx-xs",sm:"mx-sm",md:"mx-md",lg:"mx-lg",xl:"mx-xl","2xl":"mx-2xl","3xl":"mx-3xl"}}}),Sr=a("",{variants:{spacing:{0:"my-0","3xs":"my-3xs","2xs":"my-2xs",xs:"my-xs",sm:"my-sm",md:"my-md",lg:"my-lg",xl:"my-xl","2xl":"my-2xl","3xl":"my-3xl"}}}),Ar=a("",{variants:{spacing:{0:"mt-0","3xs":"mt-3xs","2xs":"mt-2xs",xs:"mt-xs",sm:"mt-sm",md:"mt-md",lg:"mt-lg",xl:"mt-xl","2xl":"mt-2xl","3xl":"mt-3xl"}}}),Nr=a("",{variants:{spacing:{0:"mb-0","3xs":"mb-3xs","2xs":"mb-2xs",xs:"mb-xs",sm:"mb-sm",md:"mb-md",lg:"mb-lg",xl:"mb-xl","2xl":"mb-2xl","3xl":"mb-3xl"}}}),jr=a("",{variants:{spacing:{0:"ml-0","3xs":"ml-3xs","2xs":"ml-2xs",xs:"ml-xs",sm:"ml-sm",md:"ml-md",lg:"ml-lg",xl:"ml-xl","2xl":"ml-2xl","3xl":"ml-3xl"}}}),Mr=a("",{variants:{spacing:{0:"mr-0","3xs":"mr-3xs","2xs":"mr-2xs",xs:"mr-xs",sm:"mr-sm",md:"mr-md",lg:"mr-lg",xl:"mr-xl","2xl":"mr-2xl","3xl":"mr-3xl"}}}),Tr=a("",{variants:{spacing:{0:"p-0","3xs":"p-3xs","2xs":"p-2xs",xs:"p-xs",sm:"p-sm",md:"p-md",lg:"p-lg",xl:"p-xl","2xl":"p-2xl","3xl":"p-3xl"}}}),Or=a("",{variants:{spacing:{0:"px-0","3xs":"px-3xs","2xs":"px-2xs",xs:"px-xs",sm:"px-sm",md:"px-md",lg:"px-lg",xl:"px-xl","2xl":"px-2xl","3xl":"px-3xl"}}}),$r=a("",{variants:{spacing:{0:"py-0","3xs":"py-3xs","2xs":"py-2xs",xs:"py-xs",sm:"py-sm",md:"py-md",lg:"py-lg",xl:"py-xl","2xl":"py-2xl","3xl":"py-3xl"}}}),Hr=a("",{variants:{spacing:{0:"pt-0","3xs":"pt-3xs","2xs":"pt-2xs",xs:"pt-xs",sm:"pt-sm",md:"pt-md",lg:"pt-lg",xl:"pt-xl","2xl":"pt-2xl","3xl":"pt-3xl"}}}),Wr=a("",{variants:{spacing:{0:"pb-0","3xs":"pb-3xs","2xs":"pb-2xs",xs:"pb-xs",sm:"pb-sm",md:"pb-md",lg:"pb-lg",xl:"pb-xl","2xl":"pb-2xl","3xl":"pb-3xl"}}}),Dr=a("",{variants:{spacing:{0:"pl-0","3xs":"pl-3xs","2xs":"pl-2xs",xs:"pl-xs",sm:"pl-sm",md:"pl-md",lg:"pl-lg",xl:"pl-xl","2xl":"pl-2xl","3xl":"pl-3xl"}}}),Rr=a("",{variants:{spacing:{0:"pr-0","3xs":"pr-3xs","2xs":"pr-2xs",xs:"pr-xs",sm:"pr-sm",md:"pr-md",lg:"pr-lg",xl:"pr-xl","2xl":"pr-2xl","3xl":"pr-3xl"}}}),Ir=a("",{variants:{spacing:{0:"gap-0","3xs":"gap-3xs","2xs":"gap-2xs",xs:"gap-xs",sm:"gap-sm",md:"gap-md",lg:"gap-lg",xl:"gap-xl","2xl":"gap-2xl","3xl":"gap-3xl"}}}),Xr={bgColorVariant:E,hoverBgColorVariant:L,focusBgColorVariant:S,beforeBgColorVariant:A,afterBgColorVariant:N,activeBgColorVariant:j,textColorVariant:M,hoverTextColorVariant:T,focusTextColorVariant:O,disabledTextColorVariant:$,svgFillColorVariant:H,ringColorVariant:W,focusRingColorVariant:D,activeRingColorVariant:R,ringOffsetColorVariant:I,outlineColorVariant:X,focusOutlineColorVariant:Y,activeOutlineColorVariant:q,btnColorVariant:F,listColorVariant:G,borderColorVariant:P,borderXColorVariant:J,borderYColorVariant:K,borderTopColorVariant:Q,borderBottomColorVariant:U,borderLeftColorVariant:Z,borderRightColorVariant:_,bodyTextVariant:rr,fontWeightVariant:tr,textAlignVariant:ar,h1Variant:er,h2Variant:lr,h3Variant:or,h4Variant:ir,borderWidthVariant:mr,borderXWidthVariant:xr,borderYWidthVariant:pr,borderTopWidthVariant:fr,borderBottomWidthVariant:kr,borderLeftWidthVariant:ur,borderRightWidthVariant:yr,opacityVariant:Vr,bgOpacityVariant:Br,outlineOpacityVariant:zr,marginVariant:Er,marginXVariant:Lr,marginYVariant:Sr,marginTopVariant:Ar,marginBottomVariant:Nr,marginLeftVariant:jr,marginRightVariant:Mr,paddingVariant:Tr,paddingXVariant:Or,paddingYVariant:$r,paddingTopVariant:Hr,paddingBottomVariant:Wr,paddingLeftVariant:Dr,paddingRightVariant:Rr,gapVariant:Ir};r.defineComponent({setup(t,{slots:s}){const e=r.ref(!1);return r.onMounted(()=>{e.value=!0}),()=>e.value&&s.default?s.default():null}});const Yr={xs:"backdrop-blur-xs",sm:"backdrop-blur-sm",md:"backdrop-blur-md",lg:"backdrop-blur-lg",xl:"backdrop-blur-xl"},qr={primary:"mcl-glass-primary",secondary:"mcl-glass-secondary",success:"mcl-glass-success",info:"mcl-glass-info",danger:"mcl-glass-danger",warning:"mcl-glass-warning","light-1":"mcl-glass-light-1","light-2":"mcl-glass-light-2","light-3":"mcl-glass-light-3","light-4":"mcl-glass-light-4","dark-1":"mcl-glass-dark-1","dark-2":"mcl-glass-dark-2","dark-3":"mcl-glass-dark-3","dark-4":"mcl-glass-dark-4",black:"mcl-glass-black",white:"mcl-glass-white",transparent:"mcl-glass-transparent"},Fr={10:"mcl-depth-10",20:"mcl-depth-20",30:"mcl-depth-30",40:"mcl-depth-40",50:"mcl-depth-50",60:"mcl-depth-60",70:"mcl-depth-70",80:"mcl-depth-80",90:"mcl-depth-90",100:"mcl-depth-100"},Gr=(t,s,e,i=10)=>["mcl-glassmorphism",qr[t],Yr[s],Xr.bgOpacityVariant({opacity:e}),Fr[i]].filter(Boolean).join(" "),Pr={key:0,class:"relative"},Jr=["src","alt"],Kr=["innerHTML"],Qr={class:"flex h-full flex-col justify-between"},Ur={class:"flex-1 px-xs pt-sm"},Zr=["innerHTML"],_r=["innerHTML"],rt={class:"w-full px-xs"},tt=["href","target"],at=r.defineComponent({__name:"MclCardA",props:{title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},borderColor:{default:"light-3"},bgColor:{default:"light-1"},fullWidth:{type:Boolean,default:!1},glass:{type:Boolean,default:!1},glassBlur:{default:"sm"},glassOpacity:{default:20},showImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{},showCta:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaText:{default:"cta text"},ctaColor:{default:"primary"},ctaLink:{default:"#"},ctaTarget:{default:"_self"},showLabel:{type:Boolean,default:!0},labelText:{default:"Lorem ipsum"},labelTextColor:{default:"light-1"},labelColor:{default:"dark-4"},enlargeOnHover:{type:Boolean,default:!1},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},rounded:{type:Boolean,default:!0},showShadow:{type:Boolean,default:!0}},emits:["card-click","card-btn-click"],setup(t,{emit:s}){const e=t;r.useSlots();const i=s,m=r.computed(()=>{const{borderColor:l,bgColor:n,rounded:o,enlargeOnHover:d,showShadow:p,glass:x,glassBlur:y,glassOpacity:w,fullWidth:xt}=e;return[b.generateClass.borderColorVariant({color:l}),b.generateClass.bgColorVariant({color:n}),!xt&&"max-w-[450px] sm:max-w-[350px]",o?"rounded-lg":"rounded-sm",d&&"hover:scale-105 transition ease-in duration-300",p&&"drop-shadow-md",x&&Gr(n,y,w)].filter(Boolean).join(" ")}),h=r.computed(()=>{const{titleSize:l,titleColor:n,showHighlight:o}=e;return[b.generateClass.h3Variant({size:l}),b.generateClass.textColorVariant({color:n}),o?"mb-2xs":"mb-xs"].filter(Boolean).join(" ")}),k=r.computed(()=>{const{labelTextColor:l,labelColor:n}=e;return[b.generateClass.textColorVariant({color:l}),b.generateClass.bgColorVariant({color:n})].filter(Boolean).join(" ")}),u=r.computed(()=>{const{ctaColor:l,rounded:n}=e,o=["light-1","light-2","light-3","light-4"];return[b.generateClass.btnColorVariant({color:l}),o.includes(l)?"text-black":"text-white",n&&"btn-round"].filter(Boolean).join(" ")}),c=l=>{const{title:n,ctaLink:o,ctaTarget:d,ctaAsLink:p}=e,x={title:n,url:o,target:d||"_self"};!p&&l.preventDefault(),i("card-btn-click",l,x)},g=l=>{const{title:n,ctaLink:o,ctaTarget:d}=e;i("card-click",l,{title:n,url:o,target:d||"_self"})};return(l,n)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["xs:w-auto flex w-full flex-shrink-0 flex-grow cursor-pointer flex-col overflow-hidden border",m.value]),onClick:g},[t.showImage?(r.openBlock(),r.createElementBlock("div",Pr,[r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:"aspect-video min-w-full object-cover object-top"},null,8,Jr),t.showLabel?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(["absolute bottom-0 ml-xs inline-block translate-y-[50%] px-2xs py-3xs text-xs font-bold",k.value]),innerHTML:t.labelText},null,10,Kr)):r.createCommentVNode("",!0)])):r.createCommentVNode("",!0),r.createElementVNode("div",Qr,[r.createElementVNode("div",Ur,[!t.showImage&&t.showLabel?(r.openBlock(),r.createElementBlock("span",{key:0,class:r.normalizeClass(["mb-2xs inline-block px-2xs py-3xs text-xs font-bold",k.value]),innerHTML:t.labelText},null,10,Zr)):r.createCommentVNode("",!0),r.createElementVNode("h3",{class:r.normalizeClass(h.value),innerHTML:t.title},null,10,_r),t.showHighlight?(r.openBlock(),r.createElementBlock("div",{key:1,class:r.normalizeClass(["mb-xs h-3xs w-md",r.unref(b.generateClass).bgColorVariant({color:t.highlightColor})])},null,2)):r.createCommentVNode("",!0),r.createElementVNode("div",{class:"mb-sm cursor-default",onClick:n[0]||(n[0]=r.withModifiers(()=>{},["stop"]))},[r.renderSlot(l.$slots,"default")])]),t.showCta?(r.openBlock(),r.createElementBlock("div",{key:0,class:"cursor-default border-0 pb-sm",onClick:n[2]||(n[2]=r.withModifiers(()=>{},["stop"]))},[r.createElementVNode("div",rt,[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaTarget,class:r.normalizeClass(["btn btn-full",u.value]),onClick:n[1]||(n[1]=o=>c(o))},r.toDisplayString(t.ctaText),11,tt)])])):r.createCommentVNode("",!0)])],2))}}),et=["href","target"],lt={class:"peer absolute inset-0 z-15 flex flex-col items-start justify-end p-xs transition-opacity duration-200 hover:opacity-100 [@media(hover:hover)]:opacity-0"},ot=["innerHTML"],it=["src","alt"],nt=r.defineComponent({__name:"MclCardB",props:{title:{},titleSize:{default:"md"},titleColor:{default:"light-1"},titleBlockColor:{default:"dark-4"},borderColor:{default:"light-3"},imageSource:{},imageAlt:{},showGrayScale:{type:Boolean,default:!0},ctaAsLink:{type:Boolean,default:!1},ctaLink:{default:"#"},ctaTarget:{default:"_self"},rounded:{type:Boolean,default:!1}},emits:["card-click"],setup(t,{emit:s}){const e=t;r.useSlots();const i=s,m=r.computed(()=>{const{borderColor:c,rounded:g}=e,l=[b.generateClass.borderColorVariant({color:c})];return l.push(g?"rounded-md":"rounded-sm"),l.join(" ")}),h=r.computed(()=>{const{showGrayScale:c}=e;return c?"[@media(hover:hover)]:grayscale peer-hover:grayscale-0":""}),k=r.computed(()=>{const{titleSize:c,titleColor:g,titleBlockColor:l}=e;return[b.generateClass.h3Variant({size:c}),b.generateClass.textColorVariant({color:g}),b.generateClass.bgColorVariant({color:l})].join(" ")}),u=c=>{const{title:g,ctaLink:l,ctaTarget:n,ctaAsLink:o}=e;!o&&c.preventDefault();const d={title:g,url:l,target:n||"_self"};console.log(d),i("card-click",c,d)};return(c,g)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["xs:w-auto relative w-full max-w-112.5 shrink-0 grow cursor-pointer overflow-hidden border sm:max-w-87.5",m.value])},[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaTarget,onClick:g[0]||(g[0]=l=>u(l))},[r.createElementVNode("div",lt,[r.createElementVNode("h3",{innerHTML:t.title,class:r.normalizeClass(["pointer-events-none mb-2xs inline-block px-xs py-2xs tracking-wide",k.value])},null,10,ot),r.renderSlot(c.$slots,"default")]),r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:r.normalizeClass(["relative z-10 aspect-3/4 h-full w-full object-cover object-center transition-all duration-200",h.value])},null,10,it)],8,et)],2))}}),st=["src","alt"],dt=r.defineComponent({__name:"MclCardC",props:{imageSource:{},imageAlt:{},title:{},titleSize:{default:"md"},titleColor:{default:"dark-3"},showHighlight:{type:Boolean,default:!1},highlightColor:{default:"light-3"},highlightOpacity:{default:80},showTitle:{type:Boolean,default:!1},cardColor:{default:"primary"}},emits:["card-click"],setup(t,{emit:s}){const e=t;r.useSlots();const i=r.ref(!1),m=s,h=r.computed(()=>{const c=[b.generateClass.bgColorVariant({color:e.cardColor})];return i.value&&c.push("flip-card"),c.join(" ")}),k=r.computed(()=>{const{titleSize:c,titleColor:g,showHighlight:l,highlightColor:n,highlightOpacity:o}=e,d=[b.generateClass.h3Variant({size:c}),b.generateClass.textColorVariant({color:g})];return l&&(d.push("px-xs py-2xs mb-2xs rounded"),d.push(b.generateClass.bgColorVariant({color:n})),d.push(b.generateClass.bgOpacityVariant({opacity:o}))),d.join(" ")}),u=c=>{c.preventDefault(),i.value&&m("card-click",c),i.value=!0};return(c,g)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["card relative aspect-square max-h-100 overflow-hidden transition duration-1600",h.value]),onClick:u},[r.createElementVNode("img",{src:t.imageSource,alt:t.imageAlt,class:r.normalizeClass([i.value?"opacity-100":"opacity-0","absolute aspect-square h-full w-full object-cover object-center transition-opacity delay-500 duration-800"])},null,10,st),r.createElementVNode("div",{class:r.normalizeClass([i.value?"cursor-pointer opacity-100":"opacity-0","relative flex h-full flex-col justify-end p-sm transition delay-500 duration-800"])},[t.showTitle?(r.openBlock(),r.createElementBlock("h3",{key:0,class:r.normalizeClass(["relative self-start",k.value])},[r.createElementVNode("span",null,r.toDisplayString(t.title),1)],2)):r.createCommentVNode("",!0),r.renderSlot(c.$slots,"card-body",{},void 0,!0)],2)],2))}}),B=(t,s)=>{const e=t.__vccOpts||t;for(const[i,m]of s)e[i]=m;return e},ct=B(dt,[["__scopeId","data-v-eac7e2f0"]]),gt={class:"flex flex-col overflow-hidden rounded-md"},bt=["src","alt"],ht=["href","target"],mt=B(r.defineComponent({__name:"MclCardD",props:{showImage:{type:Boolean,default:!0},imageSource:{},imageAlt:{default:""},title:{},titleSize:{default:"md"},titleColor:{default:"dark-4"},bgColor:{default:"light-1"},showHighlight:{type:Boolean,default:!0},highlightColor:{default:"primary"},ctaText:{default:"Read more"},ctaLink:{},ctaLinkTarget:{default:"_self"},ctaAsLink:{type:Boolean,default:!1},ctaButton:{type:Boolean,default:!1},ctaButtonColor:{default:"warning"},ctaButtonBlock:{type:Boolean,default:!1},borderWidth:{default:3},borderColor:{default:"light-3"},gradient1:{default:"primary"},gradient2:{default:"secondary"},customColor:{}},emits:["card-click"],setup(t,{emit:s}){const e={primary:"from-primary",secondary:"from-secondary",success:"from-success",info:"from-info",warning:"from-warning",danger:"from-danger","light-1":"from-light-1","light-2":"from-light-2","light-3":"from-light-3","light-4":"from-light-4","dark-1":"from-dark-1","dark-2":"from-dark-2","dark-3":"from-dark-3","dark-4":"from-dark-4",black:"from-black",white:"from-white",transparent:"from-transparent"},i={primary:"via-primary",secondary:"via-secondary",success:"via-success",info:"via-info",warning:"via-warning",danger:"via-danger","light-1":"via-light-1","light-2":"via-light-2","light-3":"via-light-3","light-4":"via-light-4","dark-1":"via-dark-1","dark-2":"via-dark-2","dark-3":"via-dark-3","dark-4":"via-dark-4",black:"via-black",white:"via-white",transparent:"via-transparent"},m={primary:"to-primary",secondary:"to-secondary",success:"to-success",info:"to-info",warning:"to-warning",danger:"to-danger","light-1":"to-light-1","light-2":"to-light-2","light-3":"to-light-3","light-4":"to-light-4","dark-1":"to-dark-1","dark-2":"to-dark-2","dark-3":"to-dark-3","dark-4":"to-dark-4",black:"to-black",white:"to-white",transparent:"to-transparent"},h=t;r.useSlots();const k=s,u=r.computed(()=>{const{titleSize:o,titleColor:d}=h;return[b.generateClass.h2Variant({size:o}),b.generateClass.textColorVariant({color:d})].join(" ")}),c=r.computed(()=>{const{ctaButton:o,ctaButtonColor:d,ctaButtonBlock:p}=h,x=[],y=["light-1","light-2","light-3","light-4"];return o?x.push("btn",b.generateClass.btnColorVariant({color:d})):x.push("mcl-link"),o&&p&&x.push("btn-full"),o&&!y.includes(d)&&x.push("text-white"),x.join(" ")}),g=r.computed(()=>({"--border-width":`${h.borderWidth}px`})),l=r.computed(()=>{const o=e[h.borderColor],d=i[h.gradient1],p=m[h.gradient2];return[b.generateClass.borderColorVariant({color:h.borderColor}),o,d,p].join(" ")}),n=o=>{const{title:d,ctaLink:p,ctaLinkTarget:x,ctaAsLink:y}=h,w={title:d,url:p,target:x||"_self"};!y&&o.preventDefault(),k("card-click",o,w)};return(o,d)=>(r.openBlock(),r.createElementBlock("div",{class:r.normalizeClass(["card xs:w-auto w-full max-w-112.5 shrink-0 grow overflow-hidden rounded-md border from-20% sm:max-w-87.5",l.value]),style:r.normalizeStyle(g.value)},[r.createElementVNode("div",gt,[t.showImage?(r.openBlock(),r.createElementBlock("img",{key:0,src:t.imageSource,class:"max-h-50 min-w-full object-cover object-top",alt:t.imageAlt},null,8,bt)):r.createCommentVNode("",!0),r.createElementVNode("div",{class:r.normalizeClass(["p-xs",r.unref(b.generateClass).bgColorVariant({color:t.bgColor})])},[r.createElementVNode("h3",{class:r.normalizeClass(["mb-xs",u.value])},r.toDisplayString(t.title),3),t.showHighlight?(r.openBlock(),r.createElementBlock("div",{key:0,class:r.normalizeClass(["mb-xs h-3xs w-md",r.unref(b.generateClass).bgColorVariant({color:t.highlightColor})])},null,2)):r.createCommentVNode("",!0),r.createElementVNode("div",null,[r.renderSlot(o.$slots,"default",{},void 0,!0)]),r.createElementVNode("div",{class:r.normalizeClass(["mt-xs",{"mb-2xs":!t.ctaButton}])},[r.createElementVNode("a",{href:t.ctaLink,target:t.ctaLinkTarget,class:r.normalizeClass(c.value),onClick:n},r.toDisplayString(t.ctaText),11,ht)],2)],2)])],6))}}),[["__scopeId","data-v-8bf2cac0"]]);f.MclCardA=at,f.MclCardB=nt,f.MclCardC=ct,f.MclCardD=mt,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobbykim/mcl-cards",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "card components based on @bobbykim/manguito-theme",
   "type": "module",
   "files": [
@@ -20,7 +20,7 @@
     "name": "Bobby Kim",
     "url": "https://www.devbobbykim.com/"
   },
-  "homepage": "https://manguito-component-library.vercel.app/",
+  "homepage": "https://manguito-component-library.bobbykim.dev/",
   "repository": {
     "type": "git",
     "url": "https://github.com/bobbykim89/manguito-component-library.git"
@@ -31,7 +31,7 @@
   "license": "MIT",
   "dependencies": {
     "vue": "^3.5.13",
-    "@bobbykim/manguito-theme": "1.0.0"
+    "@bobbykim/manguito-theme": "1.0.2"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",