@dcrackel/meyersquaredui 1.0.36

package/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + Vite
+
+This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).

package/dist/meyersquaredui.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),d=(t,r)=>{const o=t.__vccOpts||t;for(const[c,l]of r)o[c]=l;return o},y={name:"BaseButton",props:{label:{type:String,required:!0},altText:{type:String,default:null},color:{type:String,default:"primary",validator:t=>["primary","secondary","accent"].includes(t)},backgroundColor:{type:String,default:"primary",validator:t=>["primary","secondary","accent"].includes(t)},border:{type:String,default:"none",validator:t=>["none","primary","secondary","accent","gradient1","gradient2"].includes(t)}},computed:{textColorClass(){return{primary:"text-primary",secondary:"text-secondary",accent:"text-accent"}[this.color]||"text-primary"},backgroundClass(){return{primary:"bg-primary hover:bg-accent",secondary:"bg-secondary hover:bg-accent",accent:"bg-accent hover:bg-accent"}[this.backgroundColor]||"bg-primary"},borderClass(){return{none:"",primary:"border border-primary",secondary:"border border-secondary",accent:"border border-accent",gradient1:"border-gradient-rounded-1",gradient2:"border-gradient-rounded-2"}[this.border]||""}}},f=["title","aria-label"];function h(t,r,o,c,l,n){return e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-4 py-2 rounded-md transition duration-300 ease-in-out",n.textColorClass,n.backgroundClass,n.borderClass]),title:o.altText||o.label,"aria-label":o.altText||o.label,onClick:r[0]||(r[0]=a=>t.$emit("click"))},e.toDisplayString(o.label),11,f)}const m=d(y,[["render",h],["__scopeId","data-v-34e83e90"]]),V={name:"BaseText",props:{tag:{type:String,default:"p",validator:t=>["h1","h2","h3","h4","h5","h6","p","span","div"].includes(t)},size:{type:String,default:"md",validator:t=>["xs","sm","md","lg","xl","2xl","3xl","4xl","5xl"].includes(t)},color:{type:String,default:"primary"},weight:{type:String,default:"normal",validator:t=>["light","normal","semibold","bold"].includes(t)}},computed:{textClasses(){const t={xs:"text-xs",sm:"text-sm",md:"lg:text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl"},r={light:"font-light",normal:"font-normal",semibold:"font-semibold",bold:"font-bold"};return`${t[this.size]} ${r[this.weight]} text-${this.color}`}}};function C(t,r,o,c,l,n){return e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.tag),{class:e.normalizeClass(n.textClasses)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"])}const u=d(V,[["render",C]]),v={name:"Icon",props:{icon:{type:String,required:!0},color:{type:String,default:"primary",validator:t=>["primary","secondary","accent"].includes(t)},size:{type:String,default:"md",validator:t=>["xs","sm","md","lg","xl","2xl","3xl"].includes(t)}},computed:{colorClasses(){return{primary:"text-primary",secondary:"text-secondary",accent:"text-accent"}[this.color]||"text-primary"},sizeClasses(){return{xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl"}[this.size]||"text-base"}}};function N(t,r,o,c,l,n){return e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(["fas",o.icon,n.colorClasses,n.sizeClasses]),onClick:r[0]||(r[0]=a=>t.$emit("click"))},null,2)}const p=d(v,[["render",N]]),w={name:"InputField",props:{type:{type:String,default:"text"},placeholder:{type:String,default:"Search"},modelValue:{type:String,default:""}}},B=["type","placeholder"];function A(t,r,o,c,l,n){return e.openBlock(),e.createElementBlock("input",e.mergeProps({type:o.type,placeholder:o.placeholder},t.$attrs,{class:"bg-black text-secondary border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-secondary px-2 hover:border-accent duration-300 ease-in-out",onInput:r[0]||(r[0]=a=>t.$emit("update:modelValue",a.target.value))}),null,16,B)}const b=d(w,[["render",A]]),k={name:"SearchBox",components:{InputField:b,Icon:p},data(){return{searchQuery:""}},methods:{onSearch(){console.log("Search Query:",this.searchQuery)}}},S={class:"relative flex items-center w-full max-w-md"};function E(t,r,o,c,l,n){const a=e.resolveComponent("InputField"),s=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",S,[e.createVNode(a,{modelValue:l.searchQuery,"onUpdate:modelValue":r[0]||(r[0]=i=>l.searchQuery=i),placeholder:"Search"},null,8,["modelValue"]),e.createVNode(s,{icon:"fa-search",color:"secondary",size:"sm",class:"absolute right-2",onClick:n.onSearch},null,8,["onClick"])])}const x=d(k,[["render",E]]),j="data:image/png;base64,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",_={name:"Header",components:{SearchBox:x,BaseText:u,BaseButton:m,Icon:p},data(){return{logo:j}}},z={class:"border-b border-lineGrey w-full bg-primary m-0"},T={class:"w-full hidden md:flex"},G={class:"flex items-center justify-center w-36 h-36"},I=["src"],X={class:"flex w-full items-center border-r border-l border-lineGrey"},Z={class:"hidden lg:flex w-1/3 pl-20"},q={class:"ml-8 w-2/3 flex justify-around"},W={class:"flex items-center justify-center w-36 h-36"},M={class:"w-full flex md:hidden"},Y={class:"m-4 flex justify-between"},F=["src"];function J(t,r,o,c,l,n){const a=e.resolveComponent("SearchBox"),s=e.resolveComponent("BaseText"),i=e.resolveComponent("BaseButton"),g=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("header",z,[e.createElementVNode("section",T,[e.createElementVNode("div",G,[e.createElementVNode("img",{src:l.logo,alt:"Logo",class:"h-14 w-18 bg-accent"},null,8,I)]),e.createElementVNode("section",X,[e.createElementVNode("div",Z,[e.createVNode(a,{class:"w-24 md:w-32 lg:w-52 xl:w-64 bg-primary"})]),e.createElementVNode("nav",q,[e.createVNode(s,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"},{default:e.withCtx(()=>r[0]||(r[0]=[e.createTextVNode("Tournaments")])),_:1}),e.createVNode(s,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"},{default:e.withCtx(()=>r[1]||(r[1]=[e.createTextVNode("Clubs")])),_:1}),e.createVNode(s,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"},{default:e.withCtx(()=>r[2]||(r[2]=[e.createTextVNode("Leaderboard")])),_:1}),e.createVNode(s,{color:"secondary",size:"md",tag:"p",weight:"normal",class:"border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"},{default:e.withCtx(()=>r[3]||(r[3]=[e.createTextVNode("Contact")])),_:1})])]),e.createElementVNode("div",W,[e.createVNode(i,{backgroundColor:"primary",border:"secondary",color:"secondary",label:"Login",size:"xs"})])]),e.createElementVNode("section",M,[e.createElementVNode("div",Y,[e.createElementVNode("img",{src:l.logo,alt:"Logo",class:"h-10 w-14"},null,8,F),e.createVNode(g,{icon:"fa-bars",color:"secondary",size:"xl",class:"absolute right-2",onClick:t.onSearch},null,8,["onClick"])])])])}const O=d(_,[["render",J]]),D={name:"HeroBanner",components:{BaseText:u,BaseButton:m},props:{imageSrc:{type:String,required:!0},title:{type:String,required:!0},description:{type:String,required:!0},buttonLabel:{type:String,required:!0}},methods:{onClick(){this.$emit("button-click")}}},H={class:"relative w-full h-3/4 flex justify-center bg-primary m-0"},K={class:"relative w-full border-b border-l border-r border-lineGrey"},L=["src"],U={class:"hidden md:flex absolute inset-0 items-center justify-start px-8"},R={class:"text-left text-white max-w-lg"},Q={class:"flex justify-center md:hidden text-left bg-primary w-full"},P={class:"w-full px-6 py-8 text-center"};function $(t,r,o,c,l,n){const a=e.resolveComponent("BaseText"),s=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",H,[r[0]||(r[0]=e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"},null,-1)),e.createElementVNode("div",K,[e.createElementVNode("img",{src:o.imageSrc,alt:"Hero Image",class:"w-full h-full object-cover"},null,8,L),e.createElementVNode("section",U,[e.createElementVNode("div",R,[e.createVNode(a,{color:"secondary",tag:"h1",size:"4xl",weight:"bold",class:"mb-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]),_:1}),e.createVNode(a,{color:"secondary",tag:"p",size:"lg",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.description),1)]),_:1}),e.createVNode(s,{label:o.buttonLabel,color:"secondary",border:"gradient1",onClick:n.onClick},null,8,["label","onClick"])])])]),r[1]||(r[1]=e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"},null,-1))]),r[2]||(r[2]=e.createElementVNode("section",{class:"hidden md:flex border-t border-lineGrey w-full bg-primary"},[e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"}),e.createElementVNode("div",{class:"relative w-full border-b border-l border-r border-lineGrey h-36"}),e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"})],-1)),e.createElementVNode("section",Q,[e.createElementVNode("div",P,[e.createVNode(a,{color:"secondary",tag:"h1",size:"2xl",weight:"bold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]),_:1}),e.createVNode(a,{color:"secondary",tag:"p",size:"sm",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.description),1)]),_:1}),e.createVNode(s,{label:o.buttonLabel,color:"secondary",border:"gradient1",class:"w-1/2 m-auto",onClick:n.onClick},null,8,["label","onClick"])])])],64)}const ee=d(D,[["render",$]]);exports.BaseIcon=m;exports.BaseText=u;exports.Header=O;exports.HeroBanner=ee;exports.Icon=p;exports.InputField=b;exports.Searchbox=x;

