@pequity/squirrel 1.0.20-beta.1 → 1.0.20-beta.3

package/dist/cjs/chunks/p-pagination-info.js

@@ -1 +1,66 @@
-"use strict";const e=require("vue"),u=require("../p-skeleton-loader.js"),s={key:1,class:"text-sm font-medium text-p-gray-40"},l=e.defineComponent({name:"PPaginationInfo",__name:"p-pagination-info",props:{currentPage:{type:Number,default:0},count:{type:Number,default:0},pageSize:{type:Number,default:0},loading:{type:Boolean,default:!1}},setup(o){const t=o,a=e.computed(()=>{const n=Math.ceil(t.count/t.pageSize);return((t.currentPage>n?n:t.currentPage)-1)*t.pageSize+1}),r=e.computed(()=>{const n=t.currentPage*t.pageSize;return n>=t.count?t.count:n});return(n,c)=>o.loading?(e.openBlock(),e.createBlock(u,{key:0,class:"h-6 w-56"})):(e.openBlock(),e.createElementBlock("div",s,[o.count?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("Showing "+e.toDisplayString(a.value)+" to "+e.toDisplayString(r.value)+" of "+e.toDisplayString(o.count)+" results",1)],64)):e.renderSlot(n.$slots,"no-results",{key:1},()=>[e.createTextVNode("No results found")])]))}});exports._sfc_main=l;
+"use strict";
+const vue = require("vue");
+const pSkeletonLoader = require("../p-skeleton-loader.js");
+const _hoisted_1 = {
+  key: 1,
+  class: "text-sm font-medium text-p-gray-40"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "PPaginationInfo" },
+  __name: "p-pagination-info",
+  props: {
+    /**
+     * The current page.
+     */
+    currentPage: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * The amount of data pagination iterates through.
+     */
+    count: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * The amount of data to be displayed at 1 page. Used to calculate the `from` and `to` limits.
+     */
+    pageSize: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * Whether the pagination is loading.
+     */
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const from = vue.computed(() => {
+      const maxNumOfPages = Math.ceil(props.count / props.pageSize);
+      const currentPage = props.currentPage > maxNumOfPages ? maxNumOfPages : props.currentPage;
+      return (currentPage - 1) * props.pageSize + 1;
+    });
+    const to = vue.computed(() => {
+      const to2 = props.currentPage * props.pageSize;
+      return to2 >= props.count ? props.count : to2;
+    });
+    return (_ctx, _cache) => {
+      return __props.loading ? (vue.openBlock(), vue.createBlock(pSkeletonLoader, {
+        key: 0,
+        class: "h-6 w-56"
+      })) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        __props.count ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          vue.createTextVNode("Showing " + vue.toDisplayString(from.value) + " to " + vue.toDisplayString(to.value) + " of " + vue.toDisplayString(__props.count) + " results", 1)
+        ], 64)) : vue.renderSlot(_ctx.$slots, "no-results", { key: 1 }, () => [
+          vue.createTextVNode("No results found")
+        ])
+      ]));
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-pagination.js

