@pequity/squirrel 5.4.0 → 5.4.2

package/dist/cjs/index.js

@@ -9,7 +9,7 @@ const pCard_vue_vue_type_script_setup_true_lang = require("./chunks/p-card.js");
 const pCheckbox = require("./p-checkbox.js");
 const pChips = require("./p-chips.js");
 const pCloseBtn = require("./p-close-btn.js");
-const pDatePicker = require("./p-date-picker.js");
+const pDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-date-picker.js");
 const pDrawer = require("./p-drawer.js");
 const pDropdown = require("./p-dropdown.js");
 const pDropdownSelect_vue_vue_type_script_setup_true_lang = require("./chunks/p-dropdown-select.js");
@@ -21,7 +21,7 @@ const vueToastification = require("vue-toastification");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
 const pTableFilterIcon = require("./p-table-filter-icon.js");
 const pInfoIcon = require("./p-info-icon.js");
-const pInlineDatePicker = require("./p-inline-date-picker.js");
+const pInlineDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-inline-date-picker.js");
 const pInput = require("./p-input.js");
 const pInputNumber = require("./p-input-number.js");
 const pInputPercent_vue_vue_type_script_setup_true_lang = require("./chunks/p-input-percent.js");
@@ -66,7 +66,6 @@ const listKeyboardNavigation = require("./listKeyboardNavigation.js");
 const number = require("./number.js");
 const _imports_0$1 = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.8335%206.25016L10.0002%202.0835L14.1668%206.25016'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M10%202.0835V13.7502'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3cpath%20d='M2.91675%2015V18.3333H17.0834V15'%20stroke='%23767189'%20stroke-width='1.25'%20/%3e%3c/svg%3e";
 const _imports_1$1 = "data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M33%2012H14V44H42V21L33%2012Z'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M9%2036H6V4H25L28%207'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3cpath%20d='M37%2030H19M28%2021V39'%20stroke='%231A123B'%20stroke-width='3'%20/%3e%3c/svg%3e";
-const _withScopeId = (n) => (vue.pushScopeId("data-v-d07a8f64"), n = n(), vue.popScopeId(), n);
 const _hoisted_1$3 = ["data-has-error"];
 const _hoisted_2$3 = {
   key: 0,
@@ -76,26 +75,18 @@ const _hoisted_3$3 = {
   key: 0,
   class: "flex flex-col items-center"
 };
-const _hoisted_4$3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
-  src: _imports_0$1,
-  class: "h-8 w-8"
-}, null, -1));
-const _hoisted_5$3 = { class: "mt-2 text-p-gray-50" };
-const _hoisted_6$3 = { class: "text-p-blue-60" };
-const _hoisted_7$2 = {
+const _hoisted_4$3 = { class: "mt-2 text-p-gray-50" };
+const _hoisted_5$3 = { class: "text-p-blue-60" };
+const _hoisted_6$3 = {
   key: 1,
   class: "flex flex-col items-center"
 };
-const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
-  src: _imports_1$1,
-  class: "h-8 w-8"
-}, null, -1));
-const _hoisted_9 = { class: "mt-2 text-p-purple-60" };
-const _hoisted_10 = ["accept", "multiple", "disabled"];
-const _hoisted_11 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
-const _hoisted_12 = ["title"];
-const _hoisted_13 = ["onClick"];
-const _hoisted_14 = { class: "mt-1 text-xs text-p-gray-40" };
+const _hoisted_7 = { class: "mt-2 text-p-purple-60" };
+const _hoisted_8 = ["accept", "multiple", "disabled"];
+const _hoisted_9 = { class: "max-h-48 overflow-y-auto overflow-x-hidden" };
+const _hoisted_10 = ["title"];
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "mt-1 text-xs text-p-gray-40" };
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PFileUpload"
@@ -266,14 +257,20 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         }, [
           !maxFilesReached.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$3, [
             !isDraggingOver.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [
-              _hoisted_4$3,
-              vue.createElementVNode("div", _hoisted_5$3, [
-                vue.createTextVNode(" Drag or "),
-                vue.createElementVNode("span", _hoisted_6$3, "select " + vue.toDisplayString(fileWord.value), 1)
+              _cache[4] || (_cache[4] = vue.createElementVNode("img", {
+                src: _imports_0$1,
+                class: "h-8 w-8"
+              }, null, -1)),
+              vue.createElementVNode("div", _hoisted_4$3, [
+                _cache[3] || (_cache[3] = vue.createTextVNode(" Drag or ")),
+                vue.createElementVNode("span", _hoisted_5$3, "select " + vue.toDisplayString(fileWord.value), 1)
               ])
-            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
-              _hoisted_8,
-              vue.createElementVNode("div", _hoisted_9, "Drop " + vue.toDisplayString(fileWord.value), 1)
+            ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
+              _cache[5] || (_cache[5] = vue.createElementVNode("img", {
+                src: _imports_1$1,
+                class: "h-8 w-8"
+              }, null, -1)),
+              vue.createElementVNode("div", _hoisted_7, "Drop " + vue.toDisplayString(fileWord.value), 1)
             ])),
             vue.createElementVNode("input", {
               ref_key: "fileInputRef",
@@ -286,9 +283,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
               disabled: __props.disabled,
               "aria-hidden": "true",
               onChange: changeFieldValue
-            }, null, 40, _hoisted_10)
+            }, null, 40, _hoisted_8)
           ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_11, [
+          vue.createElementVNode("div", _hoisted_9, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(files.value, (file, index) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: index,
@@ -303,11 +300,11 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   class: "truncate",
                   title: file.name
-                }, vue.toDisplayString(file.name), 9, _hoisted_12),
+                }, vue.toDisplayString(file.name), 9, _hoisted_10),
                 vue.createElementVNode("button", {
                   class: "bg-file-upload-x-icon h-4 w-4 shrink-0 cursor-pointer",
                   onClick: vue.withModifiers(($event) => removeFile(index), ["stop"])
-                }, null, 8, _hoisted_13)
+                }, null, 8, _hoisted_11)
               ], 2);
             }), 128))
           ])
