@dcrackel/meyersquaredui 1.0.36 → 1.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ (function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.MeyerSquaredUI={},l.Vue))})(this,function(l,e){"use strict";const i=(t,r)=>{const o=t.__vccOpts||t;for(const[d,a]of r)o[d]=a;return o},f={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]||""}}},h=["title","aria-label"];function u(t,r,o,d,a,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]=s=>t.$emit("click"))},e.toDisplayString(o.label),11,h)}const m=i(f,[["render",u],["__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,d,a,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 p=i(V,[["render",C]]),N={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 w(t,r,o,d,a,n){return e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(["fas",o.icon,n.colorClasses,n.sizeClasses]),onClick:r[0]||(r[0]=s=>t.$emit("click"))},null,2)}const b=i(N,[["render",w]]),B={name:"InputField",props:{type:{type:String,default:"text"},placeholder:{type:String,default:"Search"},modelValue:{type:String,default:""}}},A=["type","placeholder"];function S(t,r,o,d,a,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]=s=>t.$emit("update:modelValue",s.target.value))}),null,16,A)}const g=i(B,[["render",S]]),k={name:"SearchBox",components:{InputField:g,Icon:b},data(){return{searchQuery:""}},methods:{onSearch(){console.log("Search Query:",this.searchQuery)}}},E={class:"relative flex items-center w-full max-w-md"};function j(t,r,o,d,a,n){const s=e.resolveComponent("InputField"),c=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("div",E,[e.createVNode(s,{modelValue:a.searchQuery,"onUpdate:modelValue":r[0]||(r[0]=x=>a.searchQuery=x),placeholder:"Search"},null,8,["modelValue"]),e.createVNode(c,{icon:"fa-search",color:"secondary",size:"sm",class:"absolute right-2",onClick:n.onSearch},null,8,["onClick"])])}const y=i(k,[["render",j]]),_="data:image/png;base64,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",z={name:"Header",components:{SearchBox:y,BaseText:p,BaseButton:m,Icon:b},data(){return{logo:_}}},T={class:"border-b border-lineGrey w-full bg-primary m-0"},G={class:"w-full hidden md:flex"},I={class:"flex items-center justify-center w-36 h-36"},X=["src"],Z={class:"flex w-full items-center border-r border-l border-lineGrey"},q={class:"hidden lg:flex w-1/3 pl-20"},W={class:"ml-8 w-2/3 flex justify-around"},M={class:"flex items-center justify-center w-36 h-36"},Y={class:"w-full flex md:hidden"},F={class:"m-4 flex justify-between"},J=["src"];function O(t,r,o,d,a,n){const s=e.resolveComponent("SearchBox"),c=e.resolveComponent("BaseText"),x=e.resolveComponent("BaseButton"),te=e.resolveComponent("Icon");return e.openBlock(),e.createElementBlock("header",T,[e.createElementVNode("section",G,[e.createElementVNode("div",I,[e.createElementVNode("img",{src:a.logo,alt:"Logo",class:"h-14 w-18 bg-accent"},null,8,X)]),e.createElementVNode("section",Z,[e.createElementVNode("div",q,[e.createVNode(s,{class:"w-24 md:w-32 lg:w-52 xl:w-64 bg-primary"})]),e.createElementVNode("nav",W,[e.createVNode(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:e.withCtx(()=>r[0]||(r[0]=[e.createTextVNode("Tournaments")])),_:1}),e.createVNode(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:e.withCtx(()=>r[1]||(r[1]=[e.createTextVNode("Clubs")])),_:1}),e.createVNode(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:e.withCtx(()=>r[2]||(r[2]=[e.createTextVNode("Leaderboard")])),_:1}),e.createVNode(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:e.withCtx(()=>r[3]||(r[3]=[e.createTextVNode("Contact")])),_:1})])]),e.createElementVNode("div",M,[e.createVNode(x,{backgroundColor:"primary",border:"secondary",color:"secondary",label:"Login",size:"xs"})])]),e.createElementVNode("section",Y,[e.createElementVNode("div",F,[e.createElementVNode("img",{src:a.logo,alt:"Logo",class:"h-10 w-14"},null,8,J),e.createVNode(te,{icon:"fa-bars",color:"secondary",size:"xl",class:"absolute right-2",onClick:t.onSearch},null,8,["onClick"])])])])}const D=i(z,[["render",O]]),H={name:"HeroBanner",components:{BaseText:p,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")}}},K={class:"relative w-full h-3/4 flex justify-center bg-primary m-0"},L={class:"relative w-full border-b border-l border-r border-lineGrey"},U=["src"],R={class:"hidden md:flex absolute inset-0 items-center justify-start px-8"},Q={class:"text-left text-white max-w-lg"},P={class:"flex justify-center md:hidden text-left bg-primary w-full"},$={class:"w-full px-6 py-8 text-center"};function v(t,r,o,d,a,n){const s=e.resolveComponent("BaseText"),c=e.resolveComponent("BaseButton");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("section",K,[r[0]||(r[0]=e.createElementVNode("div",{class:"hidden md:block w-36 bg-primary"},null,-1)),e.createElementVNode("div",L,[e.createElementVNode("img",{src:o.imageSrc,alt:"Hero Image",class:"w-full h-full object-cover"},null,8,U),e.createElementVNode("section",R,[e.createElementVNode("div",Q,[e.createVNode(s,{color:"secondary",tag:"h1",size:"4xl",weight:"bold",class:"mb-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]),_:1}),e.createVNode(s,{color:"secondary",tag:"p",size:"lg",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.description),1)]),_:1}),e.createVNode(c,{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",P,[e.createElementVNode("div",$,[e.createVNode(s,{color:"secondary",tag:"h1",size:"2xl",weight:"bold",class:"mb-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.title),1)]),_:1}),e.createVNode(s,{color:"secondary",tag:"p",size:"sm",weight:"normal",class:"mb-6"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.description),1)]),_:1}),e.createVNode(c,{label:o.buttonLabel,color:"secondary",border:"gradient1",class:"w-1/2 m-auto",onClick:n.onClick},null,8,["label","onClick"])])])],64)}const ee=i(H,[["render",v]]);l.BaseIcon=m,l.BaseText=p,l.Header=D,l.HeroBanner=ee,l.Icon=b,l.InputField=g,l.Searchbox=y,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,10 +1,16 @@
1
1
  {
2
2
  "name": "@dcrackel/meyersquaredui",
3
3
  "private": false,
4
- "version": "1.0.36",
4
+ "version": "1.0.37",
5
5
  "type": "module",
6
6
  "main": "dist/meyersquaredui.cjs.js",
7
7
  "module": "dist/meyersquaredui.esm.js",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/meyersquaredui.es.js",
11
+ "require": "./dist/meyersquaredui.umd.js"
12
+ }
13
+ },
8
14
  "files": [
9
15
  "dist",
10
16
  "src"
@@ -1 +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;