@@ -1 +1,122 @@
-"use strict";const e=require("vue"),v=require("../p-skeleton-loader.js"),k=require("../pagination.js"),f="data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.25%205.99968C0.25%205.64968%200.4%205.34968%200.65%205.14968L6.25%200.249681C6.65%20-0.100319%207.2%20-0.0503187%207.55%200.349681C7.85%200.749681%207.85%201.29968%207.45%201.59968L2.55%205.89968C2.5%205.94968%202.5%205.99968%202.55%206.04968L7.45%2010.3497C7.85%2010.6997%207.9%2011.2497%207.55%2011.6497C7.2%2012.0497%206.65%2012.0997%206.25%2011.7497C6.25%2011.7497%206.25%2011.7497%206.2%2011.6997L0.65%206.84968C0.4%206.64968%200.25%206.29968%200.25%205.99968Z'%20fill='%23918da1'%20/%3e%3c/svg%3e",h="data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.75695%206.98136C7.75695%207.33136%207.60695%207.63136%207.35695%207.83136L1.75695%2012.7814C1.35695%2013.1314%200.756947%2013.0814%200.456947%2012.6814C0.156947%2012.2814%200.156947%2011.7314%200.556947%2011.3814L5.45695%207.08136C5.50695%207.03136%205.50695%206.98136%205.45695%206.88136L0.556947%202.58136C0.156947%202.23136%200.156947%201.63136%200.506947%201.28136C0.856947%200.931361%201.40695%200.881361%201.80695%201.18136L7.40695%206.08136C7.60695%206.33136%207.75695%206.63136%207.75695%206.98136Z'%20fill='%23918da1'%20/%3e%3c/svg%3e",N={key:1,class:"flex text-p-gray-40"},B=e.createElementVNode("img",{src:f},null,-1),V=[B],_=["onClick"],y={class:"flex"},S=["aria-label"],b=e.createElementVNode("img",{src:h},null,-1),x=[b],r="...",s="w-6 h-6 flex justify-center items-center mx-1 font-semibold text-sm leading-none",E="text-p-purple-60 bg-p-gray-30 rounded-lg",L="cursor-pointer",u="cursor-pointer",d="opacity-50",w=e.defineComponent({name:"PPagination",__name:"p-pagination",props:{modelValue:{type:Number,default:null},count:{type:Number,default:0},pageSize:{type:Number,default:10},pageOffset:{type:Number,default:2},loading:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(t,{emit:g}){const C=g,o=t,c=e.computed(()=>o.count&&Math.ceil(o.count/o.pageSize)),m=e.computed(()=>k.createPagingRange(Number(o.modelValue),c.value,o.pageOffset,r)),i=n=>{n>=1&&n<=c.value&&C("update:modelValue",n)};return(n,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.loading?(e.openBlock(),e.createBlock(v,{key:0,class:"h-6 w-56"})):e.createCommentVNode("",!0),!t.loading&&m.value.length>1?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("div",{class:e.normalizeClass([s,Number(t.modelValue)<=1?d:u]),"aria-label":"go to the previous page",onClick:a[0]||(a[0]=l=>i(Number(t.modelValue)-1))},V,2),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(l,p)=>(e.openBlock(),e.createElementBlock("div",{key:p,onClick:A=>i(Number(l))},[e.createElementVNode("div",y,[l!==r?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([s,l===t.modelValue?E:L]),"aria-label":`go to page ${l}`},e.toDisplayString(l),11,S)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(s)},e.toDisplayString(r)))])],8,_))),128)),e.createElementVNode("div",{class:e.normalizeClass([s,t.modelValue===c.value?d:u]),"aria-label":"go to the next page",onClick:a[1]||(a[1]=l=>i(Number(t.modelValue)+1))},x,2)])):e.createCommentVNode("",!0)],64))}});exports._sfc_main=w;
+"use strict";
+const vue = require("vue");
+const pSkeletonLoader = require("../p-skeleton-loader.js");
+const pagination = require("../pagination.js");
+const _imports_0 = "data:image/svg+xml,%3csvg%20width='8'%20height='12'%20viewBox='0%200%208%2012'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.25%205.99968C0.25%205.64968%200.4%205.34968%200.65%205.14968L6.25%200.249681C6.65%20-0.100319%207.2%20-0.0503187%207.55%200.349681C7.85%200.749681%207.85%201.29968%207.45%201.59968L2.55%205.89968C2.5%205.94968%202.5%205.99968%202.55%206.04968L7.45%2010.3497C7.85%2010.6997%207.9%2011.2497%207.55%2011.6497C7.2%2012.0497%206.65%2012.0997%206.25%2011.7497C6.25%2011.7497%206.25%2011.7497%206.2%2011.6997L0.65%206.84968C0.4%206.64968%200.25%206.29968%200.25%205.99968Z'%20fill='%23918da1'%20/%3e%3c/svg%3e";
+const _imports_1 = "data:image/svg+xml,%3csvg%20width='8'%20height='14'%20viewBox='0%200%208%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.75695%206.98136C7.75695%207.33136%207.60695%207.63136%207.35695%207.83136L1.75695%2012.7814C1.35695%2013.1314%200.756947%2013.0814%200.456947%2012.6814C0.156947%2012.2814%200.156947%2011.7314%200.556947%2011.3814L5.45695%207.08136C5.50695%207.03136%205.50695%206.98136%205.45695%206.88136L0.556947%202.58136C0.156947%202.23136%200.156947%201.63136%200.506947%201.28136C0.856947%200.931361%201.40695%200.881361%201.80695%201.18136L7.40695%206.08136C7.60695%206.33136%207.75695%206.63136%207.75695%206.98136Z'%20fill='%23918da1'%20/%3e%3c/svg%3e";
+const _hoisted_1 = {
+  key: 1,
+  class: "flex text-p-gray-40"
+};
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("img", { src: _imports_0 }, null, -1);
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "flex" };
+const _hoisted_6 = ["aria-label"];
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("img", { src: _imports_1 }, null, -1);
+const _hoisted_8 = [
+  _hoisted_7
+];
+const DOTS = "...";
+const BTN_CLASS = "w-6 h-6 flex justify-center items-center mx-1 font-semibold text-sm leading-none";
+const BTN_ACTIVE_CLASS = "text-p-purple-60 bg-p-gray-30 rounded-lg";
+const BTN_INACTIVE_CLASS = "cursor-pointer";
+const ARROW_ACTIVE_CLASS = "cursor-pointer";
+const ARROW_INACTIVE_CLASS = "opacity-50";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "PPagination" },
+  __name: "p-pagination",
+  props: {
+    /**
+     * The current page.
+     */
+    modelValue: {
+      type: Number,
+      default: null
+    },
+    /**
+     * The amount of data pagination should iterate through.
+     */
+    count: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * The amount of data to be displayed at 1 page. Used to calculate the length of pagination.
+     */
+    pageSize: {
+      type: Number,
+      default: 10
+    },
+    /**
+     * The amount of pages to be displayed before and after the current page.
+     */
+    pageOffset: {
+      type: Number,
+      default: 2
+    },
+    /**
+     * Whether the pagination is loading.
+     */
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const pageCount = vue.computed(() => {
+      return props.count && Math.ceil(props.count / props.pageSize);
+    });
+    const pages = vue.computed(() => {
+      return pagination.createPagingRange(Number(props.modelValue), pageCount.value, props.pageOffset, DOTS);
+    });
+    const setPage = (page) => {
+      if (page >= 1 && page <= pageCount.value) {
+        emit("update:modelValue", page);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        __props.loading ? (vue.openBlock(), vue.createBlock(pSkeletonLoader, {
+          key: 0,
+          class: "h-6 w-56"
+        })) : vue.createCommentVNode("", true),
+        !__props.loading && pages.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([BTN_CLASS, Number(__props.modelValue) <= 1 ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
+            "aria-label": "go to the previous page",
+            onClick: _cache[0] || (_cache[0] = ($event) => setPage(Number(__props.modelValue) - 1))
+          }, _hoisted_3, 2),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pages.value, (page, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              onClick: ($event) => setPage(Number(page))
+            }, [
+              vue.createElementVNode("div", _hoisted_5, [
+                page !== DOTS ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: vue.normalizeClass([BTN_CLASS, page === __props.modelValue ? BTN_ACTIVE_CLASS : BTN_INACTIVE_CLASS]),
+                  "aria-label": `go to page ${page}`
+                }, vue.toDisplayString(page), 11, _hoisted_6)) : (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 1,
+                  class: vue.normalizeClass(BTN_CLASS)
+                }, vue.toDisplayString(DOTS)))
+              ])
+            ], 8, _hoisted_4);
+          }), 128)),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass([BTN_CLASS, __props.modelValue === pageCount.value ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
+            "aria-label": "go to the next page",
+            onClick: _cache[1] || (_cache[1] = ($event) => setPage(Number(__props.modelValue) + 1))
+          }, _hoisted_8, 2)
+        ])) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-ring-loader.js