@@ -317,7 +314,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         }, vue.toDisplayString(__props.errorMsg), 3), [
           [vue.vShow, __props.errorMsg]
         ]),
-        vue.createElementVNode("div", _hoisted_14, vue.toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + vue.toDisplayString(acceptFileTypes.value) + " " + vue.toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + vue.toDisplayString(vue.unref(pFileUpload$1.formatBytes)(__props.maxSizeInBytes)) + " " + vue.toDisplayString(__props.multiple ? "each" : ""), 1)
+        vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(__props.multiple ? `Max ${__props.maxNumberOfFiles}` : "One") + " " + vue.toDisplayString(acceptFileTypes.value) + " " + vue.toDisplayString(__props.multiple ? "files" : "file") + " with size less than " + vue.toDisplayString(vue.unref(pFileUpload$1.formatBytes)(__props.maxSizeInBytes)) + " " + vue.toDisplayString(__props.multiple ? "each" : ""), 1)
       ], 10, _hoisted_1$3);
     };
   }
@@ -326,10 +323,9 @@ const pFileUpload = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_mai
 const _hoisted_1$2 = ["data-has-error"];
 const _hoisted_2$2 = { class: "text-p-purple-60" };
 const _hoisted_3$2 = { class: "flex flex-row" };
-const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "px-1 leading-none" }, ".", -1);
-const _hoisted_5$2 = ["onClick"];
-const _hoisted_6$2 = ["title"];
-const _hoisted_7$1 = {
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5$2 = ["title"];
+const _hoisted_6$2 = {
   key: 0,
   class: "ml-auto fill-p-purple-60 pl-2",
   src: pDropdownSelect_vue_vue_type_script_setup_true_lang._imports_0
@@ -541,7 +537,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                   onClick: _cache[1] || (_cache[1] = //@ts-ignore
                   (...args) => vue.unref(selectAll) && vue.unref(selectAll)(...args))
                 }, " Select all filtered ", 2)),