package/dist/meyersquaredui.es.js

@@ -0,0 +1,471 @@
+import { openBlock as b, createElementBlock as x, normalizeClass as f, toDisplayString as g, createBlock as C, resolveDynamicComponent as B, withCtx as i, renderSlot as S, mergeProps as k, resolveComponent as u, createVNode as l, createElementVNode as o, createTextVNode as m, Fragment as _ } from "vue";
+const p = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [d, n] of t)
+    r[d] = n;
+  return r;
+}, j = {
+  name: "BaseButton",
+  props: {
+    label: {
+      type: String,
+      required: !0
+    },
+    altText: {
+      type: String,
+      default: null
+    },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (e) => ["primary", "secondary", "accent"].includes(e)
+    },
+    backgroundColor: {
+      type: String,
+      default: "primary",
+      validator: (e) => ["primary", "secondary", "accent"].includes(e)
+    },
+    border: {
+      type: String,
+      default: "none",
+      validator: (e) => ["none", "primary", "secondary", "accent", "gradient1", "gradient2"].includes(e)
+    }
+  },
+  computed: {
+    textColorClass() {
+      return {
+        primary: "text-primary",
+        secondary: "text-secondary",
+        accent: "text-accent"
+      }[this.color] || "text-primary";
+    },
+    backgroundClass() {
+      return {
+        primary: "bg-primary hover:bg-accent",
+        secondary: "bg-secondary hover:bg-accent",
+        accent: "bg-accent hover:bg-accent"
+      }[this.backgroundColor] || "bg-primary";
+    },
+    borderClass() {
+      return {
+        none: "",
+        primary: "border border-primary",
+        secondary: "border border-secondary",
+        accent: "border border-accent",
+        gradient1: "border-gradient-rounded-1",
+        gradient2: "border-gradient-rounded-2"
+      }[this.border] || "";
+    }
+  }
+}, z = ["title", "aria-label"];
+function G(e, t, r, d, n, s) {
+  return b(), x("button", {
+    class: f([
+      "px-4 py-2 rounded-md transition duration-300 ease-in-out",
+      s.textColorClass,
+      s.backgroundClass,
+      s.borderClass
+    ]),
+    title: r.altText || r.label,
+    "aria-label": r.altText || r.label,
+    onClick: t[0] || (t[0] = (a) => e.$emit("click"))
+  }, g(r.label), 11, z);
+}
+const h = /* @__PURE__ */ p(j, [["render", G], ["__scopeId", "data-v-34e83e90"]]), V = {
+  name: "BaseText",
+  props: {
+    tag: {
+      type: String,
+      default: "p",
+      validator: (e) => ["h1", "h2", "h3", "h4", "h5", "h6", "p", "span", "div"].includes(e)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl"].includes(e)
+    },
+    color: {
+      type: String,
+      default: "primary"
+    },
+    weight: {
+      type: String,
+      default: "normal",
+      validator: (e) => ["light", "normal", "semibold", "bold"].includes(e)
+    }
+  },
+  computed: {
+    textClasses() {
+      const e = {
+        xs: "text-xs",
+        sm: "text-sm",
+        md: "lg:text-base",
+        lg: "text-lg",
+        xl: "text-xl",
+        "2xl": "text-2xl",
+        "3xl": "text-3xl",
+        "4xl": "text-4xl",
+        "5xl": "text-5xl"
+      }, t = {
+        light: "font-light",
+        normal: "font-normal",
+        semibold: "font-semibold",
+        bold: "font-bold"
+      };
+      return `${e[this.size]} ${t[this.weight]} text-${this.color}`;
+    }
+  }
+};
+function X(e, t, r, d, n, s) {
+  return b(), C(B(r.tag), {
+    class: f(s.textClasses)
+  }, {
+    default: i(() => [
+      S(e.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const v = /* @__PURE__ */ p(V, [["render", X]]), Z = {
+  name: "Icon",
+  props: {
+    icon: {
+      type: String,
+      required: !0
+    },
+    color: {
+      type: String,
+      default: "primary",
+      validator: (e) => ["primary", "secondary", "accent"].includes(e)
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator: (e) => ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"].includes(e)
+    }
+  },
+  computed: {
+    colorClasses() {
+      return {
+        primary: "text-primary",
+        secondary: "text-secondary",
+        accent: "text-accent"
+      }[this.color] || "text-primary";
+    },
+    sizeClasses() {
+      return {
+        xs: "text-xs",
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg",
+        xl: "text-xl",
+        "2xl": "text-2xl",
+        "3xl": "text-3xl"
+      }[this.size] || "text-base";
+    }
+  }
+};
+function I(e, t, r, d, n, s) {
+  return b(), x("i", {
+    class: f(["fas", r.icon, s.colorClasses, s.sizeClasses]),
+    onClick: t[0] || (t[0] = (a) => e.$emit("click"))
+  }, null, 2);
+}
+const w = /* @__PURE__ */ p(Z, [["render", I]]), N = {
+  name: "InputField",
+  props: {
+    type: {
+      type: String,
+      default: "text"
+    },
+    placeholder: {
+      type: String,
+      default: "Search"
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  }
+}, q = ["type", "placeholder"];
+function T(e, t, r, d, n, s) {
+  return b(), x("input", k({
+    type: r.type,
+    placeholder: r.placeholder
+  }, e.$attrs, {
+    class: "bg-black text-secondary border-b-2 border-secondary focus:outline-none focus:border-accent w-full placeholder-secondary px-2 hover:border-accent duration-300 ease-in-out",
+    onInput: t[0] || (t[0] = (a) => e.$emit("update:modelValue", a.target.value))
+  }), null, 16, q);
+}
+const W = /* @__PURE__ */ p(N, [["render", T]]), E = {
+  name: "SearchBox",
+  components: {
+    InputField: W,
+    Icon: w
+  },
+  data() {
+    return {
+      searchQuery: ""
+    };
+  },
+  methods: {
+    onSearch() {
+      console.log("Search Query:", this.searchQuery);
+    }
+  }
+}, Y = { class: "relative flex items-center w-full max-w-md" };
+function M(e, t, r, d, n, s) {
+  const a = u("InputField"), c = u("Icon");
+  return b(), x("div", Y, [
+    l(a, {
+      modelValue: n.searchQuery,
+      "onUpdate:modelValue": t[0] || (t[0] = (y) => n.searchQuery = y),
+      placeholder: "Search"
+    }, null, 8, ["modelValue"]),
+    l(c, {
+      icon: "fa-search",
+      color: "secondary",
+      size: "sm",
+      class: "absolute right-2",
+      onClick: s.onSearch
+    }, null, 8, ["onClick"])
+  ]);
+}
+const F = /* @__PURE__ */ p(E, [["render", M]]), J = "data:image/png;base64,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", O = {
+  name: "Header",
+  components: {
+    SearchBox: F,
+    BaseText: v,
+    BaseButton: h,
+    Icon: w
+  },
+  data() {
+    return {
+      logo: J
+    };
+  }
+}, K = { class: "border-b border-lineGrey w-full bg-primary m-0" }, L = { class: "w-full hidden md:flex" }, D = { class: "flex items-center justify-center w-36 h-36" }, H = ["src"], U = { class: "flex w-full items-center border-r border-l border-lineGrey" }, R = { class: "hidden lg:flex w-1/3 pl-20" }, Q = { class: "ml-8 w-2/3 flex justify-around" }, P = { class: "flex items-center justify-center w-36 h-36" }, $ = { class: "w-full flex md:hidden" }, ee = { class: "m-4 flex justify-between" }, te = ["src"];
+function re(e, t, r, d, n, s) {
+  const a = u("SearchBox"), c = u("BaseText"), y = u("BaseButton"), A = u("Icon");
+  return b(), x("header", K, [
+    o("section", L, [
+      o("div", D, [
+        o("img", {
+          src: n.logo,
+          alt: "Logo",
+          class: "h-14 w-18 bg-accent"
+        }, null, 8, H)
+      ]),
+      o("section", U, [
+        o("div", R, [
+          l(a, { class: "w-24 md:w-32 lg:w-52 xl:w-64 bg-primary" })
+        ]),
+        o("nav", Q, [
+          l(c, {
+            color: "secondary",
+            size: "md",
+            tag: "p",
+            weight: "normal",
+            class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"
+          }, {
+            default: i(() => t[0] || (t[0] = [
+              m("Tournaments")
+            ])),
+            _: 1
+          }),
+          l(c, {
+            color: "secondary",
+            size: "md",
+            tag: "p",
+            weight: "normal",
+            class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"
+          }, {
+            default: i(() => t[1] || (t[1] = [
+              m("Clubs")
+            ])),
+            _: 1
+          }),
+          l(c, {
+            color: "secondary",
+            size: "md",
+            tag: "p",
+            weight: "normal",
+            class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"
+          }, {
+            default: i(() => t[2] || (t[2] = [
+              m("Leaderboard")
+            ])),
+            _: 1
+          }),
+          l(c, {
+            color: "secondary",
+            size: "md",
+            tag: "p",
+            weight: "normal",
+            class: "border-b-2 border-primary hover:border-accent pb-2 duration-300 ease-in-out"
+          }, {
+            default: i(() => t[3] || (t[3] = [
+              m("Contact")
+            ])),
+            _: 1
+          })
+        ])
+      ]),
+      o("div", P, [
+        l(y, {
+          backgroundColor: "primary",
+          border: "secondary",
+          color: "secondary",
+          label: "Login",
+          size: "xs"
+        })
+      ])
+    ]),
+    o("section", $, [
+      o("div", ee, [
+        o("img", {
+          src: n.logo,
+          alt: "Logo",
+          class: "h-10 w-14"
+        }, null, 8, te),
+        l(A, {
+          icon: "fa-bars",
+          color: "secondary",
+          size: "xl",
+          class: "absolute right-2",
+          onClick: e.onSearch
+        }, null, 8, ["onClick"])
+      ])
+    ])
+  ]);
+}
+const be = /* @__PURE__ */ p(O, [["render", re]]), oe = {
+  name: "HeroBanner",
+  components: {
+    BaseText: v,
+    BaseButton: h
+  },
+  props: {
+    imageSrc: {
+      type: String,
+      required: !0
+    },
+    title: {
+      type: String,
+      required: !0
+    },
+    description: {
+      type: String,
+      required: !0
+    },
+    buttonLabel: {
+      type: String,
+      required: !0
+    }
+  },
+  methods: {
+    onClick() {
+      this.$emit("button-click");
+    }
+  }
+}, se = { class: "relative w-full h-3/4 flex justify-center bg-primary m-0" }, le = { class: "relative w-full border-b border-l border-r border-lineGrey" }, ne = ["src"], ae = { class: "hidden md:flex absolute inset-0 items-center justify-start px-8" }, ce = { class: "text-left text-white max-w-lg" }, ie = { class: "flex justify-center md:hidden text-left bg-primary w-full" }, de = { class: "w-full px-6 py-8 text-center" };
+function ue(e, t, r, d, n, s) {
+  const a = u("BaseText"), c = u("BaseButton");
+  return b(), x(_, null, [
+    o("section", se, [
+      t[0] || (t[0] = o("div", { class: "hidden md:block w-36 bg-primary" }, null, -1)),
+      o("div", le, [
+        o("img", {
+          src: r.imageSrc,
+          alt: "Hero Image",
+          class: "w-full h-full object-cover"
+        }, null, 8, ne),
+        o("section", ae, [
+          o("div", ce, [
+            l(a, {
+              color: "secondary",
+              tag: "h1",
+              size: "4xl",
+              weight: "bold",
+              class: "mb-4"
+            }, {
+              default: i(() => [
+                m(g(r.title), 1)
+              ]),
+              _: 1
+            }),
+            l(a, {
+              color: "secondary",
+              tag: "p",
+              size: "lg",
+              weight: "normal",
+              class: "mb-6"
+            }, {
+              default: i(() => [
+                m(g(r.description), 1)
+              ]),
+              _: 1
+            }),
+            l(c, {
+              label: r.buttonLabel,
+              color: "secondary",
+              border: "gradient1",
+              onClick: s.onClick
+            }, null, 8, ["label", "onClick"])
+          ])
+        ])
+      ]),
+      t[1] || (t[1] = o("div", { class: "hidden md:block w-36 bg-primary" }, null, -1))
+    ]),
+    t[2] || (t[2] = o("section", { class: "hidden md:flex border-t border-lineGrey w-full bg-primary" }, [
+      o("div", { class: "hidden md:block w-36 bg-primary" }),
+      o("div", { class: "relative w-full border-b border-l border-r border-lineGrey h-36" }),
+      o("div", { class: "hidden md:block w-36 bg-primary" })
+    ], -1)),
+    o("section", ie, [
+      o("div", de, [
+        l(a, {
+          color: "secondary",
+          tag: "h1",
+          size: "2xl",
+          weight: "bold",
+          class: "mb-2"
+        }, {
+          default: i(() => [
+            m(g(r.title), 1)
+          ]),
+          _: 1
+        }),
+        l(a, {
+          color: "secondary",
+          tag: "p",
+          size: "sm",
+          weight: "normal",
+          class: "mb-6"
+        }, {
+          default: i(() => [
+            m(g(r.description), 1)
+          ]),
+          _: 1
+        }),
+        l(c, {
+          label: r.buttonLabel,
+          color: "secondary",
+          border: "gradient1",
+          class: "w-1/2 m-auto",
+          onClick: s.onClick
+        }, null, 8, ["label", "onClick"])
+      ])
+    ])
+  ], 64);
+}
+const pe = /* @__PURE__ */ p(oe, [["render", ue]]);
+export {
+  h as BaseIcon,
+  v as BaseText,
+  be as Header,
+  pe as HeroBanner,
+  w as Icon,
+  W as InputField,
+  F as Searchbox
+};

package/dist/style.css

@@ -0,0 +1 @@
+.border-gradient-rounded-1[data-v-34e83e90]{border:1px solid transparent;background:linear-gradient(to right,#000,#000),linear-gradient(to right,#ff7a00,#a3412a);background-clip:padding-box,border-box;background-origin:padding-box,border-box;transition:background-size .5s ease-in-out,color .5s ease-in-out}.border-gradient-rounded-1[data-v-34e83e90]:hover{background:linear-gradient(to right,#ff7a00,#ffa238);color:#fff}.border-gradient-rounded-2[data-v-34e83e90]{border:1px solid transparent;background:linear-gradient(to right,#000,#000),linear-gradient(to right,#009dff,#25e07c);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.border-gradient-rounded-2[data-v-34e83e90]:hover{background:linear-gradient(to right,#009dff,#25e07c);color:#fff}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@dcrackel/meyersquaredui",
+  "private": false,
+  "version": "1.0.36",
+  "type": "module",
+  "main": "dist/meyersquaredui.cjs.js",
+  "module": "dist/meyersquaredui.esm.js",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "npm version patch && vite build",
+    "publish:package": "npm publish",
+    "preview": "vite preview",
+    "build-storybook": "npm run build:tailwind && storybook build",
+    "build:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ./dist/ui-tailwind.css",
+    "storybook": "concurrently \"npm run watch:tailwind\" \"npm run watch:storybook\"",
+    "watch:storybook": "storybook dev -p 6006",
+    "watch:tailwind": "tailwindcss build ./tailwind/tailwind.css -o ./tailwind/output.css --watch",
+    "copy:css": "copy .\\dist\\ui-tailwind.css ..\\HemaTournamentPublic\\public\\ui-tailwind.css",
+    "lint": "eslint --ext .ts,.vue .",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
+  },
+  "dependencies": {
+    "concurrently": "^9.0.1",
+    "font-awesome": "^4.7.0",
+    "version": "^0.1.2",
+    "vue": "^3.4.37"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^2.0.2",
+    "@storybook/addon-controls": "^8.3.0",
+    "@storybook/addon-essentials": "^8.3.0",
+    "@storybook/addon-interactions": "^8.3.0",
+    "@storybook/addon-links": "^8.3.0",
+    "@storybook/addon-mdx-gfm": "^8.3.0",
+    "@storybook/addon-onboarding": "^8.3.0",
+    "@storybook/blocks": "^8.3.0",
+    "@storybook/test": "^8.3.0",
+    "@storybook/vue3": "^8.3.0",
+    "@storybook/vue3-vite": "^8.3.0",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.45",
+    "storybook": "^8.3.0",
+    "tailwindcss": "^3.4.11",
+    "vite": "^5.4.1"
+  },
+  "keywords": [
+    "story",
+    "hema",
+    "tournament",
+    "UI",
+    "vue3"
+  ],
+  "author": "Meyer Squared",
+  "license": "MIT"
+}

package/src/components/HelloWorld.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: String,
+})
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>

package/src/index.js

@@ -0,0 +1,10 @@
+export { default as BaseIcon } from './stories/Atoms/BaseButton/BaseButton.vue';
+export { default as BaseText } from './stories/Atoms/BaseText/BaseText.vue';
+export { default as Icon } from './stories/Atoms/Icon/Icon.vue';
+export { default as InputField } from './stories/Atoms/InputField/InputField.vue';
+
+export { default as Searchbox } from './stories/Molecules/Searchbox/Searchbox.vue';
+
+export { default as Header } from './stories/Organisms/Headers/Header.vue'
+export { default as HeroBanner } from './stories/Organisms/HeroBanners/HomePage/HeroBanner.vue'
+

package/src/main.js

@@ -0,0 +1 @@
+import '../tailwind/output.css'