@@ -1 +1,81 @@
-"use strict";const e=require("vue"),S=require("../tailwind.js"),i="block animate-spin absolute box-border rounded-full w-4/5 h-4/5 m-[10%]",h=e.defineComponent({name:"PRingLoader",__name:"p-ring-loader",props:{size:{type:Number,default:80},color:{type:String,default:S.getColor("primary")},duration:{type:String,default:"1.2s",validator(n){return/^\d*\.?\d+(s|ms)$/.test(n)}}},setup(n){const a=(o,l,y)=>{var c,u;const s={},v=(c=l.match(/^\d*\.?\d+/))==null?void 0:c[0],z=((u=l.match(/s|(ms)$/))==null?void 0:u[0])||"s",b=Math.round(Number(v)*1e3*y)/1e3;return s[o]=b+z,s},t=n,r=e.computed(()=>({borderWidth:`${t.size*.1}px`,borderColor:`${t.color} transparent transparent transparent`,animationDuration:t.duration,animationTimingFunction:"cubic-bezier(0.5, 0, 0.5, 1)"})),m=e.computed(()=>a("animationDelay",t.duration,-.375)),d=e.computed(()=>a("animationDelay",t.duration,-.25)),p=e.computed(()=>a("animationDelay",t.duration,-.125));return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",style:e.normalizeStyle({width:`${n.size}px`,height:`${n.size}px`})},[e.createElementVNode("div",{class:e.normalizeClass(i),style:e.normalizeStyle([r.value,m.value])},null,4),e.createElementVNode("div",{class:e.normalizeClass(i),style:e.normalizeStyle([r.value,d.value])},null,4),e.createElementVNode("div",{class:e.normalizeClass(i),style:e.normalizeStyle([r.value,p.value])},null,4),e.createElementVNode("div",{class:e.normalizeClass(i),style:e.normalizeStyle([r.value])},null,4)],4))}});exports._sfc_main=h;
+"use strict";
+const vue = require("vue");
+const tailwind = require("../tailwind.js");
+const INNER_DIV_CLASS = "block animate-spin absolute box-border rounded-full w-4/5 h-4/5 m-[10%]";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PRingLoader"
+  },
+  __name: "p-ring-loader",
+  props: {
+    size: {
+      type: Number,
+      default: 80
+    },
+    color: {
+      type: String,
+      default: tailwind.getColor("primary")
+    },
+    duration: {
+      type: String,
+      default: "1.2s",
+      validator(value) {
+        const res = /^\d*\.?\d+(s|ms)$/;
+        return res.test(value);
+      }
+    }
+  },
+  setup(__props) {
+    const calcPropertyValue = (propName, originalValue, modificator) => {
+      var _a, _b;
+      const computedStyle = {};
+      const timeQuantityOuter = (_a = originalValue.match(/^\d*\.?\d+/)) == null ? void 0 : _a[0];
+      const timeUnit = ((_b = originalValue.match(/s|(ms)$/)) == null ? void 0 : _b[0]) || "s";
+      const timeQuantityInner = Math.round(Number(timeQuantityOuter) * 1e3 * modificator) / 1e3;
+      computedStyle[propName] = timeQuantityInner + timeUnit;
+      return computedStyle;
+    };
+    const props = __props;
+    const spinnerStyle = vue.computed(() => {
+      return {
+        borderWidth: `${props.size * 0.1}px`,
+        borderColor: `${props.color} transparent transparent transparent`,
+        animationDuration: props.duration,
+        animationTimingFunction: "cubic-bezier(0.5, 0, 0.5, 1)"
+      };
+    });
+    const animDiv1 = vue.computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.375);
+    });
+    const animDiv2 = vue.computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.25);
+    });
+    const animDiv3 = vue.computed(() => {
+      return calcPropertyValue("animationDelay", props.duration, -0.125);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "relative inline-block",
+        style: vue.normalizeStyle({ width: `${__props.size}px`, height: `${__props.size}px` })
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(INNER_DIV_CLASS),
+          style: vue.normalizeStyle([spinnerStyle.value, animDiv1.value])
+        }, null, 4),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(INNER_DIV_CLASS),
+          style: vue.normalizeStyle([spinnerStyle.value, animDiv2.value])
+        }, null, 4),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(INNER_DIV_CLASS),
+          style: vue.normalizeStyle([spinnerStyle.value, animDiv3.value])
+        }, null, 4),
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(INNER_DIV_CLASS),
+          style: vue.normalizeStyle([spinnerStyle.value])
+        }, null, 4)
+      ], 4);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-select-btn.js