-                _hoisted_4$2,
+                _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "px-1 leading-none" }, ".", -1)),
                 vue.createElementVNode("a", {
                   class: vue.normalizeClass([vue.unref(selectedItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
                   onClick: _cache[2] || (_cache[2] = //@ts-ignore
@@ -611,11 +607,11 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                               class: vue.normalizeClass({ "bg-p-blue-20": index === 1 })
                             }, vue.toDisplayString(str), 3);
                           }), 128))
-                        ], 8, _hoisted_6$2)
+                        ], 8, _hoisted_5$2)
                       ]),
-                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_7$1)) : vue.createCommentVNode("", true)
+                      vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6$2)) : vue.createCommentVNode("", true)
                     ], 2)
-                  ], 14, _hoisted_5$2)), [
+                  ], 14, _hoisted_4$2)), [
                     [_directive_close_popper, __props.closePopperOnSelect && !__props.multiple]
                   ])
                 ], 4);
@@ -878,28 +874,27 @@ const _imports_1 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewB
 const _imports_2 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_75842)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23424E6E'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_75842'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const _imports_3 = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_1019_80100)'%3e%3cpath%20d='M11.8%2011.8933C11.75%2011.7716%2011.665%2011.6674%2011.5559%2011.5938C11.4467%2011.5203%2011.3183%2011.4807%2011.1866%2011.48H9.18664C9.16473%2011.4828%209.14248%2011.4812%209.12119%2011.4753C9.0999%2011.4694%209.07999%2011.4594%209.06262%2011.4457C9.04525%2011.4321%209.03077%2011.4151%209.02001%2011.3958C9.00926%2011.3765%209.00245%2011.3553%208.99997%2011.3333V1C8.99997%200.734784%208.89462%200.48043%208.70708%200.292893C8.51954%200.105357%208.26519%200%207.99997%200C7.73476%200%207.4804%200.105357%207.29287%200.292893C7.10533%200.48043%206.99997%200.734784%206.99997%201V11.3333C6.99997%2011.3775%206.98241%2011.4199%206.95116%2011.4512C6.9199%2011.4824%206.87751%2011.5%206.83331%2011.5H4.83331C4.70146%2011.5006%204.57273%2011.5402%204.46341%2011.6139C4.35409%2011.6876%204.26908%2011.7921%204.21913%2011.9141C4.16918%2012.0361%204.15653%2012.1702%204.18279%2012.2994C4.20904%2012.4286%204.27302%2012.5472%204.36664%2012.64L7.54664%2015.8267C7.60861%2015.8892%207.68235%2015.9387%207.76359%2015.9726C7.84483%2016.0064%207.93196%2016.0239%208.01997%2016.0239C8.10798%2016.0239%208.19512%2016.0064%208.27636%2015.9726C8.3576%2015.9387%208.43133%2015.8892%208.49331%2015.8267L11.6733%2012.64C11.7677%2012.5431%2011.8303%2012.4198%2011.853%2012.2864C11.8756%2012.153%2011.8571%2012.0159%2011.8%2011.8933Z'%20fill='%23323CEB'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1019_80100'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 const _hoisted_1 = { class: "flex items-center justify-between" };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1);
