@dcrackel/meyersquaredui 1.0.138 → 1.0.139

package/dist/meyersquaredui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as h, createBlock as N, resolveDynamicComponent as Ze, normalizeClass as B, withCtx as m, renderSlot as ke, createElementBlock as f, resolveComponent as x, createElementVNode as a, createVNode as d, createTextVNode as u, toDisplayString as p, Fragment as P, renderList as M, defineComponent as U, ref as T, provide as oe, watch as q, onMounted as Qe, onBeforeUnmount as ee, toRef as J, inject as D, computed as me, markRaw as K, Comment as Je, normalizeProps as ct, guardReactiveProps as ut, createCommentVNode as v, withModifiers as W, withDirectives as Xe, vShow as mt, normalizeStyle as ae, vModelText as ht, createStaticVNode as Ce } from "vue";
+import { openBlock as h, createBlock as j, resolveDynamicComponent as Ze, normalizeClass as B, withCtx as m, renderSlot as ke, createElementBlock as f, resolveComponent as x, createElementVNode as a, createVNode as d, createTextVNode as u, toDisplayString as p, Fragment as P, renderList as M, defineComponent as U, ref as T, provide as oe, watch as q, onMounted as Qe, onBeforeUnmount as ee, toRef as J, inject as D, computed as me, markRaw as K, Comment as Je, normalizeProps as ct, guardReactiveProps as ut, createCommentVNode as v, withModifiers as W, withDirectives as Xe, vShow as mt, normalizeStyle as ae, vModelText as ht, createStaticVNode as Ce } from "vue";
 const S = (r, e) => {
   const t = r.__vccOpts || r;
   for (const [i, n] of e)
@@ -57,7 +57,7 @@ const S = (r, e) => {
   }
 };
 function ft(r, e, t, i, n, s) {
-  return h(), N(Ze(t.tag), {
+  return h(), j(Ze(t.tag), {
     class: B(s.textClasses)
   }, {
     default: m(() => [
@@ -118,11 +118,11 @@ function bt(r, e, t, i, n, s) {
     onClick: e[0] || (e[0] = (o) => r.$emit("click"))
   }, null, 2);
 }
-const j = /* @__PURE__ */ S(pt, [["render", bt]]), yt = {
+const N = /* @__PURE__ */ S(pt, [["render", bt]]), yt = {
   name: "BaseButton",
   components: {
     BaseText: z,
-    Icon: j
+    Icon: N
   },
   props: {
     label: {
@@ -302,7 +302,7 @@ const be = /* @__PURE__ */ S(vt, [["render", kt]]), Ct = {
   name: "SearchBox",
   components: {
     InputField: be,
-    Icon: j
+    Icon: N
   },
   props: {
     textSize: {
@@ -2432,7 +2432,7 @@ function ms(r, e, t, i, n, s) {
 const hs = /* @__PURE__ */ S(us, [["render", ms]]), gs = {
   name: "ProgressTracker",
   components: {
-    Icon: j,
+    Icon: N,
     BaseText: z
   },
   props: {
@@ -2547,7 +2547,7 @@ const Ed = /* @__PURE__ */ S(gs, [["render", bs]]), ys = {
   name: "BreadCrumbs",
   components: {
     BaseText: z,
-    Icon: j
+    Icon: N
   },
   props: {
     tournamentName: {
@@ -2639,7 +2639,7 @@ const Ld = /* @__PURE__ */ S(ys, [["render", vs]]), Te = "data:image/png;base64,
     SearchBox: $e,
     BaseText: z,
     BaseButton: V,
-    Icon: j
+    Icon: N
   },
   data() {
     return {
@@ -2864,7 +2864,7 @@ function Rs(r, e, t, i, n, s) {
 }
 const Md = /* @__PURE__ */ S(Ns, [["render", Rs]]), Fs = {
   name: "HostColumn",
-  components: { Mapbox: hs, BaseText: z, BaseButton: V, Icon: j },
+  components: { Mapbox: hs, BaseText: z, BaseButton: V, Icon: N },
   props: {
     organizerName: {
       type: String,
@@ -2977,7 +2977,7 @@ function er(r, e, t, i, n, s) {
           ])
         ]),
         a("div", Qs, [
-          t.rulesLink ? (h(), N(l, {
+          t.rulesLink ? (h(), j(l, {
             key: 0,
             backgroundColor: "secondary",
             color: "primary",
@@ -3035,7 +3035,7 @@ const jd = /* @__PURE__ */ S(Fs, [["render", er]]), tr = {
   name: "BasicDropDown",
   components: {
     BaseText: z,
-    Icon: j
+    Icon: N
   },
   props: {
     items: {
@@ -3163,7 +3163,7 @@ function ir(r, e, t, i, n, s) {
 const it = /* @__PURE__ */ S(tr, [["render", ir]]), lr = {
   name: "ClubHeader",
   components: {
-    Icon: j,
+    Icon: N,
     InputField: be,
     BaseText: z,
     Dropdown: it
@@ -3295,7 +3295,7 @@ function xr(r, e, t, i, n, s) {
   return h(), f("header", pr, [
     a("div", br, [
       a("nav", yr, [
-        (h(!0), f(P, null, M(t.filters, (l) => (h(), N(o, {
+        (h(!0), f(P, null, M(t.filters, (l) => (h(), j(o, {
           key: l,
           onClick: (g) => s.onFilterSelect(l),
           class: B(["cursor-pointer border-b-2 pb-1 duration-300 ease-in-out px-4 md:p-0", {
@@ -3475,7 +3475,7 @@ const Tr = /* @__PURE__ */ S(vr, [["render", Ir], ["__scopeId", "data-v-07413d1f
   name: "TournamentDetailsBanner",
   components: {
     BaseText: z,
-    Icon: j
+    Icon: N
   },
   props: {
     imageSrc: {
@@ -3973,7 +3973,7 @@ function to(r, e, t, i, n, s) {
 const Fd = /* @__PURE__ */ S($r, [["render", to]]), so = {
   name: "GridLayout",
   components: {
-    Icon: j,
+    Icon: N,
     BaseButton: V,
     BaseText: z
   },
@@ -3981,6 +3981,9 @@ const Fd = /* @__PURE__ */ S($r, [["render", to]]), so = {
     title: {
       type: String
     },
+    description: {
+      type: String
+    },
     moreButtonLabel: {
       type: String,
       default: "See More"
@@ -4033,7 +4036,7 @@ const Fd = /* @__PURE__ */ S($r, [["render", to]]), so = {
       return this.title ? r = `${r} mt-8` : r = `${r}`, r;
     },
     headerClasses() {
-      let r = "w-full flex py-4 md:pb-10 ml-2 md:ml-0 mb-4";
+      let r = "w-full flex py-4 ml-2 md:ml-0 mb-4";
       return this.whiteStyle || (r = `${r} justify-center`), r;
     },
     gridClasses() {
@@ -4088,7 +4091,7 @@ function ao(r, e, t, i, n, s) {
       }, [
         t.title ? (h(), f("div", {
           key: 0,
-          class: B(s.headerClasses)
+          class: B([s.headerClasses, "flex flex-col"])
         }, [
           d(o, {
             color: "primary",
@@ -4100,12 +4103,25 @@ function ao(r, e, t, i, n, s) {
               u(p(t.title), 1)
             ]),
             _: 1
-          })
+          }),
+          t.description ? (h(), j(o, {
+            key: 0,
+            color: "primary",
+            size: "md",
+            tag: "p",
+            weight: "normal",
+            class: "mt-2"
+          }, {
+            default: m(() => [
+              u(p(t.description), 1)
+            ]),
+            _: 1
+          })) : v("", !0)
         ], 2)) : v("", !0),
         a("div", {
           class: B(s.gridClasses)
         }, [
-          t.items.length > 0 ? (h(!0), f(P, { key: 0 }, M(t.items, (g, b) => (h(), N(Ze(t.cardComponent), {
+          t.items.length > 0 ? (h(!0), f(P, { key: 0 }, M(t.items, (g, b) => (h(), j(Ze(t.cardComponent), {
             key: b,
             data: g,
             index: b,
@@ -4474,7 +4490,7 @@ const Io = /* @__PURE__ */ S(Ao, [["render", Bo], ["__scopeId", "data-v-22381b4e
   name: "GridTabs",
   components: {
     Tooltip: Io,
-    Icon: j,
+    Icon: N,
     BaseText: z,
     BaseButton: V,
     GridLayout: lt,
@@ -5104,13 +5120,13 @@ function Cn(r, e, t, i, n, s) {
       e[0] || (e[0] = a("div", { class: "border-b border-dropdownSelect mb-8" }, null, -1)),
       a("div", fn, [
         s.hasActiveBout ? v("", !0) : (h(), f("div", pn, [
-          n.isMobile ? v("", !0) : (h(), N(o, {
+          n.isMobile ? v("", !0) : (h(), j(o, {
             key: 0,
             bout: {},
             hostingClubColors: t.hostingClubColors,
             isWaiting: !0
           }, null, 8, ["hostingClubColors"])),
-          n.isMobile ? (h(), N(c, {
+          n.isMobile ? (h(), j(c, {
             key: 1,
             bout: {},
             hostingClubColors: t.hostingClubColors,
@@ -5121,13 +5137,13 @@ function Cn(r, e, t, i, n, s) {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
-          n.isMobile ? v("", !0) : (h(), N(o, {
+          n.isMobile ? v("", !0) : (h(), j(o, {
             key: 0,
             bout: g,
             hostingClubColors: t.hostingClubColors,
             timerStatus: g.TimerStatus
           }, null, 8, ["bout", "hostingClubColors", "timerStatus"])),
-          n.isMobile ? (h(), N(c, {
+          n.isMobile ? (h(), j(c, {
             key: 1,
             bout: g,
             hostingClubColors: t.hostingClubColors,
@@ -5175,12 +5191,12 @@ function Cn(r, e, t, i, n, s) {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
-          n.isMobile ? v("", !0) : (h(), N(o, {
+          n.isMobile ? v("", !0) : (h(), j(o, {
             key: 0,
             bout: g,
             hostingClubColors: t.hostingClubColors
           }, null, 8, ["bout", "hostingClubColors"])),
-          n.isMobile ? (h(), N(c, {
+          n.isMobile ? (h(), j(c, {
             key: 1,
             bout: g,
             hostingClubColors: t.hostingClubColors
@@ -5190,7 +5206,7 @@ function Cn(r, e, t, i, n, s) {
     ])) : v("", !0),
     s.hasCompletedBout > 0 ? (h(), f("section", vn, [
       a("div", _n, [
-        s.remainingBoutsCount === 0 ? (h(), N(l, {
+        s.remainingBoutsCount === 0 ? (h(), j(l, {
           key: 0,
           class: "mt-8",
           color: "primaryHighlight",
@@ -5202,7 +5218,7 @@ function Cn(r, e, t, i, n, s) {
           ])),
           _: 1
         })) : v("", !0),
-        s.remainingBoutsCount > 0 ? (h(), N(l, {
+        s.remainingBoutsCount > 0 ? (h(), j(l, {
           key: 1,
           class: "mt-5",
           color: "primaryHighlight",
@@ -5221,12 +5237,12 @@ function Cn(r, e, t, i, n, s) {
           key: g.BoutId,
           class: "w-full md:w-3/4 md:my-4"
         }, [
-          n.isMobile ? v("", !0) : (h(), N(o, {
+          n.isMobile ? v("", !0) : (h(), j(o, {
             key: 0,
             bout: g,
             hostingClubColors: t.hostingClubColors
           }, null, 8, ["bout", "hostingClubColors"])),
-          n.isMobile ? (h(), N(c, {
+          n.isMobile ? (h(), j(c, {
             key: 1,
             bout: g,
             hostingClubColors: t.hostingClubColors
@@ -5238,7 +5254,7 @@ function Cn(r, e, t, i, n, s) {
 }
 const Hd = /* @__PURE__ */ S(hn, [["render", Cn]]), Sn = {
   name: "GridPool",
-  components: { BaseText: z, Icon: j },
+  components: { BaseText: z, Icon: N },
   props: {
     bouts: {
       type: Array,
@@ -5699,7 +5715,7 @@ function Xn(r, e, t, i, n, s) {
 }
 const Ke = /* @__PURE__ */ S(Yn, [["render", Xn]]), $n = {
   name: "ClubListCard",
-  components: { Icon: j, BaseText: z },
+  components: { Icon: N, BaseText: z },
   props: {
     data: {
       type: Object,
@@ -5911,7 +5927,7 @@ function ma(r, e, t, i, n, s) {
 }
 const Vd = /* @__PURE__ */ S(da, [["render", ma], ["__scopeId", "data-v-bae6ab08"]]), ha = {
   name: "EventListCard",
-  components: { BaseText: z, Icon: j },
+  components: { BaseText: z, Icon: N },
   props: {
     data: {
       type: Object,
@@ -6225,7 +6241,7 @@ const Ye = /* @__PURE__ */ S(Ba, [["render", Ma]]), ja = {
   }
 }, Na = { class: "grid grid-cols-2 py-2 border-b w-full" }, Oa = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, Da = { class: "flex items-center" }, Ra = {
   key: 0,
-  class: "w-5 h-5 rounded-full bg-accent flex items-center justify-center mr-2 flex-shrink-0"
+  class: "w-5 h-5 rounded-full bg-accent flex items-center justify-center mr-2 md:mr-4 flex-shrink-0"
 }, Fa = {
   key: 1,
   class: "w-5 h-5 rounded-full flex items-center justify-center min-w-8 overflow-hidden"
@@ -6241,7 +6257,7 @@ function Ya(r, e, t, i, n, s) {
             size: "xs",
             color: "white",
             weight: "normal",
-            class: "text-center font-sourceCodePro mt-0.5"
+            class: "text-center font-sourceCodePro"
           }, {
             default: m(() => [
               u(p(t.index), 1)
@@ -6288,7 +6304,7 @@ function Ya(r, e, t, i, n, s) {
         }, 8, ["weight"])
       ]),
       a("div", Ua, [
-        t.data.isHeader ? (h(), N(o, {
+        t.data.isHeader ? (h(), j(o, {
           key: 0,
           size: "sm",
           weight: "bold"
@@ -6298,7 +6314,7 @@ function Ya(r, e, t, i, n, s) {
           ]),
           _: 1
         })) : v("", !0),
-        t.data.isHeader ? v("", !0) : (h(), N(o, {
+        t.data.isHeader ? v("", !0) : (h(), j(o, {
           key: 1,
           size: "sm",
           weight: "normal"
@@ -6491,7 +6507,7 @@ const hi = /* @__PURE__ */ S(ci, [["render", mi]]), gi = {
   components: {
     TournamentCardSkeleton: hi,
     BaseText: z,
-    Icon: j
+    Icon: N
   },
   props: {
     data: {
@@ -6753,7 +6769,7 @@ const Mi = /* @__PURE__ */ S(gi, [["render", Li]]), ji = {
   name: "TournamentDetails",
   components: {
     BaseText: z,
-    Icon: j
+    Icon: N
   },
   props: {
     imageSrc: {
@@ -6799,7 +6815,7 @@ function Ui(r, e, t, i, n, s) {
       }, null, 8, Di)
     ]),
     a("div", Ri, [
-      t.shareLinks && t.shareLinks.length > 0 ? (h(), N(o, {
+      t.shareLinks && t.shareLinks.length > 0 ? (h(), j(o, {
         key: 0,
         color: "primary",
         size: "md",
@@ -6852,7 +6868,7 @@ const Qd = /* @__PURE__ */ S(ji, [["render", Ui]]), Vi = {
   name: "TournamentListCard",
   components: {
     BaseText: z,
-    Icon: j
+    Icon: N
   },
   props: {
     data: {
@@ -7545,7 +7561,7 @@ function Hl(r, e, t, i, n, s) {
 }
 const Gl = /* @__PURE__ */ S(Ll, [["render", Hl]]), Ul = {
   name: "Footer",
-  components: { Icon: j, InputField: be, BaseButton: V, BaseText: z },
+  components: { Icon: N, InputField: be, BaseButton: V, BaseText: z },
   data() {
     return {
       logo: Te
@@ -8138,7 +8154,7 @@ export {
   vl as HeroBanner,
   $d as HomePage,
   jd as HostColumn,
-  j as Icon,
+  N as Icon,
   be as InputField,
   Xd as LeaderboardHeader,
   hs as Mapbox,