@@ -1 +1,97 @@
-"use strict";const t=require("vue"),c=require("../p-btn.js"),f=t.defineComponent({name:"PBtnGroup",__name:"p-select-btn",props:{modelValue:{default:null},items:{default:()=>[]},itemValue:{default:"value"},itemText:{default:"text"},itemTooltipText:{default:"text"},size:{default:"md"},showTooltip:{type:Boolean,default:!1},highlightSelected:{type:Boolean,default:!0},grow:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},noPadding:{type:Boolean,default:!1}},emits:["update:modelValue"],setup(u,{emit:r}){const a=r,l=u,m=e=>l.showTooltip?e[l.itemTooltipText]:"",p=e=>{if(!l.multiple)a("update:modelValue",e[l.itemValue]);else if(Array.isArray(l.modelValue)){const d=e[l.itemValue];l.modelValue.findIndex(o=>o[l.itemValue]===d)!==-1?a("update:modelValue",l.modelValue.filter(o=>o[l.itemValue]!==d)):a("update:modelValue",[...l.modelValue,e])}else a("update:modelValue",[e])},s=e=>{if(l.multiple){if(Array.isArray(l.modelValue))return l.modelValue.findIndex(i=>i[l.itemValue]===e[l.itemValue])!==-1}else return l.modelValue===e[l.itemValue]};return(e,d)=>{const i=t.resolveDirective("tooltip");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass({flex:e.grow,"*:px-0 *:py-0":e.noPadding})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.items,(o,n)=>t.withDirectives((t.openBlock(),t.createBlock(c,{key:o[e.itemValue],size:e.size,type:"secondary-outline-blue",disabled:o.disabled,class:t.normalizeClass({"rounded-none":n!==0&&n!==e.items.length-1,"rounded-br-none rounded-tr-none":n===0,"rounded-bl-none rounded-tl-none":n===e.items.length-1,"-mr-0.5":n!==e.items.length-1,"flex-1":e.grow}),selected:s(o)&&e.highlightSelected,onClick:V=>p(o)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,`btn-${n}`,{item:o,isSelected:s(o)},()=>[t.createTextVNode(t.toDisplayString(o[e.itemText]),1)])]),_:2},1032,["size","disabled","class","selected","onClick"])),[[i,{content:m(o)}]])),128))],2)}}});exports._sfc_main=f;
+"use strict";
+const vue = require("vue");
+const pBtn = require("../p-btn.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PBtnGroup"
+  },
+  __name: "p-select-btn",
+  props: {
+    modelValue: { default: null },
+    items: { default: () => [] },
+    itemValue: { default: "value" },
+    itemText: { default: "text" },
+    itemTooltipText: { default: "text" },
+    size: { default: "md" },
+    showTooltip: { type: Boolean, default: false },
+    highlightSelected: { type: Boolean, default: true },
+    grow: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    noPadding: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const tooltipText = (item) => {
+      return props.showTooltip ? item[props.itemTooltipText] : "";
+    };
+    const select = (item) => {
+      if (!props.multiple) {
+        emit("update:modelValue", item[props.itemValue]);
+      } else {
+        if (Array.isArray(props.modelValue)) {
+          const val = item[props.itemValue];
+          const index = props.modelValue.findIndex((i) => i[props.itemValue] === val);
+          if (index !== -1) {
+            emit(
+              "update:modelValue",
+              props.modelValue.filter((i) => i[props.itemValue] !== val)
+            );
+          } else {
+            emit("update:modelValue", [...props.modelValue, item]);
+          }
+        } else {
+          emit("update:modelValue", [item]);
+        }
+      }
+    };
+    const isSelected = (item) => {
+      if (!props.multiple) {
+        return props.modelValue === item[props.itemValue];
+      } else {
+        if (Array.isArray(props.modelValue)) {
+          const index = props.modelValue.findIndex((i) => i[props.itemValue] === item[props.itemValue]);
+          return index !== -1;
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      const _directive_tooltip = vue.resolveDirective("tooltip");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass({ flex: _ctx.grow, "*:px-0 *:py-0": _ctx.noPadding })
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index) => {
+          return vue.withDirectives((vue.openBlock(), vue.createBlock(pBtn, {
+            key: item[_ctx.itemValue],
+            size: _ctx.size,
+            type: "secondary-outline-blue",
+            disabled: item.disabled,
+            class: vue.normalizeClass({
+              "rounded-none": index !== 0 && index !== _ctx.items.length - 1,
+              "rounded-br-none rounded-tr-none": index === 0,
+              "rounded-bl-none rounded-tl-none": index === _ctx.items.length - 1,
+              "-mr-0.5": index !== _ctx.items.length - 1,
+              "flex-1": _ctx.grow
+            }),
+            selected: isSelected(item) && _ctx.highlightSelected,
+            onClick: ($event) => select(item)
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, `btn-${index}`, {
+                item,
+                isSelected: isSelected(item)
+              }, () => [
+                vue.createTextVNode(vue.toDisplayString(item[_ctx.itemText]), 1)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["size", "disabled", "class", "selected", "onClick"])), [
+            [_directive_tooltip, { content: tooltipText(item) }]
+          ]);
+        }), 128))
+      ], 2);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-select.js