-const _hoisted_3 = { class: "mt-2" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "mt-2" };
+const _hoisted_3 = {
   key: 0,
   src: _imports_0
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 1,
   src: _imports_1
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 0,
   src: _imports_2
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 1,
   src: _imports_3
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", null, [
     vue.createElementVNode("div", _hoisted_1, [
-      _hoisted_2,
+      _cache[3] || (_cache[3] = vue.createElementVNode("div", { class: "px-4 text-xs font-semibold text-p-gray-40" }, "SORT", -1)),
       vue.createElementVNode("div", {
         class: vue.normalizeClass([
           "px-4 text-xs font-semibold text-primary",
@@ -908,7 +903,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.NO_SORTING))
       }, " Clear ", 2)
     ]),
-    vue.createElementVNode("div", _hoisted_3, [
+    vue.createElementVNode("div", _hoisted_2, [
       vue.createElementVNode("div", {
         class: "flex cursor-pointer items-center justify-between px-4 py-1 hover:bg-p-blue-10",
         onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", _ctx.SORTING_TYPES.ASC))
@@ -917,7 +912,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: vue.normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": _ctx.modelValue === _ctx.SORTING_TYPES.ASC }])
         }, " Sort ascending ", 2),
         vue.createElementVNode("div", null, [
-          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.DESC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_5))
+          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.DESC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_4))
         ])
       ]),
       vue.createElementVNode("div", {
@@ -928,7 +923,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: vue.normalizeClass(["text-sm font-semibold text-p-purple-60", { "text-primary": _ctx.modelValue === _ctx.SORTING_TYPES.DESC }])
         }, " Sort descending ", 2),
         vue.createElementVNode("div", null, [
-          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.ASC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_6)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_7))
+          _ctx.modelValue === _ctx.SORTING_TYPES.NO_SORTING || _ctx.modelValue === _ctx.SORTING_TYPES.ASC ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_5)) : (vue.openBlock(), vue.createElementBlock("img", _hoisted_6))
         ])
       ])
     ])
@@ -945,14 +940,14 @@ exports.PCard = pCard_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PCheckbox = pCheckbox;
 exports.PChips = pChips;
 exports.PCloseBtn = pCloseBtn;
-exports.PDatePicker = pDatePicker;
+exports.PDatePicker = pDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PDrawer = pDrawer;
 exports.PDropdown = pDropdown;
 exports.PDropdownSelect = pDropdownSelect_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.useInputClasses = useInputClasses.useInputClasses;
 exports.PFilterIcon = pTableFilterIcon;
 exports.PInfoIcon = pInfoIcon;
-exports.PInlineDatePicker = pInlineDatePicker;
+exports.PInlineDatePicker = pInlineDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PInput = pInput;
 exports.PInputNumber = pInputNumber;
 exports.PInputPercent = pInputPercent_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-btn.js

@@ -19,7 +19,7 @@ const BUTTON_TYPES = {
   SECONDARY_GHOST_DARK: "secondary-ghost-dark"
 };
 const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
-const DEFAULT_CLASSES = `relative inline-block outline-none disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none`;
+const DEFAULT_CLASSES = `relative inline-block outline-none disabled:opacity-50 disabled:cursor-default disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-default aria-disabled:pointer-events-none`;
 const BUTTON_CLASSES = {
   [BUTTON_TYPES.PRIMARY]: "text-surface bg-primary hover:bg-accent active:bg-p-blue-80",
   [BUTTON_TYPES.SECONDARY]: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40",
@@ -137,13 +137,15 @@ const _sfc_main = vue.defineComponent({
     sanitizeUrl: sanitization.sanitizeUrl
   }
 });
-const _hoisted_1 = ["href"];
+const _hoisted_1 = ["href", "disabled", "aria-disabled"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PRingLoader = vue.resolveComponent("PRingLoader");
   return typeof _ctx.to === "string" && _ctx.isExternalLink(_ctx.to) ? (vue.openBlock(), vue.createElementBlock("a", vue.mergeProps({ key: 0 }, _ctx.$attrs, {
     href: _ctx.sanitizeUrl(_ctx.to),
     target: "_blank",
-    class: _ctx.classes
+    class: _ctx.classes,
+    disabled: !!_ctx.$attrs.disabled ? true : null,
+    "aria-disabled": !!_ctx.$attrs.disabled
   }), [
     vue.renderSlot(_ctx.$slots, "default")
   ], 16, _hoisted_1)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.to ? "RouterLink" : "button"), vue.mergeProps({
@@ -153,7 +155,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-selected": _ctx.selected,
     class: _ctx.classes
   }, _ctx.$attrs, {
-    disabled: _ctx.$attrs.disabled || _ctx.loading
+    disabled: !!_ctx.$attrs.disabled || _ctx.loading ? true : null,
+    "aria-disabled": _ctx.$attrs.disabled
   }), {
     default: vue.withCtx(() => [
       vue.createElementVNode("div", {
@@ -170,7 +173,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["style", "color", "size"])) : vue.createCommentVNode("", true)
     ]),
     _: 3
-  }, 16, ["type", "to", "aria-selected", "class", "disabled"]));
+  }, 16, ["type", "to", "aria-selected", "class", "disabled", "aria-disabled"]));
 }
 const PBtn = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = PBtn;

