vue3-tailwind-components 0.1.1 → 0.1.2

package/dist/vue3-tailwind-components.es.js

@@ -40,6 +40,14 @@ const T2 = (r, s) => {
     hoverColor: {
       type: String,
       default: "primary"
+    },
+    selectedIndex: {
+      type: Number,
+      default: -1
+    },
+    selectColor: {
+      type: String,
+      default: "primary"
     }
   },
   computed: {
@@ -53,7 +61,7 @@ const T2 = (r, s) => {
   methods: {
     rowClass(r) {
       let s = this.hover ? " hover:bg-" + this.hoverColor + "-300" : "";
-      return this.striped ? r % 2 !== 0 ? "bg-" + this.stripeColor + "-100 " + s : "" + s : s;
+      return this.selectedIndex === r && (s = " bg-" + this.selectColor + "-300"), this.striped && this.selectedIndex !== r ? r % 2 !== 0 ? "bg-" + this.stripeColor + "-100 " + s : "" + s : s;
     }
   }
 }, Dp = { class: "border-collapse table-auto w-full text-sm" }, Ep = { class: "p-2 font-normal" }, Ip = { class: "text-gray-600" };
@@ -290,7 +298,7 @@ const _Z = /* @__PURE__ */ T2(Xp, [["render", Jp]]), Zp = {
   },
   methods: {
     handleInput() {
-      this.disabled || (this.checked = !this.checked, this.$emit("update:modelValue", this.checked));
+      this.disabled || (this.checked = !this.checked, this.$emit("update:modelValue", this.checked), this.$emit("changed", this.checked));
     }
   },
   watch: {

package/dist/vue3-tailwind-components.umd.js

@@ -1,4 +1,4 @@
-(function(V2,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(V2=typeof globalThis<"u"?globalThis:V2||self,u(V2.Vue3TWComp={},V2.Vue))})(this,function(V2,u){"use strict";const N2=(r,s)=>{const n=r.__vccOpts||r;for(const[t,m]of s)n[t]=m;return n},po={props:{items:{type:Array,default:[]},headings:{type:Array},border:{type:Boolean,default:!0},striped:{type:Boolean,default:!1},hover:{type:Boolean,default:!1},headingColor:{type:String,default:"primary"},borderColor:{type:String,default:"primary"},stripeColor:{type:String,default:"primary"},hoverColor:{type:String,default:"primary"}},computed:{headingClass(){return"bg-"+this.headingColor+"-200"},boarderClass(){return this.border?"border border-"+this.borderColor+"-200":""}},methods:{rowClass(r){let s=this.hover?" hover:bg-"+this.hoverColor+"-300":"";return this.striped?r%2!==0?"bg-"+this.stripeColor+"-100 "+s:""+s:s}}},Mo={class:"border-collapse table-auto w-full text-sm"},Co={class:"p-2 font-normal"},Lo={class:"text-gray-600"};function go(r,s,n,t,m,z){return u.openBlock(),u.createElementBlock("table",Mo,[u.createElementVNode("thead",{class:u.normalizeClass([z.headingClass,"text-gray-800"])},[u.createElementVNode("tr",null,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.headings,v=>(u.openBlock(),u.createElementBlock("th",Co,u.toDisplayString(v.label),1))),256))])],2),u.createElementVNode("tbody",Lo,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.items,(v,M)=>(u.openBlock(),u.createElementBlock("tr",{key:M,class:u.normalizeClass([z.rowClass(M),"transition-colors"])},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.headings,C=>(u.openBlock(),u.createElementBlock("td",{class:u.normalizeClass([z.boarderClass,"p-2"])},[u.renderSlot(r.$slots,C.field,{item:v},()=>[u.createTextVNode(u.toDisplayString(v[C.field]),1)])],2))),256))],2))),128))])])}const xo=N2(po,[["render",go]]),bo={props:{color:{type:String,default:"primary"},outline:{type:Boolean,default:!1},menu:{type:Boolean,default:!1},corners:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}}},computed:{sizeClass(){switch(this.size){case"sm":return" text-xs py-1 px-4 ";case"md":return" text-sm py-2 px-6 ";case"lg":return" text-lg py-4 px-8 ";case"round":return" text-sm px-4 py-1 rounded-full";default:return" text-sm py-2 px-6 "}},bgcolor(){let r=this.disabled?" opacity-50":"",s="bg-"+this.color+"-500 hover:bg-"+this.color+"-700 text-white border-"+this.color+"-500";return this.outline&&(this.menu?s="hover:bg-"+this.color+"-500 text-"+this.color+"-500 hover:text-white":s="border-"+this.color+"-500 hover:bg-"+this.color+"-500 text-"+this.color+"-500 hover:text-white border"),this.corners||(s+=" rounded "),s+this.sizeClass+r}}},No=["disabled"];function wo(r,s,n,t,m,z){return u.openBlock(),u.createElementBlock("button",{disabled:n.disabled,class:u.normalizeClass([z.bgcolor,"transition-colors ease-in font-light disabled:cursor-not-allowed"])},[u.renderSlot(r.$slots,"default")],10,No)}const f3=N2(bo,[["render",wo]]),So={props:{buttonPosition:{type:String,default:"middle"},color:{type:String,default:"primary"},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{positionClass(){switch(this.buttonPosition){case"first":return" rounded-l ";case"last":return" rounded-r ";default:return""}},finalClass(){return this.disabled?" border-"+this.color+"-200 text-"+this.color+"-200 "+this.positionClass:this.selected?" bg-"+this.color+"-200 "+this.positionClass:" hover:bg-"+this.color+"-300 border-"+this.color+"-300 text-"+this.color+"-500 "+this.positionClass}}};function yo(r,s,n,t,m,z){return u.openBlock(),u.createElementBlock("li",null,[u.createElementVNode("button",{class:u.normalizeClass([z.finalClass,"px-3 py-2 ml-0 leading-tight transition-colors border"])},[u.renderSlot(r.$slots,"default")],2)])}const ko={components:{TwPaginatorButton:N2(So,[["render",yo]])},props:{numOfPages:{type:Number,default:0},currentPage:{type:Number,default:0},color:{type:String,default:"primary"}},methods:{paginate(r){this.$emit("paginate",r)},increment(){this.currentPage<this.numOfPages&&this.$emit("paginate",this.currentPage+1)},decrement(){this.currentPage>1&&this.$emit("paginate",this.currentPage-1)}}},Ao={"aria-label":"Pagination"},_o={class:"inline-flex -space-x-px"};function To(r,s,n,t,m,z){const v=u.resolveComponent("tw-paginator-button");return u.openBlock(),u.createElementBlock("nav",Ao,[u.createElementVNode("ul",_o,[u.createVNode(v,{color:n.color,onClick:z.decrement,disabled:n.currentPage<=1,"button-position":"first"},{default:u.withCtx(()=>[u.renderSlot(r.$slots,"first",{},()=>[u.createTextVNode("Previous")])]),_:3},8,["color","onClick","disabled"]),(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.numOfPages,M=>(u.openBlock(),u.createBlock(v,{color:n.color,key:M,onClick:C=>z.paginate(M),selected:M===n.currentPage},{default:u.withCtx(()=>[u.createTextVNode(u.toDisplayString(M),1)]),_:2},1032,["color","onClick","selected"]))),128)),u.createVNode(v,{color:n.color,onClick:z.increment,disabled:n.currentPage>=n.numOfPages,"button-position":"last"},{default:u.withCtx(()=>[u.renderSlot(r.$slots,"last",{},()=>[u.createTextVNode("Next")])]),_:3},8,["color","onClick","disabled"])])])}const Bo=N2(ko,[["render",To]]),Po={props:{color:{type:String,default:"primary"},modelValue:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}},disabled:{type:Boolean,default:!1},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)}},data(){return{checked:!1}},methods:{handleInput(){this.disabled||(this.checked=!this.checked,this.$emit("update:modelValue",this.checked))}},watch:{modelValue:{handler(r){this.checked=r},immediate:!0}},computed:{baseSize(){switch(this.size){case"sm":return 3;case"md":return 5;case"lg":return 7;default:return 5}},topClass(){return this.disabled?"cursor-not-allowed":"cursor-pointer"},backClass(){let r=" h-"+this.baseSize+" w-"+this.baseSize*2,s=this.disabled?" opacity-50 ":"";return this.checked?"bg-"+this.color+"-500"+r+s:"bg-"+this.color+"-300 "+r+s},knobClass(){let r=" h-"+this.baseSize+" w-"+this.baseSize;return this.checked?"translate-x-full "+r:" left-0 "+r},labelClass(){return"text-"+this.color+"-500 text-"+this.size}}},Fo=u.createElementVNode("div",{class:"hidden h-3 w-3 w-6 h-7 w-7 h-5 w-5 w-10 w-14"},null,-1),Ro={class:"relative"},Do=["disabled","id","name","value"];function Eo(r,s,n,t,m,z){return u.openBlock(),u.createElementBlock("div",{onKeydown:s[0]||(s[0]=u.withKeys((...v)=>z.handleInput&&z.handleInput(...v),["enter"])),tabindex:"0",class:u.normalizeClass([z.topClass,"flex select-none items-center"]),onClick:s[1]||(s[1]=(...v)=>z.handleInput&&z.handleInput(...v))},[Fo,u.createElementVNode("div",Ro,[u.createElementVNode("input",{disabled:n.disabled,id:n.formNameAndId,name:n.formNameAndId,type:"checkbox",class:"sr-only",value:m.checked},null,8,Do),u.createElementVNode("div",{class:u.normalizeClass([z.backClass,"rounded-full shadow-inner"])},null,2),u.createElementVNode("div",{class:u.normalizeClass([z.knobClass,"dot border border-primary-200 absolute top-0 transition rounded-full bg-white"])},null,2)]),u.createElementVNode("div",{class:u.normalizeClass([z.labelClass,"mx-2"])},[u.renderSlot(r.$slots,"default")],2)],34)}const Io=N2(Po,[["render",Eo]]);function F5(r,s){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);s&&(t=t.filter(function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable})),n.push.apply(n,t)}return n}function A(r){for(var s=1;s<arguments.length;s++){var n=arguments[s]!=null?arguments[s]:{};s%2?F5(Object(n),!0).forEach(function(t){p2(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):F5(Object(n)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))})}return r}function l3(r){"@babel/helpers - typeof";return l3=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(s){return typeof s}:function(s){return s&&typeof Symbol=="function"&&s.constructor===Symbol&&s!==Symbol.prototype?"symbol":typeof s},l3(r)}function Uo(r,s){if(!(r instanceof s))throw new TypeError("Cannot call a class as a function")}function R5(r,s){for(var n=0;n<s.length;n++){var t=s[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(r,t.key,t)}}function Oo(r,s,n){return s&&R5(r.prototype,s),n&&R5(r,n),Object.defineProperty(r,"prototype",{writable:!1}),r}function p2(r,s,n){return s in r?Object.defineProperty(r,s,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[s]=n,r}function E6(r,s){return Wo(r)||Go(r,s)||D5(r,s)||Xo()}function L4(r){return $o(r)||qo(r)||D5(r)||Ko()}function $o(r){if(Array.isArray(r))return I6(r)}function Wo(r){if(Array.isArray(r))return r}function qo(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Go(r,s){var n=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(n!=null){var t=[],m=!0,z=!1,v,M;try{for(n=n.call(r);!(m=(v=n.next()).done)&&(t.push(v.value),!(s&&t.length===s));m=!0);}catch(C){z=!0,M=C}finally{try{!m&&n.return!=null&&n.return()}finally{if(z)throw M}}return t}}function D5(r,s){if(r){if(typeof r=="string")return I6(r,s);var n=Object.prototype.toString.call(r).slice(8,-1);if(n==="Object"&&r.constructor&&(n=r.constructor.name),n==="Map"||n==="Set")return Array.from(r);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I6(r,s)}}function I6(r,s){(s==null||s>r.length)&&(s=r.length);for(var n=0,t=new Array(s);n<s;n++)t[n]=r[n];return t}function Ko(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+(function(V2,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(V2=typeof globalThis<"u"?globalThis:V2||self,u(V2.Vue3TWComp={},V2.Vue))})(this,function(V2,u){"use strict";const N2=(r,s)=>{const n=r.__vccOpts||r;for(const[t,m]of s)n[t]=m;return n},po={props:{items:{type:Array,default:[]},headings:{type:Array},border:{type:Boolean,default:!0},striped:{type:Boolean,default:!1},hover:{type:Boolean,default:!1},headingColor:{type:String,default:"primary"},borderColor:{type:String,default:"primary"},stripeColor:{type:String,default:"primary"},hoverColor:{type:String,default:"primary"},selectedIndex:{type:Number,default:-1},selectColor:{type:String,default:"primary"}},computed:{headingClass(){return"bg-"+this.headingColor+"-200"},boarderClass(){return this.border?"border border-"+this.borderColor+"-200":""}},methods:{rowClass(r){let s=this.hover?" hover:bg-"+this.hoverColor+"-300":"";return this.selectedIndex===r&&(s=" bg-"+this.selectColor+"-300"),this.striped&&this.selectedIndex!==r?r%2!==0?"bg-"+this.stripeColor+"-100 "+s:""+s:s}}},Mo={class:"border-collapse table-auto w-full text-sm"},Co={class:"p-2 font-normal"},Lo={class:"text-gray-600"};function go(r,s,n,t,m,z){return u.openBlock(),u.createElementBlock("table",Mo,[u.createElementVNode("thead",{class:u.normalizeClass([z.headingClass,"text-gray-800"])},[u.createElementVNode("tr",null,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.headings,v=>(u.openBlock(),u.createElementBlock("th",Co,u.toDisplayString(v.label),1))),256))])],2),u.createElementVNode("tbody",Lo,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.items,(v,M)=>(u.openBlock(),u.createElementBlock("tr",{key:M,class:u.normalizeClass([z.rowClass(M),"transition-colors"])},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.headings,C=>(u.openBlock(),u.createElementBlock("td",{class:u.normalizeClass([z.boarderClass,"p-2"])},[u.renderSlot(r.$slots,C.field,{item:v},()=>[u.createTextVNode(u.toDisplayString(v[C.field]),1)])],2))),256))],2))),128))])])}const xo=N2(po,[["render",go]]),bo={props:{color:{type:String,default:"primary"},outline:{type:Boolean,default:!1},menu:{type:Boolean,default:!1},corners:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}}},computed:{sizeClass(){switch(this.size){case"sm":return" text-xs py-1 px-4 ";case"md":return" text-sm py-2 px-6 ";case"lg":return" text-lg py-4 px-8 ";case"round":return" text-sm px-4 py-1 rounded-full";default:return" text-sm py-2 px-6 "}},bgcolor(){let r=this.disabled?" opacity-50":"",s="bg-"+this.color+"-500 hover:bg-"+this.color+"-700 text-white border-"+this.color+"-500";return this.outline&&(this.menu?s="hover:bg-"+this.color+"-500 text-"+this.color+"-500 hover:text-white":s="border-"+this.color+"-500 hover:bg-"+this.color+"-500 text-"+this.color+"-500 hover:text-white border"),this.corners||(s+=" rounded "),s+this.sizeClass+r}}},No=["disabled"];function wo(r,s,n,t,m,z){return u.openBlock(),u.createElementBlock("button",{disabled:n.disabled,class:u.normalizeClass([z.bgcolor,"transition-colors ease-in font-light disabled:cursor-not-allowed"])},[u.renderSlot(r.$slots,"default")],10,No)}const f3=N2(bo,[["render",wo]]),So={props:{buttonPosition:{type:String,default:"middle"},color:{type:String,default:"primary"},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{positionClass(){switch(this.buttonPosition){case"first":return" rounded-l ";case"last":return" rounded-r ";default:return""}},finalClass(){return this.disabled?" border-"+this.color+"-200 text-"+this.color+"-200 "+this.positionClass:this.selected?" bg-"+this.color+"-200 "+this.positionClass:" hover:bg-"+this.color+"-300 border-"+this.color+"-300 text-"+this.color+"-500 "+this.positionClass}}};function yo(r,s,n,t,m,z){return u.openBlock(),u.createElementBlock("li",null,[u.createElementVNode("button",{class:u.normalizeClass([z.finalClass,"px-3 py-2 ml-0 leading-tight transition-colors border"])},[u.renderSlot(r.$slots,"default")],2)])}const ko={components:{TwPaginatorButton:N2(So,[["render",yo]])},props:{numOfPages:{type:Number,default:0},currentPage:{type:Number,default:0},color:{type:String,default:"primary"}},methods:{paginate(r){this.$emit("paginate",r)},increment(){this.currentPage<this.numOfPages&&this.$emit("paginate",this.currentPage+1)},decrement(){this.currentPage>1&&this.$emit("paginate",this.currentPage-1)}}},Ao={"aria-label":"Pagination"},_o={class:"inline-flex -space-x-px"};function To(r,s,n,t,m,z){const v=u.resolveComponent("tw-paginator-button");return u.openBlock(),u.createElementBlock("nav",Ao,[u.createElementVNode("ul",_o,[u.createVNode(v,{color:n.color,onClick:z.decrement,disabled:n.currentPage<=1,"button-position":"first"},{default:u.withCtx(()=>[u.renderSlot(r.$slots,"first",{},()=>[u.createTextVNode("Previous")])]),_:3},8,["color","onClick","disabled"]),(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.numOfPages,M=>(u.openBlock(),u.createBlock(v,{color:n.color,key:M,onClick:C=>z.paginate(M),selected:M===n.currentPage},{default:u.withCtx(()=>[u.createTextVNode(u.toDisplayString(M),1)]),_:2},1032,["color","onClick","selected"]))),128)),u.createVNode(v,{color:n.color,onClick:z.increment,disabled:n.currentPage>=n.numOfPages,"button-position":"last"},{default:u.withCtx(()=>[u.renderSlot(r.$slots,"last",{},()=>[u.createTextVNode("Next")])]),_:3},8,["color","onClick","disabled"])])])}const Bo=N2(ko,[["render",To]]),Po={props:{color:{type:String,default:"primary"},modelValue:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}},disabled:{type:Boolean,default:!1},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)}},data(){return{checked:!1}},methods:{handleInput(){this.disabled||(this.checked=!this.checked,this.$emit("update:modelValue",this.checked),this.$emit("changed",this.checked))}},watch:{modelValue:{handler(r){this.checked=r},immediate:!0}},computed:{baseSize(){switch(this.size){case"sm":return 3;case"md":return 5;case"lg":return 7;default:return 5}},topClass(){return this.disabled?"cursor-not-allowed":"cursor-pointer"},backClass(){let r=" h-"+this.baseSize+" w-"+this.baseSize*2,s=this.disabled?" opacity-50 ":"";return this.checked?"bg-"+this.color+"-500"+r+s:"bg-"+this.color+"-300 "+r+s},knobClass(){let r=" h-"+this.baseSize+" w-"+this.baseSize;return this.checked?"translate-x-full "+r:" left-0 "+r},labelClass(){return"text-"+this.color+"-500 text-"+this.size}}},Fo=u.createElementVNode("div",{class:"hidden h-3 w-3 w-6 h-7 w-7 h-5 w-5 w-10 w-14"},null,-1),Ro={class:"relative"},Do=["disabled","id","name","value"];function Eo(r,s,n,t,m,z){return u.openBlock(),u.createElementBlock("div",{onKeydown:s[0]||(s[0]=u.withKeys((...v)=>z.handleInput&&z.handleInput(...v),["enter"])),tabindex:"0",class:u.normalizeClass([z.topClass,"flex select-none items-center"]),onClick:s[1]||(s[1]=(...v)=>z.handleInput&&z.handleInput(...v))},[Fo,u.createElementVNode("div",Ro,[u.createElementVNode("input",{disabled:n.disabled,id:n.formNameAndId,name:n.formNameAndId,type:"checkbox",class:"sr-only",value:m.checked},null,8,Do),u.createElementVNode("div",{class:u.normalizeClass([z.backClass,"rounded-full shadow-inner"])},null,2),u.createElementVNode("div",{class:u.normalizeClass([z.knobClass,"dot border border-primary-200 absolute top-0 transition rounded-full bg-white"])},null,2)]),u.createElementVNode("div",{class:u.normalizeClass([z.labelClass,"mx-2"])},[u.renderSlot(r.$slots,"default")],2)],34)}const Io=N2(Po,[["render",Eo]]);function F5(r,s){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);s&&(t=t.filter(function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable})),n.push.apply(n,t)}return n}function A(r){for(var s=1;s<arguments.length;s++){var n=arguments[s]!=null?arguments[s]:{};s%2?F5(Object(n),!0).forEach(function(t){p2(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):F5(Object(n)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))})}return r}function l3(r){"@babel/helpers - typeof";return l3=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(s){return typeof s}:function(s){return s&&typeof Symbol=="function"&&s.constructor===Symbol&&s!==Symbol.prototype?"symbol":typeof s},l3(r)}function Uo(r,s){if(!(r instanceof s))throw new TypeError("Cannot call a class as a function")}function R5(r,s){for(var n=0;n<s.length;n++){var t=s[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(r,t.key,t)}}function Oo(r,s,n){return s&&R5(r.prototype,s),n&&R5(r,n),Object.defineProperty(r,"prototype",{writable:!1}),r}function p2(r,s,n){return s in r?Object.defineProperty(r,s,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[s]=n,r}function E6(r,s){return Wo(r)||Go(r,s)||D5(r,s)||Xo()}function L4(r){return $o(r)||qo(r)||D5(r)||Ko()}function $o(r){if(Array.isArray(r))return I6(r)}function Wo(r){if(Array.isArray(r))return r}function qo(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Go(r,s){var n=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(n!=null){var t=[],m=!0,z=!1,v,M;try{for(n=n.call(r);!(m=(v=n.next()).done)&&(t.push(v.value),!(s&&t.length===s));m=!0);}catch(C){z=!0,M=C}finally{try{!m&&n.return!=null&&n.return()}finally{if(z)throw M}}return t}}function D5(r,s){if(r){if(typeof r=="string")return I6(r,s);var n=Object.prototype.toString.call(r).slice(8,-1);if(n==="Object"&&r.constructor&&(n=r.constructor.name),n==="Map"||n==="Set")return Array.from(r);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I6(r,s)}}function I6(r,s){(s==null||s>r.length)&&(s=r.length);for(var n=0,t=new Array(s);n<s;n++)t[n]=r[n];return t}function Ko(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Xo(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var E5=function(){},U6={},I5={},U5=null,O5={mark:E5,measure:E5};try{typeof window<"u"&&(U6=window),typeof document<"u"&&(I5=document),typeof MutationObserver<"u"&&(U5=MutationObserver),typeof performance<"u"&&(O5=performance)}catch{}var Yo=U6.navigator||{},$5=Yo.userAgent,W5=$5===void 0?"":$5,b1=U6,i2=I5,q5=U5,t3=O5;b1.document;var m1=!!i2.documentElement&&!!i2.head&&typeof i2.addEventListener=="function"&&typeof i2.createElement=="function",G5=~W5.indexOf("MSIE")||~W5.indexOf("Trident/"),o3,m3,u3,z3,H3,u1="___FONT_AWESOME___",O6=16,K5="fa",X5="svg-inline--fa",I1="data-fa-i2svg",$6="data-fa-pseudo-element",Qo="data-fa-pseudo-element-pending",W6="data-prefix",q6="data-icon",Y5="fontawesome-i2svg",Jo="async",Zo=["HTML","HEAD","STYLE","SCRIPT"],Q5=function(){try{return process.env.NODE_ENV==="production"}catch{return!1}}(),s2="classic",z2="sharp",G6=[s2,z2];function g4(r){return new Proxy(r,{get:function(n,t){return t in n?n[t]:n[s2]}})}var x4=g4((o3={},p2(o3,s2,{fa:"solid",fas:"solid","fa-solid":"solid",far:"regular","fa-regular":"regular",fal:"light","fa-light":"light",fat:"thin","fa-thin":"thin",fad:"duotone","fa-duotone":"duotone",fab:"brands","fa-brands":"brands",fak:"kit","fa-kit":"kit"}),p2(o3,z2,{fa:"solid",fass:"solid","fa-solid":"solid",fasr:"regular","fa-regular":"regular",fasl:"light","fa-light":"light"}),o3)),b4=g4((m3={},p2(m3,s2,{solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab",kit:"fak"}),p2(m3,z2,{solid:"fass",regular:"fasr",light:"fasl"}),m3)),N4=g4((u3={},p2(u3,s2,{fab:"fa-brands",fad:"fa-duotone",fak:"fa-kit",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"}),p2(u3,z2,{fass:"fa-solid",fasr:"fa-regular",fasl:"fa-light"}),u3)),jo=g4((z3={},p2(z3,s2,{"fa-brands":"fab","fa-duotone":"fad","fa-kit":"fak","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"}),p2(z3,z2,{"fa-solid":"fass","fa-regular":"fasr","fa-light":"fasl"}),z3)),cm=/fa(s|r|l|t|d|b|k|ss|sr|sl)?[\-\ ]/,J5="fa-layers-text",am=/Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp|Kit)?.*/i,em=g4((H3={},p2(H3,s2,{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"}),p2(H3,z2,{900:"fass",400:"fasr",300:"fasl"}),H3)),Z5=[1,2,3,4,5,6,7,8,9,10],rm=Z5.concat([11,12,13,14,15,16,17,18,19,20]),nm=["class","data-prefix","data-icon","data-fa-transform","data-fa-mask"],U1={GROUP:"duotone-group",SWAP_OPACITY:"swap-opacity",PRIMARY:"primary",SECONDARY:"secondary"},w4=new Set;Object.keys(b4[s2]).map(w4.add.bind(w4)),Object.keys(b4[z2]).map(w4.add.bind(w4));var im=[].concat(G6,L4(w4),["2xs","xs","sm","lg","xl","2xl","beat","border","fade","beat-fade","bounce","flip-both","flip-horizontal","flip-vertical","flip","fw","inverse","layers-counter","layers-text","layers","li","pull-left","pull-right","pulse","rotate-180","rotate-270","rotate-90","rotate-by","shake","spin-pulse","spin-reverse","spin","stack-1x","stack-2x","stack","ul",U1.GROUP,U1.SWAP_OPACITY,U1.PRIMARY,U1.SECONDARY]).concat(Z5.map(function(r){return"".concat(r,"x")})).concat(rm.map(function(r){return"w-".concat(r)})),S4=b1.FontAwesomeConfig||{};function sm(r){var s=i2.querySelector("script["+r+"]");if(s)return s.getAttribute(r)}function fm(r){return r===""?!0:r==="false"?!1:r==="true"?!0:r}if(i2&&typeof i2.querySelector=="function"){var lm=[["data-family-prefix","familyPrefix"],["data-css-prefix","cssPrefix"],["data-family-default","familyDefault"],["data-style-default","styleDefault"],["data-replacement-class","replacementClass"],["data-auto-replace-svg","autoReplaceSvg"],["data-auto-add-css","autoAddCss"],["data-auto-a11y","autoA11y"],["data-search-pseudo-elements","searchPseudoElements"],["data-observe-mutations","observeMutations"],["data-mutate-approach","mutateApproach"],["data-keep-original-source","keepOriginalSource"],["data-measure-performance","measurePerformance"],["data-show-missing-icons","showMissingIcons"]];lm.forEach(function(r){var s=E6(r,2),n=s[0],t=s[1],m=fm(sm(n));m!=null&&(S4[t]=m)})}var j5={styleDefault:"solid",familyDefault:"classic",cssPrefix:K5,replacementClass:X5,autoReplaceSvg:!0,autoAddCss:!0,autoA11y:!0,searchPseudoElements:!1,observeMutations:!0,mutateApproach:"async",keepOriginalSource:!0,measurePerformance:!1,showMissingIcons:!0};S4.familyPrefix&&(S4.cssPrefix=S4.familyPrefix);var c4=A(A({},j5),S4);c4.autoReplaceSvg||(c4.observeMutations=!1);var B={};Object.keys(j5).forEach(function(r){Object.defineProperty(B,r,{enumerable:!0,set:function(n){c4[r]=n,y4.forEach(function(t){return t(B)})},get:function(){return c4[r]}})}),Object.defineProperty(B,"familyPrefix",{enumerable:!0,set:function(s){c4.cssPrefix=s,y4.forEach(function(n){return n(B)})},get:function(){return c4.cssPrefix}}),b1.FontAwesomeConfig=B;var y4=[];function tm(r){return y4.push(r),function(){y4.splice(y4.indexOf(r),1)}}var N1=O6,s1={size:16,x:0,y:0,rotate:0,flipX:!1,flipY:!1};function om(r){if(!(!r||!m1)){var s=i2.createElement("style");s.setAttribute("type","text/css"),s.innerHTML=r;for(var n=i2.head.childNodes,t=null,m=n.length-1;m>-1;m--){var z=n[m],v=(z.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(v)>-1&&(t=z)}return i2.head.insertBefore(s,t),r}}var mm="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function k4(){for(var r=12,s="";r-- >0;)s+=mm[Math.random()*62|0];return s}function a4(r){for(var s=[],n=(r||[]).length>>>0;n--;)s[n]=r[n];return s}function K6(r){return r.classList?a4(r.classList):(r.getAttribute("class")||"").split(" ").filter(function(s){return s})}function c7(r){return"".concat(r).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function um(r){return Object.keys(r||{}).reduce(function(s,n){return s+"".concat(n,'="').concat(c7(r[n]),'" ')},"").trim()}function v3(r){return Object.keys(r||{}).reduce(function(s,n){return s+"".concat(n,": ").concat(r[n].trim(),";")},"")}function X6(r){return r.size!==s1.size||r.x!==s1.x||r.y!==s1.y||r.rotate!==s1.rotate||r.flipX||r.flipY}function zm(r){var s=r.transform,n=r.containerWidth,t=r.iconWidth,m={transform:"translate(".concat(n/2," 256)")},z="translate(".concat(s.x*32,", ").concat(s.y*32,") "),v="scale(".concat(s.size/16*(s.flipX?-1:1),", ").concat(s.size/16*(s.flipY?-1:1),") "),M="rotate(".concat(s.rotate," 0 0)"),C={transform:"".concat(z," ").concat(v," ").concat(M)},w={transform:"translate(".concat(t/2*-1," -256)")};return{outer:m,inner:C,path:w}}function Hm(r){var s=r.transform,n=r.width,t=n===void 0?O6:n,m=r.height,z=m===void 0?O6:m,v=r.startCentered,M=v===void 0?!1:v,C="";return M&&G5?C+="translate(".concat(s.x/N1-t/2,"em, ").concat(s.y/N1-z/2,"em) "):M?C+="translate(calc(-50% + ".concat(s.x/N1,"em), calc(-50% + ").concat(s.y/N1,"em)) "):C+="translate(".concat(s.x/N1,"em, ").concat(s.y/N1,"em) "),C+="scale(".concat(s.size/N1*(s.flipX?-1:1),", ").concat(s.size/N1*(s.flipY?-1:1),") "),C+="rotate(".concat(s.rotate,"deg) "),C}var vm=`:root, :host {
   --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";

package/package.json

@@ -1,7 +1,12 @@
 {
   "name": "vue3-tailwind-components",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A library of Vue 3 components that use Tailwind",
+  "keywords": [
+    "vue3",
+    "tailwind",
+    "components"
+  ],
   "license": "MIT",
   "repository": "richardhulbert/vue3-tailwind-components",
   "files": [
@@ -33,6 +38,7 @@
     "vue": "^3.2.45"
   },
   "devDependencies": {
+    "lodash": "^4.17.21",
     "@faker-js/faker": "^7.6.0",
     "@vitejs/plugin-vue": "^4.0.0",
     "autoprefixer": "^10.4.13",