@@ -1 +1,123 @@
-"use strict";const e=require("vue"),S=require("../inputClassesShared.js"),V=require("../useInputClasses.js"),h=["data-has-error"],C=["value"],b=["value"],o="___null_value___",k=e.defineComponent({name:"PSelect",inheritAttrs:!1,__name:"p-select",props:{modelValue:{type:[String,Number,Boolean,null],default:""},items:{type:Array,default:()=>[]},label:{type:String,default:""},errorMsg:{type:String,default:""},required:{type:Boolean,default:!1},size:{type:String,default:"md",validator(l){return Object.keys(S.INPUT_SIZES).includes(l)}},itemText:{type:String,default:"text"},itemValue:{type:[String,Number,Boolean,null],default:"value"}},emits:["update:modelValue"],setup(l,{emit:i}){const u=i,s=l,n=e.useAttrs(),{labelClasses:c,selectClasses:d,errorMsgClasses:m}=V.useInputClasses(s),p=e.computed({get:()=>s.modelValue===null?o:s.modelValue,set:t=>u("update:modelValue",t)}),f=e.computed(()=>{const{class:t,style:a,...r}=n;return r}),v=e.computed(()=>n.style),y=e.computed(()=>s.items.map(t=>({value:t[s.itemValue]===null?o:t[s.itemValue],text:t[s.itemText]}))),g=t=>{const a=t.target.value;if(a===o){u("update:modelValue",null);return}u("update:modelValue",["true","false"].includes(a)?a==="true":a)};return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{hidden:e.unref(n).hidden},e.unref(n).class]),"data-has-error":!!l.errorMsg,style:e.normalizeStyle(v.value)},[e.renderSlot(t.$slots,"label",{label:l.label,labelClasses:e.unref(c)},()=>[l.label?(e.openBlock(),e.createElementBlock("label",{key:0,class:e.normalizeClass(e.unref(c))},e.toDisplayString(l.label),3)):e.createCommentVNode("",!0)]),e.createElementVNode("select",e.mergeProps({class:e.unref(d)},f.value,{value:p.value,onChange:g}),[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.value,r=>(e.openBlock(),e.createElementBlock("option",{key:String(r.value),value:r.value},e.toDisplayString(r.text),9,b))),128))],16,C),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(m))},e.toDisplayString(l.errorMsg),3),[[e.vShow,l.errorMsg]])],14,h))}});exports._sfc_main=k;
+"use strict";
+const vue = require("vue");
+const inputClassesShared = require("../inputClassesShared.js");
+const useInputClasses = require("../useInputClasses.js");
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = ["value"];
+const _hoisted_3 = ["value"];
+const nullValue = "___null_value___";
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PSelect",
+    inheritAttrs: false
+  },
+  __name: "p-select",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, null],
+      default: ""
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return Object.keys(inputClassesShared.INPUT_SIZES).includes(value);
+      }
+    },
+    itemText: {
+      type: String,
+      default: "text"
+    },
+    itemValue: {
+      type: [String, Number, Boolean, null],
+      default: "value"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const $attrs = vue.useAttrs();
+    const { labelClasses, selectClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
+    const innerValue = vue.computed({
+      get: () => {
+        if (props.modelValue === null) {
+          return nullValue;
+        }
+        return props.modelValue;
+      },
+      set: (v) => emit("update:modelValue", v)
+    });
+    const attrs = vue.computed(() => {
+      const { class: classes, style: style2, ...rest } = $attrs;
+      return rest;
+    });
+    const style = vue.computed(() => $attrs.style);
+    const innerOptions = vue.computed(() => {
+      return props.items.map((item) => {
+        return {
+          value: item[props.itemValue] === null ? nullValue : item[props.itemValue],
+          text: item[props.itemText]
+        };
+      });
+    });
+    const onChange = (e) => {
+      const value = e.target.value;
+      if (value === nullValue) {
+        emit("update:modelValue", null);
+        return;
+      }
+      emit("update:modelValue", ["true", "false"].includes(value) ? value === "true" : value);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([{ hidden: vue.unref($attrs).hidden }, vue.unref($attrs).class]),
+        "data-has-error": !!__props.errorMsg,
+        style: vue.normalizeStyle(style.value)
+      }, [
+        vue.renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: vue.unref(labelClasses)
+        }, () => [
+          __props.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(labelClasses))
+          }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createElementVNode("select", vue.mergeProps({ class: vue.unref(selectClasses) }, attrs.value, {
+          value: innerValue.value,
+          onChange
+        }), [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(innerOptions.value, (o) => {
+            return vue.openBlock(), vue.createElementBlock("option", {
+              key: String(o.value),
+              value: o.value
+            }, vue.toDisplayString(o.text), 9, _hoisted_3);
+          }), 128))
+        ], 16, _hoisted_2),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(__props.errorMsg), 3), [
+          [vue.vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-table-loader.js

@@ -1 +1,70 @@
-"use strict";const e=require("vue"),r=require("../p-skeleton-loader.js"),o={class:"block overflow-hidden border border-p-gray-30"},s={class:"mb-0 w-full bg-surface"},a={class:"relative border-b border-p-gray-30 px-4 py-2"},c={class:"skeleton-fade"},d=e.defineComponent({name:"PTableLoader",__name:"p-table-loader",props:{rows:{type:[Number,String],default:4},columns:{type:[Number,String],default:6},tdClasses:{type:String,default:"px-4 py-5"},tdSkeletonClasses:{type:String,default:"h-5"}},setup(t){return(u,m)=>(e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("table",s,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Number(t.columns),l=>(e.openBlock(),e.createElementBlock("th",{key:l,class:"bg-surface p-0"},[e.createElementVNode("div",a,[e.createVNode(r,{class:"h-5"})])]))),128))])]),e.createElementVNode("tbody",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Number(t.rows),l=>(e.openBlock(),e.createElementBlock("tr",{key:l},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Number(t.columns),n=>(e.openBlock(),e.createElementBlock("td",{key:n,class:e.normalizeClass([t.tdClasses,"border-b border-p-blue-15"])},[e.createVNode(r,{class:e.normalizeClass(t.tdSkeletonClasses)},null,8,["class"])],2))),128))]))),128))])])]))}});exports._sfc_main=d;
+"use strict";
+const vue = require("vue");
+const pSkeletonLoader = require("../p-skeleton-loader.js");
+const _hoisted_1 = { class: "block overflow-hidden border border-p-gray-30" };
+const _hoisted_2 = { class: "mb-0 w-full bg-surface" };
+const _hoisted_3 = { class: "relative border-b border-p-gray-30 px-4 py-2" };
+const _hoisted_4 = { class: "skeleton-fade" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PTableLoader"
+  },
+  __name: "p-table-loader",
+  props: {
+    rows: {
+      type: [Number, String],
+      default: 4
+    },
+    columns: {
+      type: [Number, String],
+      default: 6
+    },
+    tdClasses: {
+      type: String,
+      default: "px-4 py-5"
+    },
+    tdSkeletonClasses: {
+      type: String,
+      default: "h-5"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("table", _hoisted_2, [
+          vue.createElementVNode("thead", null, [
+            vue.createElementVNode("tr", null, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Number(__props.columns), (col) => {
+                return vue.openBlock(), vue.createElementBlock("th", {
+                  key: col,
+                  class: "bg-surface p-0"
+                }, [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createVNode(pSkeletonLoader, { class: "h-5" })
+                  ])
+                ]);
+              }), 128))
+            ])
+          ]),
+          vue.createElementVNode("tbody", _hoisted_4, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Number(__props.rows), (i) => {
+              return vue.openBlock(), vue.createElementBlock("tr", { key: i }, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Number(__props.columns), (col) => {
+                  return vue.openBlock(), vue.createElementBlock("td", {
+                    key: col,
+                    class: vue.normalizeClass([__props.tdClasses, "border-b border-p-blue-15"])
+                  }, [
+                    vue.createVNode(pSkeletonLoader, {
+                      class: vue.normalizeClass(__props.tdSkeletonClasses)
+                    }, null, 8, ["class"])
+                  ], 2);
+                }), 128))
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-tabs.js