package/dist/cjs/p-chips.js

@@ -64,7 +64,6 @@ const _sfc_main = vue.defineComponent({
     }
   }
 });
-const _withScopeId = (n) => (vue.pushScopeId("data-v-cb511035"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = {
   ref: "filterChipsRow",
   class: "flex w-full items-center"
@@ -76,8 +75,7 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = ["onClick"];
 const _hoisted_5 = { class: "inline-block truncate" };
-const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "bg-cross ml-2 inline-block h-1.5 w-1.5" }, null, -1));
-const _hoisted_7 = { ref: "afterSlotContainer" };
+const _hoisted_6 = { ref: "afterSlotContainer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
     vue.createElementVNode("div", _hoisted_2, [
@@ -91,7 +89,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: ($event) => _ctx.$emit("click:chip", item)
         }, [
           vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(_ctx.getItemText(item)), 1),
-          _hoisted_6
+          _cache[1] || (_cache[1] = vue.createElementVNode("i", { class: "bg-cross ml-2 inline-block h-1.5 w-1.5" }, null, -1))
         ], 8, _hoisted_4);
       }), 128)),
       vue.withDirectives(vue.createElementVNode("div", {
@@ -101,7 +99,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         [vue.vShow, _ctx.items.length > _ctx.maxChipsDisplayed]
       ])
     ], 512),
-    vue.createElementVNode("div", _hoisted_7, [
+    vue.createElementVNode("div", _hoisted_6, [
       vue.renderSlot(_ctx.$slots, "after", {}, void 0, true)
     ], 512)
   ], 512);

package/dist/cjs/p-date-picker.js

@@ -1,139 +1,3 @@
 "use strict";
-const dayjs = require("dayjs");
-const inputClassesMixin = require("./inputClassesMixin.js");
-const vCalendar = require("v-calendar");
-const vue = require("vue");
-const lodashEs = require("lodash-es");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const selectAttribute = { highlight: { class: "bg-primary", contentClass: "text-white" } };
-const DEFAULT_MASKS = {
-  // The mask for the input
-  input: "DD-MMM-YYYY",
-  // The mask for the model value
-  data: "YYYY-MM-DD"
-};
-const _sfc_main = vue.defineComponent({
-  name: "PDatePicker",
-  components: {
-    DatePicker: vCalendar.DatePicker
-  },
-  mixins: [inputClassesMixin],
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    errorMsg: {
-      type: String,
-      default: ""
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    minDate: {
-      type: Date,
-      default: null
-    },
-    maxDate: {
-      type: Date,
-      default: null
-    },
-    timezone: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  data() {
-    return {
-      // innerValue is a Date object
-      innerValue: null,
-      stopWatch: false,
-      selectAttribute
-    };
-  },
-  computed: {
-    displayPlaceholder() {
-      return lodashEs.isString(this.$attrs.placeholder) ? this.$attrs.placeholder : this.masks.input;
-    },
-    masks() {
-      return Object.assign(DEFAULT_MASKS, this.$attrs.masks);
-    },
-    attrs() {
-      const { class: classes, style, ...rest } = this.$attrs;
-      return rest;
-    },
-    style() {
-      return this.$attrs.style;
-    }
-  },
-  watch: {
-    modelValue: {
-      handler(nV) {
-        if (!this.stopWatch) {
-          this.innerValue = nV ? dayjs(nV, this.masks.data).toDate() : null;
-        }
-      },
-      immediate: true
-    },
-    innerValue(nV) {
-      const toEmit = lodashEs.isDate(nV) && nV.toString() !== "Invalid Date" ? dayjs(nV).format(this.masks.data) : null;
-      this.stopWatch = true;
-      this.$emit("update:modelValue", toEmit);
-      this.$nextTick(() => {
-        this.stopWatch = false;
-      });
-    }
-  }
-});
-const _hoisted_1 = ["data-has-error"];
-const _hoisted_2 = ["value", "placeholder"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_DatePicker = vue.resolveComponent("DatePicker");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
-    "data-has-error": !!_ctx.errorMsg,
-    style: vue.normalizeStyle(_ctx.style)
-  }, [
-    vue.renderSlot(_ctx.$slots, "label", {
-      label: _ctx.label,
-      labelClasses: _ctx.labelClasses
-    }, () => [
-      _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.labelClasses)
-      }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
-    ]),
-    vue.createVNode(_component_DatePicker, {
-      modelValue: _ctx.innerValue,
-      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.innerValue = $event),
-      "select-attribute": _ctx.selectAttribute,
-      popover: { visibility: "click", placement: "auto" },
-      "min-date": _ctx.minDate || null,
-      "max-date": _ctx.maxDate || null,
-      masks: _ctx.masks,
-      timezone: _ctx.timezone
-    }, {
-      default: vue.withCtx(({ inputValue, inputEvents }) => [
-        vue.createElementVNode("input", vue.mergeProps({
-          class: [_ctx.inputClasses, { "cursor-pointer": !_ctx.attrs.disabled }],
-          value: inputValue
-        }, _ctx.attrs, { placeholder: _ctx.displayPlaceholder }, vue.toHandlers(inputEvents, true)), null, 16, _hoisted_2)
-      ]),
-      _: 1
-    }, 8, ["modelValue", "select-attribute", "min-date", "max-date", "masks", "timezone"]),
-    vue.withDirectives(vue.createElementVNode("div", {
-      class: vue.normalizeClass(_ctx.errorMsgClasses)
-    }, vue.toDisplayString(_ctx.errorMsg), 3), [
-      [vue.vShow, _ctx.errorMsg]
-    ])
-  ], 14, _hoisted_1);
-}
-const pDatePicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = pDatePicker;
+const pDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-date-picker.js");
+module.exports = pDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-drawer.js

@@ -149,7 +149,7 @@ const __default__ = vue.defineComponent({
 });
 const __injectCSSVars__ = () => {
   vue.useCssVars((_ctx) => ({
-    "3e3927a8": _ctx.width
+    "508822d0": _ctx.width
   }));
 };
 const __setup__ = __default__.setup;
@@ -179,7 +179,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("div", {
-          class: vue.normalizeClass(["fixed bottom-0 left-0 right-0 top-0 bg-black bg-opacity-20", { "cursor-pointer": _ctx.enableClose }]),
+          class: vue.normalizeClass(["fixed bottom-0 left-0 right-0 top-0 bg-black/20", { "cursor-pointer": _ctx.enableClose }]),
           style: vue.normalizeStyle({ "z-index": _ctx.zIndex - 1 }),
           tabindex: "-1",
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
@@ -266,5 +266,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
   ], 8, ["to"])) : vue.createCommentVNode("", true);
 }
-const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-a1affdb7"]]);
+const pDrawer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(__default__, [["render", _sfc_render], ["__scopeId", "data-v-95d3e794"]]);
 module.exports = pDrawer;

package/dist/cjs/p-info-icon.js

@@ -1,8 +1,6 @@
 "use strict";
 const vue = require("vue");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _withScopeId = (n) => (vue.pushScopeId("data-v-804e74f5"), n = n(), vue.popScopeId(), n);
-const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("i", { class: "bg-info-circle-icon block h-3 w-3" }, null, -1));
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PInfoIcon"
@@ -25,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ], true)
         ]),
         default: vue.withCtx(() => [
-          _hoisted_1
+          _cache[0] || (_cache[0] = vue.createElementVNode("i", { class: "bg-info-circle-icon block h-3 w-3" }, null, -1))
         ]),
         _: 3
       }, 8, ["disabled"]);

package/dist/cjs/p-inline-date-picker.js

@@ -1,144 +1,3 @@
 "use strict";