@@ -1 +1,52 @@
-"use strict";const e=require("vue"),n={class:"flex items-center gap-2"},i={key:0},l=e.defineComponent({__name:"p-tabs",props:{tabs:{type:Array,required:!0},activeTab:{type:String,required:!0},tabsLeftPadding:{type:Number,default:0}},emits:["click:tab"],setup(t){return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:"flex gap-4 border-b border-p-gray-30 text-base font-semibold",style:e.normalizeStyle({paddingLeft:`${t.tabsLeftPadding}px`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tabs,r=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.to?"RouterLink":"div"),e.mergeProps({key:`tab-${r.name}`},r.to?{to:r.to}:{},{class:[[t.activeTab===r.name?"border-primary text-primary":"border-transparent text-p-gray-40"],"group cursor-pointer border-b-2 pb-3 hover:border-primary hover:text-primary"],onClick:s=>o.$emit("click:tab",r.name)}),{default:e.withCtx(()=>[e.createElementVNode("div",n,[r.icon?(e.openBlock(),e.createElementBlock("div",i,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon),{class:e.normalizeClass(["group-hover:fill-primary",[t.activeTab===r.name?"fill-primary":"fill-p-gray-40"]])},null,8,["class"]))])):e.createCommentVNode("",!0),e.createElementVNode("div",null,e.toDisplayString(r.title),1)])]),_:2},1040,["class","onClick"]))),128))],4))}});exports._sfc_main=l;
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "p-tabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: true
+    },
+    activeTab: {
+      type: String,
+      required: true
+    },
+    tabsLeftPadding: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: ["click:tab"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "flex gap-4 border-b border-p-gray-30 text-base font-semibold",
+        style: vue.normalizeStyle({ paddingLeft: `${__props.tabsLeftPadding}px` })
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.tabs, (tabData) => {
+          return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabData.to ? "RouterLink" : "div"), vue.mergeProps({
+            key: `tab-${tabData.name}`
+          }, tabData.to ? { to: tabData.to } : {}, {
+            class: [[__props.activeTab === tabData.name ? "border-primary text-primary" : "border-transparent text-p-gray-40"], "group cursor-pointer border-b-2 pb-3 hover:border-primary hover:text-primary"],
+            onClick: ($event) => _ctx.$emit("click:tab", tabData.name)
+          }), {
+            default: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_1, [
+                tabData.icon ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabData.icon), {
+                    class: vue.normalizeClass(["group-hover:fill-primary", [__props.activeTab === tabData.name ? "fill-primary" : "fill-p-gray-40"]])
+                  }, null, 8, ["class"]))
+                ])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", null, vue.toDisplayString(tabData.title), 1)
+              ])
+            ]),
+            _: 2
+          }, 1040, ["class", "onClick"]);
+        }), 128))
+      ], 4);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;