-const dayjs = require("dayjs");
-const inputClassesMixin = require("./inputClassesMixin.js");
-const vCalendar = require("v-calendar");
-const vue = require("vue");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const selectAttribute = {
-  highlight: { class: "bg-primary", contentClass: "text-white" }
-};
-const DEFAULT_MASKS = {
-  // The mask for the input
-  input: "DD-MMM-YYYY",
-  // The mask for the model value
-  data: "YYYY-MM-DD"
-};
-const _sfc_main = vue.defineComponent({
-  name: "PInlineDatePicker",
-  components: {
-    DatePicker: vCalendar.DatePicker
-  },
-  mixins: [inputClassesMixin],
-  inheritAttrs: false,
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    errorMsg: {
-      type: String,
-      default: ""
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    minDate: {
-      type: Date,
-      default: null
-    },
-    maxDate: {
-      type: Date,
-      default: null
-    },
-    timezone: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["update:modelValue"],
-  data() {
-    return {
-      // innerValue is a Date object
-      innerValue: null,
-      selectAttribute
-    };
-  },
-  computed: {
-    masks() {
-      return Object.assign(DEFAULT_MASKS, this.$attrs.masks);
-    },
-    attrs() {
-      const { class: classes, style, ...rest } = this.$attrs;
-      return rest;
-    },
-    listeners() {
-      return Object.keys(this.$attrs).reduce((acc, curr) => {
-        if (curr.startsWith("on")) {
-          return { ...acc, [curr]: this.$attrs[curr] };
-        } else {
-          return acc;
-        }
-      }, {});
-    },
-    style() {
-      return this.$attrs.style;
-    },
-    styleDatepicker() {
-      return this.errorMsg ? { border: "1px solid var(--color-on-error)" } : {};
-    }
-  },
-  watch: {
-    modelValue: {
-      async handler(nV) {
-        const date = dayjs(nV, this.masks.data).toDate();
-        if (nV && date.toString() === "Invalid Date") {
-          this.$emit("update:modelValue", null);
-          return;
-        }
-        this.innerValue = nV ? dayjs(nV, this.masks.data).toDate() : null;
-        const datepicker = this.$refs.datepicker;
-        if (datepicker && typeof datepicker.move === "function" && this.innerValue) {
-          await datepicker.move(this.innerValue);
-        }
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    dayclick(e) {
-      this.$emit("update:modelValue", e.id);
-    }
-  }
-});
-const _hoisted_1 = ["data-has-error"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_DatePicker = vue.resolveComponent("DatePicker");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
-    "data-has-error": !!_ctx.errorMsg,
-    style: vue.normalizeStyle(_ctx.style)
-  }, [
-    vue.renderSlot(_ctx.$slots, "label", {
-      label: _ctx.label,
-      labelClasses: _ctx.labelClasses
-    }, () => [
-      _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
-        key: 0,
-        class: vue.normalizeClass(_ctx.labelClasses)
-      }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
-    ]),
-    vue.createVNode(_component_DatePicker, vue.mergeProps({
-      ref: "datepicker",
-      class: { "pointer-events-none opacity-70": _ctx.$attrs.disabled },
-      "model-value": _ctx.innerValue,
-      "select-attribute": _ctx.selectAttribute,
-      "min-date": _ctx.minDate || null,
-      "max-date": _ctx.maxDate || null,
-      masks: _ctx.masks,
-      style: _ctx.styleDatepicker,
-      timezone: _ctx.timezone
-    }, _ctx.listeners, { onDayclick: _ctx.dayclick }), null, 16, ["class", "model-value", "select-attribute", "min-date", "max-date", "masks", "style", "timezone", "onDayclick"]),
-    vue.withDirectives(vue.createElementVNode("div", {
-      class: vue.normalizeClass(_ctx.errorMsgClasses)
-    }, vue.toDisplayString(_ctx.errorMsg), 3), [
-      [vue.vShow, _ctx.errorMsg]
-    ])
-  ], 14, _hoisted_1);
-}
-const pInlineDatePicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = pInlineDatePicker;
+const pInlineDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-inline-date-picker.js");
+module.exports = pInlineDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;